@charset "UTF-8";

/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */

/* SP用CSSの記述 */

/* ////////////////////////////////////
	common
//////////////////////////////////// */

.container{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.container .inner{
	width: 990px;
	margin: 0 auto;
}

.c-text{
	background: #fff;
	padding: 0.7em 1em;
}
.c-text-inner{
	max-width: 990px;
	margin: 0 auto;
	font-size: 0.85em;
	font-weight: bold;
	color: #f91f1f;
}
.c-text-inner a{
	color: #f91f1f;
	text-decoration: underline;
}

/* ////////////////////////////////////
	header
//////////////////////////////////// */

header{
	padding: 15px 0;
	background: #641611;
	
}
header h1{
	max-width: 150px;
	height: auto;
	margin: 0 auto;
}
header h1 img{
	width: 100%;
}

/* ////////////////////////////////////
	.contents-top
//////////////////////////////////// */

.contents-top{
	position: relative;
	z-index: 1;
	padding-bottom: 80px;
}
.contents-top:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	background: url("../images/contents-top-bg.jpg") no-repeat bottom center;
	background-size: cover;
	z-index: -1;
}

/*
	.top-main
------------------------------------ */

.top-main{
	padding: 100px 0 0;
}
.top-main h2{
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}
.top-main h2 img{
	height: 140px;
}

.top-main .top-main-read{
    max-width: 750px;
    margin: 40px auto 0;
    color: #8d7841;
    border-top: 3px double #8d7841;
    border-bottom: 3px double #8d7841;
    padding: 20px 15px;
    line-height: 1.7;
    font-size: 17px;
	text-align: center;
}

/*
	.type-wrap
------------------------------------ */

.type-wrap{
	margin-top: 80px;
	box-shadow: 0px 5px 9px -6px #a1a1a1;
}
.type-list{
	display: flex;
	flex-wrap: wrap;
}
.type-list-item{
	flex: 0 1 50%;
	height: 275px;
	position: relative;
	cursor: pointer;
}
.type-list-item:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 0;
	transition: opacity 0.3s;
}
.type-list-item.active:before{
	opacity: 0.5;
}
.type-list-item:hover:before{
	opacity: 0.5;
}
.type-list-item:hover .type-list-cate{
	background: #fff;
}

.type-list-item.item-1{
	background: url("../images/type-bg-1.jpg") no-repeat center;
	background-size: cover;
}
.type-list-item.item-2{
	background: url("../images/type-bg-2.jpg") no-repeat center;
	background-size: cover;
}
.type-list-item.item-3{
	background: url("../images/type-bg-3.jpg") no-repeat center;
	background-size: cover;
}
.type-list-item.item-4{
	background: url("../images/type-bg-4.jpg") no-repeat center;
	background-size: cover;
}
.type-list-cate{
	background: #641611;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding: 13px;
	position: relative;
	z-index: 1;
	transition: background 0.3s;
}
.type-list-item.item-1 .type-list-cate{
	background: url("../images/type-cate-1-off.png") no-repeat center, #641611;
	background-size: 55%;
}
.type-list-item.item-2 .type-list-cate{
	background: url("../images/type-cate-2-off.png") no-repeat center, #641611;
	background-size: 55%;
}
.type-list-item.item-3 .type-list-cate{
	background: url("../images/type-cate-3-off.png") no-repeat center, #641611;
	background-size: 55%;
}
.type-list-item.item-4 .type-list-cate{
	background: url("../images/type-cate-4-off.png") no-repeat center, #641611;
	background-size: 55%;
}

.type-list-item.item-1:hover .type-list-cate,
.type-list-item.item-1.active .type-list-cate{
	background: url("../images/type-cate-1-on.png") no-repeat center, #fff;
	background-size: 55%;
}
.type-list-item.item-2:hover .type-list-cate,
.type-list-item.item-2.active .type-list-cate{
	background: url("../images/type-cate-2-on.png") no-repeat center, #fff;
	background-size: 55%;
}
.type-list-item.item-3:hover .type-list-cate,
.type-list-item.item-3.active .type-list-cate{
	background: url("../images/type-cate-3-on.png") no-repeat center, #fff;
	background-size: 55%;
}
.type-list-item.item-4:hover .type-list-cate,
.type-list-item.item-4.active .type-list-cate{
	background: url("../images/type-cate-4-on.png") no-repeat center, #fff;
	background-size: 55%;
}

.type-box-item{
	display: none;
	background: url("../images/type-box-bg.jpg") no-repeat right bottom, #f7f2e5;
}
.type-box-item.active{
	display: block;
}
.type-box-inner{
	padding: 45px 120px 50px;
    margin: 0 auto;
	position: relative;
}
.type-box-inner h3{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color: #8d7841;
	text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.5;
}
.type-box-line{
	display: block;
    height: 1px;
    background: #8d7841;
    margin: 20px 0 25px;
    position: relative;
}
.type-box-line:before{
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #8d7841;
}
.type-box-line:after{
	content: "";
	position: absolute;
	top: -3px;
	right: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #8d7841;
}
.type-box-inner p{
	font-size: 16px;
    line-height: 1.9;
}
.type-box-inner > small{
	position: absolute;
    right: 25px;
    bottom: 15px;
}

.type-box-item.item-1 .type-box-inner{
	background: url("../images/type-cate-1.png") no-repeat left 30px top 20px;
	background-size: 100px auto;
}
.type-box-item.item-2 .type-box-inner{
	background: url("../images/type-cate-2.png") no-repeat left 30px top 20px;
	background-size: 100px auto;
}
.type-box-item.item-3 .type-box-inner{
	background: url("../images/type-cate-3.png") no-repeat left 30px top 20px;
	background-size: 100px auto;
}
.type-box-item.item-4 .type-box-inner{
	background: url("../images/type-cate-4.png") no-repeat left 30px top 20px;
	background-size: 100px auto;
}

/* ////////////////////////////////////
	.coupon-wrap
//////////////////////////////////// */

.coupon-wrap a{
    width: 100%;
    max-width: 752px;
    background: #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px auto 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #bebebe;
	transition: opacity 0.3s;
}
.coupon-wrap a:hover{
	opacity: 0.7;
}

/* ////////////////////////////////////
	.contents-hotel
//////////////////////////////////// */

.contents-hotel{
	padding: 60px 0 80px 0;
	background: #f7f5f1;
}

.hotel-title{
	text-align: center;
}
.hotel-title img{
	height: 70px;
}
.hotel-title.title-2{
	margin-top: 80px;
}

.hotel-item figure img{
	width: 100%;
}

/* .hotel-item > figure.a_left::before{
	content: "";
    position: absolute;
    top: -30px;
    left: -20px;
    right: -25px;
    background: url(../images/ashirai-1.png);
    background-size: cover;
    height: 60px;
}
.hotel-item > figure.a_right::before{
	content: "";
    position: absolute;
    top: -28px;
    left: -17px;
    right: -20px;
    background: url(../images/ashirai-2.png);
    background-size: cover;
    height: 58px;
}
.hotel-item > figure.left::before{
	content: "";
    position: absolute;
    top: -35px;
    left: -20px;
    right: -20px;
    background: url(../images/ashirai-1.png);
    background-size: cover;
    height: 80px;
} */

.hotel-box{
	display: flex;
	justify-content: space-between;
}
.hotel-item{
	flex: 0 1 47.5%;
	margin-top: 60px;
}
.hotel-item .read{
    text-align: center;
    color: #9c0f06;
    font-weight: bold;
    font-size: 17px;
}
.hotel-item > figure{
	margin-top: 15px;
	position: relative;
}
.hotel-item > figure figcaption{
	padding-left: 10px;
	padding-top: 10px;
	max-width: 240px;
	margin-bottom: -10px;
}
.hotel-item > figure span{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 260px;
}
.hotel-item .name{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
	position: relative;
}
.hotel-item .text{
	line-height: 1.7;
	margin-top: 10px;
	font-size: 15px;
}
.hotel-item .text .caution{
	color: red;
	text-align: right;
}
.hotel-item .sub-figure{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.hotel-item .sub-figure figure{
	flex: 0 1 49%;
}
.hotel-item .sub-figure-cap{
	font-size: 14px;
	line-height: 1.7;
	margin-top: 10px;
}
.hotel-item .sub-figure-cap .sub-attn{
	text-align: right;
	font-size: 11.5px;
}
.hotel-item .valu-box{
	background: #f5eddb;
	border: 1px solid #dfc385;
	margin-top: 20px;
	padding: 20px;
}
.hotel-item .valu-box img{
	width: 16px;
	height: auto;
}
.hotel-item .valu-box .top{
	font-size: 18px;
    font-weight: bold;
}
.hotel-item .valu-box .top .point{
	display: inline-block;
    color: #c10;
    padding-left: 15px;
}
.hotel-item .valu-box .point-list{
	/* display: flex; */
    flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}
.hotel-item .valu-box .point-list li{
	flex: 0 1 49%;
	display: flex;
	margin-top: 10px;
}
.hotel-item .valu-box .point-list li .cate{
	
}
.hotel-item .valu-box .point-list li .cate.cate-s{
	flex: 0 1 32%;
}
.hotel-item .valu-box .point-list li .point{
	display: inline-block;
	padding: 0 0.5em;
	font-weight: bold;
	color: #c10;
}
.hotel-item .btn a{
	display: block;
    background: #631611;
	border: 1px solid #631611;
    text-align: center;
    color: #fff;
    line-height: 1;
    padding: 0.9em 0;
    font-size: 17px;
    font-weight: bold;
    margin-top: 30px;
	transition: all 0.3s;
}
.hotel-item .btn a:hover{
	color: #631611;
	background: none;
}
.hotel-item .valu-box .date {
    display: block;
    text-align: right;
    font-size: 0.8em;
}

/* ////////////////////////////////////
	.contents-map
//////////////////////////////////// */

.hotel-title.title-3{
	margin-top: 80px;
}
.map-bg{
	text-align: center;
	padding: 65px 0 120px;
}
.map-wrap{
	position: relative;
}
.map-point-wrap{
	position: absolute;
}
.map-point-wrap a{
	display: inline-block;
	padding: 0.3em 0.5em;
	background: #631611;
	border: 1px solid #631611;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	margin: 0 0.3em;
	transition: all 0.3s;
	font-size: 15.8px;
}
.map-point-wrap a:hover{
	color: #631611;
	background: #fff;
}
.map-point-wrap.point-1{
    top: 52px;
    right: 20px;
}
.map-point-wrap.point-2{
    bottom: 90px;
    left: 55px;
}
.map-point-wrap.point-3{
	top: 105px;
    left: 50px;
}
.map-point-wrap.point-4{
	top: 245px;
    left: 15px;
}

.map-point-wrap.point-1 a{
	margin-bottom: 0.65em;
}
.map-point-wrap.point-4 a{
	margin-bottom: 0.8em;
}

.map-point-wrap.point-2 .map-point-list,
.map-point-wrap.point-3 .map-point-list{
	display: flex;
}

/* PC、Tablet用CSSの記述 */
@media (max-width:990px){

	.hotel-box{
		justify-content: space-evenly;
	}

}