@charset "UTF-8";
/* CSS Document */
b{color: #ff6666;}

section{line-height: 1.5;}
#waribiki,#asobi,#hotel,#mochimono,#jisa{padding: 20px 0 0 0;}
#waribiki h4,#asobi h4,#mochimono h4,#jisa h4{background-color: #72b560;color: #ffffff;font-weight: bold;font-size: 18px;padding: 15px 3%; margin: 0 0 10px 0;}
#waribiki h5,#asobi h5,#hotel h4,#mochimono h5,#jisa h5{color: #2a1111;border-bottom: 1px solid #cccccc;margin: 0 3% 10px 3%;padding: 0 0 5px 0;font-size: 18px;}
#waribiki p,#asobi p,#hotel p,#mochimono p,#jisa p{font-size: 12px; margin: 0 3% 20px 3%;line-height: 1.5;}
#waribiki p>span{display: block;padding-left: 0.5em;}
#waribiki p>span span{margin-left: -0.5em;}
#waribiki dl,#asobi dl,#hotel dl,#mochimono dl,#mochimono ul.items,#jisa dl{ margin: 0 3% 10px 3%;}
#waribiki dt,#asobi dt,#hotel dt,#mochimono dt,#mochimono ul.items li,#jisa dt{background-color: #f8d2a7;padding: 10px 5%;font-weight: bold;font-size: 18px;}
#waribiki dt span,#asobi dt span,#hotel dt span,#mochimono dt span,#jisa dt span{font-weight: normal;font-size: 12px;}
#waribiki dd,#asobi dd,#hotel dd,#mochimono dd,#jisa dd{background-color: #fff4e6;padding: 10px 5%; font-size: 11px;}
#waribiki dd div{padding-left: 0.5em;}
#waribiki dd span{margin-left: -0.5em;}

#waribiki p.ttl1{text-align: center;font-size: 16px;font-weight: bold;}

.table1{ margin: 0 3% 20px 3%;overflow-x: scroll;}
.table1 table{}
.table1 tbody{display: block;width: auto;}
.table1 th{white-space:nowrap;text-align: center;color: #ffffff;font-size: 14px;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;}
.table1 .tableth1{background-color: #004098;}
.table1 .tableth2{background-color: #7d4598;}
.table1 .tableth3{background-color: #00ac96;}
.table1 .tableth4{background-color: #e60012;}
.table1 .tableth5{background-color: #eb6ea5;}
.table1 .tabletd{background-color: #d2d3ea;color: #004098;white-space:nowrap;}
.table1 td{background-color: #e9e5e2;text-align: center;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;font-size: 14px;}

.table2{ margin: 0 3% 20px 3%;}
.table2 .inner{ overflow-x: scroll;}
.table2 table{margin: 0 0 10px 0; width: 100%;}
.table2 th{white-space:nowrap;color: #ffffff;background-color: #7a7a71;font-size: 13px;padding: 8px 8px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;}
.table2 td{background-color: #efefef;text-align: center;padding: 8px 8px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;font-size: 13px;}
.table2 .tableth6{background-color: #ff6666;}
.table2 .tabletd2{background-color: #ffe0e0;}
.table2 td b{color: #ff6666;font-size: 18px;}
.table2 p{margin: 0}
#waribiki .table2 .ttl2{font-size: 16px;font-weight:bold;margin: 0 0 10px 0;}
#waribiki .mb30{margin-bottom: 30px;}

.table3{ margin: 0 3% 20px 3%;overflow-x: scroll;}
.table3 tbody{display: block;width: auto;}
.table3 th{white-space:nowrap;text-align: center;color: #ffffff;font-size: 14px;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;background-color: #7a7a71;}
.table3 td.tabletd1{background-color: ;white-space:nowrap;text-align: left}
.table3 td{background-color: #e3f3f8;text-align: right;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;font-size: 14px;}
.table3 td.price{white-space:nowrap;color: #dd0000;font-weight: bold;}

.table4{ margin: 0 3% 20px 3%;overflow-x: scroll;}
.table4 tbody{display: block;width: auto;}
.table4 th{white-space:nowrap;text-align: center;color: #ffffff;font-size: 14px;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;background-color: #7a7a71;}
.table4 td.tabletd1{background-color: #c9eac5;white-space:nowrap;text-align: left}
.table4 td{background-color: #e4f4e2;text-align: right;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;font-size: 14px;}
.table4 td.price{white-space:nowrap;color: #dd0000;font-weight: bold;}

.table5{ margin: 0 3% 20px 3%;overflow-x: scroll;}
.table5 tbody{display: block;width: auto;}
.table5 th{white-space:nowrap;text-align: center;color: #ffffff;font-size: 14px;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;background: #7a7a71;}
.table5 td.tabletd1{background-color: #f8d2a5;white-space:nowrap;text-align: left}
.table5 td{background-color: #fbe6ce;text-align: right;padding: 10px 15px;vertical-align: middle;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;font-size: 14px;}
.table5 td.price{white-space:nowrap;color: #dd0000;font-weight: bold;}

.link a{text-decoration: underline;background: url(../img/arrow1.png) no-repeat left top;background-size: 8px 14px;padding: 0 0 0 12px;font-size: 14px;}

.air dd{font-size:14px;}
.air dd b{font-size: 18px;}

.faq dd{font-size:14px;}
.faq dd b{font-size: 18px;}

#mochimono .icon1{background-image:url(../img/icon1.png);background-repeat: no-repeat;background-position:0 3px;background-size: 25px 25px;padding: 5px 0 5px 30px;margin: 0;}
#mochimono .icon2{background-image:url(../img/icon2.png);background-repeat: no-repeat;background-position:0 3px;background-size: 26px 22px;padding: 5px 0 5px 30px;margin: 0;}
#mochimono .icon3{background-image:url(../img/icon3.png);background-repeat: no-repeat;background-position:0 3px;background-size: 55px 25px;padding: 5px 0 5px 60px;margin: 0;}
#mochimono dt p,#mochimono ul.items li p{font-size: 16px;}
#mochimono dt,#mochimono ul.items li{font-size: 16px;border-bottom: 1px solid #ffffff;}
#mochimono dd{font-size: 14px; margin-bottom: 15px;}
#mochimono ul{margin: 0 3% 10px 3%;overflow: hidden;}
#mochimono ul li{margin: 0 0 5px 10px;float: left;font-size: 12px;}
#mochimono dd p{margin: 0;padding: 10px 0 0 0;}
#mochimono ul.items li{margin: 0;float: none;font-size: 16px;}

#jisa dd{font-size: 14px; margin-bottom: 15px;}
.ttlclo1{background: #68bfdc;padding: 10px 0 10px 5px;overflow: hidden; height: 50px;margin: 0 0 15px 0;}
.ttlclo1 .main{background: #ffffff;color: #68bfdc;font-size: 16px;padding: 12px 0;margin: 0;font-weight: bold;width: 80px;text-align: center;float: left;}
.ttlclo1 .sub{color: #ffffff;float: left;font-size: 12px;}
.ttlclo2{background: #78ca6e;padding: 10px 0 10px 5px;overflow: hidden; height: 50px;margin: 0 0 15px 0;}
.ttlclo2 .main{background: #ffffff;color: #78ca6e;font-size: 16px;padding: 12px 0;margin: 0;font-weight: bold;width: 80px;text-align: center;float: left;}
.ttlclo2 .sub{color: #ffffff;float: left;font-size: 12px;}
.ttlclo3{background: #f09730;padding: 10px 0 10px 5px;overflow: hidden; height: 50px ; margin: 0 0 15px 0;}
.ttlclo3 .main{background: #ffffff;color: #f09730;font-size: 16px;padding: 12px 0;margin: 0;font-weight: bold;width: 80px;text-align: center;float: left;}
.ttlclo3 .sub{color: #ffffff;float: left;font-size: 12px;}

#asobi h4{padding: 0; margin: 0 0 10px 0;}
#asobi h4 a{display: block; color: #ffffff;font-weight: bold;font-size: 18px;padding: 10px 3%;}
#asobi .area1 h4 a{background-image:url(../img/arrow2.png);background-repeat: no-repeat;background-position: 97% 50%;background-color: #68bfdc; background-size: 8px 14px;}
#asobi .area2 h4 a{background-image:url(../img/arrow2.png);background-repeat: no-repeat;background-position: 97% 50%;background-color: #78ca6e; background-size: 8px 14px;}
#asobi .area3 h4 a{background-image:url(../img/arrow2.png);background-repeat: no-repeat;background-position: 97% 50%;background-color: #f09730; background-size: 8px 14px;}
#asobi ul{margin: 0 0 20px 0;}
#asobi ul li{width: 100%;clear: both;border-bottom: 1px dotted #999999;padding: 0 0 10px 0;margin: 0 0 10px 0;}
#asobi ul li a{display: block;padding: 0 9% 0 3%;background-image:url(../img/arrow1.png);background-repeat: no-repeat;background-position: 97% 50%;background-size: 8px 14px;overflow: hidden;}
#asobi ul li p{width: 60% ;padding: 15px 0 0 0;margin: 0;font-size: 14px;font-weight: bold;float: right;}
#asobi ul li img{width: 35%;float: left;}
#asobi section{clear: both;}
#searchArea{display: block!important;}

#asobi .area1 p.sub{background: #68bfdc;margin: 0 0 10px 0;padding: 10px 3%;color: #ffffff;}
#asobi .area2 p.sub{background: #78ca6e;margin: 0 0 10px 0;padding: 10px 3%;color: #ffffff;}
#asobi .area3 p.sub{background: #f09730;margin: 0 0 10px 0;padding: 10px 3%;color: #ffffff;}

.tab{overflow:hidden;margin: 0 0 0 3%;}
.tab li.select1{background: #68bfdc;}
.tab li.select2{background: #78ca6e;}
.tab li.select3{background: #f09730;}
.tab li{color: #ffffff;font-weight: bold; padding:20px 0; float:left; margin-right:1px;border-top-left-radius: 4px;border-top-right-radius: 4px;width: 32%;text-align: center;font-size: 16px;}
.tab li.select{}
.hide {display:none;}

.linkarea{overflow:hidden;margin: 0 0 10px 3%;}
.linkarea li.select1 a{background: #68bfdc;}
.linkarea li.select2 a{background: #78ca6e;}
.linkarea li.select3 a{background: #f09730;}
.linkarea li a{display: block; color: #ffffff;font-weight: bold; padding:20px 0; float:left; margin-right:1px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;;width: 32%;text-align: center;font-size: 16px;}

#hotel .area1{background-color: #68bfdc;padding: 15px 3%; margin-bottom: 20px;}
#hotel .area2{background-color: #78ca6e;padding: 15px 3%; margin-bottom: 20px;}
#hotel .area3{background-color: #f09730;padding: 15px 3%; margin-bottom: 20px;}
#hotel .block03{margin: 0 0 30px 0;padding: 0 0 0 0;border-bottom: 1px solid #cccccc;padding: 0 0 20px 0;}
#hotel .block03 a{font-size:16px;
	font-weight:bold;
	color:#fff;
	background-image: url(../img/btn_arrow.png);
	background-position: 97% 50%;
	background-repeat: no-repeat;
	background-color: #ff9c00;
	background-size:8px auto;
	padding:13px 20px;
	text-align:center;
	display:block;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow:2px 4px 0px 0px #e0e0ca;
	-moz-box-shadow:2px 4px 0px 0px #e0e0ca;
	-webkit-box-shadow:2px 4px 0px 0px #e0e0ca;
	margin: 0 3% 20px 3%;}
.selectarea{margin:0 0 15px 0;}
.selectarea select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.selectarea select{margin: 0 3%; width: 94%;font-size: 16px;height: 40px;border: 1px solid #cccccc;
	background-image: url(../img/arrow3.png);
	background-position: 97% 50%;
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-size:14px 9px ;}
.selectarea{}

.block0101 img{width: 100%; margin: 0 0 10px 0;}
.grade01 img{width: 16px}
.block02 dt{font-size: 12px;}
.block02 dd{font-size: 12px;}
.comment{font-weight: bold;font-size: 14px;margin: 0 3% 10px 3%;}
.block03{clear: both;}
.block04{margin: 0 3%}
#hotel .block04 ul{width: 100%;margin: 0 0 10px 0;overflow: hidden;}
#hotel .block04 ul li{float: left; width: 15%;margin: 0 0 3px 3px}
#hotel .block04 ul li img{width: 100%;}

/* 幅による改行調整など */
@media screen and (max-width: 320px){
	#waribiki h4, #asobi h4, #mochimono h4, #jisa h4{
		font-size: 17px;
	}
}