@charset "UTF-8";

h2 img {
    width: 100%;
}
#mainContents { overflow: hidden; padding-top: 10px; }

#contents.column1 { padding: 0; background: #fff; }

.pc { display: none; }

.top_bnr { margin: 20px 10px 0; }

.top_bnr li { width: 100%; margin: 0 auto 10px; }

.top_bnr li img { width: 100%; display: block; }

#Top { width: 100%; }

#Top img.sp { display: block; width: 100%; }

.navi { background: #f5f5f5; z-index: 10; width: 100%; }

.navi ul { display: flex; justify-content: center; flex-wrap: wrap; padding: 5px 0; }

.navi li { width: 16%; border-right: 1px solid #9fa0a0; box-sizing: border-box; display: flex; align-items: center; }

.navi li:last-child { border-right: none; }

.navi li a { padding: 4px 0; display: block; width: 100%; }

.navi li a span { color: #231815; font-size: 13px; display: block; text-align: center; white-space: nowrap; }

.navi li.pc_nav { border: none;}

.navi li a:hover { opacity: 0.7; }

.award { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 15px 10px; }

.sub-text1 {
	text-align: center;
	font-size: 12px;
	margin: 0 10px;
 font-family: "游明朝", serif;
 font-weight:bold;
}
.sub-text2 {
	text-align: center;
	font-size: 12px;
	margin: 0 10px;
 font-family: "游明朝", serif;
 font-weight:bold;
}

.award li { width: 48%; margin-bottom: 10px; }

.award li img { display: block; width: 100%; }

.ttl { background: #f5f5f5; padding: 10px 0; margin-bottom: 25px; }

.ttl-bg-hide {
	background: none;
}

.ttl span { display: block; background: url(https://img.travel.rakuten.co.jp/select/jr-inn/201804/images/jr_icon.png) left center no-repeat; background-size: 25px 23px; padding: 0 30px 0 30px; font-size: 18px; font-family: "游明朝"; position: relative; font-weight: bold;}
.ttl span:before { position: absolute; content: ""; width:25px ; height: 23px; display: block; background: url(https://img.travel.rakuten.co.jp/select/jr-inn/201804/images/jr_icon_r.png) 0 0 no-repeat; right: 0; top: calc(50% - 10px); background-size: 25px;}

.htl .ttl { margin-bottom: 20px; }

.htl .ttl img { display: block; margin: 0 auto; width: 60%; }

.w1000 { margin: 8px; }

.sixth { margin-bottom: 30px; }

.sixth .list_6 li { width: 100%; position: relative; padding-top: 9px; margin: 0 0 20px; }

.sixth .list_6 li h3 { background: #f5f5f5; padding: 10px; }

.sixth .list_6 li h3 span { font-size: 14px; color: #231815; padding-left: 70px; display: block; line-height: 1.4; }

.sixth .list_6 li h3 span em { font-style: normal; font-size: 18px; font-family: "游明朝", serif;}

.sixth .list_6 li p { text-align: center; font-size: 13px; background: #f5f5f5; padding: 5px 0; margin-bottom: 5px; font-family: "游明朝", serif;}

.sixth .list_6 li div img { display: block; width: 100%; }

.sixth .list_6 li .icon { position: absolute; top: 0; left: 0; width: 60px; height: 45px; }

.sixth .list_6 li .icon img { width: 100%; }

.gurume { margin-bottom: 30px; }

.gurume ul { display: flex; justify-content: space-between; flex-wrap: wrap; font-family: "游明朝", serif; font-weight: bold;}

.gurume ul li { margin: 0 0 10px; }

.gurume ul li:first-child, .gurume ul li:nth-child(2) { width: 49%; }

.gurume ul li:nth-child(3), .gurume ul li:nth-child(4), .gurume ul li:last-child { width: 49%; }

.gurume ul li p { font-size: 10px; color: #231815; text-align: right; padding: 5px 0; }

.gurume ul li img { width: 100%; display: block; }

#contentsArea .hotels { margin: 10px 10px 20px; }

#contentsArea .hotels .jdsPhotoThumbnail { overflow: hidden; margin: 0 auto; position: relative; margin-bottom: 10px; }

#contentsArea .hotels .jdsPhotoThumbnail .mainPhoto { position: relative; z-index: 1; width: 100%; }

#contentsArea .hotels .jdsPhotoThumbnail .photoMore { position: absolute; background-color: rgba(0, 0, 0, 0.8); z-index: 3; bottom: 18.3%; left: 0; color: #fff; font-size: 12px; padding: 5px; width: 100%; box-sizing: border-box; }

#contentsArea .hotels .jdsPhotoThumbnail .thumPhotos { display: flex; justify-content: space-between; width: 100%; }

#contentsArea .hotels .jdsPhotoThumbnail .thumPhotos li { width: 19%; }

#contentsArea .hotels .jdsPhotoThumbnail .thumPhotos li img { width: 100%; }

#contentsArea .hotels .planttl img { display: block; width: 90%; margin: 0 auto; }

#contentsArea .hotels .plancontainer { padding: 10px 0; }

#contentsArea .hotels .plancontainer li { margin-bottom: 10px; }

#contentsArea .hotels .plancontainer li a { display: block; border: 1px solid #b5b5b5; background: #fff; padding: 10px 24px; font-size: 18px; color: #30366c !important; line-height: 1.8; position: relative; }

#contentsArea .hotels .plancontainer li a:hover { text-decoration: none; }

#contentsArea .hotels .plancontainer li a span { word-break: normal; display: block; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-align: center; font-size: 13px; }

#contentsArea .hotels .plancontainer li a span b { color: #d90000; }

#contentsArea .hotels .plancontainer li a span b em { font-size: 18px; font-style: normal; }

#contentsArea .hotels .plancontainer li a span:first-child { font-weight: bold; font-size: 16px; }

#contentsArea .hotels .plancontainer li .gerybg { background: #e5e5e5; }

#contentsArea .hotels .btn { display: flex; justify-content: space-between; flex-wrap: wrap; }

#contentsArea .hotels .btn li { width: 49%; margin-bottom: 8px; }

#contentsArea .hotels .btn li a { display: block; padding: 14px 0; text-align: center; font-size: 15px; color: #4f9e57; border: 1px solid #4f9e57; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; }

#contentsArea .hotels .btn li a:hover { background: #4f9e57; color: #fff; text-decoration: none; }



/*# sourceMappingURL=contents_sp.css.map */
/*============================
#menu-sp
============================*/
#menu-sp {display: block;position: fixed;width: 100%;bottom: 0;z-index: 999;background: #fffaf7;box-sizing: border-box;}
#menu-sp .main-acc {display: none;padding: 15px 10px 1em;position: absolute;bottom: 47px;width: 100%;background: rgba(255, 251, 249, 0.9);box-sizing: border-box;}
#menu-sp .menu-arrow {display: inline-block;width: 10px;height: 10px;border-top: solid 3px #333;border-right: solid 3px #333;border-radius: 1px;-webkit-transform: rotateX(0deg) rotate(-45deg);transform: rotateX(0deg) rotate(-45deg);position: relative;top: 1px;left: 7px;transition: 0.4s;}
#menu-sp .is-show .menu-arrow {top: -3px;-webkit-transform: rotateX(-180deg) rotate(-45deg);transform: rotateX(-180deg) rotate(-45deg);}
#menu-sp .ico-close {position: absolute;width: 22px;height: 22px;display: block;top: 8px;right: 8px;cursor: pointer;}
#menu-sp .ico-close:before, #menu-sp span.ico-close:after {content: '';width: 22px;height: 2px;display: block;background: #616161;position: absolute;top: 50%;}
#menu-sp .ico-close:before {transform: rotate(-45deg);}
#menu-sp .ico-close:after {transform: rotate(45deg);}
#menu-sp ul li a {font-size: 1em;font-weight: bold;letter-spacing: 0.05em;}
#menu-sp .menu-list1 li {text-align: center;}
/* 2 column */
#menu-sp .menu-list1.col2 {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 12px;}
#menu-sp .menu-list1.col2 li {width: 48%;}
#menu-sp .menu-list1 li a {padding: 0.6em 0;display: inline-block;border-bottom: 1px solid #989898;width: 100%;box-sizing: border-box;}
#menu-sp .menu-list1 li a span {display: block;font-size: 12px;}
#menu-sp .menu-list2 li {text-align: center;}
#menu-sp .menu-list2 li a {padding: 0.7em 0 0;display: inline-block;width: 100%;}
#menu-sp .menu-list2 .ico-info a span {position: relative;}
#menu-sp .menu-list2 .ico-info a span:before {content: '';width: 22px;height: 22px;display: inline-block;position: absolute;top: 0;left: -26px;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) no-repeat left center;background-size: 22px;}
#menu-sp p.btn-acc {font-size: 1em;font-weight: bold;color: #333;text-align: center;text-shadow: 1px 1px 1px #b1b1b1;letter-spacing: 0.05em;width: 100%;height: 47px;line-height: 47px;cursor: pointer;background: #eae9df;}

.navi {
	display: none;
}

#sevInfo h2 {
    margin: 0px auto 0;
    padding-top: 20px;
}
.pbBtn { width: 90%; margin: 0 auto auto auto;}
.pbBtn img { width: 100%;}
#topNav { display: block; height: auto;}