@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
/* ==================================================
[Style]
	 1. Reset
	 2. General
	 3. Header
	 4. Main img
	 5. Content
	 6. Footer
	 7. Index
	 8. News
	 9. Rooms
	10. Wabisabi
	11. Company
	12. Privacy
	13. Cuisine
	14. Hot springs
	15. Seeing
	16. Access
	17. Facility
	18. Faq
	19. Recruit
	20. Party
================================================== */

/* ---------------------------------------------------------------
	 1. Reset
--------------------------------------------------------------- */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* add to
---------------------------------------------------------- */
html{
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}
*, *:before, *:after{
	box-sizing: inherit;
}

main{
	display: block;
}

img {
	border-style: none;
}

button, input, select, textarea {
	font-family: inherit;
	font-weight: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}



/* ---------------------------------------------------------------
	 2. General
--------------------------------------------------------------- */
body {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	word-break: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	text-align: left;
}

header:after,
#content:after,
section:after,
.inner:after,
.edit:after{
	content:" ";
	display:block;
	clear:both;
}

body:not(.index) #content{
	padding-bottom: 120px;
}

a {
	color: #5d8d50;
	text-decoration: underline;
}
a[href^="tel:"]{
	text-decoration: none;
	color: #000;
}

strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
del{
	font-style: line-through;
}

sup, sub {
	line-height: 1.35;
	font-size: 10px;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}

img{
	max-width: 100%;
	height: auto !important;
}

/* PC */
@media all and (min-width: 769px) {
	body{
		min-width: 1200px;
	}
	
	.inner{
		width: 1200px;
		margin: auto;
	}
	.pc_no_inner{
		width: auto;
	}
	
	table{
		max-width: 100%;
		max-width: 1200px;
	}
	
	a,
	a img{
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
		-moz-transition-property: background-color, color, opacity;
		-webkit-transition-property: background-color, color, opacity;
		-o-transition-property: background-color, color, opacity;
		-ms-transition-property: background-color, color, opacity;
		transition-property: background-color, color, opacity;
	}
	a:hover{
		text-decoration: none;
	}
	a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	a[href^="tel:"]{
		cursor: default;
		pointer-events: none;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	body{
		width: 100%;
		min-width: 320px;
	}
	
	body:not(.index) #content{
		padding-bottom: 100px;
	}
	
	.inner{
		margin: 0 3vw;
	}
	.sp_no_inner{
		margin: 0;
	}
	
	table{
		width: 100% !important;
		table-layout: fixed;
	}
	
	img{
		max-width: 100%;
	}
	
}



/* ---------------------------------------------------------------
	 3. Header
--------------------------------------------------------------- */
header{
	position: fixed;
	width: 100%;
	background-color: rgba(255,255,255,1);
	z-index: 100;
	top: 0;
	left: 0;
}

.logo a{
	display: block;
	width: calc(470px / 2);
	height: calc(150px / 2);
	background: url(../png/logo.png) no-repeat left top;
	background-size: contain;
	text-indent: -9999px;
}

/* PC */
@media all and (min-width: 769px) {
	header{
		height: 125px;
		min-width: 1200px;
		display:-webkit-box;
		display: flex;
	}
	.logo a{
		margin: 55px 0 0 10px;
		width: calc((470px / 2) - 60px);
	}
}
/* big PC */
@media all and (min-width: 1600px) {
	.logo a{
		margin: 37px 30px 0 10px;
		width: calc(470px / 2);
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	header{
		height: 76px;
	}
	header .inner{
		margin: 0;
	}
	h1{
		width: 175px;
	}
	.logo a{
		margin: 15px 5px 0;
		background-size: contain;
		width: 175px;
		height: 60px;
	}
}
/* more small SP */
@media only screen and (max-width: 374px) {
	h1{
		width: 160px;
	}
	.logo a{
		width: 160px;
		height: 50px;
	}
}


/* wrap_menu
-------------------------------------------------- */

/* PC */
@media all and (min-width: 769px) {
	.wrap_menu{
		-webkit-flex: 1;
		flex: 1;
		position: relative;
	}
}

.head_tel{
	font-size: 13px;
	margin: 5px 0 0 20px;
}
.head_tel dd img{
	width: calc(556px / 2);
	height: auto;
}
/* SP */
@media only screen and (max-width: 768px) {
	.head_tel{
		display: none;
	}
}


/* sub_menu
-------------------------------------------------- */
/* PC */
@media all and (min-width: 769px) {
	.sub_menu{
		position: absolute;
		right: 0;
		top: 1em;
	}
	.sub_menu ul li{
		list-style: none;
		display: inline;
		margin-right: 0.9em;
	}
	.sub_menu ul li a{
		color: #000;
		text-decoration: none;
		font-size: 13px;
	}
	.sub_menu ul li a:hover{
		opacity: 0.5;
	}
}
/* big PC */
@media all and (min-width: 1600px) {
	.sub_menu ul li{
		margin-right: 1.5em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.sub_menu ul li{
		text-align: center;
		list-style: none;
		border-bottom: 1px solid #484848;
	}
	.sub_menu ul li a{
		display: block;
		text-decoration: none;
		font-weight: normal;
		color: #fff;
		font-size: 17px;
		height: 52px;
		line-height: 52px;
	}
}


/* global_menu
-------------------------------------------------- */
#global_menu ul li a{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	display: block;
	width: 100%;
	position: relative;
	text-decoration: none;
	color: #000;
	text-align: center;
	font-size: 15px;
}
#global_menu ul li a span{
	display: block;
	font-size: 10px;
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	color: #5d8d50;
	letter-spacing: 2px;
}
/* PC */
@media all and (min-width: 769px) {
	#bgr_btn{
		display: none;
	}
	
	.toggleWrap{
		display:-webkit-box;
		display: flex;
	}
	#global_menu{
		position: absolute;
		bottom: 0;
	}
	#global_menu > ul{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#global_menu ul li{
		display: table-cell;
		text-align: center;
		position: relative;
		padding: 0 2px;
		vertical-align: bottom;
	}
	#global_menu ul li a{
		line-height: 1.35;
		padding-bottom: 10px;
	}
	#global_menu ul li a::after{
		position: absolute;
		transition: .3s;
		content: "";
		width: 0;
		left: 50%;
		bottom: 0;
		height: 4.5px;
		background: #5d8d50;
	}
	body.index #global_menu ul li:first-child a::after,
	body.wabisabi #global_menu ul li:nth-child(2) a::after,
	body.cuisine #global_menu ul li:nth-child(3) a::after,
	body.rooms #global_menu ul li:nth-child(4) a::after,
	body.hot_springs #global_menu ul li:nth-child(5) a::after,
	body.facility #global_menu ul li:nth-child(6) a::after,
	body.plan #global_menu ul li:nth-child(7) a::after,
	body.party #global_menu ul li:nth-child(8) a::after,
	body.seeing #global_menu ul li:nth-child(9) a::after,
	#global_menu ul li a:hover::after{
		width: 100%;
		left: 0;
	}
	#global_menu ul li a[href^="http"] span::after{
		content: "";
		background: url("../png/icon_blank.png") no-repeat right center;
		background-size: contain;
		display: inline-block;
		width: 15px;
		height: 10px;
		margin-left: 0.2em;
		margin-right: -10px;
	}
}
/* big PC */
@media all and (min-width: 1600px) {
	#global_menu ul li{
		padding: 0 11px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.toggleWrap{
		background: #141414;
		padding: 76px 0;
	}
	#global_menu{
		width: 100%;
		top: 60px !important;
		z-index: 110;
	}
	#global_menu ul{
		font-size: 0;
		border-top: 1px solid #484848;
	}
	#global_menu ul li{
		border-bottom: 1px solid #484848;
		font-size: 16px;
	}
	#global_menu ul li:not(:first-child){
		display: inline-block;
		width: 50%;
	}
	#global_menu ul li:nth-child(even){
		border-right: 1px solid #484848;
	}
	#global_menu ul li a{
		height: 57px;
		line-height: 57px;
		color: #fff;
		font-size: 21px;
		font-weight: lighter;
	}
	#global_menu ul li a span{
		display: none;
	}
	#global_menu ul li a[href^="http"]::after{
		content: "";
		background: url("../png/icon_blank_white.png") no-repeat right center;
		background-size: contain;
		display: inline-block;
		width: 15px;
		height: 10px;
		margin-left: 0.2em;
		margin-right: -10px;
	}
}


/* head_lang
-------------------------------------------------- */
.head_lang{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #fff;
	font-weight: 300;
	text-align: center;
	position: relative;
}
.head_lang > div{
	background: #4f4f4f;
	position: relative;
}
.head_lang > div::after{
	content: "";
	background: url("../png/head_lang_arrow.png") no-repeat bottom center;
	background-size: contain;
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	bottom: 20px;
}
.head_lang > div span{
	font-size: 11px;
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	color: #a2a2a2;
	letter-spacing: 1px;
}
.head_lang > ul{
	background: #4f4f4f;
	list-style: none;
}
.head_lang > ul li a{
	display: block;
	background: #4f4f4f;
	color: #fff;
	text-decoration: none;
}
/* PC */
@media all and (min-width: 769px) {
	.head_lang{
		margin-left: 0;
	}
	.head_lang > div > div{
		display: table-cell;
		width: 100px;
		height: 125px;
		vertical-align: middle;
		padding-bottom: 10px;
	}
	.head_lang > div::after{
		left: 0;
		right: 0;
		bottom: 15px;
		margin: auto;
	}
	.head_lang > div span{
		display: block;
		margin-top: 5px;
	}
	.head_lang > ul{
		visibility: hidden;
		opacity: 0;
		position: fixed;
		top: 125px;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		width: 100px;
		padding: 15px 0;
		display: block !important;
	}
	.head_lang > div:hover + ul,
	.head_lang > ul:hover{
		visibility: visible;
		opacity: 1;
	}
	.head_lang > ul li a{
		line-height: 3;
	}
	.head_lang > ul li a:hover{
		background: #717171;
	}
}
/* big PC */
@media all and (min-width: 1600px) {
	.head_lang{
		margin-left: 15px;
	}
	.head_lang > div > div{
		width: 120px;
	}
	.head_lang > ul{
		width: 120px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.head_lang > div{
		width: 80%;
		margin: 25px auto 0;
		height: 55px;
		line-height: 55px;
		text-align: left;
		padding: 0 1.5em;
	}
	.head_lang > div::after{
		right: 1em;
		top: 40%;
	}
	.head_lang > div span{
		margin-left: 1.3em;
	}
	.head_lang > ul{
		display: none;
		width: 80%;
		margin: auto;
	}
	.head_lang > ul li a{
		line-height: 3;
		text-align: left;
		padding: 0 1.5em;
	}
}


/* head_book
-------------------------------------------------- */
.head_book a{
	display: table-cell;
	background: #2d4927;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #fff;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.head_book a span{
	display: block;
	font-size: 11px;
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	color: #5d8d50;
	letter-spacing: 1.5px;
}
/* PC */
@media all and (min-width: 769px) {
	.head_book a{
		min-width: 100px;
		height: 125px;
		padding-bottom: 10px;
	}
	.head_book a:hover{
		opacity: 0.8;
	}
	.head_book a span{
		margin-top: 5px;
	}
}
/* big PC */
@media all and (min-width: 1600px) {
	.head_book a{
		min-width: 200px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.head_book{
		position: absolute;
		right: 76px;
		top: 0;
		z-index: -1;
	}
	.head_book a{
		width: 76px;
		height: 76px;
	}
	.head_book a span{
		display: none;
	}
}



/* ---------------------------------------------------------------
	 4. Main img
--------------------------------------------------------------- */
#all{
	padding-top: 125px;
}
body.index #main_img{
	position: relative;
}
body.index #main_img .main_slide{
	overflow: hidden;
	width: 100%;
	height: calc(100vh - 125px);
}
/* SP */
@media only screen and (max-width: 768px) {
	#all{
		padding-top: 76px;
	}
	body.index #main_img .main_slide{
		height: 500px;
	}
}


/* 2nd
---------------------------------------------------------- */
body:not(.index) #main_img{
	height: 245px;
	background-size: cover;
	background-position: center center;
}
body.rooms #main_img{
	background-image: url("../jpg/img_main_rooms.jpg");
}
body.honkan #main_img{
	background-image: url("../jpg/img_main_honkan.jpg");
}
body.sazantei #main_img{
	background-image: url("../jpg/img_main_sazantei.jpg");
}
body.rooms.suigetsu #main_img{
	background-image: url("../jpg/img_main_rooms_suigetsu.jpg");
}
body.rooms.tsukisuite #main_img{
	background-image: url("../jpg/img_main_rooms_tsukisuite.jpg");
}
body.wabisabi #main_img{
	background-image: url("../jpg/img_main_wabisabi.jpg");
}
body.company #main_img{
	background-image: url("../jpg/img_main_company.jpg");
}
body.privacy #main_img{
	background-image: url("../jpg/img_main_privacy.jpg");
}
body.cuisine #main_img{
	background-image: url("../jpg/img_main_cuisine.jpg");
}
body.hot_springs #main_img{
	background-image: url("../jpg/img_main_hot_springs.jpg");
}
body.kiranoyu #main_img{
	background-image: url("../jpg/img_main_kiranoyu.jpg");
}
body.reserved #main_img{
	background-image: url("../jpg/img_main_reserved.jpg");
}
body.hotspring_suigetsu #main_img{
	background-image: url("../jpg/img_main_hotspring_suigetsu.jpg");
}
body.tea #main_img{
	background-image: url("../jpg/img_main_tea.jpg");
}
body.seeing #main_img{
	background-image: url("../jpg/img_main_seeing.jpg");
}
body.access #main_img{
	background-image: url("../jpg/img_main_access.jpg");
}
body.facility #main_img{
	background-image: url("../jpg/img_main_facility.jpg");
}
body.faq #main_img{
	background-image: url("../jpg/img_main_faq.jpg");
}
body.recruit #main_img{
	background-image: url("../jpg/img_main_recruit.jpg");
}
body.interview #main_img{
	background-image: url("../jpg/img_main_interview.jpg");
}
body.news #main_img{
	background-image: url("../jpg/img_main_news.jpg");
}
body.party #main_img{
	background-image: url("../jpg/img_main_party.jpg");
}
body.blog #main_img{
	background-image: url("../jpg/img_main_blog.jpg");
}
/* SP */
@media only screen and (max-width: 768px) {
	body:not(.index) #main_img{
		height: 150px;
	}
	body.seeing #main_img{
		background-position: right 30% center;
	}
}


/* head_mark
---------------------------------------------------------- */
.mark ul li{
	list-style: none;
	margin-bottom: 10px;
}
.mark img{
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.mark figcaption{
	display: inline-block;
	vertical-align: top;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	color: #fff;
/*	text-shadow: 2px 2px 1px #000;*/
	margin: 1.3em;
}

.head_mark{
	position: absolute;
	left: 25px;
	top: 35px;
	z-index: 2;
}
.head_mark li{
	background: rgba(5,5,5,0.8);
	border: 1px solid #989866;
	border-radius: 5px;
	padding: 7px 13px;
}
.head_mark figure > img{
	width: calc(204px / 2);
}
.head_mark figcaption{
	font-size: 17px;
	width: 400px;
	margin: 1.3em 0 1.3em 1.3em;
}
/* SP */
@media only screen and (max-width: 768px) {
	.head_mark{
		left: 10px;
		top: 15px;
		width: 95%;
		max-width: 375px;
	}
	.head_mark li{
		padding: 7px;
	}
	.head_mark figure > img{
		width: 70px;
	}
	.head_mark figcaption{
		font-size: 11px;
		width: calc(100% - 82px);
		max-width: 260px;
		margin: 1.2em 0 0 0.5em;
	}
	.head_mark figcaption br{
		display: none;
	}
}
/* more small SP */
@media only screen and (max-width: 374px) {
	.head_mark figcaption{
		margin-top: 0.7em;
	}
}


/* チャット
-------------------------------------------------- */
/*#tripla-icon-message{
	bottom: 170px !important;
	height: 100px !important;
	right: 10px !important;
	width: 187.5px !important;
}
#tripla-chat-window + div{
	bottom: 90px !important;
	right: 10px !important;
	height: 80px !important;
	width: 80px !important;
}
*/


/* ---------------------------------------------------------------
	 5. Content
--------------------------------------------------------------- */
.cf:after {
	content:" ";
	display:block;
	clear:both;
}

.mincho {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.big{
	font-size: 1.2rem;
}
.color_red{
	color: #e95040;
}

.align_center{
	text-align: center;
}
.align_left{
	text-align: left;
}
.align_right{
	text-align: right;
}

.center{
	display: block;
	margin: auto;
}
.left{
	float: left;
	margin-right: 25px;
}
.right{
	float: right;
	margin-left: 25px;
}

.kome{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0;
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin-top: 0.7em;
}
.kome + .kome{
	margin-top: 0;
}
.kome::before{
	content: "\203b";
}
/* PC */
@media all and (min-width: 769px) {
	.br_sp{
		display: none;
	}
	.w60{
		width: 60%;
		margin: auto;
	}
	.w70{
		width: 70%;
		margin: auto;
	}
	.br_sp{
		display: none;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.left,
	.right{
		display: block;
		float: none;
		margin: 0 auto 10px auto;
	}
	.left img,
	.right img{
		display: block;
		margin: 0 auto 10px auto;
	}
	
	#content .center{
		text-align: left;
	}
	
	.br_pc{
		display: none;
	}
	
	.sp_left{
		text-align: left;
	}
}

.mt2{
	margin-top: 2em;
}


.useful_links a:not(.basic_btn)[href^="http"]::after{
	content: "";
	background: url("../png/icon_blank.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-left: 0.2em;
}

article a[href$=".pdf"]::after{
	content: "";
	background: url("../png/icon_pdf.png") no-repeat right bottom;
	background-size: contain;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 0 -0.3em 0.3em;
}

.focus{
	background: #eaeaea;
	padding: 25px;
}


/* タイトル
---------------------------------------------------------- */
h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 32px;
	text-align: center;
	margin-top: 5px;
	line-height: 1.2;
}
body.index h2{
	margin-top: 100px;
}
h2::before{
	content: "";
	background: url("../png/icon_tit.png") no-repeat center top;
	background-size: contain;
	display: block;
	width: calc(93px / 2);
	height: calc(146px / 2);
	margin: auto;
}
h2 span{
	font-size: 25px;
}
h2 + span{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	display: block;
	text-align: center;
	color: #5d8d50;
	font-size: 14px;
	letter-spacing: 3px;
	margin-bottom: 3.5em;
}
body.index h2 + span{
	margin-bottom: 2em;
}
h2.h2_pagein{
	margin-top: 150px;
}

h3{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 25px;
	line-height: 1.2;
	margin: 170px 0 35px;
	text-align: center;
}
h3:not(.h3_left)::before,
h3:not(.h3_left)::after{
	content: "";
	display: inline-block;
	width: 75px;
	height: 1px;
	background: #000;
	vertical-align: super;
	margin: 0 30px;
}
h3.no_border::before,
h3.no_border::after{
	display: none;
}
h3.h3_left{
	margin-top: 30px;
	text-align: left;
}
body:not(.index) h3 span{
	font-size: 18px;
}

h4:not(.h4_each){
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 22px;
	color: #5d8d50;
	margin: 3em 0 0.5em;
}
h4.h4_each{
	width: 120px;
	height: 120px;
	background: #000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	font-size: 43px;
	color: #fff;
	text-align: center;
	box-shadow: 4px 3.5px 0 #5d8d50;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
}
h4.h4_each span{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	display: block;
	font-size: 13px;
	letter-spacing: 2px;
}
.h4_each_wrap li{
	list-style: none;
	display: inline-block;
	margin-right: 0.7em;
}
.h4_small h4.h4_each,
h4.h4_each.h4_small{
	font-size: 33px;
}
h4.h4_small_more{
	font-size: 28px;
	letter-spacing: -2px;
}
.each_interview h4{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0e92c6;
	margin-top: 3.5em;
}
/* SP */
@media only screen and (max-width: 768px) {
	h2{
		margin-top: 30px;
	}
	body.index h2{
		margin-top: 50px;
	}
	h3{
		margin-top: 130px;
	}
	h3:not(.h3_left)::before,
	h3:not(.h3_left)::after{
		width: 40px;
		margin: 0 15px;
	}
}
/* more small SP */
@media only screen and (max-width: 374px) {
	h3:not(.h3_left)::before,
	h3:not(.h3_left)::after{
		width: 30px;
		margin: 0 15px;
	}
}

/* テーブル／ULOL
---------------------------------------------------------- */
article table{
	border-top: 1px solid #000;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
body:not(.news_detail) article table{
	width: 100%;
}
table[align="center"]{
	margin-left: auto;
	margin-right: auto;
}
article table th,
article table td{
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #000;
	padding: 1.5em 0;
	font-size: 15px;
	font-weight: normal;
}
caption{
	text-align: left;
}

.tb_w100{
	width: 100%;
}
/* PC */
@media all and (min-width: 769px) {
	article table th{
		min-width: 8em;
	}
	.article table td{
		padding-right: 3em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	article table th,
	article table td{
		display: block;
		padding: 0.5em 3vw;
	}
	article table th{
		border-bottom: none;
		padding-bottom: 0;
	}
	article table td{
		padding-top: 0;
		padding-left: calc(3vw + 1.5em);
	}
	body:not(.news_detail) article table th{
		min-width: 6em;
	}
}


article ul:not(.no_style_ul),
article ol:not(.no_style_ol){
	margin: 10px 0;
}
article ol:not(.no_style_ol) li{
	margin-left: 1.3em;
	line-height: 1.6;
}
article ul:not(.no_style_ul) li{
	margin-left: 1.6em;
	line-height: 1.6;
	list-style-type: square;
}

.mb1 li:not(:last-child){
	margin-bottom: 1em;
}


/* form
---------------------------------------------------------- */
input[type^="text"],
textarea{
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 3px;
	margin: 3px 0;
}

/* PC */
@media all and (min-width: 769px) {
	input[type^="text"]{
		width: 60%;
		margin-right: 10px;
	}
	textarea{
		width: 60%;
	}
}


/* basic
---------------------------------------------------------- */
.basic_btn{
	display: inline-block;
	text-decoration: none;
	background-color: #2d4927;
	margin: 1em 0;
	width: 285px;
	text-align: center;
	padding: 20px 0;
	font-size: 17px;
	font-weight: lighter;
	color: #fff;
	position: relative;
	z-index: 1;
}
.basic_btn::after{
	content: "";
	background: url("../png/icon_arrow_basic.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 35px;
	height: 10px;
	position: absolute;
	right: 0.6em;
	top: 40%;
	transition: .3s;
}
.basic_btn.white{
	background-color: transparent;
	border: 1px solid #fff;
}
.basic_btn.white:hover{
	color: #000;
}
.basic_btn.white:hover::after{
	background-image: url("../png/icon_arrow_basic_black.png");
}
.basic_btn::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	background: #5d8d50;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s;
}
.basic_btn.white::before {
	background: #fff;
}
.basic_btn:hover::before {
	transform-origin: left top;
	transform: scale(1, 1);
}
/* SP */
@media only screen and (max-width: 768px) {
	.basic_btn{
		width: 100%;
		max-width: 285px;
	}
}

body.seeing .basic_btn[href^="http"]::after{
	content: "";
	background: url("../png/icon_blank_white.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 15px;
	height: 10px;
	margin: 0.1em 0.5em 0 0.2em;
}

.simple_btn{
	display: inline-block;
	margin: 1em 0;
	border: 1px solid #5d8d50;
	padding: 0.7em 2.5em 0.7em 2em;
	text-decoration: none;
	position: relative;
}
.simple_btn::after{
	content: "";
	background: url("../png/icon_arrow_right_s.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 11px;
	margin-left: 0.5em;
	position: absolute;
	margin-top: 7px;
	transition: .3s;
}
.simple_btn:hover::after{
	margin-left: 1em;
}
.simple_btn[href$=".pdf"]{
	padding: 0.7em 2.8em 0.7em 1.7em;
}
.simple_btn[href$=".pdf"]::after{
	margin-left: 0.5em;
	width: 21px;
	height: 21px;
}


/* ul_2col
-------------------------------------------------- */
.ul_2col,
.ul_3col,
.ul_4col{
	list-style: none;
	margin: 0;
}
.ul_2col > li{
	margin-bottom: 2em;
}
.ul_3col > li{
	margin-bottom: 1.5em;
}
.ul_2col > li img,
.ul_3col > li img,
.ul_4col > li img{
	display: block;
	margin: auto;
}
/* PC */
@media all and (min-width: 769px) {
	.ul_2col,
	.ul_3col,
	.ul_4col{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ul_3col::after{
		content:"";
		display: block;
		width: calc(100% / 3);
	}
	.ul_2col > li{
		width: 50%;
	}
	.ul_3col > li{
		width: calc(99.99% / 3);
	}
	.ul_4col > li{
		width: calc(100% / 4);
	}
	
	.top_plan .ul_3col::after,
	.top_plan .ul_3col > li{
		width: 380px;
	}
	.top_plan .ul_3col > li{
		margin-bottom: 3em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
}


/* other
-------------------------------------------------- */
body.index #content a[href^="http"] dt::after,
.top_restaurant a[href^="http"] strong::after{
	content: "";
	background: url("../png/icon_blank.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-left: 0.2em;
}
body.index #content section.top_plan a[href^="http"] dt::after,
body.index #content a[href^="http"].no_icon dt::after{
	display: none;
}

.zoom_img{
	overflow: hidden;
	background: #000;
}
.zoom_img img,
.zoom_img span{
	display: block;
	webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
.zoom_img img:hover,
.zoom_img span:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}


/* breadline
-------------------------------------------------- */
.breadline::after{
	content: " ";
	display: block;
	clear: both;
}
.breadline ul{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	margin: 0.4em 1em;
}
.breadline ul li{
	list-style: none;
	display: inline;
	font-size: 13px;
}
.breadline ul li:not(:last-child):after{
	content: "\003e";
	margin: 0 0.8em;
	color: #6d6d6d;
	font-weight: bold;
}
.breadline ul li a{
	color: #000;
	text-decoration: none;
}
.breadline ul li a:hover{
	text-decoration: underline;
}


/* SP */
@media only screen and (max-width: 768px) {
	.breadline{
		display: none;
	}
}


/* pagination
-------------------------------------------------- */
.pagination{
	text-align: center;
	margin-top: 50px;
}
.pagination ul li {
	display: inline-block;
	list-style: none;
	margin: 0 2px;
}
.pagination ul li a {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #5d8d50;
	background: #fff;
	color: #5d8d50;
	font-size: 1rem;
	text-decoration: none;
}
.pagination ul li a:hover, .pagination ul li.current a {
	border: 1px solid #5d8d50;
	background: #5d8d50;
	color: #fff;
}

.pagination_detail{
	clear: both;
	text-align: center;
	margin-top: 5em;
}
/* SP */
@media only screen and (max-width: 768px) {
	.pagination{
		margin: 60px 0 0;
	}
}



/* ---------------------------------------------------------------
	 6. Footer
--------------------------------------------------------------- */
footer{
	background: #0a0a0a;
	color: #fff;
	padding-bottom: 25px;
}
footer::before{
	content: "";
	background: url("../jpg/img_foot.jpg") no-repeat top center;
	background-size: cover;
	display: block;
	width: 100%;
	height: 250px;
}
/* SP */
@media only screen and (max-width: 768px) {
	footer::before{
		height: 145px;
	}
}


/* foot_menu
---------------------------------------------------------- */
.foot_menu ul{
	font-size: 0;
	text-align: center;
	margin: 25px auto;
}
.foot_menu li{
	list-style: none;
	display: inline-block;
	font-size: 15px;
	border-right: 1px solid #b5b5b5;
	line-height: 1;
	padding: 0 1em;
}
.foot_menu li:last-child{
	border: none;
}
.foot_menu li a{
	color: #b5b5b5;
	text-decoration: none;
}
.foot_menu li a:hover{
	text-decoration: underline;
}
/* SP */
@media only screen and (max-width: 768px) {
	.foot_menu ul{
		background: #2b2b2b;
		margin: 0 auto;
		padding: 20px 7px 0;
		text-align: left;
	}
	.foot_menu li{
		font-size: 12px;
		margin-bottom: 1.5em;
	}
}


/* foot_menu_under
---------------------------------------------------------- */
/* PC */
@media all and (min-width: 769px) {
	.foot_menu_under{
		margin: 60px 20px 0;
		position: relative;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.foot_menu_under{
		text-align: center;
		margin: 20px 0 0;
	}
}

/* foot_address
---------------------------------- */
.logo_foot{
	background: url("../png/logo_foot.png") no-repeat center top;
	background-size: contain;
	text-indent: -9999px;
	display: block;
	width: 235px;
	height: 50px;
	margin: 0 0 0.7em;
}
.foot_address_info,
.foot_address_info a{
	color: #b5b5b5;
	font-size: 14px;
}
.sns{
	margin: 25px 0;
}
.sns li{
	list-style: none;
	display: inline-block;
	margin-right: 8px;
}
.sns li a{
	display: block;
	background-size: contain;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
.facebook a{
	background-image: url("../png/icon_facebook.png");
}
.instagram a{
	background-image: url("../png/icon_instagram.png");
}
.sns li a:hover{
	opacity: 0.7;
}
/* PC */
@media all and (min-width: 769px) {
	.foot_address{
		display: inline-block;
		vertical-align: top;
	}
	.foot_address_info{
		width: 275px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.logo_foot{
		background-size: contain;
		margin: 0 auto 0.5em;
	}
	.sns{
		margin: 0.5em auto;
	}
}


/* foot_tel
---------------------------------- */
.foot_tel a{
	display: block;
	background: url("../png/txt_foot_tel.png") no-repeat center center;
	background-size: contain;
	width: calc(590px / 2);
	height: 100px;
	text-indent: -9999px;
}
/* PC */
@media all and (min-width: 769px) {
	.foot_tel{
		display: inline-block;
		vertical-align: top;
		margin: 20px 70px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.foot_tel a{
		margin: 35px auto;
	}
}

/* foot_mark
---------------------------------- */
.foot_mark{
	position: absolute;
	right: 0;
	top: -5px;
	z-index: 2;
}
.foot_mark img{
	width: calc(175px / 2);
}
.foot_mark figcaption{
	font-size: 13px;
	width: 315px;
	margin-right: 0;
}
/* SP */
@media only screen and (max-width: 768px) {
	.foot_mark{
		display: none;
	}
}


/* address
---------------------------------- */
address{
	font-style: normal;
	font-size: 14px;
	color: #b5b5b5;
}
/* PC */
@media all and (min-width: 769px) {
	address{
		margin-left: 20px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	address{
		text-align: center;
	}
}



/* ---------------------------------------------------------------
	 7. Index
--------------------------------------------------------------- */

/* form_book
---------------------------------------------------------- */
#form01{
	margin-top: -80px;
	z-index: 1;
	position: absolute;
}

.form_book{
	background: #2d4927;
	color: #fff;
	padding: 30px 35px;
	position: relative;
}
/* PC */
@media all and (min-width: 769px) {
	.form_book{
		width: 1200px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	#form01{
		margin: -100px 3vw 0;
	}
	
	.form_book{
		left: 0;
		right: 0;
		padding: 15px;
	}
}

.form_tit > div{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	font-size: 22px;
	border: 1px solid #899986;
}
.form_tit > div span{
	display: block;
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	font-size: 11px;
	color: #948c00;
	letter-spacing: 1.5px;
}
/* PC */
@media all and (min-width: 769px) {
	.form_tit{
		display: inline-block;
		vertical-align: top;
	}
	.form_tit > div{
		width: 115px;
		height: 94px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.form_tit > div{
		text-align: center;
	}
	.form_tit > div span{
		display: none;
	}
}

.search_3btn{
	text-align: center;
}
.search_3btn ul{
	list-style: none;
	display:-webkit-box;
	display: flex;
}
.search_3btn ul li a{
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #948c00;
	text-decoration: none;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	font-size: 18px;
	color: #c4b500;
}
.search_3btn ul li a:hover{
	background: #2d4927;
}
.search_3btn ul li a span{
	display: block;
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	font-size: 11px;
	letter-spacing: 1.5px;
	color: #948c00;
}
/* PC */
@media all and (min-width: 769px) {
	.search_3btn{
		background: #243d1e;
		position: absolute;
		right: 0;
		top: 0;
		width: 600px;
		padding: 30px 0;
	}
	.search_3btn ul{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.search_3btn ul li{
		margin: 0 5px;
	}
	.search_3btn ul li a{
		height: 94px;
		width: 172px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.search_3btn ul{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 20px;
	}
	.search_3btn ul li{
		width: 32.5%;
	}
	.search_3btn ul li a{
		font-size: 11px;
		height: 55px;
		padding: 0 3px;
		width: 32.5%;
	}
	.search_3btn ul li a span{
		display: none;
	}
}

.submit_search{
	border-radius: 0;
	-webkit-appearance: button;
	appearance: button;
	border: 0;
}
.btn_search_detail > div,
.submit_search{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	font-size: 18px;
	width: 340px;
	height: 94px;
	color: #fff;
	position: relative;
	background: #948c00 url("../png/icon_search.png") no-repeat left 20% center;
	background-size: 20px 20px;
	transition: opacity .3s;
	text-indent: 1.8em;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.btn_search_detail > div:hover,
.submit_search:hover{
	opacity: 0.8;
	cursor: pointer;
}
/* PC */
@media all and (min-width: 769px) {
	.btn_search_detail{
		display: inline-block;
		vertical-align: top;
		margin-left: 30px;
	}
	.submit_search{
		width: 400px;
		height: 80px;
		display: block;
		margin: 25px auto 0;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.btn_search_detail > div,
	.submit_search{
		font-size: 17px;
	}
	.btn_search_detail > div{
		display: block;
		width: 100%;
		height: 55px;
		line-height: 55px;
		background-position: 18% center;
		margin-top: 15px;
	}
	.submit_search{
		display: block;
		width: 80%;
		height: 55px;
		line-height: 55px;
		margin: 6% auto 3%;
	}
}

.wrap_form_input{
	display: none;
}
.form_input{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	font-size: 17px;
}
.form_input dt{
	margin-bottom: 8px;
}

.form_input input[type="text"],
.form_input input[type="date"]{
	border: none;
	margin-right: 5px;
	background: #fff url("../png/icon_calendar.png") no-repeat left 10px center;
	background-size: 25px auto;
	padding: 0 0 0 50px;
}
.flatpickr-months .flatpickr-month{
	height: 30px !important;
}
.flatpickr-current-month {
	display: flex !important;
	flex-direction: row-reverse;
	justify-content: center;
	height: 30px !important;
}
.flatpickr-current-month .numInputWrapper {
	display: flex !important;
	width: 85px !important;
	height: 24px;
}
.flatpickr-current-month .numInputWrapper::after {
	display: inline-block;
	content: "年";
	line-height: 1.4;
	position: absolute;
	left: 2.5em;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
	height: 27px !important;
	margin: -3px 0 0 !important;
}
/* chrome safari opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.flatpickr-current-month .flatpickr-monthDropdown-months{
		height: 30px !important;
		margin: -4px 0 0 !important;
	}
}
/* Firefox */
@-moz-document url-prefix() {
	.flatpickr-current-month .flatpickr-monthDropdown-months{
		height: 27px !important;
		margin: -3px 0 0 !important;
	}
}
/* Edge */
@supports (-ms-ime-align: auto) {
	.flatpickr-current-month .flatpickr-monthDropdown-months{
		margin: -3px 0 0 !important;
	}
}
/* IE */
_:-ms-lang(x)::-ms-backdrop, .flatpickr-current-month .flatpickr-monthDropdown-months{
	height: 24px !important;
	margin: 0 0 0 !important;
}
.form_input dd select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
}
.form_input dd select::-ms-expand {
	display: none;
}
.form_input dd input,
.form_input dd select{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	font-size: 18px;
	background: #fff;
	padding: 0 1.3em;
	height: 40px;
	border-radius: 3px;
}
.form_input input[type="checkbox"]{
	display: none;
}
.form_input input[type="checkbox"] + label{
	position: relative;
	padding-left: 20px;
	margin-left: 10px;
}
.form_input input[type="checkbox"] + label:hover{
	cursor: pointer;
}
.form_input input[type="checkbox"] + label::before,
.form_input input[type="checkbox"] + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
}
.form_input input[type="checkbox"] + label::before{
	left: 0;
	margin-top: -10px;
	background: #fff;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}
.form_input input[type="checkbox"] + label::after{
	left: 6.5px;
	margin-top: -6px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	opacity: 0;
}
.form_input input[type="checkbox"]:checked + label::after{
	opacity: 1;
}
/* PC */
@media all and (min-width: 769px) {
	.form_input{
		margin: 50px 0 0;
		display:-webkit-box;
		display:-ms-flexbox;
		display: flex;
/*		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
*/	}
	.form_input > div{
		padding: 1% 6.5%;
	}
	.form_input > div:first-child{
		border-right: 1px solid rgba(255,255,255,0.3);
	}
	.form_input dl:not(:first-child){
		display: inline-block;
		margin-right: 30px;
		margin-top: 25px;
	}
	.form_input input[type="text"]{
		width: 192px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.form_input > div:first-child{
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding-bottom: 5%;
	}
	.form_input dl:not(:first-child){
		display: inline-block;
		width: 48.5%;
	}
	.form_input dt{
		margin-top: 1em;
		margin-bottom: 0;
	}
	.form_input input[type="date"]{
		width: 55%;
		padding-left: 40px;
	}
	.form_input input[type="checkbox"] + label{
		margin-left: 3px;
		font-size: 16px;
	}
}

.kubun{
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 0.2em 0.7em 0.2em 2.3em;
	color: #fff;
	text-decoration: none;
	background: url("../png/icon_question.png") no-repeat left 10px center;
	background-size: calc(37px / 2) auto;
}
.kubun:hover{
	opacity: 0.7;
}
/* PC */
@media all and (min-width: 769px) {
	.form_input02{
		position: relative;
	}
	.kubun{
		position: absolute;
		right: 7%;
		top: 25%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.kubun{
		display: inline-block;
		margin-top: 15px;
		padding: 0.5em 0.5em 0.5em 2em;
		font-size: 15px;
	}
}

.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2147483648999999999;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}

.modal__content{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	width: 765px;
}
.modal-in{
	border-radius: 10px;
	background: #fff;
	padding: 40px 30px;
	position: relative;
}
.modal__content strong{
	display: block;
	text-align: center;
	font-size: 23px;
	font-weight: normal;
}
.modal__content table{
	width: 100%;
	margin: 15px 0;
}
.modal__content table th,
.modal__content table td{
	text-align: center;
	font-size: 18px;
	border: 1px solid rgba(10,10,10,0.3);
	padding: 0.4em;
	vertical-align: middle;
}
.modal__content table th{
	background: #e2e2e2;
}
.modal__content p{
	text-align: center;
	font-size: 15px;
}
.btn_close{
	position: absolute;
	right: 15px;
	top: 20px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.modal__content{
		width: 100%;
		overflow-y: scroll;
		height: 100vh;
		padding: 12vh 0;
	}
	.modal-in{
		width: 95%;
		padding: 6% 3%;
		margin: auto;
	}
	.modal__content table{
		margin: 10px 0;
	}
	.modal__content table th,
	.modal__content table td{
		font-size: 15px;
		padding: 1em 0.4em;
	}
	.modal__content table tr:first-child th:first-child{
		width: 15%;
	}
	.modal__content table tr:first-child th:last-child{
		width: 19%;
	}
	.modal__content table td span{
		display: inline-block;
	}
	.modal__content p{
		text-align: left;
		font-size: 14px;
	}
	.btn_close{
		right: 10px;
		top: 16px;
	}
	.btn_close img{
		width: 37px;
	}
}
/* more small SP */
@media only screen and (max-width: 374px) {
	.modal__content table tr:first-child th:first-child{
		width: 10%;
	}
	.modal__content table tr:first-child th:last-child{
		width: 12%;
	}
}


/* top_copy
---------------------------------------------------------- */
.top_copy{
	background: url("../png/bg_top_copy.png") no-repeat top -490px center;
	padding-top: 80px;
}
.top_copy_txt{
	margin-top: 45px;
	text-align: center;
}
.top_copy strong{
	font-size: 31px;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 2px;
}
.top_copy p{
	margin-top: 1.8em;
	line-height: 2.6;
}
/* PC */
@media all and (min-width: 769px) {
	.top_copy{
		height: 500px;
	}
	.top_copy .inner{
		position: relative;
	}
	.top_copy_txt{
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_copy{
		padding-top: 20px;
		background-position: bottom 0 center;
		background-size: 145vw auto;
		padding-bottom: 13vw;
	}
	.top_copy_txt{
		height: 50vw;
		position: relative;
		left: 0;
		right: 0;
		margin: 120px auto 0;
	}
	.top_copy strong{
		font-size: 5vw;
	}
	.top_copy p{
		font-size: 2.8vw;
		line-height: 2.1;
		margin-top: 1em;
	}
}


/* top_plan
---------------------------------------------------------- */
.top_plan a{
	text-decoration: none;
}
.top_plan a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.top_plan dl{
	transition: .3s;
}
.top_plan a:hover dl{
	opacity: 0.5;
}
.top_plan dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 18px;
	margin-top: 0.7em;
	text-decoration: underline;
}
.top_plan dd{
	color: #000;
	font-size: 15px;
}
/* PC */
@media all and (min-width: 769px) {
	body.index .top_plan h2{
		margin-top: 20px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_plan dl{
		padding: 0 3vw;
	}
}


/* top_party
---------------------------------------------------------- */
.top_party{
	background: url("../jpg/bg_top_party.jpg") no-repeat bottom 30px center;
}
.top_party a{
	display: block;
	background: url("../png/img_top_party.png") no-repeat center center;
	color: #fff;
	text-decoration: none;
	font-weight: lighter;
	padding-top: 90px;
	transition: opacity .3s;
}
.top_party a:hover{
	opacity: 0.85;
}
.top_party_txt{
	text-align: center;
}
.top_party_txt strong{
	font-size: 28px;
	font-weight: lighter;
	line-height: 3;
}
/* PC */
@media all and (min-width: 769px) {
	.top_party{
		background-size: calc(857px / 2) auto;
		padding-bottom: 110px;
	}
	.top_party a{
		margin-top: 60px;
		height: 285px;
	}
	.top_party h2{
		margin-top: 50px !important;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_party{
		background: url("../jpg/bg_top_party_sp.jpg") no-repeat bottom 20px center;
		background-size: contain;
		padding-bottom: 35%;
	}
	.top_party a{
		background-image: url("../png/img_top_party_sp.png");
		background-size: contain;
		width: 100%;
		height: 42vw;
		padding-top: 11%;
		margin-top: 15%;
	}
	.top_party_txt{
		width: 94%;
		margin: auto;
	}
	.top_party_txt strong{
		font-size: 18px;
		line-height: 2;
	}
	.top_party_txt p{
		font-size: 16px;
	}
}
/* more small SP */
@media only screen and (max-width: 374px) {
	.top_party a{
		padding-top: 8%;
	}
	.top_party_txt strong{
		font-size: 16px;
	}
	.top_party_txt p{
		font-size: 14px;
	}
}

/* top_hot_cuisine
---------------------------------------------------------- */
.top_hot_cuisine li{
	list-style: none;
	background-size: cover;
	background-position: center center;
	height: 380px;
	margin-top: 35px;
	color: #fff;
}
.top_hot_cuisine li:first-child{
	background-image: url("../jpg/bg_top_hot.jpg")
}
.top_hot_cuisine li:last-child{
	background-image: url("../jpg/bg_top_cuisine.jpg")
}
.top_hot_cuisine h3{
	font-size: 28px;
	margin-bottom: 0;
}
.top_hot_cuisine h3::before,
.top_hot_cuisine h3::after{
	display: none;
}
.top_hot_cuisine h3 + span{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	letter-spacing: 3px;
	text-indent: 3px;
	text-align: center;
	font-size: 14px;
	display: block;
	margin-bottom: 30px;
}
.top_hot_cuisine_txt p{
	font-size: 17px;
	font-weight: lighter;
	margin-bottom: 2em;
	text-align: center;
}
/* PC */
@media all and (min-width: 769px) {
	.top_hot_cuisine_txt{
		width: 600px;
		padding: 0 75px;
	}
	.top_hot_cuisine li:first-child .top_hot_cuisine_txt{
		margin-left: auto;
	}
	.top_hot_cuisine h3{
		margin-top: 65px !important;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_hot_cuisine h3{
		margin-top: 60px;
	}
	.top_hot_cuisine h3 + span{
		margin-bottom: 1.5em;
	}
	.top_hot_cuisine li{
		padding: 3px 9vw 30px;
		margin-top: 20px;
	}
	.top_hot_cuisine_txt p{
		margin-bottom: 1em;
	}
}


/* top_restaurant
---------------------------------------------------------- */
.top_restaurant a{
	text-decoration: none;
	color: #000;
}
.top_restaurant .zoom_img span{
	background: url("../jpg/img_top_en.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.top_restaurant a:hover .zoom_img span{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.top_restaurant a:hover .top_restaurant_txt strong,
.top_restaurant a:hover .top_restaurant_txt strong::before,
.top_restaurant a:hover .top_restaurant_txt p{
	opacity: 0.6;
}
.top_restaurant_txt strong{
	display: block;
	position: relative;
	font-size: 22px;
	font-weight: normal;
	transition: opacity .3s;
	padding-bottom: 1.7em;
}
.top_restaurant_txt strong::before{
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	background: #9b1010;
	margin: 0.7em auto 1em;
	transition: opacity .3s;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.top_restaurant_txt p{
	font-size: 15px;
	text-align: left;
	transition: opacity .3s;
}
/* PC */
@media all and (min-width: 769px) {
	.top_restaurant{
		margin-top: 160px;
		padding-bottom: 50px;
	}
	.top_restaurant h2,
	.top_restaurant h2 + span{
		display: none;
	}
	.top_restaurant_txt{
		background: #fff;
		width: 790px;
		padding: 1.5em 4em;
		text-align: center;
		margin: -80px auto 0;
		position: relative;
		z-index: 1;
	}
	
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_restaurant{
		margin-top: 150px;
		padding-bottom: 40px;
	}
	.top_restaurant .zoom_img span{
		height: 280px;
	}
	.top_restaurant_txt{
		padding: 30px 5vw;
	}
	.top_restaurant_txt strong{
		text-align: center;
	}
}


/* top_link
---------------------------------------------------------- */
.top_link{
	background: url("../png/bg_top_link.png") no-repeat center center;
}

.top_link .ul_2col{
    gap:20px;
    flex-wrap: nowrap;
}

.top_link a{
	display: block;
	text-decoration: none;
	background: #fff;
}

.top_link li .zoom_img{
	position: relative;
}
.top_link li.top_indoor .zoom_img::after{
	content: "";
	background: url("../png/txt_indoor.png") no-repeat center center;
	background-size: contain;
	display: block;
	width: calc(388px / 2);
	height: calc(95px / 2);
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto;
}

.top_link a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}

.top_link a:hover dl{
	opacity: 0.5;
}
.top_link dl{
	padding: 25px 20px;
	transition: .3s;
}

.top_link dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 19px;
	color: #000;
	margin-bottom: 0.5em;
}
.top_link dd{
	color: #595959;
	font-size: 14px;
}

.top_link ul:last-child{
	list-style-type: none;
}



/* PC */
@media all and (min-width: 769px) {
	.top_link{
		height: 1080px;
		padding: 250px 0 190px;
	}
	
	.top_link ul:last-child a{
		display: flex;
		align-items: center;
		height: 290px;
        overflow: hidden;
	}
	
	.top_link ul:last-child .zoom_img{
        width: 50%;
	}
	
	.top_link .sp_txt{
		display: none;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_link{
		background-image: url("../jpg/bg_top_link_sp.jpg");
		background-size: cover;
		min-height: 970px;
		padding: 10vw 0;
	}
	
	.top_link li{
		margin-bottom: 4vw;
	}
	.top_link dl{
		padding: 13px 15px;
	}
	.top_link dt{
		margin-bottom: 0.2em;
	}
	.top_link .pc_txt{
		display: none;
	}
}

/* more small SP */
@media only screen and (max-width: 374px) {
	.top_link dt{
		font-size: 17px;
	}
	.top_link dd{
		font-size: 13px;
	}
}

/* top_blog
---------------------------------------------------------- */
.top_blog h2{
	margin-top: -10px !important;
}
.top_blog a{
	text-decoration: none;
	display:-webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin: auto;
	box-shadow:0px 0px 3px 2px #ccc;
	border-radius: 5px;
}
.top_blog a > div,
.top_blog a > dl{
	width: 50%;
}
.top_blog dl{
	transition: .3s;
}
.top_blog a:hover dl{
	opacity: 0.5;
}
.top_blog dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 19px;
	color: #000;
	margin-bottom: 0.5em;
}
.top_blog dd{
	font-size: 15px;
	color: #595959;
}
.top_blog img{
	border-radius: 0 5px 5px 0;
}
.top_blog a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
/* PC */
@media all and (min-width: 769px) {
	.top_blog a{
		width: 780px;
	}
	.top_blog dl{
		padding-left: 80px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_blog a{
		max-width: 450px;
	}
	.top_blog dl{
		padding: 3vw;
	}
	.top_blog dt{
		font-size: 17px;
		letter-spacing: -1px;
	}
	.top_blog dd{
		font-size: 14px;
	}
	.top_blog dd br{
		display: none;
	}
}


/* top_access
---------------------------------------------------------- */
/* PC */
@media all and (min-width: 769px) {
	.top_access h2{
		margin-top: 150px !important;
	}
	.top_access h2 + span{
		margin-bottom: 60px;
	}
}


/* top_info01
---------------------------------- */
.top_info01{
	margin-top: 55px;
}
/* PC */
@media all and (min-width: 769px) {
	.top_info01{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_info01{
		margin-top: 25px;
	}
}

.top_info01 .info_tel{
	text-align: center;
}
.top_info01 .info_tel img{
	width: calc(590px / 2);
}
/* PC */
@media all and (min-width: 769px) {
	.top_info01 .info_tel img{
		margin-left: 5px;
	}
}

.top_info01 ul{
	display:-webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	list-style: none;
}
.top_info01 li a{
	display: table-cell;
	background: #948c00;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}
.top_info01 li a:hover{
	opacity: 0.7;
}
/* PC */
@media all and (min-width: 769px) {
	.top_info01 ul{
		width: 355px;
	}
	.top_info01 li{
		width: 172px;
	}
	.top_info01 li a{
		width: 172px;
		height: 95px;
	}
	.top_info01 li a span{
		display: none;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_info01 ul{
		margin-top: 15px;
	}
	.top_info01 li{
		width: 48.5%;
	}
	.top_info01 li a{
		font-size: 14px;
		width: 10%;
		height: 60px;
		padding: 0 3px;
	}
}

.top_info01 .info_rate{
	display:-webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}
.top_info01 .info_rate > div{
	width: 90px;
	margin-right: 15px;
}
.top_info01 .info_rate p{
	flex: 1;
	font-size: 15px;
}
/* PC */
@media all and (min-width: 769px) {
	.top_info01 .info_rate{
		width: 450px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_info01 .info_rate{
		margin: 1em auto 0;
		width: 87%;
	}
}


/* top_info02
---------------------------------- */
.top_info02{
	margin-top: 110px;
}
.top_info02 ul{
	list-style: none;
}
.top_info02 li:first-child img{
	width: 232px;
}
.top_info02 li:first-child div a{
	margin-right: 1.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.top_info02 ul{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_info02{
		margin-top: 25px;
		text-align: center;
	}
	.top_info02 li:first-child div{
		font-size: 14px;
	}
}


/* top_info03
---------------------------------- */
.top_info03{
	margin-top: 70px;
}
.top_info03 table{
	border-top: 1px solid #000;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
.top_info03 table th,
.top_info03 table td{
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #000;
	padding: 1.5em 0;
	font-size: 15px;
	font-weight: normal;
}
.top_info03 table td span{
	display: block;
	margin-top: 0.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.top_info03{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
	.top_info03 table{
		width: 47%;
	}
	.top_info03 table th{
		width: 11em;
	}
	.top_info03 table td{
		padding-right: 3em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_info03 table:last-child{
		border-top: none;
	}
	.top_info03 table th,
	.top_info03 table td{
		display: block;
		padding: 0.5em 3vw;
	}
	.top_info03 table th{
		border-bottom: none;
		padding-bottom: 0;
	}
	.top_info03 table td{
		padding-top: 0;
		padding-left: calc(3vw + 1.5em);
	}
}


/* top_info03
---------------------------------- */
.google_map{
	margin-top: 110px;
}
.google_map iframe{
	width: 100%;
	height: 530px;
	border: none;
}
/* SP */
@media only screen and (max-width: 768px) {
	.google_map{
		margin-top: 70px;
	}
	.google_map iframe{
		height: 345px;
	}
}


/* top_info03
---------------------------------- */
.top_gallery{
	background: #fff;
	padding: 0 45px;
	height: 175px;
	margin-top: -150px;
}
.top_gallery ul{
	list-style: none;
	display:-webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding-top: 50px;
}
.top_gallery li{
	width: 147px;
}

.top_info04_link ul{
	list-style: none;
}
.top_info04_link li{
	text-align: center;
}
/* PC */
@media all and (min-width: 769px) {
	.top_info04{
		margin-top: 10px;
		border-top: 60px solid #fff;
		background: #fff;
		padding-bottom: 50px;
	}
	.top_info04 .inner{
		position: relative;
	}
	
	.top_info04_link ul{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		margin-top: 75px;
	}
	.top_info04_link li{
		width: 50%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_gallery{
		display: none;
	}
	
	.top_info04_link ul{
		padding: 25px 0 40px;
	}
	.top_info04_link li a{
		margin: 0.45em;
	}
}



/* ---------------------------------------------------------------
	 8. News
--------------------------------------------------------------- */
.news_list ul{
	list-style: none;
}
.news_list li{
	padding: 1.3em 0;
	border-bottom: 1px solid #000;
}
.news_list li:last-child{
	margin-bottom: 30px;
}
.news_list a{
	text-decoration: none;
}
.news_list a img{
	width: 120px;
	height: 120px !important;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.news_list a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.news_list a .news_txt{
	transition: .3s;
}
.news_list a:hover .news_txt{
	opacity: 0.5;
}
.date{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	color: #afafaf;
	font-size: 14px;
}
.category{
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 1px 1.3em 0;
	line-height: 1;
}
.cate_news{
	background: #56bc35;
}
.cate_blog{
	background: #e57386;
}
.title{
	display: block;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 20px;
	text-decoration: underline;
}
.new .title::after{
	content: "";
	background: url("../png/icon_new.png") no-repeat center center;
	background-size: contain;
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: 0 0 -3px 5px;
}
.news_list p{
	color: #000;
	margin-top: 1em;
}
/* PC */
@media all and (min-width: 769px) {
	.news_list ul{
		font-size: 0;
	}
	.news_list li{
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		width: calc(50% - 30px);
		margin-right: 30px;
	}
	.news_list a > div{
		display: inline-block;
		vertical-align: top;
	}
	.news_list .zoom_img{
		width: 120px;
		height: 120px;
		margin-right: 10px;
	}
	.news_list .news_txt{
		width: calc(100% - 140px);
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.news_list li{
		padding-right: 3vw;
		padding-left: 3vw;
	}
	.news_list .zoom_img{
		display: none;
	}
}


/* top_news
---------------------------------------------------------- */
.top_news{
	background: #f7f7f7;
	padding-bottom: 85px;
}
/* PC */
@media all and (min-width: 769px) {
	.top_news h2{
		padding-top: 50px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_news h2{
		padding-top: 30px;
	}
	.top_news h2 + span{
		margin-bottom: 0;
	}
	.top_news .basic_btn{
		margin: 0 auto;
	}
}

.news_mark{
	margin: 75px auto 0;
	background: #525252;
	width: 600px;
	border-radius: 3px;
	padding: 10px 30px;
	font-size: 15px;
}
.news_mark figure img{
	width: calc(175px / 2);
	vertical-align: middle;
}
.news_mark figcaption{
	width: calc(600px - 220px);
	margin: 0 0 0 40px;
	vertical-align: middle;
}
/* SP */
@media only screen and (max-width: 768px) {
	.news_mark{
		width: 90%;
		padding: 13px 2%;
	}
	.news_mark figure img{
		width: 20%;
	}
	.news_mark figcaption{
		width: calc(100% - 24%);
		margin-left: 1%;
	}
}


/* news_detail
---------------------------------------------------------- */
.wrap_news_in h3:first-child{
	margin: 0 0 0.3em;
	text-align: left;
	color: #5d8d50;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #5d8d50;
}
.wrap_news_in h3:first-child::before,
.wrap_news_in h3:first-child::after{
	display: none;
}
.wrap_date{
	margin-bottom: 1.5em;
}
.wrap_news_in table{
	border-left: 1px solid #000;
	margin: 15px 0;
}
.wrap_news_in table th,
.wrap_news_in table td{
	border-right: 1px solid #000;
	padding: 1.5em;
}
.wrap_news_in table th{
	background: #eee;
	text-align: center;
	font-weight: bold;
}


/* PC */
@media all and (min-width: 769px) {
	.wrap_news_in{
		width: 70%;
		margin: auto;
	}
	.wrap_news_in table{
		max-width: calc(1200px * 0.7);;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.wrap_news_in table th,
	.wrap_news_in table td{
		display: table-cell;
		border-bottom: 1px solid #000;
	}
}


/* ---------------------------------------------------------------
	 9. Rooms
--------------------------------------------------------------- */

/* rooms_list
---------------------------------------------------------- */
.rooms_list li{
	text-align: center;
}
.rooms_list a{
	text-decoration: none;
	color: #000;
}
.rooms_list a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.rooms_list a .rooms_list_txt{
	transition: .3s;
}
.rooms_list a:hover .rooms_list_txt{
	opacity: 0.5;
}
.rooms_list strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 23px;
	display: block;
}
.rooms_list strong::after{
	content: "";
	display: block;
	background: #5d8d50;
	width: 70px;
	height: 2px;
	margin: 12px auto 0;
}
.rooms_list strong span{
	font-size: 18px;
	font-weight: 500;
}
.rooms_list .rooms_list_txt p{
	font-size: 15px;
	text-align: left;
	margin-top: 1.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.rooms_list li{
		position: relative;
	}
	.rooms_list li::after{
		content: "";
		display: block;
		width: 80%;
		height: 1px;
		background: #777;
		bottom: 0;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
	.rooms_list .rooms_list_txt{
		width: 80%;
		margin: auto;
		padding: 1em 1em 2em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.rooms_list .rooms_list_txt{
		width: 98%;
		margin: auto;
		padding: 1em 1em 2em;
	}
}


/* index
---------------------------------------------------------- */
/* SP */
@media only screen and (max-width: 768px) {
	body.rooms_index h3::before,
	body.rooms_index h3::after{
		display: none;
	}
}

.rooms_info td span{
	display: block;
	margin-top: 0.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.rooms_info th{
		min-width: 15em;
	}
}


/* intro
---------------------------------- */
.intro_img_s ul{
	list-style: none;
	display:-webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
/*.intro_img_s li:hover{
	cursor: pointer;
}
*/.intro_img_s li > div{
	height: 250px;
	width: 300px;
	background-position: center center;
	background-size: cover;
}

.intro_img ul{
	list-style: none;
}
.intro_img li > div{
	height: 590px;
	background-position: center center;
	background-size: cover;
}
.intro .slick-arrow{
	display: none !important;
}
/* PC */
@media all and (min-width: 769px) {
	.intro > div{
		display:-webkit-box;
		display: flex;
	}
	.intro_txt{
		width: 56%;
		position: relative;
	}
	.intro_txt > div{
		width: 635px;
		margin: 0 50px 0 auto;
	}
	.intro_img_s{
		position: absolute;
		bottom: 0;
		width: 655px;
		margin: 0 0 0 -20px;
	}
	.intro_img_s li{
		margin: 0 20px;
	}
	.intro_img_s img{
		width: 300px;
		display: block;
	}
	
	.intro_img{
		width: 44%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.intro_img_s{
		margin-top: 50px;
/*		margin: 50px -1vw 0; //スライダー時
*/	}
	.intro_img_s li{
/*		margin: 0 1vw; //スライダー時
		width: 120px;
*/		width: 49%;
	}
	.intro_img_s li > div{
		width: auto;
		height: 180px;
	}
	
	.intro_img li > div{
		height: 250px;
		margin-top: 2vw;
	}
}

body.rooms.suigetsu .intro_img li > div{
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #F3F7E0;
}
/* PC */
@media all and (min-width: 769px) {
	body.rooms.suigetsu .intro_img{
		margin-top: 30px;
	}
}

.tag_green{
	margin-bottom: 30px;
}
.tag_green li{
	display: inline-block;
	color: #5d8d50;
	border: 1px solid #5d8d50;
	padding: 3px 1em;
	margin: 0 0.5em 0.7em 0;
	font-size: 15px;
}


/* bnr_indoor
---------------------------------- */
.bnr_indoor{
	margin-top: 115px;
	text-align: center;
}
.bnr_indoor a{
	font-size: 0;
	text-decoration: none;
}
.bnr_indoor li{
	list-style: none;
}
/* PC */
@media all and (min-width: 769px) {
	.bnr_indoor ul{
		display:-webkit-box;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	
	.bnr_indoor a > div{
		display: inline-block;
		vertical-align: top;
	}
	.bnr_indoor > a .bnr_indoor_img img{
		height: 150px !important;
	}
	.bnr_indoor li a .bnr_indoor_img img{
		width: 280px;
	}
	.bnr_indoor a{
		transition: opacity 0.3s;
	}
	.bnr_indoor a:hover{
		opacity: 0.7;
	}
	.bnr_indoor a:hover img{
		opacity: 1;
	}
}
.bnr_indoor a > div{
	font-size: 22px;
	font-weight: lighter;
}
.bnr_indoor a .bnr_indoor_txt{
	background: #525252;
	color: #fff;
	width: 335px;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
}
.bnr_indoor > a .bnr_indoor_txt{
	width: 335px;
}
.bnr_indoor li a .bnr_indoor_txt{
	width: 265px;
	height: 130px;
}
.bnr_indoor a .bnr_indoor_txt span{
	font-size: 15px;
}
.bnr_indoor a .bnr_indoor_img{
	position: relative;
}
.bnr_indoor a .bnr_indoor_img::before{
	content: "";
	display: block;
	background: url("../png/txt_indoor02.png") no-repeat center center;
	width: 247px;
	height: 63px;
	position: absolute;
	bottom: 13%;
	left: 0;
	right: 0;
	margin: auto;
}
.bnr_indoor li a .bnr_indoor_img::before{
	background-size: contain;
	width: 200px;
	bottom: 7%;
}
.bnr_indoor a .bnr_indoor_img img{
	display: block;
}
/* SP */
@media only screen and (max-width: 768px) {
	.bnr_indoor li{
		margin-bottom: 2vw;
	}
	
	.bnr_indoor a .bnr_indoor_img img,
	.bnr_indoor li a .bnr_indoor_txt,
	.bnr_indoor a .bnr_indoor_txt{
		display: block;
/*		max-width:calc(970px / 2);*/
		width: 90%;
		margin: auto;
	}
	.bnr_indoor li a .bnr_indoor_txt,
	.bnr_indoor a .bnr_indoor_txt{
		padding-top: 0.6em;
		height: 90px;
		font-size: 20px;
	}
	.bnr_indoor li a .bnr_indoor_txt{
		position: relative;
		z-index: 2;
		margin-top: -10vw;
	}
	.bnr_indoor a .bnr_indoor_txt span{
		font-size: 14px;
	}
	.bnr_indoor li a .bnr_indoor_img::before,
	.bnr_indoor a .bnr_indoor_img::before{
		background-size: contain;
		max-width: 247px;
		width: 50%;
		bottom: 10%;
	}
	.bnr_indoor li a .bnr_indoor_img::before{
		bottom: 30%;
	}
}


/* rooms_list02(slider) interview_listにも
---------------------------------- */
.rooms_list02 li{
	text-align: center;
	list-style: none;
}
.rooms_list02 a{
	text-decoration: none;
	color: #000;
}
.rooms_list02 a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.rooms_list02 a .rooms_list_txt{
	transition: .3s;
}
.rooms_list02 a:hover .rooms_list_txt{
	opacity: 0.5;
}
.rooms_list02 strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 23px;
	display: block;
}
.rooms_list02 strong span{
	font-size: 18px;
	font-weight: 500;
}
.rooms_list02 strong::after{
	content: "";
	display: block;
	background: #5d8d50;
	width: 70px;
	height: 2px;
	margin: 12px auto 0;
}
.rooms_list02 .rooms_list_txt p{
	font-size: 15px;
	margin-top: 1.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.rooms_list02 .rooms_list_txt{
		padding: 1em 0.5em 2em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.rooms_list02 .rooms_list_txt{
		width: 100%;
		margin: auto;
		padding: 1em 0 2em;
	}
}


/* rooms_list02(slider) rooms_list02_index interview_listにも
---------------------------------- */
.rooms_list02_index{
	margin-top: 80px;
}
/* PC */
@media all and (min-width: 769px) {
	.rooms_list02_index .slick-list{
		padding: 0 !important;
	}
}


/* no_slider
---------------------------------- */
/* PC */
@media all and (min-width: 769px) {
	.no_slider ul{
		display:-webkit-box;
		display: flex;
	}
	.no_slider.li4 ul{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.no_slider ul li{
		width: calc(100% / 5); /* IE11対策 */
	}
	.no_slider.li4 ul li{
		width: 25%;
	}
	.no_slider.li3 ul li{
		width: calc(100% / 3);
	}
	.no_slider.li4 .rooms_list_txt{
		padding-bottom: 3em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.no_slider ul{
		display:-webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.no_slider ul li{
		width: 50%;
	}
	body.sazantei .no_slider ul li:first-child{
		width: 100%;
	}
	body.sazantei .no_slider ul li:first-child .zoom_img{
		height: 50vw;
	}
	body.sazantei .no_slider ul li:first-child .zoom_img img{
		margin-top: -5vw;
	}
	.no_slider strong{
		font-size: 20px;
	}
	.no_slider strong::after{
		margin-top: 5px;
	}
	.no_slider .rooms_list_txt{
		padding-bottom: 3em;
	}
	.no_slider .rooms_list_txt p{
		font-size: 12px;
		margin-top: 1em;
	}
}


/* each_room
---------------------------------- */
.each_room{
	margin-top: 70px;
}
.each_room > div{
	padding-top: 200px;
}
.each_room > div.align_center{
	display: block;
}
.each_room > div.align_center a{
	margin: 1em 10px;
}
.h4_each_wrap + p,
.h4_each + p{
	margin-top: 40px;
}
.each_room_img_s ul{
	list-style: none;
	display:-webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.each_room_img_s li > div{
	height: 120px;
	width: 120px;
	background-position: center center;
	background-size: cover;
}
.no_transform .each_room_img_s .slick-track{
	transform: none !important;
}
.each_room_img_s li:not(.slick-current){
	background-color: #000;
}
.each_room_img_s li:not(.slick-current) > div{
	opacity: 0.5;
}
.each_room_img_s li:hover{
	cursor: pointer;
}

.each_room_img{
	position: relative;
}
.uni_design .each_room_img::after{
	content: "";
	display: block;
	background: url("../png/icon_universal.png") no-repeat left top;
	width: 123px;
	height: 37px;
	position: absolute;
	left: 20px;
	top: 20px;
}
.each_room_img li > div{
	height: 500px;
	background-position: center center;
	background-size: cover;
}

.tsukisuite_room.each_room_img li > div{
	height: 720px;
}

.each_room_img li.img_bottom > div{
	background-position: bottom center;
}
.each_room .slick-arrow{
	display: none !important;
}
/* PC */
@media all and (min-width: 769px) {
	.each_room > div{
		display:-webkit-box;
		display: flex;
	}
	.each_room_txt{
		width: 35%;
		position: relative;
	}
	.each_room_txt > div{
		width: 390px;
		margin: 0 30px 0 auto;
	}
	
	.tsukisuite_room.each_room_txt > div{
		width: 460px;
	}
	
	.h4_each_wrap + p.long_txt,
	.h4_each + p.long_txt{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.each_room_img_s{
		position: absolute;
		bottom: 0;
		width: 400px;
		margin: 0 0 0 -15px;
		margin: 0;
	}
	.each_room_img_s li{
		margin: 0 15px;
		margin: 0 15px 0 0;
	}
	
	.each_room_img{
		width: 65%;
	}
	.tsukisuite_room.each_room_img {
		width: 60%;
	}
	.tsukisuite_room.each_room_txt {
		width: 40%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.each_room{
		margin-top: 0;
	}
	.each_room > div{
		padding-top: 100px;
	}
	.each_room_img_s{
		margin-top: 50px;
		margin: 50px -1vw 0;
	}
	.each_room_img_s li{
		margin: 0 1vw;
		width: 120px;
	}
	.each_room_img_s li > div{
		width: auto;
	}
	
	.uni_design .each_room_img::after{
		left: 1.5vw;
		top: 4vw;
	}
	.each_room_img li > div{
		height: 250px;
		margin-top: 2vw;
	}
	.tsukisuite_room.each_room_img li > div{
		height: 250px;
		margin-top: 2vw;
	}
}

.each_room_img li > div.room_map{
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #ebf2e2;
}


/* each_room each_room_index
---------------------------------- */
.each_room_index h3{
	margin-top: 0;
	padding-top: 200px;
}
.each_room_index > div{
	padding-top: 0;
}
/* SP */
@media only screen and (max-width: 768px) {
	.each_room_index h3{
		margin-top: 0;
		padding-top: 100px;
	}
	.each_room_index > div{
		padding-top: 0;
	}
}

/* tsukisuite_tokushoku
---------------------------------- */
.tsukisuite_tokushoku h4.align_center {
	margin: 5px;
	font-size: 18px;
}

.tsukisuite_tokushoku p.other_rooms_txt {
	margin-bottom: 2em;
}

.tsukisuite_tokushoku ul li {
	padding: 5px;
}

/* SP */
@media only screen and (max-width: 768px) {
	.tsukisuite_tokushoku h4{
		margin-top: 40px;
	}
}

/* other_rooms
---------------------------------- */
.other_rooms{
	margin-top: 120px;
}
.other_rooms .inner{
	background: #eaeaea;
	padding: 30px 80px 25px;
}
.other_rooms h3{
	margin-top: 0;
}
.other_rooms li{
	background: #fff;
}
.other_rooms a{
	text-decoration: none;
	color: #000;
}
.other_rooms a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.other_rooms_txt{
	padding: 20px 15px;
	transition: opacity .3s;
}
.other_rooms a:hover .other_rooms_txt{
	opacity: 0.5;
}
.other_rooms_txt strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
	font-weight: normal;
}
.other_rooms_txt strong span{
	font-size: 14px;
}
.other_rooms_txt p{
	margin-top: 0.7em;
	font-size: 14px;
}
/* PC */
@media all and (min-width: 769px) {
	.other_rooms li{
		width: 235px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.other_rooms .inner{
		padding: 30px 8vw 5px;
	}
	.other_rooms li{
		margin-bottom: 2em;
	}
}



/* ---------------------------------------------------------------
	10. Wabisabi
--------------------------------------------------------------- */
.enjoy_bath > div.align_center{
	margin-top: 80px;
}
.enjoy_bath > div.align_center a.basic_btn{
	margin: 1em 10px;
}
/* PC */
@media all and (min-width: 769px) {
	body.wabisabi h3:not(.h3_left){
		margin-bottom: 2.5em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	body.wabisabi h3::before,
	body.wabisabi h3::after{
		display: none;
	}
	body.wabisabi h4{
		margin-top: 0.7em;
	}
	body.wabisabi h4 + p{
		margin-bottom: 4em;
	}
}



/* ---------------------------------------------------------------
	11. Company
--------------------------------------------------------------- */
/* PC */
@media all and (min-width: 769px) {
	body.company table{
		width: 60% !important;
		margin: auto;
	}
}



/* ---------------------------------------------------------------
	12. Privacy
--------------------------------------------------------------- */
body.privacy h2 + span + div > h3:first-child{
	margin-top: 0;
}
body.privacy .no_style_ol{
	list-style: none;
	padding-left:3em;
	text-indent:-3em;
}
/* PC */
@media all and (min-width: 769px) {
	body.privacy h2 + span + div{
		width: calc(1200px * 0.6);
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	body.privacy h3::before,
	body.privacy h3::after{
		display: none;
	}
	body.privacy h3{
		text-align: left;
	}
}



/* ---------------------------------------------------------------
	13. Cuisine
--------------------------------------------------------------- */
.link_cuisine{
	margin-top: calc(4em + 1px);
}
.link_cuisine li{
	width: 300px;
}
.link_cuisine a{
	text-decoration: none;
}
.link_cuisine a div{
	border: 1px solid #ccc;
	padding: 0.7em 1em;
	text-align: center;
	color: #000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 18px;
}
.link_cuisine a[href^="http"] div::after{
	content: "";
	background: url("../png/icon_blank.png") no-repeat right center;
	background-size: contain;
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-left: 0.2em;
}
/* SP */
@media only screen and (max-width: 768px) {
	.link_cuisine li{
		margin: 0 auto 6vw;
	}
}


/* PC */
@media all and (min-width: 769px) {
	body.cuisine h3:not(.left_h3){
		margin-bottom: 2.2em;
	}
}

body.cuisine .ul_3col{
	margin-top: 80px;
}
body.cuisine .ul_3col li{
	text-align: center;
}
body.cuisine .ul_3col li figcaption{
	margin-top: 0.5em;
}
/* PC */
@media all and (min-width: 769px) {
	body.cuisine table{
		width: 70% !important;
		margin: auto;
	}
	body.cuisine table th{
		min-width: 14em;
	}
	body.cuisine .ul_3col li{
		width: 32.5%;
	}
}


/* 2nd
---------------------------------------------------------- */

/* intro_komachi
---------------------------------- */
.intro_komachi_img_s ul{
	list-style: none;
	display:-webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.intro_komachi_img_s li > div{
	height: 250px;
	width: 300px;
	background-position: center center;
	background-size: cover;
}

.intro_komachi_img ul{
	list-style: none;
}
.intro_komachi_img li > div{
	height: 590px;
	background-position: center center;
	background-size: cover;
}
	


/* PC */
@media all and (min-width: 769px) {
	.intro_komachi > div{
		display:-webkit-box;
		display: flex;
	}
	.intro_komachi_txt{
		width: 56%;
		position: relative;
	}
	.intro_komachi_txt > div{
		width: 635px;
		margin: 0 50px 0 auto;
	}
	.intro_komachi_img_s{
		position: absolute;
		bottom: 0;
		width: 655px;
		margin: 0 0 0 -20px;
	}
	.intro_komachi_img_s li{
		margin: 0 20px;
	}
	.intro_komachi_img_s img{
		width: 300px;
		display: block;
	}
	
	.intro_komachi_img{
		width: 44%;
	}

	#komachi{
		margin-top: -125px;
		padding-top: 125px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.intro_komachi_img_s{
		margin-top: 50px;
	}
	.intro_komachi_img_s li{
		width: 49%;
	}
	.intro_komachi_img_s li > div{
		width: auto;
		height: 180px;
	}
	
	.intro_komachi_img li > div{
		height: 250px;
		margin-top: 2vw;
	}
	#komachi{
		margin-top: -75px;
		padding-top: 75px;
	}
}

/* komachi_info
---------------------------------- */
.komachi_info table{
	margin-bottom: 2.5em !important;
}
.komachi_info table span{
	display: inline-block;
}
.komachi_info table + p,
.komachi_info table + p + p{
	display: block;
	margin: 1em auto;
}
.komachi_info .basic_btn{
	margin-top: 2.5em;
}
/* PC */
@media all and (min-width: 769px) {
	.komachi_info table + p,
	.komachi_info table + p + p{
		width: 70%;
	}
}



/* ---------------------------------------------------------------
	14. Hot springs
--------------------------------------------------------------- */

/* intro_hotsprings
---------------------------------- */
.intro_hotsprings_img ul{
	list-style: none;
}
.intro_hotsprings_img li{
	margin-bottom: 25px;
}
.intro_hotsprings_img li > div{
	background-position: center center;
	background-size: cover;
}
/* PC */
@media all and (min-width: 769px) {
	.intro_hotsprings > div{
		display:-webkit-box;
		display: flex;
	}
	.intro_hotsprings_txt{
		width: 40%;
		position: relative;
	}
	.intro_hotsprings_txt > div{
		width: 430px;
		margin: 0 50px 0 auto;
	}
	
	.intro_hotsprings_img{
		width: 60%;
	}
	.intro_hotsprings_img li > div{
		height: 480px;
	}
	body:not(.hot_springs_index) .intro_hotsprings_img li > div{
		height: 550px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.intro_hotsprings_img li{
		margin-bottom: 3vw;
	}
	.intro_hotsprings_img li > div{
		height: 250px;
		margin-top: 2vw;
	}
}

.efficacy{
	display:-webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.efficacy li{
	width: 40%;
}

.day_trip h3{
	margin-top: 0;
	padding-top: 170px;
}
.day_trip dl{
	margin-top: 2em;
}
.day_trip .align_center{
	margin-top: 50px;
}
/* PC */
@media all and (min-width: 769px) {
}
/* SP */
@media only screen and (max-width: 768px) {
	.day_trip h3::before,
	.day_trip h3::after{
		display: none;
	}
	.day_trip h3{
		padding-top: 130px;
	}
}


/* hotsprings_list
---------------------------------------------------------- */
.hotsprings_list{
	margin-top: 150px;
}
.hotsprings_list li{
	text-align: center;
}
.hotsprings_list a{
	text-decoration: none;
	color: #000;
}
.hotsprings_list a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.hotsprings_list a .hotsprings_list_txt{
	transition: .3s;
}
.hotsprings_list a:hover .hotsprings_list_txt{
	opacity: 0.5;
}
.hotsprings_list strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 23px;
	display: block;
}
.hotsprings_list strong::after{
	content: "";
	display: block;
	background: #5d8d50;
	width: 70px;
	height: 2px;
	margin: 12px auto 0;
}
.hotsprings_list strong span{
	font-size: 18px;
	font-weight: 500;
}
.hotsprings_list .hotsprings_list_txt p{
	font-size: 15px;
	text-align: left;
	margin-top: 1.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.hotsprings_list li{
		position: relative;
	}
	.hotsprings_list li .zoom_img{
		background: #000;
	}
	.hotsprings_list .hotsprings_list_txt{
		width: 80%;
		margin: auto;
		padding: 1em 1em 2em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.hotsprings_list li{
		margin-bottom: 3em;
	}
	.hotsprings_list .hotsprings_list_txt{
		width: 98%;
		margin: auto;
		padding: 1em 1em 2em;
	}
}


/* hotspring_gallery
---------------------------------- */
.hotspring_gallery{
	margin-top: 130px;
}
/* PC */
@media all and (min-width: 769px) {
	.hotspring_gallery li{
		width: 48%;
		margin-bottom: 3em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.hotspring_gallery li{
		margin-bottom: 3vw;
	}
}


/* other_hotsprings
---------------------------------- */
.other_hotsprings{
	margin-top: 120px;
}
.other_hotsprings .inner{
	background: #eaeaea;
	padding: 30px 40px 40px;
}
.other_hotsprings h3{
	margin-top: 0;
}
.other_hotsprings li{
	background: #fff;
}
.other_hotsprings a{
	text-decoration: none;
	color: #000;
}
.other_hotsprings a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.other_hotsprings_txt{
	padding: 20px 15px;
	transition: opacity .3s;
}
.other_hotsprings a:hover .other_hotsprings_txt{
	opacity: 0.5;
}
.other_hotsprings_txt strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
	font-weight: normal;
}
.other_hotsprings_txt strong span{
	font-size: 14px;
}
.other_hotsprings_txt p{
	margin-top: 0.7em;
	font-size: 14px;
}
/* PC */
@media all and (min-width: 769px) {
	.other_hotsprings li{
		width: 260px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.other_hotsprings .inner{
		padding: 30px 8vw 5px;
	}
	.other_hotsprings li{
		margin-bottom: 2em;
	}
}


/* yumori
---------------------------------- */
#yumori{
	margin-top: -1px;
	padding-top: 1px;
}
/* PC */
@media all and (min-width: 769px) {
	.yumori h3{
		margin-top: 2em;
		padding-top: 1em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.yumori h3{
		margin: 1em 0 0.7em;
	}
	.yumori h3 + p{
		margin-bottom: 5em;
	}
}


/* 2nd
---------------------------------------------------------- */
body.kiranoyu .bnr_indoor,
body.reserved .bnr_indoor{
	margin-top: 50px;
}
/* SP */
@media only screen and (max-width: 768px) {
	body.kiranoyu .bnr_indoor,
	body.reserved .bnr_indoor{
		margin-top: 30px;
	}
	body.kiranoyu .hotspring_gallery,
	body.reserved .hotspring_gallery{
		margin-top: 50px;
	}
}



/* ---------------------------------------------------------------
	15. Seeing
--------------------------------------------------------------- */
body.seeing h2 + span + div > h3:first-child{
	margin-top: 0;
}
.ul_2col.ul_seeing li{
	margin-bottom: 5em;
}
.ul_2col.ul_seeing h4{
	color: #000;
	margin-top: 1em;
}
.ul_2col.ul_seeing img{
	margin-bottom: 10px;
}
/* PC */
@media all and (min-width: 769px) {
	.ul_seeing li{
		width: 48%;
		position: relative;
		padding-bottom: 7em;
	}
	.ul_seeing .align_right{
		position: absolute;
		bottom: 0;
		right: 0;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.ul_seeing .align_right{
		text-align: center;
	}
}


/* useful_links
---------------------------------------------------------- */
.useful_links{
	margin-top: 120px;
	background: #eaeaea;
	padding: 50px 0;
}
.useful_links h3{
	margin-top: 0;
}
.useful_links a{
	color: #000;
}
.useful_links li{
	margin-bottom: 0.5em;
}
/* PC */
@media all and (min-width: 769px) {
	.useful_links ul{
		width: 55%;
		margin: auto !important;
	}
	.useful_links li{
		width: 44%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.useful_links ul{
		padding: 0 7vw;
	}
}



/* ---------------------------------------------------------------
	16. Access
--------------------------------------------------------------- */
.access_map{
	margin-top: 50px;
}
.car .focus,
.train_airport .focus{
	margin-bottom: 1em;
}
.car figure{
	margin-top: 50px;
	text-align: center;
}
.car img{
	margin: 15px auto;
}
.free_pickup{
	margin-top: 70px !important;
	border: 2px solid #eaeaea;
	padding: 20px;
}
.free_pickup h4{
	margin-top: 0;
}
/* PC */
@media all and (min-width: 769px) {
	.car{
		width: 515px;
		margin: auto;
	}
	.train_airport{
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.train_airport > li{
		width: 43%;
	}
	.free_pickup{
		width: 55%;
		margin: auto;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	body.access h3::before,
	body.access h3::after{
		display: none;
	}
}



/* ---------------------------------------------------------------
	17. Facility
--------------------------------------------------------------- */

/* intro_facility
---------------------------------- */
.intro_facility_img ul{
	list-style: none;
}
.intro_facility_img li{
	margin-bottom:  25px;
}
.intro_facility_img li > div{
	height: 480px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
/* PC */
@media all and (min-width: 769px) {
	.intro_facility .pc_no_inner{
		max-width: 1200px;
	}

	.intro_facility > div{
		display:-webkit-box;
		display: flex;
	}
	.intro_facility_txt{
		width: 40%;
		position: relative;
	}
	.intro_facility_txt > div{
		width: 430px;
		margin: 0 50px 0 auto;
	}
	
	.intro_facility_img{
		width: 60%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.intro_facility_img li > div{
		height: 270px;
		margin-top: 2vw;
	}
}


/* facility_list
---------------------------------- */
.facility_list .ul_3col > li{
	text-align: center;
}
.facility_list strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 23px;
	display: block;
	text-align: left;
	margin: 0.5em 0 0;
}
.facility_list strong span{
	font-size: 18px;
	font-weight: 500;
}
.facility_list .facility_list_txt div{
	font-size: 15px;
	text-align: left;
	margin-top: 0.5em;
}
.facility_list .facility_list_txt div .align_center{
	text-align: center;
}
#souvenir{
	margin-top: -125px;
	padding-top: 125px;
}
.facility_list .no_style_ul + div.align_center{
	margin-top: 80px;
}
/* PC */
@media all and (min-width: 769px) {
	.facility_list .ul_3col > li{
		width: 32%;
	}
	.facility_list .facility_list_txt{
		padding: 0 0.7em 2em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.facility_list > li{
		margin-bottom: 3em;
	}
	.facility_list .facility_list_txt{
		width: 98%;
		margin: auto;
		padding: 0 0.7em 2em;
	}
	#souvenir{
		margin-top: -76px;
		padding-top: 76px;
	}
}


/* healing
---------------------------------- */
.healing ul{
	margin-top: calc(2em + 13px);
}
.healing ul li{
	width: 300px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.healing ul{
		display:-webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.healing ul li{
		width: 49%;
	}
}


/* indoor
---------------------------------------------------------- */
.indoor_list .ul_2col > li{
	margin-bottom: 5em;
}
.indoor_list iframe{
	width: 100%;
	height: 400px;
	border: none;
}
.indoor_list_txt{
	text-align: center;
}
.indoor_list_txt a{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 21px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding-top: 0.3em;
}
.indoor_list_txt a:hover{
	opacity: 0.5;
}

.indoor_list_txt a span{
	font-size: 18px;
	font-weight: 500;
}
/* PC */
@media all and (min-width: 769px) {
	.indoor_list .ul_2col > li{
		width: 48%;
	}
	.indoor_list_txt a::after{
		content: "";
		display: block;
		background: #5d8d50;
		width: 70px;
		height: 2px;
		margin: 12px auto 0;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.indoor_list .ul_2col > li{
		margin-bottom: 1em;
	}
	.indoor_list iframe{
		display: none;
	}
	.indoor_list_txt a{
		font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 16px;
		display: block;
		color: #fff;
		padding: 1.5em 0.5em;
		background: #2d4927;
	}
}



/* ---------------------------------------------------------------
	18. Faq
--------------------------------------------------------------- */
.ul_faq{
	list-style: none;
}
.ul_faq li:not(:first-child){
	padding-top: 50px;
}
.ul_faq dt,
.ul_faq dd{
	position: relative;
	padding: 0.5em 0 0.5em 40px;
}
.ul_faq dt{
	color: #5d8d50;
	font-size: 20px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 0.35em;
}
.ul_faq dt::before,
.ul_faq dd::before{
	display: block;
	font-weight: bold;
	font-size: 25px;
	position: absolute;
	left: 0;
	top: 3px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.ul_faq dt::before{
	content: "Q";
}
.ul_faq dd::before{
	content: "A";
}
#best_rate{
	margin-top: -125px;
	padding-top: calc(125px + 50px);
}
/* PC */
@media all and (min-width: 769px) {
	.ul_faq{
		width: 60%;
		margin: auto;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.ul_faq dt,
	.ul_faq dd{
		padding-left: 30px;
	}
	#best_rate{
		margin-top: -76px;
		padding-top: calc(76px + 50px);
	}
}



/* ---------------------------------------------------------------
	19. Recruit
--------------------------------------------------------------- */

/* intro_recruit
---------------------------------- */
.intro_recruit_img ul{
	list-style: none;
}
.intro_recruit_img li{
	margin-bottom:  25px;
}
.intro_recruit_img li > div{
	height: 480px;
	background-position: center center;
	background-size: cover;
}
/* PC */
@media all and (min-width: 769px) {
	.intro_recruit > div{
		display:-webkit-box;
		display: flex;
	}
	.intro_recruit_txt{
		width: 40%;
		position: relative;
	}
	.intro_recruit_txt > div{
		width: 430px;
		margin: 0 50px 0 auto;
	}
	
	.intro_recruit_img{
		width: 60%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.intro_recruit > div{
		display:-webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.intro_recruit_txt{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		order:2;
	}
	.intro_recruit_img{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
		width: 100%;
	}
	.intro_recruit_img li > div{
		height: 250px;
		margin-top: 2vw;
	}
}


/* tb_recruit
---------------------------------- */
.tb_recruit02{
	margin-top: 2em;
}
.each_occupation{
	margin-top: 10em;
}
h3 + .each_occupation{
	margin-top: 0;
}
/* PC */
@media all and (min-width: 769px) {
	.tb_recruit01{
		width: 60% !important;
		margin: 80px auto 0;
	}
	.tb_recruit02{
		width: 45% !important;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.tb_recruit01{
		margin-top: 40px;
	}
	.occupation h4{
		margin-top: 0.7em;
	}
	.each_occupation{
		margin-top: 8em;
	}
	h3 + .each_occupation{
		margin-top: 0;
	}
}


/* 2nd
---------------------------------------------------------- */

/* interview_list(slider)
---------------------------------- */
.slick-prev,
.slick-next{
	background-color: #000 !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	width: 88px;
	height: 88px;
	z-index: 1;
	top: 40%;
	transition: opacity .3s;
	text-indent: -9999px;
}
.slick-arrow:hover{
	opacity: 0.7;
}
.slick-prev{
	left: 0;
	background-image: url("../png/icon_arrow_slider_l.png") !important;
}
.slick-next{
	right: 0;
	background-image: url("../png/icon_arrow_slider_r.png") !important;
}
/* SP */
@media only screen and (max-width: 768px) {
	.slick-prev,
	.slick-next{
		width: 10%;
		height: 10%;
		background-size: 20% !important;
		top: 35%;
	}
}

.interview_list li{
	text-align: center;
	list-style: none;
}
.interview_list a{
	text-decoration: none;
	color: #000;
}
.interview_list a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.interview_list a .rooms_list_txt{
	transition: .3s;
}
.interview_list a:hover .rooms_list_txt{
	opacity: 0.5;
}
.interview_list strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 23px;
	display: block;
}
.interview_list strong span{
	font-size: 18px;
	font-weight: 500;
}
.interview_list strong::after{
	content: "";
	display: block;
	background: #0e92c6;
	width: 70px;
	height: 2px;
	margin: 12px auto 0;
}
.interview_list .rooms_list_txt p{
	font-size: 15px;
	margin-top: 1.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.interview_list .rooms_list_txt{
		padding: 1em 0.5em 2em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.interview_list .rooms_list_txt{
		width: 100%;
		margin: auto;
		padding: 1em 0 2em;
	}
}

/* interview_list_index
---------------------------------- */
.interview_list_index{
	margin-top: 80px;
}
/* PC */
@media all and (min-width: 769px) {
	.interview_list_index .slick-list{
		padding: 0 !important;
	}
}


/* each_interview
---------------------------------- */
.each_interview_img ul{
	list-style: none;
}
.each_interview_img li{
	margin-bottom:  55px;
}
.each_interview_img li > div{
	height: 400px;
	background-position: center center;
	background-size: cover;
}
/* PC */
@media all and (min-width: 769px) {
	.each_interview{
		padding-top: 170px;
	}
	.each_interview h3{
		margin-top: 0;
	}
	.each_interview > div{
		display:-webkit-box;
		display: flex;
	}
	.each_interview_txt{
		width: 57%;
		position: relative;
	}
	.each_interview_txt > div{
		width: 650px;
		margin: 0 34px 0 auto;
	}
	
	.each_interview_img{
		width: 43%;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	body.interview h3::before,
	body.interview h3::after{
		display: none;
	}
	.each_interview{
		padding-top: 130px;
	}
	.each_interview h3{
		margin-top: 0;
	}
	.each_interview > div{
		display:-webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.each_interview_txt{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		order:2;
	}
	.each_interview_img{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
		width: 100%;
	}
	.each_interview_img ul{
/*		display:-webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
*/	}
	.each_interview_img li{
		width: 100%;
		margin-bottom: 0;
	}
	.each_interview_img li > div{
		height: 150px;
	}
}

/* interview_reverse
--------------------------- */
/* PC */
@media all and (min-width: 769px) {
	.interview_reverse .each_interview_txt{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		order:2;
	}
	.interview_reverse .each_interview_txt > div{
		margin: 0 auto 0 34px;
	}
	.interview_reverse .each_interview_img{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
	}
}

/* each_interview > div + div
--------------------------- */
.each_interview > div + div{
	margin-top: 50px;
}
/* PC */
@media all and (min-width: 769px) {
	.each_interview > div + div h4:first-child{
		margin-top: 0;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.each_interview > div + div .each_interview_img li > div{
		height: 250px;
	}
}

/* wrap_interview_name
--------------------------- */
.wrap_interview_name{
	background: #0e92c6;
	color: #fff;
	padding: 30px 40px;
}
.wrap_interview_name > .interview_name{
	padding: 10px 0;
	line-height: 1.7;
}
.wrap_interview_name > .interview_name span{
	display: block;
	font-weight: normal;
}
.wrap_interview_name > .interview_name strong{
	display: block;
	font-weight: bold;
	font-size: 20px;
}
.wrap_interview_name > .interview_copy{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: lighter;
	font-size: 23px;
}
/* PC */
@media all and (min-width: 769px) {
	.wrap_interview_name{
		margin: 50px -205px 0 0;
		display:-webkit-box;
		display: flex;
	}
	.interview_reverse .wrap_interview_name{
		margin: 50px 0 0 -205px;
	}
	.wrap_interview_name > .interview_name{
		min-width: 215px;
		border-right: 1px solid #77d2f5;
	}
	.wrap_interview_name > .interview_copy{
		display:-webkit-box;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items:  center;
		padding-left: 40px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.wrap_interview_name{
		padding: 2vw 5vw 4vw;
	}
	.wrap_interview_name > .interview_name::after{
		content: "";
		display: block;
		width: 120px;
		height: 1px;
		background: #77d2f5;
		margin: 10px 0;
	}
	.wrap_interview_name > .interview_name span{
		display: inline-block;
	}
	.wrap_interview_name > .interview_copy{
		font-size: 20px;
	}
}



/* ---------------------------------------------------------------
	20. Party
--------------------------------------------------------------- */
body.party h2 + span + div h3.no_border:first-child{
	margin-top: 0;
}
/* SP */
@media only screen and (max-width: 768px) {
	body.party h3 + p.align_center{
		text-align: left;
	}
	body.party .ul_2col li{
		margin-bottom: 3vw;
	}
}

#banquet{
	margin-top: -1px;
	padding-top: 1px;
}


/* tag_circle
---------------------------------- */
.tag_circle{
	margin: 60px 0 70px;
	display:-webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-wrap: wrap;
}
.tag_circle li{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	list-style: none;
	font-size: 21px;
	font-weight: normal;
	border: 1.24px solid #a0040f;
	border-radius: 50%;
	width: 110px;
	height: 110px;
	margin: 0 17px;
	display:-webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.tag_circle li p{
	width: 100%;
	text-align: center;
	line-height: 1.4;
}
.red li{
	color: #a0040f;
	border-color: #a0040f;
}
.purple li{
	color: #4e257a;
	border-color: #4e257a;
}
.green li{
	color: #6c9129;
	border-color: #6c9129;
}
/* SP */
@media only screen and (max-width: 768px) {
	.tag_circle{
		margin: 40px 0 50px;
	}
	.tag_circle li{
		font-size: 15px;
		width: 75px;
		height: 75px;
		margin: 0 1vw 2vw;
	}
}
/* more small SP */
@media only screen and (max-width: 374px) {
	.tag_circle li{
		font-size: 13px;
		width: 70px;
		height: 70px;
		margin: 0 0.5vw 1vw;
	}
}


/* party_list
---------------------------------- */
.party_list li{
	text-align: center;
}
.party_list a{
	text-decoration: none;
	color: #000;
}
.party_list a:hover .zoom_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.party_list a .party_list_txt{
	transition: .3s;
}
.party_list a:hover .party_list_txt{
	opacity: 0.5;
}
.party_list strong{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 23px;
	display: block;
}
.party_list strong::after{
	content: "";
	display: block;
	background: #5d8d50;
	width: 70px;
	height: 2px;
	margin: 12px auto 0;
}
.party_list strong span{
	font-size: 18px;
	font-weight: 500;
}
.party_list .party_list_txt p{
	font-size: 15px;
	text-align: center;
	margin-top: 1.3em;
}
/* PC */
@media all and (min-width: 769px) {
	.party_list li{
		position: relative;
	}
	.party_list li::after{
		content: "";
		display: block;
		width: 80%;
		height: 1px;
		background: #777;
		bottom: 0;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
	.party_list .party_list_txt{
		width: 80%;
		margin: auto;
		padding: 1.3em 1em 2em;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.party_list li{
		margin-bottom: 3em;
	}
	.party_list .party_list_txt{
		width: 98%;
		margin: auto;
		padding: 1.3em 1em 2em;
	}
}


/* omotenashi
---------------------------------------------------------- */
.omotenashi a{
	text-decoration: none;
	color: #000;
}
.omotenashi .omotenashi_img{
	background: url("../jpg/bg_party_omotenashi.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.omotenashi a:hover .zoom_img span{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.omotenashi a:hover .omotenashi_txt strong,
.omotenashi a:hover .omotenashi_txt strong::before,
.omotenashi a:hover .omotenashi_txt p{
	opacity: 0.6;
}
.omotenashi_txt strong{
	display: block;
	position: relative;
	font-size: 22px;
	font-weight: normal;
	transition: opacity .3s;
	padding-bottom: 1.7em;
}
.omotenashi_txt strong::before{
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	background: #9b1010;
	margin: 0.7em auto 1em;
	transition: opacity .3s;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.omotenashi_txt p{
	font-size: 15px;
	text-align: left;
	transition: opacity .3s;
}
/* PC */
@media all and (min-width: 769px) {
	.omotenashi{
		margin-top: 160px;
		padding-bottom: 50px;
	}
	.omotenashi_txt{
		background: #fff;
		width: 790px;
		padding: 1.5em 4em;
		text-align: center;
		margin: -80px auto 0;
		position: relative;
		z-index: 1;
	}
	.omotenashi_txt p{
		text-align: center;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.omotenashi{
		padding-bottom: 40px;
	}
	.omotenashi .omotenashi_img{
		height: 280px;
	}
	.omotenashi_txt{
		padding: 30px 5vw;
	}
	.omotenashi_txt strong{
		text-align: center;
	}
	.omotenashi_txt strong span{
		display: inline-block;
	}
}





/* ---------------------------------------------------------------
	21. Print-css
--------------------------------------------------------------- */
@media only print{
	header{
		position: static;
	}
}