@charset "utf-8";

/* お食事 */

/* 共通
---------------------------------------------------------------------------*/
/* 内径 */
.box-inner {
	padding: 40px 40px 0;
}
	
@media screen and (max-width: 768px){
	.box-inner {
		padding: 3vw 0 0;
	}
}

/* 夕食 - お食事について
---------------------------------------------------------------------------*/
.bg-dinner {
	padding-top: 25px;
	padding-bottom: 30px;
	background-image: url(../img/cuisine/bg-dinner.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
.inner-dinner {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
}
.inner-dinner.mt {
	margin-top: 20px;
}
.fig-mid {
	width: 640px;
}
.box-tx-dinner {
	width: 415px;
}
.box-tx-dinner .lead {
	left: 10px;
	bottom: 10px;
	width: 300px;
}
.f-reverse .box-tx-dinner .lead {
	left: auto;
	right: 10px;
}
@media screen and (max-width: 768px){
	.bg-dinner {
		padding-top: 5vw;
		padding-bottom: 8vw;
	}
	.inner-dinner {
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.inner-dinner.mt {
		margin-top: 3vw;
	}
	.fig-mini img {
		width: 50%;
	}
	.box-tx-dinner {
		margin-top: 3vw;
	}
	.box-tx-dinner .lead.pos-abs,
	.f-reverse .box-tx-dinner .lead {
		width: 55%;
		left: auto;
		bottom: auto;
		top: 0;
		right: 3vw;
	}
	
}



/* 夕食 - 会席料理一例
---------------------------------------------------------------------------*/
.fig-kaiseki {
	text-align: right;
}
.fig-kaiseki img {
	max-width: 800px;
	width: 62.5%;
	height: 530px;
	object-fit: cover;
	object-position: right center;
	font-family: "object-fit: cover; object-position: right center;";
}
.box-fig-kaiseki .inner-base {
	left: calc(50% - 520px);
	top: 0;
	height: 100%;
}
.box-fig-kaiseki .inbox {
	width: 35%;
	padding-right: 15px;
}
.box-fig-kaiseki .inbox .in {
	padding-left: 40px;
}
.box-fig-kaiseki .tx-catch {
	line-height: 210%;
}
@media screen and (max-width: 768px){
	.box-fig-kaiseki .inner-base.pos-abs {
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.box-fig-kaiseki .inbox {
		width: 100%;
		padding-top: 3vw;
		padding-right: 0;
	}
	.fig-kaiseki img {
		width: 100%;
		height: auto;
	}
	.box-fig-kaiseki .inbox .in {
		padding-left: 0;
	}
	.box-fig-kaiseki .tx-catch {
		line-height: 150%;
	}
}

/* 3列の */
.lst-3cols {
	margin-top: 40px;
}
.fig-3cols {
	margin-bottom: 15px;
}
@media screen and (max-width: 768px){
	.lst-3cols {
		margin-top: 5vw;
	}
	.fig-3cols {
		margin-bottom: 2vw;
	}
	.lst-3cols li {
		margin-bottom: 3vw;
	}
}

/* プラン */
.box-plan-dinner {
	margin-top: 40px;
	padding: 50px 20px 30px;
	border: 1px solid #C9483D;
}
.tag-plan-dinner {
	display: inline-block;
	top: 10px;
	left: 0;
	padding: 5px 20px;
	color: #FFFFFF;
	background-color: #C9483D;
}
@media screen and (max-width: 768px){
	.box-plan-dinner {
		margin-top: 5vw;
		padding: 15vw 3vw 3vw;
	}
	.tag-plan-dinner {
		width: auto!important;
	}
	.box-plan-dinner .btn-def {
		margin-bottom: 3vw;
	}
	.box-plan-dinner .contact-plan {
		text-align: center;
	}
	.box-plan-dinner .num-tel-header::before {
		left: 3vw;
	}
}

/* 季節 */
.box-carousel-kisetsu p {
	padding: 10px 15px;
}
.box-carousel-kisetsu .bg01 {
	color: #FFFFFF;
	background-image: url(../img/cuisine/bg-kisetsu01.png);
}
.box-carousel-kisetsu .bg02 {
	background-image: url(../img/cuisine/bg-kisetsu02.png);
}
.box-carousel-kisetsu .bg03 {
	background-image: url(../img/cuisine/bg-kisetsu03.png);
}
.box-carousel-kisetsu .bg04 {
	background-image: url(../img/cuisine/bg-kisetsu04.png);
}
@media screen and (max-width: 768px){
	.box-carousel-kisetsu p {
		padding: 2vw;
	}
}

/* 季節スライダー */
.box-carousel-kisetsu {
	margin-top: 40px;
}
#slick-kisetu {
	padding-bottom: 40px;
}
.box-carousel-kisetsu .slick-slide {
	padding: 0 5px 5px;
}
.box-carousel-ftbana .slick-slide img {
	width: 100%;
	height: 83px;
}
.box-carousel-kisetsu .slick-dots {
	bottom: 0;
}
.box-carousel-kisetsu .slick-dots li button:before {
	content: "";
	width: 14px;
	height: 14px;
	background-color: #374030;
	border-radius: 100%;
	opacity: 1;
}
.box-carousel-kisetsu .slick-dots li.slick-active button:before {
	background-color: #BCA875;
}

.box-carousel-kisetsu .slick-next,
.box-carousel-kisetsu .slick-prev {
	top: auto;
	bottom: -20px;
	width: 20px;
	height: 32px;
	z-index: 900;
}
.box-carousel-kisetsu .slick-next {
	right: calc(50% - 200px);
}
.box-carousel-kisetsu .slick-prev {
	left: calc(50% - 200px);
}
.box-carousel-kisetsu .slick-prev:before,
.box-carousel-kisetsu .slick-next:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 20px;
	height: 32px;
	background-repeat: no-repeat;
}
.box-carousel-kisetsu .slick-prev:before {
	background-image: url(../img/top/arw-miryoku02-prev.png)
}
.box-carousel-kisetsu .slick-next:before {
	background-image: url(../img/top/arw-miryoku02-next.png)
}
.box-carousel-kisetsu .slick-list {
	overflow: visible;
}
@media screen and (max-width: 768px){
	.box-carousel-kisetsu {
		margin-top: 5vw;
	}
	.box-carousel-kisetsu .slick-dots li button:before {
		width: 3vw;
		height: 3vw;
	}
	.box-carousel-kisetsu .slick-prev {
		left: 10vw;
	}
	.box-carousel-kisetsu .slick-next {
		right: 10vw;
	}
}

/* 会席リスト */
.lst-kaiseki03 li {
	width: 340px;
}
.fig-kaiseki03 {
	margin-bottom: 10px;
}
.fig-kaiseki03 span {
	right: 0;
	bottom: 0;
	padding: 5px 10px;
	background-color: rgba(255, 255, 255, .8);
}
@media screen and (max-width: 768px){
	.lst-kaiseki03 li {
		margin-bottom: 5vw;
	}
	.fig-kaiseki03 {
		margin-bottom: 3vw;
	}
}

/* 夕食 - お酒について
---------------------------------------------------------------------------*/
.bg-osake {
	background-image: url(../img/cuisine/bg-osake.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
.box-tx-osake {
	width: 480px;
}
@media screen and (max-width: 768px){
	.box-tx-osake {
		margin-top: 3vw;
	}
}


/* レストラン - 錦帯橋ダイニング桜
---------------------------------------------------------------------------*/
.lst-sakura {
	margin: 40px 0;
}
table.cuidata {
	width: 100%;
}
table.cuidata th {
	width: 30%;
	vertical-align: top;
}
table.cuidata td {
	width: 70%;
}
@media screen and (max-width: 768px){
	.lst-sakura {
		margin: 5vw 0;
	}
	table.cuidata th {
		width: 32%;
	}
	table.cuidata td {
		width: 68%;
	}
	table.cuidata.sakura02 th {
		width: 60%;
	}
	table.cuidata.sakura02 td {
		width: 50%;
	}
}

/* レストラン - 岩国四川飯店
---------------------------------------------------------------------------*/
.lst-shisen,
.lst-shisen-bana {
	margin: 40px 0 30px;
    justify-content: space-between;
}
.lst-shisen li {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px){
	.lst-shisen,
	.lst-shisen-bana {
		margin: 5vw 0 3vw;
	}
	.lst-shisen li,
	.lst-shisen-bana li {
		margin-bottom: 2vw;
	}
    .lst-shisen-bana li:nth-child(2){
        margin-bottom: 3vw;
    }
    .lst-shisen-bana a{
        display: block;
        text-align: center;
    }
    .lst-shisen-bana a img{
        width: 100%;
    }
}











/* 涼みどころ
---------------------------------------------------------------------------*/
.box-bdr {
	margin-top: 40px;
	border: 2px solid #FFFFFF;
	padding: 40px;
}
.box-big {
	width: 610px;
}
.box-mini {
	width: 300px;
}
.fig-suzumi-mini span {
	top: 5px;
	left: 5px;
	padding: 5px 10px;
	line-height: 130%;
	background-color: rgba(255, 255, 255, .8);
}
.bg-thinest .box-bdr {
	border-color: #BCBFAA;
}
.bg-thinest .fig-suzumi-mini span {
	background-color: rgba(122, 128, 85, .8);
	color: #FFFFFF;
}
@media screen and (max-width: 768px){
	.box-bdr {
		margin-top: 5vw;
		padding: 3vw;
	}
	.box-mini {
		margin-top: 3vw;
	}
	.box-mini > p {
		width: 48%;
		margin-right: 2%;
	}
	.fig-suzumi-mini {
		width: 50%;
		margin-right: 0;
	}
	.fig-suzumi-mini span.pos-abs {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		margin-top: 2vw;
		line-height: 150%;
	}
}

/* 日帰り入浴
---------------------------------------------------------------------------*/
.block-higaeri .tbl {
	margin-top: 40px;
}
.box-btns a {
	margin: 40px auto 0 auto;
	text-align: center;
}
@media screen and (max-width: 768px){
	.block-higaeri .tbl,
	.box-btns a {
		margin-top: 5vw;
	}
}

/* 日帰り入浴 - プラン
---------------------------------------------------------------------------*/
.box-planbig {
	padding: 25px;
	background-color: #D2E4E8;
}
.fig-plan span {
	display: inline-block;
	bottom: 1px;
	right: 1px;
	padding: 5px 10px;
	font-size: .15rem;
	background-color: rgba(255, 255, 255, .8);
}
.fig-plan {
	width: 490px;
	margin-right: 25px;
}
.tx-plan {
	width: 450px;
	padding-top: 25px;
}
.tag-plan {
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px 50px;
	line-height: 110%;
	background-color: #4A92A2;
	color: #FFFFFF;
}
/* ミニ */
.box-planmini {
	margin-top: 40px;
}
.box-planmini li {
	width: 410px;
	margin: 0 15px;
	padding: 10px 20px 25px;
	border: 1px solid #4A92A2;
}
.box-planmini .tag-plan {
	margin-left: -20px;
	padding: 10px 15px;
}
.name-plan {
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #2C535A; 
	border-bottom: 1px solid #4A92A2;
}
/* 電話番号 */
.box-plan .contact-plan {
	margin-top: 20px;
}
@media screen and (max-width: 768px){
	.box-planbig {
		padding: 3vw;
	}
	.fig-plan {
		margin-right: 0;
		margin-bottom: 3vw;
	}
	.fig-plan span {
		padding: 1vw 3vw;
		font-size: 3.8vw;
	}
	.tx-plan {
		padding-top: 0;
	}
	.tag-plan {
		margin-bottom: 2vw;
		padding: 1.5vw 5vw;
	}
	/* ミニ */
	.box-planmini {
		margin-top: 5vw;
	}
	.box-planmini .tag-plan {
		margin-left: -3vw;
		padding: 1vw 3vw;
	}
	.box-planmini li {
		margin: 0;
		padding: 3vw;
	}
	.name-plan {
		padding-bottom: 3vw;
		margin-bottom: 3vw;
	}
	/* 電話番号 */
	.box-plan .contact-plan {
		margin-top: 3vw;
	}
}

/* 温泉基本情報
---------------------------------------------------------------------------*/
.block-basicinfo .th-tbl {
	width: 27%;
}
.block-basicinfo .td-tbl {
	width: 70%;
}
@media screen and (max-width: 768px){
	.block-basicinfo .th-tbl,
	.block-basicinfo .td-tbl {
		width: 100%;
	}
}

/* 写真 */
.lst-basic {
	margin-top: 40px;
}
.lst-basic li {
	margin: 0 3.5px;
}
@media screen and (max-width: 768px){
	.lst-basic {
		margin-top: 5vw;
	}
	.lst-basic li {
		width: 49%;
		margin-right: 2%;
		margin-left: 0;
		margin-bottom: 2vw;
	}
	.lst-basic li:nth-of-type(2n) {
		margin-right: 0;
	}
}

.cmt{
	padding-top:1.5em;
	line-height:1.8;	
}





.box-fig-teppan01{
	margin: 20px 0 100px 0;
}
.box-fig-teppan01:after{
	content: "";display: block;clear: both;
}
.box-fig-teppan01 .fig-teppan01{
	width: 30%;
}
.box-fig-teppan01 .fig-teppan01 img{
	width: 320px;
	height: auto;
}
.box-fig-teppan01 .inner-base{
	left: 32%;
	top: 0;
}
.box-fig-teppan01 .inner-base .inbox{
	width: 68%;
}
.box-fig-teppan01 .inner-base .hdl-double2{
    width: 100%;
    color: #7A8055;
    font-size: .22rem;
    line-height: 150%;
    border-bottom: 5px double #7A8055;
    text-align: center;
    padding-bottom: 10px;
}
.box-fig-teppan01 .inner-base .hdl-double2 span {
	position: relative;
	padding-left: 50px;
}
.box-fig-teppan01 .inner-base .hdl-double2 span:before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	width: 28px;
	height: 28px;
	background: url(../img/cmn/icon-hdl-eye.png) no-repeat center center / 28px 28px;
}
.box-fig-teppan01 .inner-base .tx-catch{
	line-height: 1.8em;
	font-size: .18rem;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #959977;
}
.box-fig-teppan01 .inner-base .tx-catch span{
	font-size: .24rem;
}
.box-fig-teppan01 .inner-base .lead{
	padding: 20px;
}
@media screen and (max-width: 768px){
	.box-fig-teppan01{
		margin: 20px 0 50px 0;
	}
	.box-fig-teppan01 .fig-teppan01{
		width: 100%;
		text-align: center;
	}
	.box-fig-teppan01 .fig-teppan01 img{
		width: 70%;
		margin: 0 auto;
	}
	.box-fig-teppan01 .inner-base{
		width: 100%;
		left: 0;
		top: 0;
	}
	.box-fig-teppan01 .inner-base.pos-abs{
		position: initial;
	}
	.box-fig-teppan01 .inner-base .inbox{
		width: 100%;
		padding-top: 20px;
	}
	.box-fig-teppan01 .inner-base .lead{
		padding: 20px 0;
	}
}

.disp_height_center{
  display: flex;
  justify-content: center;
  align-items: center;
}