@charset "utf-8";
/*-------------------------------------------------------------------
	TOP Page Content
--------------------------------------------------------------------*/
.viewer {z-index: -1;height: auto !important;margin:0px auto;width :100%;position:relative;overflow:hidden;}
.viewer ul {vertical-align: bottom !important;width:100%;overflow:hidden;position:relative;}
.viewer ul li {top:0;left:0;width:100%;position:absolute;}
.viewer ul li img {width:100%;}
.viewer ul:after {content:".";height:0;clear:both;display:block;visibility:hidden;}
.viewer ul {display:inline-block;overflow:hidden;}

.mod02 {overflow: hidden;}
.mod02 .modbox {float: left;width: 50%;}
.mod02lr {overflow: hidden;}
.mod02lr .modbox {float: left;width: 48%;}
.mod02lr .modbox:nth-child(even) {float: right;width: 48%;}
@media screen and (max-width: 991px) {
	.viewer {z-index: 0;padding-top:50px;}
	.viewer ul, .viewer ul li {width: 100% !important;}
	.mod02 .modbox {float: none;width: 100%;margin-bottom: 10px;}
	.mod02lr .modbox {float: none;width: 100%;margin-bottom: 10px;}
	.mod02lr .modbox:nth-child(even) {float: none;width: 100%;}
}

#page-home .content.c-m {margin: 0;}
#point1 {background: #dfbc81 url(../img/index/top_point_bg01.png) no-repeat center center;}
#point2 {background: #46322d url(../img/index/top_point_bg02_3.jpg) no-repeat center center;background-size: cover;}
#point1 .inner,
#point2 .inner {width: 960px !important;margin: auto;padding: 60px 0;text-align: left;overflow: hidden;position: relative;}
#page-home #point1 .btnA {position: absolute;right: 0;bottom: 65px;}
#page-home #point2 .inner {overflow: hidden;letter-spacing: -.4em;width: 100% !important;}
#point2 .inner .read {padding: 0 30px 30px 30px;}
#point2 .inner .read a {color: #db972b;text-decoration: underline;}
#point2 .inner .read a:hover {text-decoration: none;}
#point2 .inner .leftbox {letter-spacing: normal;display: inline-block;min-width: 430px;width: 50%;color: #fff;/*margin-right: 50px;*/vertical-align: top;}
#point1 .inner .inbox h3,
#point2 .inner .inbox h3 {font-size: 30px;letter-spacing: 2px;padding: 0 0 20px 0;}
#point2 .inner .rightbox {letter-spacing: normal;display: inline-block;min-width: 430px;width: 50%;color: #fff;vertical-align: top;}
#point2 .inner .inbox {width: 55%;color: #fff;float: right;}
#page-home #point2 .btnA a {width: 270px;height: 50px;line-height: 50px;}
#point2 #rooms {padding: 0;}
.col-2 {display: flex; flex-direction: row; justify-content: center;}
.row-2 {position: relative; margin: 0 auto; transition: opacity ease 400ms;}
.row-2 img {display: block; width: 100%; max-width: 270px; height: auto; margin: 0 auto 16px auto; border-radius: 2px; box-shadow: 2px 2px 4px black;}
.row-2:hover {opacity: 0.8;}
.row-2 a {text-decoration: none;}
.row-2 p {display: block; background: rgba(0, 0, 0, 0.6); width: 100%; text-align: center; position: absolute; bottom: 0px; margin: 0; padding: 8px 0;}
@media (max-width: 640px) {
	.col-2 {flex-direction: column;}
	.row-2 {position: relative; text-align: center;}
	.row-2 img {max-width: none; position: static;}
	.row-2 .btnA {position: absolute; bottom: 44px; left: 50%; transform: translate(-50%);}
	.row-2 .btnA a {background: url(../img/com/ico_btnA_arrow_brown.png) no-repeat right 20px center;}
}
.read p {margin-bottom: 16px;}

/*-- SP --*/
@media screen and (max-width: 991px) {
	#point1 {background: #dfbc81 url(../img/index/top_point_bg01sp.jpg) no-repeat center center;background-size: contain;}
	#point2 {background: #432912 url(../img/index/top_point_bg02nsp.jpg) no-repeat center center;background-size: contain;}
	#point2 .inner {position: static;}
	#point2 .inner .inbox {position: static;top: 0;right: 0;}
	#point2 .box2:before {content: none;}
	#point1 .inner,
	#point2 .inner {width: 100% !important;padding: 20px 0;}
	#page-home #room-list .column .photos-left img {width: 100% !important;}
	#page-home #room-list .column .photos-left a {width: 100%;}
	#page-home #room-list .column h3 {font-weight: bold;padding: 0 0 10px 0;font-size: 16px;}
	#page-home #room-list .column .column-inner {margin: 0;padding: 0;border-bottom: none;}
}
/* 20190219 add end */
@media screen and (max-width: 991px) {
	#point1 .inner .inbox,
	#point2 .inner .inbox {width: 90%;float: none;margin: auto;}
	#point1 .inner .inbox h3,
	#point2 .inner .inbox h3 {font-size: 22px;letter-spacing: 1px;padding: 0 0 10px 0;text-align: center;}
	#page-home #point1 .btnA {position: relative;right: auto;bottom: auto;margin: 20px auto;}
	#page-home #point1 .btnA a {width: 90%;}
	#point2 .inner {padding: 0;}
	#point2 .inner .leftbox {display: block;width: 100%;min-width: auto;margin: auto;padding: 0 0 30px 0;background: #46322d url(../img/index/top_point_bg02a_sp.jpg) no-repeat center bottom;background-size: cover;overflow: hidden;}
	#point2 .inner .rightbox {display: block;width: 100%;min-width: auto;margin: auto;padding: 0 0 30px 0;background: #46322d url(../img/index/top_point_bg02b_sp.jpg) no-repeat center center;background-size: cover;overflow: hidden;}
}

/* titel */
#top_rooms h2 {text-align: center;background: url(../img/title/ttl_top_rooms_pc.png) no-repeat center center;text-indent: -9999999px;border: none;}
#page-home #news h2 {text-align: center;background: url(../img/title/ttl_top_news_pc.png) no-repeat center center;text-indent: -9999999px;border: none;}
#page-detail h2 {text-align: center;background: url(../img/title/ttl_top_news_pc.png) no-repeat center center;text-indent: -9999999px;border: none;}
#recommends h2 {text-align: center;background: url(../img/title/ttl_top_plan_pc.png) no-repeat center center;text-indent: -9999999px;border: none;}
#top_access h2 {text-align: center;background: url(../img/title/ttl_top_access_pc.png) no-repeat center center;text-indent: -9999999px;border: none;}
#page-home #room-list h2 {text-align: center;background: url(../img/title/ttl_room_pc.png) no-repeat center center;text-indent: -9999999px;border: none;}

@media screen and (max-width: 991px) {
	#top_rooms h2 {background: url(../img/title/ttl_top_rooms_sp.png) no-repeat center center;background-size: 80%;}
	#top_access h2 {background: url(../img/title/ttl_top_access_sp.png) no-repeat center center;background-size:280px;height:80px;}
	#page-home #room-list h2 {background: url(../img/title/ttl_room_sp.png) no-repeat center center;background-size: 80%;}
	#page-home #news h2 {background: url(../img/title/ttl_top_news_sp.png) no-repeat center center;background-size: 80%;}
	#page-home #recommends h2 {background: url(../img/title/ttl_top_plan_sp.png) no-repeat center center;background-size: 80%;}
	#top_rooms h2,
	#top_access h2,
	#page-home #room-list h2,
	#page-home #news h2,
	#page-home #recommends h2 {background-size:280px;height:80px;}
}

#top_rooms {padding: 50px 0 45px 0;background: #fffbf7;}
#top_rooms .inner {width: 960px !important;margin: auto;padding: 30px 0;}
#top_rooms .modbox {float: left;width: 460px;background: #fff;border-radius: 10px;box-shadow: 0 4px 15px #aaa;overflow: hidden;margin: 0 10px 30px 5px;}
#top_rooms .modbox:nth-child(even) {float: right;width: 460px;background: #fff;border-radius: 10px;box-shadow: 0 4px 15px #aaa;overflow: hidden;margin: 0 5px 30px 10px;}
#top_rooms .modbox .image {display: none;justify-content: center;align-items: center;}
#top_rooms .modbox .image img {width: 100%;}
#top_rooms .modbox .text {text-align: left;padding: 20px;overflow: hidden;}
#top_rooms .modbox .text .text_name {float: left;}
#top_rooms .modbox .text h4 {font-size: 20px;font-weight: bold;}
#top_rooms .modbox .text .spec {font-size: 14px;color: #767676;}
#top_rooms .modbox .text .top_rooms_btn {float: right;}
#top_rooms .modbox .text .top_rooms_btn a {color: #fff;font-size: 14px;text-align: center;padding: 5px 15px;background: #db972b;border: 1px solid #db972b;}
#top_rooms .modbox .text .top_rooms_btn a:hover {background: #fff;color: #db972b;}
#top_rooms .modbox .text_sub {padding: 0 20px 20px 20px;text-align: left;}
#top_rooms .modbox .text_sub:before {clear: both;content: '';display: block;}
#top_rooms .top_amenity {margin: 50px auto;overflow: hidden;}
#top_rooms .top_amenity li {text-align: left;padding: 20px;border-bottom: 1px dotted #7d7d7d;color: #181818;}
#top_rooms .top_amenity li h4 {font-size: 20px;padding-bottom: 10px;}
#top_rooms .top_amenity li a {text-decoration: underline;}
#top_rooms .top_amenity li a:hover {text-decoration: none;}
@media screen and (max-width: 991px) {
	#top_rooms {padding: 20px 0;}
	#top_rooms .inner {width: 90% !important;margin: auto;padding: 30px 0;}
	#top_rooms .modbox {float: none;width: 96%;margin: 0 auto 20px auto;}
	#top_rooms .modbox:nth-child(even) {float: none;width: 96%;margin: 0 auto 20px auto;}
	#top_rooms .modbox .text .text_name {float: none;}
	#top_rooms .modbox .text .top_rooms_btn {float: none;margin-top: 10px;}
	#top_rooms .modbox .text .top_rooms_btn a {display: block;}
	#top_rooms .top_amenity {margin: 20px auto;}
	#top_rooms .modbox .text h4 {font-size: 18px;font-weight: 400;}
	#top_rooms .top_amenity li {font-size: 14px;}
	#top_rooms .top_amenity li h4 {font-size: 18px;font-weight: 400;}
}

@media screen and (max-width: 991px) {#top_1column {padding: 0;}}
#top_access {padding: 50px 0;}
#top_access .inner {width: 960px !important;margin: auto;padding: 30px 0;}
#top_access .inner h4 {font-size: 20px;}
#top_access .mod02 .modbox {text-align: left;}
#top_access .mod02 .modbox .image {width: 90%;margin: 20px auto 0 auto;}
#top_access .mod02 .modbox .image img {width: 100%;}
@media screen and (max-width: 991px) {
	#top_access {padding: 0;}
	#top_access .inner {width: 90% !important;margin: auto;padding: 30px 0;}
	#top_access .inner h4 {font-size: 18px;font-weight: bold;}
	#top_access .mod02 .modbox .image {width: 100%;margin: 10px auto;text-align: center;}
	#top_access .mod02 .modbox .image .linktext {font-size: 12px;}
}
#top_around {padding: 0 0 50px 0;}
#top_around .inner {width: 960px !important;margin: auto;padding: 30px 0;}
#top_around .image_around img {width: 100%;}

#page-home #recommends {text-align: center;margin: auto;padding: 50px 0 60px 0;letter-spacing: -.4em;background: #f8ebda;/*background: #fffbf7;*/}
#page-home #recommends .column {letter-spacing: normal;display: block;width: 300px;vertical-align: top;border-radius: 10px;box-shadow: 1px 1px 5px #aaa;background: #fff;/*margin: 5px 15px 5px 5px;*/overflow: hidden;}
#page-home #recommends .column:nth-child(4n) {margin-right: 0;}
#page-home #recommends .column .plandetail-left {margin: auto;padding: 15px 10px;text-align: left;font-size: 14px;}
#page-home #recommends .column .photos-left {float: none;margin: auto;display: flex;height: 200px;overflow: hidden;justify-content: center;align-items: center;}
#page-home #recommends .column .photos-left img {width: 100% !important;}
@media screen and (max-width: 991px) {
	#page-home #recommends .column .photos-left a {width: 100%;}
}
	
#page-home #recommends .column h3 {font-weight: bold;padding: 0 0 10px 0;font-size: 16px;}
#page-home #recommends .column .column-inner {margin: 0;padding: 0;border-bottom: none;}
#page-home #recommends .more {letter-spacing: normal;}
#page-home #recommends .more a {background: #fff url(../img/com/ico_btnA_arrow_brown.png) no-repeat right 20px center;border: 1px solid #46322d;color: #46322d;text-decoration: none;display: block;text-align: center;width: 270px;height: 50px;line-height: 50px;font-size: 16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 auto;}
#page-home #recommends .more a:hover {background: #46322d url(../img/ico_btnA_arrow_white.png) no-repeat right 20px center;color: #fff;text-decoration: none;}
#page-home #recommends .more a:before {color: #46322d;font-size: 15px;}
#page-home #recommends .more a:hover:before {color: #fff;}
@media screen and (max-width: 991px) {
	#page-home #recommends .more a:hover {background: #fff url(../img/com/ico_btnA_arrow_brown.png) no-repeat right 20px center;color: #46322d !important;text-decoration: none;opacity: 1;}
	#page-home #recommends .more a:hover:before {color: #46322d;}
}
#page-home #news {background: #f7ebd9;/*	background: #fffcf7; */padding: 60px 0;}
#page-home #news .column {width: 960px;margin: auto;text-align: left;}
#page-home #news .column:hover,
#page-home #recommends .column:hover {background: #d3c4b1;}
#page-home #news .column .column-inner {margin: 0;padding: 0;border-bottom: 1px solid #969390;}
#page-home #news .column .plandetail,
#page-home #recommends .column .plandetail {padding: 0 20px 0 10px;position: relative;}
#page-home #news .column .plandetail:after,
#page-home #recommends .column .plandetail:after {content: url(../img/com/ico_arrow_top_news_right.png);position: absolute;top: 50%;right: 10px;margin: auto;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#page-home #news .column h3 {font-size: 16px;font-weight: normal;}
#page-home #news .column h3:before,
#page-home #recommends .column h3:before,
#page-detail .column h3:before {content: none;border: none;margin-right: 0;}
#page-home #news .more,
#page-home #recommends .more {margin: 50px auto 0 auto;}
#page-home #news .more {letter-spacing: normal;}
#page-home #news .more a {background: #46322d url(../img/com/ico_btnA_arrow_white.png) no-repeat right 20px center;border: 1px solid #46322d;color: #fff;text-decoration: none;display: block;text-align: center;width: 270px;height: 50px;line-height: 50px;font-size: 16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 auto;}
#page-home #news .more a:hover {background: #fff url(../img/com/ico_btnA_arrow_brown.png) no-repeat right 20px center;color: #46322d;text-decoration: none;}
#page-home #news .more a:before {color: #fff;font-size: 16px;}
#page-home #news .more a:hover:before {color: #46322d;}
@media screen and (max-width: 991px) {
	#page-home #recommends {display: block;width: 100%;margin: auto;padding: 0 2% 30px 2%;background: #fffbf7;overflow: hidden;}
	#page-home #recommends .column {display: block;width: 96%;/*margin: 5px 15px 20px 5px; 20200807*/overflow: hidden;}
	#page-home #recommends .more a {width: 90%;}
	#page-home #news {display: block;width: 100%;margin: auto;padding: 0 2% 30px 2%;background: #f7ebd9;overflow: hidden;}
	#page-home #news .column {width: 90%;}
	#page-home #news .more,
	#page-home #recommends .more {margin: 20px auto;}
	#page-home #news .more a {width: 90%;}
}
/*-------------------------------------------------------------------
20190219 HOME PAGE ROOM add
--------------------------------------------------------------------*/
#page-home #room-list {text-align: center;margin: auto;padding: 50px 0;letter-spacing: normal;background: #fffcf7;}
#page-home #room-list .room-detail {max-width: 1510px;width: 100%;margin: 0 auto;}
#page-home #room-list h3 {margin-bottom: 5px;}
#page-home #room-list .column {letter-spacing: normal;display: inline-block;width: 480px;vertical-align: top;border-radius: 10px;box-shadow: 1px 1px 5px #aaa;background: #fff;margin: 5px 25px 30px 5px;overflow: hidden;}
#page-home #room-list .column .column-inner {margin: 0;padding: 0;border-bottom: none !important;}
#page-home #room-list .column-inner p a {display: block;background-color: #db972b;color: #fff;font-size: 16px;padding: 8px 23px;margin: 0 auto 15px auto;text-align: center;width: auto;border: 1px solid #db972b;}
#page-home #room-list .column-inner p a:hover {background-color: #fff;color: #db972b;}
#page-home #room-list .price {color: #767676;font-size: 12pt;margin-bottom: 15px;}
#page-home #room-list dl {width: auto;max-width: 1550px;/*max-width:960px;*/margin: 0 6% 0 5%;text-align: left;padding: 0 0 10px 0;letter-spacing: normal;}
#page-home #room-list dt,#page-home #room-list dd {text-align: left;width: 100%;margin: 0 auto;line-height: 1.4em;}
#page-home #room-list dt {font-size: 106%;font-weight: bold;padding: 20px 0 10px 25px;}
#page-home #room-list dd {border-bottom: 1px dotted #7d7d7d;padding: 0 0 20px 25px;}
#page-home #room-list .column .plandetail-left {margin: auto;height: 300px;padding: 25px 27px;text-align: left;font-size: 14px;}
#page-home #room-list .column .photos-left {float: none;margin: auto;display: flex;height: 300px;overflow: hidden;justify-content: center;align-items: center;}
#page-home #room-list .column .photos-left img {width: 100% !important;}
@media screen and (min-width:992px) {#page-home #room-list p.room-info {width: 960px;margin: 0 auto 30px;}}
@media screen and (max-width:991px) {
	#page-home #room-list {display: block;width: 100%;margin: auto;padding: 0 2% 30px 2%;background: #fffbf7;overflow: hidden;}
	#page-home #room-list .column .plandetail-left {height: auto;padding: 15px 20px 20px 20px;}
	#page-home #room-list .column {display: block;width: 96%;margin: 5px 15px 20px 5px;overflow: hidden;}
	#page-home #room-list .column .photos-left {height: auto;}
	#page-home #room-list .column-inner h3 {font-size: 135%;margin-top: 0;margin-bottom: 0;}
	#page-home #room-list .column .photos-left img {margin: 0;}
	#page-home #room-list dl {margin: 0 8% 0 5%;}
	#page-home #room-list .price {margin-bottom: 10px;}
}


/*全国旅行支援 きょうと魅力再発見旅プロジェクトバナー*/
.zenkokuBnr{background:#f7ebd9;text-align:center;padding:40px 10px 20px 10px;}
.zenkokuBnr .textL{font-weight:bold;font-size:22px;color:#E55E42;}
.zenkokuBnr .textS{font-weight:bold;font-size:16px;}
.zenkokuBnr img{width:100%;max-width:900px;}
.zenkokuBnr a:hover{opacity:0.8;}
.zenkokuBnr .btnArea{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px auto 0 auto;max-width:570px;}
@media screen and (max-width:560px) {
	.zenkokuBnr .btnArea{display:block;margin: 20px auto;}
	.zenkokuBnr .btnArea .btnA{margin-bottom: 10px;}
}