@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :dining.css
 author     :Ability Consultant
style info  :お料理
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
ul#gnav li.gnav_din a {
	background-position: 0 56px;
}
body {
	position: relative;
}
/*body {
	}
	background: url(https://www.hotel-suiko.jp/rktn/images/common/bg_body.png) 0 35px no-repeat;
}*/

/*body #RthCustomizeW {
	background: url(../dining/images/bg_intro_bottom.png) 0 440px no-repeat;
}*/

body::before {
	position: absolute;
	content: "";
	/*background: url(../dining/images/bg_intro_bottom.png) no-repeat;*/
	width: 832px;
	height: 740px;
	top: 730px;
}

#contents {
	background: none;
	padding-top: 0;
}

/* -----------------------------------------------------------
	.共通部分
----------------------------------------------------------- */
h3.title {
	padding: 80px 0 25px;
	position: relative;
}

h3.title .title_txt {
	text-align: center;
	display: block;
	font-size: 230%;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h3.title .title_txt::before {
	position: absolute;
	content: "";
	width: 59px;
	height: 61px;
	background: url(../dining/images/ic_circle.png) 0 0 no-repeat;
	top: 0;
	right: 50%;
	left: 50%;
	transform: translate(-42%,0);
}

/* -----------------------------------------------------------
	.con_res mb
----------------------------------------------------------- */
.con_res {
	margin-bottom: 60px !important;
}

/* -----------------------------------------------------------
	.intro
----------------------------------------------------------- */
.intro {
	margin: 0 auto;
	background: url(https://www.hotel-suiko.jp/rktn/images/common/path_bottom_shadow.png) bottom left repeat-x #fff;
	padding-bottom: 30px;
}

.intro h2 {
	text-align: center;
	padding-top: 10px;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	margin: 0 0 80px;
	padding-top: 30px;
	background: url(../dining/images/bg_white-intro.png) top center repeat-x;
}

.con_intro .box_intro{
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.con_intro .box_intro .txt {
	width: 45%;
}
.con_intro .box_intro .txt h3 {
	margin-bottom: 30px;
	letter-spacing: 2px;
	line-height: 1.5;
	font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.con_intro .box_intro .txt h3 span{
	display: block;
}
.con_intro .box_intro .txt h3 span .blue {
	color:#2f74ba;
}
.con_intro .box_intro .txt h3 .lit {
	font-size: 165%;
}
.con_intro .box_intro .txt h3 .main{
	font-size: 240%;
}
.con_intro .box_intro .txt .desc_txt {
	line-height: 2.2;
	margin-bottom: 30px;
}

.con_intro .box_intro .txt .sub_img {
	display: flex;
	margin-bottom: -30px;
}
.con_intro .box_intro .txt .sub_img li:first-child {
	margin-right: 3%;
}

.con_intro .right {
	margin-top: 60px;
}
.con_intro .right .txt {
	width: 42%;
	padding-left: 25px;
}
.con_intro .right .img {
	position: relative;
}
.con_intro .right .img .img_rice::before {
	content: "";
	position: absolute;
	background: url(../dining/images/img_rice_point02.png) 0 0 no-repeat;
	width: 108px;
	height: 180px;
	bottom: -20px;
	right: 0;
}

/* -----------------------------------------------------------
	.con_nav
----------------------------------------------------------- */
.con_nav {
	margin-bottom: 60px;
}
.con_nav ul{
	font-weight: bold;
	color: #454545;
	display: flex;
	justify-content: space-around;
	font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.con_nav ul li { 
    text-align: center;
    font-size: 140%;
    width: 15%;
    margin-right: 1.5%;
    
    border-bottom: #2f74ba solid 3px;
}
.con_nav ul li.last { 
	margin-right: 0;
	border-bottom: #00902e solid 3px;
}
.con_nav ul li a{ 
	display: block;
	padding-bottom: 12%;
}
.con_nav ul li a:hover { 
	opacity: 0.6;
}

/* -----------------------------------------------------------
	.con_rooms
----------------------------------------------------------- */
.con_rooms{
	margin-bottom: 60px;
	overflow: hidden;
}
.con_rooms h3{
	margin-bottom: 20px;
}
.con_rooms .del_room{
	overflow: hidden;
	clear: both;
}
.con_rooms .inner_room{
	float: left;
}
.con_rooms .inner_room .txt{
	width: 440px;
	margin-bottom: 20px;
}
.con_rooms ul li{
	float: left;
	margin-right: 10px;
}
.con_rooms ul li.last{
	margin-right: 0;
}

/* table */
.con_rooms table{
	float: right;
	width: 440px;
}
.con_rooms table tr{
	border-bottom: 1px dotted #d8dada;
}
.con_rooms table th{
	width: 140px;
	padding: 10px 10px 10px 14px;
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_tex_gray.gif) repeat-x scroll 0 0;
}
.con_rooms table tr.head th {
	border-top: 3px solid #b0ccde;
}
.con_rooms table td{
	padding: 10px 10px 10px 14px;
	border: none;
}
.con_rooms table tr.head td{
	border-top: 3px solid #d8dada;
}


/* #west */
#west{
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_border.gif) repeat-x top center;
	padding-top: 50px;
}
#west .img{
	float: left;
}
#west .del_room{
	float: right;
	width: 440px;
	clear: none;
}
#west ul{
	clear: both;
	margin-top: 20px;
	display: inline-block;
}


/* -----------------------------------------------------------
	.con_dining
----------------------------------------------------------- */
.con_dining {
	margin-bottom: 80px;
}

.con_dining .img{
    margin-bottom: 20px;
}
.con_dining .txt{
	margin-bottom: 25px;
	text-align: center;
}
.con_dining .btn {
	text-align: center;
}
/* -----------------------------------------------------------
	.allergy アレルギー
----------------------------------------------------------- */
.allergy {
	padding: 40px 20px;
	background: url(../dining/images/bg_gray.gif) repeat;
}

.allergy h3{
	padding-bottom: 30px;
	text-align: center;
	font-size: 180%;
	font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.allergy .box_allergy {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.allergy .alle_txt {
	width: 40%;
}
.allergy .alle_txt .decs_txt {
	margin-bottom: 30px;
	line-height: 1.8;
}

/* -----------------------------------------------------------
	.breakfast 朝食のご案内
----------------------------------------------------------- */
.breakfast, .liqueur {
	padding-top: 65px;
	background: url(../dining/images/bg_blue_gr.png) repeat-x center top;
}

.breakfast .txt .sub_title {
	font-size: 150%;
	margin-top: 1em;
	font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #2f74ba;
	display: block;
	padding-bottom: 20px;
	text-align: center;
}
.breakfast .breakfast_info {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}

.breakfast .breakfast_info .time {
	padding: 10px 0;
	border-top : 1px solid #bfbfbf;
	border-bottom : 1px solid #bfbfbf;
}
.breakfast .breakfast_info .attention {
	margin-top: 1em;
}

/* -----------------------------------------------------------
	.liqueur お酒のご案内
----------------------------------------------------------- */
.liqueur .box_liqueur h4 {
	font-size: 200%;
	padding: 0.75em 0 0.75em 0.75em;
	margin-bottom: 20px;
	border-top: 2px solid #f1f6f7;
	border-bottom: 2px solid #f1f6f7;
	font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.liqueur .box_liqueur .box {
	margin-bottom: 10px;
}


/* #option */
.con_dining#option {
	background: url(https://www.hotel-suiko.jp/rktn/images/common/path_bottom_shadow.png) repeat-x center top;
	padding-top: 30px;
}
.con_dining#option .box_option{
	margin-bottom: 40px;
}
.con_dining#option .inner{
	border-top: 1px solid #deecf3;
    margin-bottom: 30px;
    position: relative;
}
.con_dining#option .inner h4{
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_tex_blue.gif) repeat center top;
	border-bottom: 3px solid #d2e1e8;
    font-size: 150%;
    font-weight: normal;
    margin-top: 1px;
    padding: 10px 0 6px 16px;
}