@charset "utf-8";
/* CSS Document */

/*フォームサンプルの色*/
textarea::placeholder,
input::placeholder {
  color: #D6D6D6 !important;
}

/* IE */
textarea::placeholder,
input:-ms-input-placeholder {
  color: #EFEFEF !important;
}

/* Edge */
textarea::placeholder,
input::-ms-input-placeholder {
  color: #EFEFEF !important;
}

/*埋め込み要素のはみ出しを防止*/
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #3187F9!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #E1D902!important; }/*黄*/
.navy{ color: #004182!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.pink{ color: #FF7173!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #11ee11!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #aaa!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*周りのブロックからの距離（margin）*/
.m-40-b{ margin-bottom: -40px!important; }

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

.login-logo{
	font-size: 1.4em;
}

.title_base{
	font-weight: bold;
	text-align: right;
	line-height: 2.6em;
}

.info-box a {
	width: 100%;
	display: block;
	color: #000;
}

.comment {
	vertical-align: bottom;
}

.sortbox{
	display: none;
}
.girl_box ul{
	margin-right: -20px;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.girl_box ul li{
	float: left;
	width: 160px;
	height: 270px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #F3F3F3;
}
.girl_box ul li img{
	padding: 10px;
}
.info_box ul{
	margin-right: -20px;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.info_box ul li{
	float: left;
	width: 320px;
	height: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #F3F3F3;
	overflow: hidden;
	text-align: center;
}
.info_box ul li img{
	padding: 10px;
}

.video_box ul{
	margin-right: -20px;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.video_box ul li{
	float: left;
	width: 320px;
	height: 100px;
	padding: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #F3F3F3;
	overflow: hidden;
	text-align: center;
}


.new {
	text-align: center;
	position: absolute;
	margin-top: -37px;
	margin-left: 20px;
}

.link_box_468 ul{
	margin-right: -20px;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.link_box_468 ul li{
	float: left;
	padding: 5px;
	width: 488px;
	height: 120px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #EEE;
}
.link_box_468 ul li img{
	max-width: 468px;
	max-height: 60px;
	overflow: hidden;
}
.link_box_200 ul{
	margin-right: -20px;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.link_box_200 ul li{
	float: left;
	padding: 5px;
	width: 220px;
	height: 95px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #EEE;
}
.link_box_200 ul li img{
	max-width: 200px;
	max-height: 40px;
	overflow: hidden;
}
.link_box_88 ul{
	margin-right: -20px;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.link_box_88 ul li{
	float: left;
	padding: 5px;
	width: 168px;
	height: 86px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #EEE;
}
.link_box_88 ul li img{
	max-width: 88px;
	max-height: 31px;
	overflow: hidden;
}
.link_box_ga ul{
	margin-right: -20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.link_box_ga ul li{
	float: left;
	padding: 5px;
	width: 300px;
	height: 60px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #EEE;
	overflow: hidden;
}
.hotel_city_box ul{
	margin-right: -20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.hotel_city_box ul li{
	float: left;
	padding: 5px;
	width: 350px;
	height: 60px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #EEE;
}
.hotel_box ul{
	margin-right: -20px;
	overflow: hidden;
	zoom: 1;
	list-style: none;
}
.hotel_box ul li{
	float: left;
	padding: 5px;
	width: 90%;
	height: 60px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	position:relative;
	z-index:1;
	border: 1px solid #CCC;
	background-color: #EEE;
}
.type ul li{
	list-style: none;
	float: left;
	width: 180px;
}
.paging {
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 20px;
}

.paging a {
	line-height: 2.5;
	margin-right: 10px;
	border: 1px solid #DADADA;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.paging a:hover {
	background-color:#CCC;
}

.paging a.current {
	text-decoration: none;
	font-size: 1.0em;
	background-color:#EEE;
}

/*------------------------------------------------------------
フォント
-------------------------------------------------------------*/

/* 選択用 */

.mei{
    font-family: 'メイリオ', 'Meiryo', "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro";
}

.min{
    font-family: "Sawarabi Mincho";
}

.fjalla{
    font-family: 'Fjalla One', sans-serif;
}

.marcellus{
    font-family: 'Marcellus SC', serif;
}

.emilys{
    font-family: 'Emilys Candy', cursive;
}

.mystery{
    font-family: 'Mystery Quest', cursive;
}

.allura{
    font-family: 'Allura', cursive;
}

.pinyon{
    font-family: 'Pinyon Script', cursive;
}

.cormorant{
    font-family: 'Cormorant SC', serif;
}

.sansita{
    font-family: 'Sansita', sans-serif;
}

.abril{
    font-family: 'Abril Fatface', cursive;
}

.cinzel{
    font-family: 'Cinzel', serif;
	font-size: 1.4em;
}

/*--------------------------------------------------------
スマホ表示・非表示のスタイル
--------------------------------------------------------*/


@media (max-width: 736px){
  .visible-xs{
    display: block !important;
  }
}

@media (min-width: 737px){
  .visible-xs{
    display: none !important;
  }
}

@media (max-width: 736px){
  .hidden-xs{
    display: none !important;
  }
}

@media (min-width: 737px){
  .hidden-xs {
    display: block !important;
  }
}


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

@media (max-width: 736px){
/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
.table-block,
.table-block thead,
.table-block tbody,
.table-block tfoot,
.table-block tr,
.table-block th,
.table-block td{
	display: block;
}

.table-block{
	border-bottom: 1px solid #959595;
}

.table-block th,
.table-block td{
	float: left;
	width: 100%!important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.table-block:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}

.table-scroll:before{
	content: "※はみ出ている場合、横にスクロール。"
}
}

/*------------------------------------------------------------
説明
-------------------------------------------------------------*/
.box {
	padding: 10px;
}

.setsumei {
	font-size: 16px;
	line-height: 2;
}