@charset "UTF-8";
#widewrapper, #contentsArea, #mainContents { width: 100%; overflow: hidden; }

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

#contentsArea a:hover { opacity: 0.8; }

.sp { display: none; }

.top_bnr { display: flex; justify-content: center; margin: 20px 30px; }

#Top { width: 100%; margin-bottom: 0; }

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

.navi { z-index: 11; background: #f5f5f5; width: 100%; overflow: hidden; }

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

.navi li { width: 132px; border-right: 1px solid #9fa0a0; }

.navi li a { padding: 22px 0; display: block; }

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

.navi li img { display: block; margin: 0 auto; width: 110px; }

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

.navi.alwaysFix { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); width: 946px; }

.award {display: flex;justify-content: space-between;;width: 946px ;margin: 45px auto 20px;padding-left: 50px;position: relative; box-sizing: border-box;}

.sub-text1 {
	text-align: center;
	font-size: 18px;
	margin: 20px 0 40px;
	letter-spacing: 0.05em;
    font-family: "游明朝", serif;
    font-weight: bold;
}
.sub-text2 {
	text-align: center;
	font-size: 15px;
	margin: -20px 0 40px;
	letter-spacing: 0.05em;
    font-family: "游明朝", serif;
    font-weight: bold;
}
.award:before, .award:after {
    content: "";
    display: block;
    width: 16px;
    height: 142px;
    position: absolute;
    top: -17px;
}
.award:before {
    background: url("https://img.travel.rakuten.co.jp/select/jr-inn/201804/images/brackets_left.png");
    left: 15px;
}
.award:after {
    background: url("https://img.travel.rakuten.co.jp/select/jr-inn/201804/images/brackets_right.png");
    right: 15px;
}

.award li { width: 33%; }

.award li:nth-child(2) { margin-right: 0px; }

.award li img { width: 100%; max-width: 321px; }

.ttl { width: 100%; background: #f5f5f5; padding: 5px 0; margin-top: 35px; margin-bottom: 45px; position: relative; }

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

.ttl img { display: block; margin: 0 auto; }

.ttl:after { position: absolute; content: ''; width: 100%; height: 1px; background: #f5f5f5; left: 0; bottom: -4px; }

.ttl-bg-hide:after {
	content: none;
}

.w1000 { width: 946px; margin: 0 auto; }

.sixth { margin-bottom: 50px; }

.sixth .list_6 { display: flex; justify-content: space-between; flex-wrap: wrap; }

.sixth .list_6 li { width: 460px; position: relative; padding-top: 12px; margin: 10px 0 30px; }

.sixth .list_6 li img { display: block; }

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

.gurume { margin-bottom: 40px; }

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

.gurume ul li { margin-bottom: 20px; }

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

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

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

#contentsArea .hotels { width: 900px; margin: 0 auto; }

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

#contentsArea .hotels .jdsPhotoThumbnail .mainPhoto { float: left; position: relative; z-index: 1; width: 744px; }

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

#contentsArea .hotels .jdsPhotoThumbnail .thumPhotos { float: right; width: 146px; }

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

#contentsArea .hotels .jdsPhotoThumbnail .thumPhotos li img:hover { cursor: pointer; }

#contentsArea .hotels .planttl { text-align: center; }

#contentsArea .hotels .plancontainer { padding: 20px 60px; display: flex; justify-content: center; }

#contentsArea .hotels .plancontainer li { margin: 0 17px; }

#contentsArea .hotels .plancontainer li a { display: block; width: 347px; 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: 21px; 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; }

#contentsArea .hotels .btn li { width: 214px; }

#contentsArea .hotels .btn li a { display: block; padding: 14px 0; text-align: center; font-size: 18px; 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; }



.pagetop { position: fixed; width: 60px; height: 60px; right: 50px; bottom: 50px; }

/*# sourceMappingURL=contents_pc.css.map */


#keyVisual.newKV {
    z-index: 10;
}

.rightBlock { background: #fff; padding-bottom: 50px;}
.columleft { position: relative;}
.ttl-bg-hide img, .award img, .sixth .list_6 li img, .gurume ul li img { width: 100%; margin-left: auto; margin-right: auto;}

.pbBtn { width: 470px; margin: 0 auto auto auto;}
.fixTop_3 { position: fixed; top: 0; left: calc(50% - 610px); z-index: 200; float: none;}
.fixTop_bottom { position: absolute; bottom: 0; left: 0; z-index: 200; float: none;}

@media screen and (max-width: 1260px){
  .fixTop_3 { position: relative!important; float: left;}
  #contents .pagetop { z-index: 500;}
}