/* CSS Document */

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

　料理

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

/*メインビジュアル　タイトル
-------------------------------------------------- */
.mv_title{
	background-image: url(../images/dish/mv_img.jpg?v2023);
	background-position: bottom center;
}
/*====================================================
　基本設定
====================================================*/
.dish_wrap .c_wrap{
	padding-bottom: 100px;
}
.content_title02{
	margin: 35px 0 0;
	padding: 35px 0 0;
	border-top: #EBEBEB solid 1px;
}
.c_i_box .content_title03{
	margin: 0 0 1em;
}
/*コンテンツ（メイン）とコンテンツ（サブ）交互レイアウト設定
-------------------------------------------------- */
#mcS_WRAP .dish_wrap .mc:nth-child(odd) .content{
	float: right;
	border-radius: 5px 0 0 0;
	background-position: left 650px top 150px;
}
#mcS_WRAP .dish_wrap .mc:nth-child(odd) .sub_content{
	float: left;
}
#mcS_WRAP .dish_wrap .mc:nth-child(odd) .c_in{
	float: left;
	padding: 0 15px 0 80px;
}

/*コンテンツ（メイン）とコンテンツ（サブ）（スマホ）--------------*/
@media screen and (max-width:736px){
	#mcS_WRAP .dish_wrap .mc: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;
	}
	#mcS_WRAP .dish_wrap .mc:nth-child(odd) .sub_content{
		float: none;
		width:  100%;
		padding: 15px 20px 0;
	}
	.sub_content img{
		max-width: 100%;
	}
	#mcS_WRAP .dish_wrap .mc:nth-child(odd) .c_in{
		max-width: 100%;
		width: 100%;
		float: none;
		padding: 0;
		min-height: 0;
	}
}

/*料理ボックス基本設定
-------------------------------------------------- */
.dish_intoro_wrap{
	padding: 100px 0;
}
.dish_intoro_wrap .m_i_text{
	width: 700px;
}
.dish_intoro_wrap .m_i_text p{
	color: #fff;
}
.dish_title{
	width:100%;
	height: 300px;
	line-height: 300px;
	text-align: center;
	background-size: 1440px auto;
	background-position: center center;
	background-color: #000;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.dish_title img{
	height: 80px;
	width: auto;
}
.dish_intoro_wrap .w_img{
	margin-top: 50px;
}
.atention_text{
	text-align: right;
	padding: 0 20px;
	color: #666;
}
/*詳細*/
.dish_intoro_wrap .content_gray .dl{
	color: #fff;
}
/*温泉ボックス基本設定（スマホ）--------------*/
@media screen and (max-width:736px){
	.dish_intoro_wrap{
		padding: 30px 20px 80px;
	}
	.dish_intoro_wrap .m_i_text p{
		color: #fff;
	}
	.dish_title{
		height: 150px;
		line-height: 150px;
		background-size: cover;
	}
	.dish_title img{
		height: 40px;
	}
	.dish_intoro_wrap .w_img{
		margin-top: 30px;
	}
	.dish_intoro_wrap .map_img{
	margin: 30px 0 0;
	}
	/*詳細*/
	.dish_intoro_wrap .content_gray .dl dt{
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.dish_intoro_wrap .content_gray .dl > dt::before{
		color: rgba(255,255,255,.2);
	}
}

/*====================================================
　ご夕食
====================================================*/
/*ご夕食タイトル
-------------------------------------------------- */
#YUSYOKU .m_i_w{
	background-image: url("../images/dish/yusyoku_title_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 95%;
	background-color: #F4F9F5;
	border-top: 5px solid #2D8842;
}
#YUSYOKU .dl{
	margin-top: 0;
}
#YUSYOKU .dl,#YUSYOKU dd{
	border-color: #2D8842;
}
#YUSYOKU dt{
	color: #2D8842;
}
/*ご夕食タイトル（スマホ）--------------*/
@media screen and (max-width:736px){
}


/*====================================================
　黒髭
====================================================*/
/*メインビジュアル
-------------------------------------------------- */
#KUROHIGE .m_c_mv{
	background-image: url("../images/dish/kurohige_mv.jpg?v2023");
}
#KUROHIGE .content_title img{
	height: 95px;
}

/*====================================================
　お食事処 「恵みまるごと御膳」
====================================================*/
/*メインビジュアル
-------------------------------------------------- */
#OZEN .m_c_mv{
	background-image: url("../images/dish/ozen_mv.jpg");
}
/*====================================================
　夕食バイキング
====================================================*/
/*メインビジュアル
-------------------------------------------------- */
#VIKING .m_c_mv{
	background-image: url(../images/dish/viking_mv202312.jpg?v2025);
}

/*====================================================
　お部屋食
====================================================*/
/*メインビジュアル
-------------------------------------------------- */
#OHEYA .m_c_mv{
	background-image: url(../images/dish/oheya_mv.jpg);
}
#OHEYA .content_title img{
	height: 75px;
}
.time_list{
	margin: 1em 0;
	padding: 0;
	list-style-type: decimal;
	font-size: 1.1em;
}
.time_list li{
	display: block;
	margin: 0;
	padding: .3em 0 .3em 1em;
	text-indent: -1em;
}
.time_list li span{
	font-weight: bold;
	display: block;
}


/*====================================================
　ご朝食
====================================================*/
/*ご朝食タイトル
-------------------------------------------------- */
#BREAKFIRST .m_i_w{
	background-image: url("../images/dish/breakfirst_title_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 95%;
	background-color: #FDF7F5;
	border-top: 5px solid #CD6447;
}
#BREAKFIRST .dl{
	margin-top: 0;
}
#BREAKFIRST .dl,#BREAKFIRST dd{
	border-color: #2D8842;
}
#BREAKFIRST dt{
	color: #2D8842;
}
/*ご朝食タイトル（スマホ）--------------*/
@media screen and (max-width:736px){
}

/*メニューリスト
-------------------------------------------------- */
.menu_list{
	margin: 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
}
.menu_list li{
	display: inline-block;
	margin: 0;
	padding: .3em 1em .3em 1em;
	text-indent: -1em;
}
.menu_list li::before{
	content: "●";
	color: #D8EADC;
}
@media screen and (max-width:736px){
	.menu_list li{
		display: block;
		margin: 0;
		padding: .3em 0 .3em 1em;
		text-indent: -1em;
	}
}

/*プラン
-------------------------------------------------- */
.plan_link_box{
	margin: 35px 0 0;
	padding: 35px 0 0;
	border-top: #EBEBEB solid 1px;
}
.plan_copy{
	color: #666;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height: 1.7em;
	font-size: 1.3em;
	letter-spacing: .1em;
	margin: 0 0 .5em;
}
.room_tipe{
	margin: 1em 0 0;
}
.room_tipe span{
	display: inline-block;
	background-color: #D8EADC;
	color: #2d8842;
	font-weight: bold;
	border-radius: 4px;
	padding: .2em 1em;
	margin: 0 1em 0 0;
	line-height: 1.5em;
}


/*====================================================
　朝食バイキング
====================================================*/
/*メインビジュアル
-------------------------------------------------- */
#BREAKFIRST_VIKING .m_c_mv{
	background-image: url("../images/dish/breakfirst_viking_mv.jpg");
}
/*おみそ知るモーニング
-------------------------------------------------- */
#omisoshiru.-open-wrap .-open-btn{
	border-bottom: #EBEBEB solid 1px;
}
#omisoshiru.-open-wrap .-open-btn.active{
	border-bottom: none;
}
#omisoshiru .-open-box .content_title03{
	margin-top: 0;
}

/*====================================================
　岩手の山海の幸
====================================================*/
#SHOKUZAI .bgg_in{
	background-image: url("../images/dish/shokuzai_bg.png");
	background-size: 50% auto;
}
@media screen and (max-width:737px){
	#SHOKUZAI .bgg_in{
		background-size: 100% auto;
	}
}

/*====================================================
　料理長挨拶
====================================================*/
#RYOURICHO .bgw_in{
	background-image: url("../images/dish/ryouricho_bg.png");
	background-size: 50% auto;
}
@media screen and (max-width:737px){
	#RYOURICHO .bgw_in{
		background-size: 100% auto;
	}
}
/*====================================================
　料理長挨拶
====================================================*/
#RYOURICHO .bgw_in{
	background-image: none;
	background-size: 50% auto;
}
#RYOURICHO .bg_in_tbox{
	padding: 90px 25px;
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width:737px){
	#RYOURICHO .bgw_in{
		background-size: 100% auto;
	}
	#RYOURICHO .bg_in_tbox{
		padding: 30px 0;
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: left;
	}
}

/*====================================================
　朝食会場のご案内
====================================================*/
#BREAKFAST_VENUE .w_img{
    margin: 0;
}
@media screen and (min-width:737px){
    #BREAKFAST_VENUE .title_04{
        margin-top: 25px;
    }
}
@media screen and (max-width:736px){
    #BREAKFAST_VENUE .title_04{
        margin-top: 20px;
    }
}

/*====================================================
　2カラム　スタイル　スマホ設定
====================================================*/
@media screen and (max-width:736px){
	.column{
		width: 100%;
		padding: 0 0 20px;
	}
}

/*====================================================
　2カラム　スタイル　PC設定
====================================================*/
@media screen and (min-width:737px){
	.column_02_wrap{
		width: 100%;
	}
	.column_02_wrap .column{
		float: left;
		width: 50%;
		padding: 0 30px 60px 0;
	}
	.column_02_wrap .column.right{
		float: right;
		padding: 0 0 60px 30px;
	}
}



/*====================================================
　cssスライド
====================================================*/
.slider_wrap > div{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.slider_wrap > div img{
	position: absolute;
	top: 0;
    left: 0;
	animation: bgAnime 20s infinite;
	opacity: 0;
	z-index: 1; 
}
.slider_wrap > div.single_slider01 img,
.slider_wrap > div.single_slider04 img{
	animation: bgAnime 30s infinite;
}
.slider_wrap > div img.slide01_img{animation:none; opacity: 1;}
.slider_wrap > div img.slide02_img{animation-delay  : 5s;}
.slider_wrap > div img.slide03_img{animation-delay  : 10s;}
.slider_wrap > div img.slide04_img{animation-delay  : 15s;}
.slider_wrap > div img.slide05_img{animation-delay  : 20s;}
.slider_wrap > div img.slide06_img{animation-delay  : 25s;}


@keyframes bgAnime {
   0% { opacity: 0; }
   5% { opacity: 1; }
  25% { opacity: 1; }
  30% { opacity: 0; }
 100% { opacity: 0; }
}


.slider_btn_img{
	margin-top: 255px;
}


/*====================================================
　赤字
====================================================*/
.red{
	font-weight: bold;
    color: #963014;
}