/* CSS Document */

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

　ドリンクインクルーシブ

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

/*メインビジュアル　タイトル
-------------------------------------------------- */
.mv_title_sub{
	background-image: url(images/mv_img.jpg);
	background-position: bottom center;
}




@media screen and (max-width:736px){	

}
/*====================================================
　基本設定
====================================================*/
.content{
	overflow: inherit;
}
.content_inner {
    padding: 0 100px 0 15px;
	max-width: 890px;
}
.sub_content{
	padding: 30px 0 0;
}
.room_wrap .content_wrap{
	padding-bottom: 100px;
}
@media screen and (max-width:736px){
	.room_wrap .content_wrap{
		padding-bottom: 50px;
	}
	.content_inner {
		padding: 0;
	}
}

/*スライダー*/
.single_slider02 .slick-track {
    display: flex !important;
    gap: 1em; 
}
/*コンテンツ（メイン）とコンテンツ（サブ）交互レイアウト設定
-------------------------------------------------- */
#MAIN_CONTENTS_WRAP .main_content:nth-child(odd) .content{
	float: right;
	border-radius: 5px 0 0 0;
	background-position: left 650px top 150px;
}
#MAIN_CONTENTS_WRAP .main_content:nth-child(odd) .sub_content{
	float: left;
}
#MAIN_CONTENTS_WRAP .main_content:nth-child(odd) .content_inner{
	float: left;
	padding: 0 15px 0 80px;
}

/*コンテンツ（メイン）とコンテンツ（サブ）（スマホ）--------------*/
@media screen and (max-width:736px){
	#MAIN_CONTENTS_WRAP .room_wrap .main_content:nth-child(odd) .content{
		background-color: none;
		float: none;
		width: calc(100% - 40px);
		border-radius: 5px 5px 0 0;
		margin: 0 auto;
		background-size: 150px auto;
		background-position: left -40px top 150px;
		background-repeat: no-repeat;
		padding: 15px 0;
	}
	#MAIN_CONTENTS_WRAP .room_wrap .main_content:nth-child(odd) .sub_content{
		float: none;
		width:  100%;
		padding: 15px 20px 0;
	}
	.sub_content img{
		max-width: 100%;
	}
	#MAIN_CONTENTS_WRAP .room_wrap .main_content:nth-child(odd) .content_inner{
		max-width: 100%;
		width: 100%;
		float: none;
		padding: 0;
		min-height: 0;
	}
}


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

====================================================*/
/*タイトル
-------------------------------------------------- */

.main_intoro_wrap .main_intoro_copy img {
	height: 70px;
}
.main_intoro_copy img {
    height: 160px;
    width: auto;
}

#PLAN .main_intoro_copy img {
    height: 100px;
    width: auto;
}
h5.content_title{
	color: #CD6447;
	font-size: 1.6em;
	margin: 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin-bottom: 0.5em;
}

.main_intoro_wrap {
    background-size: 100vw;
    background-position: top;
    background-repeat: no-repeat;
    overflow: auto;
    padding: 110px 15px 150px;
}

.main_intoro_text .content_title02{
	font-size: 2em;
}

.main_intoro_text p {
    color: #000;
	font-family: serif;
}

.main_intoro_text{
	position: relative;
}
.main_intoro_text img{
	width: 15%;
}
.main_intoro_text .chara01{
	position: absolute;
	left: 0;
	bottom: 0;
}

.main_intoro_text .chara02{
	position: absolute;
	right: 0;
	bottom: 0;
}

.main_intoro_wrap img.SPblockPCnone{
	width: 100%;
}

@media screen and (max-width:736px){
	.main_intoro_text img {
		width: 40%;
		max-width: 120px;
	}

	.main_intoro_text .chara01{
		position:inherit;
	}

	.main_intoro_text .chara02{
		position: inherit;
	}
	.flex_box{
		display: flex;
        justify-content: center;
	}
	.main_intoro_text p {
		font-size: 1rem;
	}
	.main_intoro_copy img {
    height: auto;
    width: 90%;
}

}


#DRINK_INCLUSIVE .content_footer{
	background-image: url("images/green_bg.jpg");
	background-size: 270 auto;
	background-position: center center;
	background-repeat: repeat;
	padding: 100px 15px 70px;
}
#DRINK_INCLUSIVE .dl{
	margin-top: 0;
}
#DRINK_INCLUSIVE .dl,#DRINK_INCLUSIVE dd{
	border-color: #2D8842;
}
#DRINK_INCLUSIVE dt{
	color: #2D8842;
}
/*別館タイトル（スマホ）--------------*/
@media screen and (max-width:736px){
	#DRINK_INCLUSIVE .content_footer{
		padding: 50px 0 20px;
	}
.main_intoro_wrap .main_intoro_copy img {
    width: 100%;
	height: auto;
}

	
	.main_intoro_text .content_title02 {
    font-size: 1.3em;
     margin: 0 0 20px;
    line-height: 2em;
}
}

/*PC--------------*/
@media screen and (min-width:737px){
	#DRINK_INCLUSIVE .main_intoro_text{
		width: 1000px;
	}
	
}


@media screen and (max-width:1300px){
	    .main_intoro_wrap {
        background-size: cover;
        padding: 40px 20px;
		margin-bottom: 50px;
    }
		.main_intoro_text p {
		margin-bottom: 20px;
	}
}

/*ドリンクインクルーシブ
-------------------------------------------------- */
#DRINK_INCLUSIVE .slider_wrap{
	    position: relative;
	    padding:0;
		margin-top: 45px;
}



@media screen and (max-width:1300px){
	.youtube {
	  width: 90%;
	  aspect-ratio: 16 / 9;
		margin: 30px auto
	}
	.youtube video {
	  width: 100%;
	  height: 100%;
	}
	
	.youtube_wrap{
		background-image: none;
    	 padding:0;
	}
	
	.youtube_wrap .title_03 {
        font-size: 1.4em;
        margin: 25px 0;
    }
}

/*ドリンクラインナップ
-------------------------------------------------- */

.drink_title{
	width: 300px;
}
.drink_title img{
	width: 100%;
}

.line-up_box{
	margin-top: 30px;
}

.line-up_title{
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.line-up_title p{
	margin: 0;
}
.line-up_title h5{
    display: inline-block;
    font-size: 1em;
    background-color: #CD6447;
    color: #fff;
    padding: 8px 20px;
    margin: 0;
    font-family: serif;
}
.line-up_dlink{
	border: solid 1px #CD6447;
	margin: 0;
	padding: 20px;
	
}

@media screen and (max-width:736px){
	.line-up_title {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
        align-items: flex-start;
	}
	.line-up_title p {
   		margin: 5px 0;
}
}

/*SCHEDULE
-------------------------------------------------- */
#SCHEDULE{
	background-color: #F5E2DD;
	padding:50px 0 100px;
}

.schedule_contents{
	background-color: #fff;
	border-radius: 30px;
	width: 800px;
	margin: 0 auto;
	display: flex;
	padding: 1em 50px;
	position: relative;
}

.line{
	margin: 0;
	text-align: center;
	height: 40px;
}
.line img{
	height: 100%;
}
.schedule_contents .time{
	font-weight: bold;
	font-size: 1.5em;
}

.schedule_contents .schedule_text{
	font-size: 1.5em;
	margin: 1em auto;
	margin-left: 2em;
}
.schedule_contents .schedule_text h4{
	margin: 0;
}
.schedule_contents .schedule_text p{
	font-size: 1rem;
}
.schedule_contents img{
	max-width: 200px;
	max-height: 150px;
	position: absolute;
	right: -70px;
	top: 30px;
}
@media screen and (max-width: 1000px) {
	.schedule_contents {
		width: 90%;
		margin: 0 auto;
		display: flex;
        flex-direction: column;
        align-items: center;
	}
	.schedule_contents img{
		max-width: 200px;
		max-height: 150px;
		position: static;
	}
	.schedule_contents .schedule_text {
		margin: 0;
		text-align: center;
		
	}
}

/*プラン一覧
-------------------------------------------------- */
#PLAN{
	padding:100px 0 100px;
}
@media screen and (max-width:736px){
	#PLAN .main_intoro_copy img {
		height: auto;
		width: 90%;;
	}
}
/*バイキング
-------------------------------------------------- */
#BUFFET .main_content_mv{
	background-image: url("images/buffet_mv.jpg");
}

.content_title02{	
	font-weight: bold;
	line-height: 2em;
}
.attention{
	font-size: 1em;
}

.single_slider02{
	position: relative;
}
.chara03{
	position: absolute;
	width: 150px;
	top: 0;
	right: -80px;
}
.chara03 img{
	width: 100%;
}
@media screen and (max-width:736px){
	#BUFFETA .content{
		background: none;
	}
	.chara03 {
    width: 108px;
    right: -10px;
}

}


/*黒ひげ
-------------------------------------------------- */
#KUROHIGE .main_content_mv{
	background-image: url("images/kurohige_mv.jpg");
}

.content_title02{	
	font-weight: bold;
	line-height: 2em;
}

.tokuten{
	color: #CD6447;
    background-color: #FCF4F2;
    padding: 0.5em 1em;
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    margin-top: 1em;
    border-radius: 10px;
}
.chara04{
	position: absolute;
	width: 150px;
	top: 0;
	left: -80px;
}
.chara04 img{
	width: 100%;
}

@media screen and (max-width:736px){
	#KUROHIGE .content{
		background: none;
	}
	.chara04 {
		width: 108px;
		left: -10px;
	}

}

/*宴会プラン
-------------------------------------------------- */
#BANQUET .main_content_mv{
	background-image: url("images/banquet_mv.jpg");
}
.chara05{
	position: absolute;
	width: 150px;
	top: 0;
	right: -80px;
}
.chara05 img{
	width: 100%;
}
@media screen and (max-width:736px){
	.chara05 {
		width: 108px;
		right: -10px;
	}
}

#MESSAGE{
    background-color: #F5E2DD;
	padding:100px 0;
}

#MESSAGE p{
	text-align: center;
	font-size: 1.5em;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	line-height: 2.2em;
	letter-spacing:0.1em;
}