@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/

body{
	font-weight:400;
}
/* もっと見る（サイドバー用） */
.sidebar__more{
	margin-top:-1em;
	text-align:right;
}
.sidebar__more a{
	color:#1bb4d3!important;
}

/* 人気記事の順位レイアウト崩れ＋背景色 */
.popular-posts ul li a.no-icon{
	display: block;
}
.popular-posts ul.wpp-list li:nth-child(1) a:before{
	background-color:#d9b340;
}
.popular-posts ul.wpp-list li:nth-child(2) a:before{
	background-color:#6f7b83;
}
.popular-posts ul.wpp-list li:nth-child(3) a:before{
	background-color:#a15326;
}

/* ページネーションがくっつくので */
.pagination li, .page-links li{
	margin:2px!important;
}

/* ――――――――――――――――――――――
 料金
―――――――――――――――――――――― */
.tbl-price{}
.tbl-price th{
	width:40%;
}

/* ――――――――――――――――――――――
 部屋・設備
―――――――――――――――――――――― */
.room-gallery{
display:flex;
flex-wrap:wrap;
width:100%;
list-style-type:none;
}
.room-gallery li{
width:19%;
position:relative;
margin:10px 1% 10px 0!important;
border:2px solid #fff;
box-sizing:border-box;
padding-left:0!important;
}
.room-gallery li:before{
content:"";
width:0!important;height:0!important;
background:none!important;
}
.room-gallery li img{
margin:0!important;
width:100%;
}
.room-no{
position:absolute;
background-color:#000;
bottom:3px;right:3px;
color:#fff;
display:inline-block;
font-size:11px;
line-height:1;
padding:1px 2px 0 2px;
}
.room-icon{
display:block;
text-align:center;
width:20px;
height:20px;
font-size:10px;
font-weight:bold;
line-height:1.9;
background-color:red;
color:#fff;
border-color:red;
border-radius:50%;
position:absolute;
top:-6px;right:-6px;
}

.iframe-wrapper {
position: relative;
padding-bottom: 75%; /* 4:3のアスペクト比 */
height: 0;
overflow: hidden;
}

.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none; /* 枠線を消す場合 */
}

/* ――――――――――――――――――――――
 アメニティ
―――――――――――――――――――――― */
.amenity-menu{
display:flex;
flex-wrap:wrap;
width:100%;
}
.amenity-menu li{
box-sizing:border-box;
font-size:13px;
margin:0!important;
padding:0 .5% 15px!important;
text-align:center;
vertical-align: top;
width:24%;
}
@media only screen and (max-width: 768px) {
	.amenity-menu li{
		box-sizing:border-box;
		width:33%;
		padding:0 1.5% 15px!important;
		text-align:center;
	}
}
.amenity-menu li:before{
content:"";
width:0!important;height:0!important;
background:none!important;
}
.amenity-menu li a{}
.amenity-menu li img{
margin:0!important;
width:100%;
}

/* ――――――――――――――――――――――
 アクセス
―――――――――――――――――――――― */
.tbl-access{}
.tbl-access th{
	width:30%;
}

/*  ――――――――――――――――――――――――――――――――――――――

 SP用

――――――――――――――――――――――――――――――――――――――  */
@media only screen and (max-width: 768px) {

.popular-posts ul li{
	margin-bottom: 0.75em;
}
.popular-posts ul.wpp-list li a:before{
	z-index:100;
}
/* ――――――――――――――――――――――
 部屋・設備
―――――――――――――――――――――― */
#photo_container{
max-width:100% !important;
}
#thumbnail{
width:100%;
float:none;
}
#thumbnail li{
width:49% !important;
max-width:48% !important;
min-width:48% !important;
margin:10px 1% 8px;
}
#main_photo{
display:none;
}

.room-gallery{
width:100%;
}
.room-gallery li{
width:30%;
position:relative;
float:left;
margin:5px 1.5% 5px!important;
border:2px solid #fff;
box-sizing:border-box;
}





} /* SP用ここまで*/