@charset "utf-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

.forpc { display: block; }
.forsp { display: none; }

.btn_freetrial { width:400px; margin: auto; }

/*11月修正分*/
.mv { position: relative; }
.bnr_campaign { display: flex; justify-content: space-between; align-items: center; margin-top: 1vw; }
.bnr_campaign p { flex-basis: 49%; }
.txt_feature { width:35%; margin: auto; }
#fixmenu { position: fixed; bottom:0; width:100%; }
#fixmenu ul { display: flex; justify-content: space-between; }
#fixmenu li { flex-basis: 33.33333%; }
#fixmenu li a i { color:#fff; font-size: 150%; }
#fixmenu li {
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		box-sizing: border-box;
		border-right: 1px solid #FFF;
		text-align: center;
		background-color: green;
	}
	#fixmenu li.tell {
		background-image: url(../img/bm_icn_tel.png);
		background-repeat: no-repeat;
		background-position: center 33%;
		background-size: 22px 22px;
	}
	#fixmenu li.reserve {
		background-image: url(../img/bm_icn_rsv.png);
		background-repeat: no-repeat;
		background-position: center 33%;
		background-size: 22px 22px;
		background-color: #FF6600;
	}
	#fixmenu li.access {
		background-image: url(../img/bm_icn_access.png);
		background-repeat: no-repeat;
		background-position: center 25%;
		background-size: 22px 22px;
	}
	#fixmenu li.login {
		background-image: url(../img/bm_icn_login.png);
		background-repeat: no-repeat;
		background-position: center 34%;
		background-size: 22px 22px;
	}
    #fixmenu li.line { background-color: #00B900; }
	#fixmenu li:last-child {
		border-right: 0px dotted #FFF;
	}
    
#fixmenu li a {
		display: block;
		margin: 0;
		padding: 1em .5em;
		color: #FFF;
        font-size: 14px;
		text-decoration: none;
	}

/* body
------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	vertical-align: baseline;
	font-family:  "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: normal;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
img{ vertical-align:bottom; border:none;}
dl,dt,dd,ul,li{ list-style-type:none; margin:0; padding:0;}
p{ margin:0 0 5px 0; padding:0; font-size:100%;}
h1,h2,h3,h4,h5{	margin:0;	padding:0; font-size:100%; line-height:150%; font-weight:normal;}
a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a{
	color: #666666;
	text-decoration: none;
}
a:visited{
	color: #999999;
	text-decoration: none;
}
a:hover  {
	color:#CC0000;
}
a:active { color:#57770C; text-decoration:underline;}
select,input{ padding:3px !important; margin:0 5px 0px 0!important;}	
iframe{ overflow:hidden !important; text-align:left;}


table.normal {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.normal td {
	padding:５px;
	border: solid 1px #666;
}
table.noborder, table.noborder td, table.noborder th {
	border: none !important;
}



/* float
-----------------------------------------------*/
.floatL {float:left;}
.floatR {float:right;}
.clear { clear:both;}
img.imgfloatL {float:left; margin: 0 16px 16px 0;}
img.imgfloatR {float:right; margin: 0 0 16px 16px;}
	
.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}
.clearFix {
		display: inline-table;
		min-height: 1%;
		position:relative;
}
.center {
	text-align:center;	
}

/* ----   
==========================================================
テキスト
========================================================== */

.s1 { font-size: xx-small !important; }
.s2 { font-size: x-small !important; }
.s3 { font-size: small !important; }
.s4 { font-size: medium !important; }
.s5 { font-size: large !important; }
.s6 { font-size: x-large !important;}
.s7 { font-size: xx-large !important; }

.text-right {
	text-align: right !important;	
}
.text-left {
	text-align: left !important;	
}
.text-center {
	text-align: center !important;	
}
.text-red {
	color: #AC2D2D;	
}

/* ----   
==========================================================
マージンセット
========================================================== */

/*reset*/
.mreset {margin:0px !important;}
/*0px*/
.mt00 {margin-top   :0px !important;}
.mr00 {margin-right :0px !important;}
.mb00 {margin-bottom:0px !important;}
.ml00 {margin-left  :0px !important;}
/*5px*/
.mt05 {margin-top   :5px !important;}
.mr05 {margin-right :5px !important;}
.mb05 {margin-bottom:5px !important;}
.mb08 {margin-bottom:8px !important;}
.ml05 {margin-left  :5px !important;}
/*10px*/
.mt10 {margin-top   :10px !important;}
.mr10 {margin-right :10px !important;}
.mb10 {margin-bottom:10px !important;}
.ml10 {margin-left  :10px !important;}
/*15px*/
.mt15 {margin-top   :15px !important;}
.mr15 {margin-right :15px !important;}
.mb15 {margin-bottom:15px !important;}
.ml15 {margin-left  :15px !important;}
/*20px*/
.mt20 {margin-top   :20px !important;}
.mr20 {margin-right :20px !important;}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left  :20px !important;}
/*25px*/
.mt25 {margin-top   :25px !important;}
.mr25 {margin-right :25px !important;}
.mb25 {margin-bottom:25px !important;}
.ml25 {margin-left  :25px !important;}
/*30px*/
.mt30 {margin-top   :30px !important;}
.mr30 {margin-right :30px !important;}
.mb30 {margin-bottom:30px !important;}
.ml30 {margin-left  :30px !important;}
/*35px*/
.mt35 {margin-top   :35px !important;}
.mr35 {margin-right :35px !important;}
.mb35 {margin-bottom:35px !important;}
.ml35 {margin-left  :35px !important;}
/*40px*/
.mt40 {margin-top   :40px !important;}
.mr40 {margin-right :40px !important;}
.mb40 {margin-bottom:40px !important;}
.ml40 {margin-left  :40px !important;}
/*50px*/
.mt50 {margin-top   :50px !important;}
.mr50 {margin-right :50px !important;}
.mb50 {margin-bottom:50px !important;}
.ml50 {margin-left  :50px !important;}
/*60px*/
.mt60 {margin-top   :60px !important;}
.mr60 {margin-right :60px !important;}
.mb60 {margin-bottom:60px !important;}
.ml60 {margin-left  :60px !important;}
/*others*/
.mb100 {margin-bottom:100px !important;}
.mb180 {margin-bottom:180px !important;}
.ml02 {margin-left  :2px !important;}
.ml90 {margin-left  :90px !important;}
.ml120 {margin-left  :120px !important;}

.w100 { width: 100px;}
.w370 { width: 370px;}
.w410 { width: 410px;}
.pt00 { padding-top: 0 !important;}
.pt20 { padding-top: 20px !important;}
.pt40 { padding-top: 40px !important;}
.pt60 { padding-top: 60px !important;}
.pr80 { padding-right: 80px;}
.pd30 { padding-bottom: 30px !important;}



.indent {
	padding-left: 1em;
	text-indent: -1em;	
}
.indent2 {
	padding-left: 2em;
	text-indent: -2em;	
}
.indent3 {
	padding-left: 3em;
	text-indent: -3em;	
}




/* ----   
==========================================================
リスト
========================================================== */



/* ----   
==========================================================
テーブル
========================================================== */