@charset "UTF-8";

#hotel ul.pager-archive{
	display:none;
}

/*//////////----- SORT -----//////////*/

.sort{
	margin-bottom:20px;
}

.sort p.nav-open{
	width:100%;
	
	box-sizing: border-box;
	padding:10px;
	padding-left:35px;
	
	font-size:1.0rem;
	line-height:40px;
	font-weight:bold;
	
	background-color:#a00;
	color:#fff;
	
	border-radius:2.5px;
	
	background-image: url("../images/icon-search-white.png");
	background-repeat: no-repeat;
	background-size:15px;
	background-position: center left 15px;
	
	position: relative;
}

@media only screen and (min-width: 480px){
	
	.sort p.nav-open{
		display:none;
	}
	
}

.sort p.nav-open.active{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.sort p.nav-open:hover{
	opacity: 0.5;
	cursor: pointer;
}

.sort p.nav-open:before{
	display:block;
	content:"開ける";
	
	width:120px;
	
	font-size:0.8rem;
	line-height:30px;
	
	text-align: center;
	
	background-color:#fff;
	color:#000;
	
	position: absolute;
	top:15px;
	right:10px;
	
	border-radius:2.5px;
	
	background-image: url("../images/icon-arrow-down-black.png");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center right 5px;
}

.sort p.nav-open.active:before{
	display:block;
	content:"閉じる";
	
	width:120px;
	
	font-size:0.8rem;
	line-height:30px;
	
	text-align: center;
	
	background-color:#fff;
	color:#000;
	
	position: absolute;
	top:15px;
	right:10px;
	
	border-radius:2.5px;
	
	background-image: url("../images/icon-arrow-up-black.png");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center right 5px;
}

.sort div.post-content{
	display:none;
	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#f8f8f8;
	color:#000;
	
	border-bottom-left-radius: 2.5px;
	border-bottom-right-radius: 2.5px;
}

@media only screen and (min-width: 480px){
	
	.sort div.post-content{
		display:block!important;
	}
	
}

.sort ul.tab{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.sort ul.tab li{
	width:50%;
	
	font-size:0.6rem;
	line-height:40px;
	
	text-align: center;
	
	box-sizing: border-box;
	padding:2.5px;
}

.sort ul.tab li span.note{
	display:block;	
	background-color:#888;
	color:#fff;	
	border-radius:2.5px;
}

.sort ul.tab li .active span.note{
		
	background-color:#a70012;
	
}

.sort ul.tab li span.note:hover{
	background-color:#a70012;
	/*opacity: 0.5;*/
	text-decoration: none;
	
	cursor: pointer;
}

.sort{
	box-sizing: border-box;
	padding:5px;
	
	background-color:#f8f8f8;
	color:#000;
}

.sort div.row{
	margin-bottom:10px;
}

.sort div.row:last-child{
	margin-bottom:0;
}

.sort div.row h6{
	font-weight:bold;	
	box-sizing: border-box;
	padding-bottom:2.5px;
	border-bottom:solid 2.5px #147aaa;
	margin-bottom:5px;
}

.sort div.row ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.sort div.row ul li{
	width:calc(100%/3);	
	text-align: center;	
	font-size:0.6rem;
	line-height:40px;	
	box-sizing: border-box;
	padding:2.5px;
}

.sort div.row ul li a{
	display:block;	
	background-color:#888;
	color:#fff;	
	border-radius:2.5px;
}

.sort div.row ul li.active a{
	background-color:#147aaa;
	}

.sort div.row ul li a:hover{
	background-color:#31a4d9;
	/*opacity: 0.5;*/
	text-decoration: none;	
	cursor: pointer;
}

/*//////////----- ATTENTION -----//////////*/

.attention{
	margin-bottom:20px;
}

.attention div.inner{
	box-sizing: border-box;
	padding:10px;	
	border:solid 5px #f8f8f8;	
	background-color:#fff;
	color:#000;
}

.attention h5{
	font-weight:bold;	
	box-sizing: border-box;
	padding-bottom:5px;
	border-bottom:solid 2.5px #9b0101;
	margin-bottom:10px;
}

.attention ul{
	font-size:0.8rem;
	line-height:2.0em;
}

.attention ul li{
	box-sizing: border-box;
	padding-left:12.5px;	
	position: relative;
}

.attention ul li:before{
	display:block;
	content:"・";	
	position: absolute;
	top:0;
	left:0;
}

/*//////////----- RESULT -----//////////*/

.result div.tab-content div.tab-child{
	display:none;
}

.result div.tab-content div.show{
	display:block;
}

.result h3{
	font-weight:bold;	
	box-sizing: border-box;
	padding-bottom:5px;
	border-bottom:solid 2.5px #147aaa;
	margin-bottom:10px;
	color:#000;
}

.result div.hotelrow{
	margin-bottom:10px;	
	font-size:0.8rem;
	line-height:1.75em;	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;	
	width:100%;
}

.result div.hotelrow:nth-child(1){
	display:none;
}

.result div.hotelrow p{
	width:100%;	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;	
	box-sizing: border-box;
	border-bottom:solid 1px #fff;
}

.result div.hotelrow p span.que{
	display:block;	
	width:80px;
	box-sizing: border-box;
	padding:5px;	
	background-color:#f8f8f8;
	color:#000;
}

.result div.hotelrow p span.ans{
	display:block;	
	width:calc(100% - 80px);
	box-sizing: border-box;
	padding:5px;	
	background-color:#f8f8f8;
	color:#000;	
	border-left:solid 1px #fff;
}