@charset "utf-8";
/* CSS Document */
/* ヘッダー*/
body{
	background-color:#fff;
}
a:visited{
	/*color:#000 !important;*/
}
.wrap{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.wrap2{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.wrap3{
	width:750px;
	margin-left:auto;
	margin-right:auto;
}
.wrap4{
	width:776px;
	margin-left:auto;
	margin-right:auto;
}
img{
	max-width: 100%;
	height:auto;
}
.gothic{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header{
	height: 82px;
	position: fixed;
	top:0;
	background:#fff;
	width: 100%;
	z-index: 99999;
}
header h1.logo{
	float:left;
	width: 174px;
	margin-top:0px;
}

header ul.nav{
	float:right;
	width: 1025px;
}
header ul.nav li{
	float:left;
	display: block;
}
header ul.nav li:nth-child(1){
	background:url(../images/common/gnav_top.jpg) no-repeat left top;
	width: 153px;
	height: 82px;
}
header ul.nav li:nth-child(1):hover,#top header ul.nav li:nth-child(1){
	background:url(../images/common/gnav_top_on.jpg) no-repeat left top;
}
header ul.nav li:nth-child(2){
	background:url(../images/common/gnav_topics.jpg) no-repeat left top;
	width: 153px;
	height: 82px;
}
header ul.nav li:nth-child(2):hover,#topics header ul.nav li:nth-child(2){
	background:url(../images/common/gnav_topics_on.jpg) no-repeat left top;
}
header ul.nav li:nth-child(3){
	background:url(../images/common/gnav_program.jpg) no-repeat left top;
	width: 153px;
	height: 82px;
}
header ul.nav li:nth-child(3):hover,#program header ul.nav li:nth-child(3){
	background:url(../images/common/gnav_program_on.jpg) no-repeat left top;
}
header ul.nav li:nth-child(4){
	background:url(../images/common/gnav_facilitiy.jpg) no-repeat left top;
	width: 153px;
	height: 82px;
}
header ul.nav li:nth-child(4):hover,#facility header ul.nav li:nth-child(4){
	background:url(../images/common/gnav_facilitiy_on.jpg) no-repeat left top;
}
header ul.nav li:nth-child(5){
	background:url(../images/common/gnav_price.jpg) no-repeat left top;
	width: 153px;
	height: 82px;
}
header ul.nav li:nth-child(5):hover,#price header ul.nav li:nth-child(5){
	background:url(../images/common/gnav_price_on.jpg) no-repeat left top;
}
header ul.nav li:nth-child(6){
	background:url(../images/common/gnav_access.jpg) no-repeat left top;
	width: 151px;
	height: 82px;
}
header ul.nav li:nth-child(6):hover{
	background:url(../images/common/gnav_access_on.jpg) no-repeat left top;
}
header ul.nav li:nth-child(7){
	background:url(../images/common/gnav_quary.jpg) no-repeat left top;
	width: 108px;
	height: 82px;
}

header ul li.reserve{
	background-color:#e60012;
}
header ul li.reserve a{
	color:#fff;
}
header ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
/****セカンドページPCヘッダー****/
header#sec_h{
	height: inherit;
	position: inherit;
	border-bottom: 1px solid #dcdcdc;
}
header#sec_h h1,
header#sec_h p{
	float:left;
}
header#sec_h ul{
	/*width:560px;*/
	width:420px;
	float:right;
}
header#sec_h ul li{
	width:140px;
	float:left;
}
@media only screen and (max-width : 1000px) {
	header#sec_h h1{width:19.6%;}
	header#sec_h p{width:19.8%;}
	header#sec_h ul{width:42%;/*56%;*/}
	header#sec_h ul li{ width:25%;}
}
/****セカンドページPCヘッダー****/


/*その他共通箇所*/
.title-img{
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}
.read_more{
	border:1px solid #000;
	padding:10px 30px;
	position:relative;
}
.read_more:after{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid black;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: inline-block;
  margin-top: 0px;
  position: absolute;
  top: 14px;
  right: 10px;
}
.read_more2{
	padding:7px 30px;
	position:relative;
	background-color:#59493f;
	color:#fff;
}
.read_more2:visited{
	color:#fff;
}
.read_more2:after{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: inline-block;
  margin-top: 0px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.btn_01{
	background-color:#2d2c29;
	color:#fff!important;
	padding:10px 30px;
}
.btn_02{
	background-color:#575757;
	color:#fff!important;
	padding:10px 30px;
}
.btn_03{
	background-color:#c10a0a;
	color:#fff!important;
	padding:10px 30px;
}
.btn_04{
	background-color:#eda031;
	color:#fff;
	padding:10px 30px;
}

/*コンセプト*/
/*ADD 20181025 start*/
.concept .f_nav01,
.concept .f_nav02 {
	background: #000;
}
/*ADD 20181025 end*/

/*フッター*/
.foot-box{
	background:#312c28;
}
.foot-box .link-list > div{
	width:134px;
	margin:10px auto 0;
}
.foot-box .link-list > div#form_bnr_box {
	margin-top:0px;	
}
.foot-box .link-list ul{
	text-align:center;
	color:#FFFFFF;
}
.foot-box .link-list ul li{
	display: inline-block;
	padding:0;
	font-size:0.9em;
	line-height:0.9em;
	border-right: 1px solid #FFFFFF;
}
.foot-box .link-list ul li:last-child{
	border-right:none;
}
.foot-box .link-list ul li a{
	padding: 0 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.foot-box .link-list ul li a:link,
.foot-box .link-list ul li a:visited,
.foot-box .link-list ul li a:active{color: #FFFFFF;text-decoration:none;}
.foot-box .link-list ul li a:hover {text-decoration:underline;}

.foot-box .address{
	background:url(../images/common/icon_location.png) no-repeat left center;
	font-size:18px;
	background-size:34px;
	padding-left: 50px;
	line-height: 28px;
	color:#fff;
	font-weight: 300;
}
.foot-box .tel{
	background:url(../images/common/icon_tel.png) no-repeat left center;
	background-size:33px;
	font-size:18px;
	line-height: 28px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#fff;
	font-weight: 300;
}
.foot-box dl dt{
	background:#fff;
	color:#576d68;
	width: 126px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-size:16px;
	line-height: 20px;
	margin-right: 20px;
}
.foot-box dl dd{
	width: 240px;
	color:#fff;
	font-size:16px;
	line-height: 20px;
}
/*
.foot-box .link-list li:first-child{
	width: 195px;
}
.foot-box .link-list li:last-child{
	width: 226px;
}
*/
.foot-link{
	background:#312c28;
}
.foot-link li{
	width: 140px;
	float: left;
	text-align: center;
	border-left:1px solid #fff;
}
.foot-link li a{
	color:#fff;
}
.foot-link li:last-child{
	border-right:1px solid #fff;
}
.foot-link{
	font-size:12px;
	color:#fff;
}
/*トップページ*/
#top .head-bg{
	background:url(../images/index/main.png) no-repeat center top;
	background-size:cover;
	padding:20% 5% 23%;
	position:relative;
}
#top .visual_nav{
	position:absolute;
	top:12%;
	left:10%;
	width:105px;
}
#top .visual_nav .copy{
	width:80px;
	margin-bottom:50px;
}
#top .visual_nav ul li{
	margin-bottom:20px;
}
#top .maincopy,#yao .maincopy{
	background-image:url(../images/index/bg_02.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	text-align:center;
	padding:70px 0;
}
#yao .maincopy p{
	padding:3% 0 7%;
}
#yao .copy-tex > h2{
	padding:4% 0 6%;
	width: 12%;
	margin-left: auto;
	margin-right: auto;
}
#top .head-bg h2{
	max-width: 520px;
	width: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#top .concept{
	background-color:#e6e3da;
}
#top .concept h3{
	width: 648px;
	margin-left: auto;
	margin-right: auto;
}
#top .concept .title-img{
	width:148px;
}

#top .concept .f_nav01 li{
	float:left;
	width:33.333333333%;
	box-sizing:border-box;
	padding:1%;
}
#top .concept .f_nav01 li a{
	display:block;
	padding:16% 41%;
	position:relative;
	outline: none;
	transition: all .2s;
}
#top .concept .f_nav01 li ::before,
#top .concept .f_nav01 li ::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
#top .concept .f_nav01 li ::before {
  top: 0px;
  left: 0px;
}
#top .concept .f_nav01 li ::after {
  bottom: 0px;
  right: 0px;
}
#top .concept .f_nav01 li :hover {
  color: #fff;
}
#top .concept .f_nav01 li :hover::before,
#top .concept .f_nav01 li :hover::after {
  width: 100%;
  height: 100%;
}
#top .concept .f_nav01 li :hover::before {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: height .2s, width .2s .2s;
}
#top .concept .f_nav01 li :hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
  transition: height .2s .4s, width .2s .6s;
}
#top .concept .f_nav01 li.list01{
	background-image:url(../images/index/f_img_01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#top .concept .f_nav01 li.list02{
	background-image:url(../images/index/f_img_02.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#top .concept .f_nav01 li.list03{
	background-image:url(../images/index/f_img_03.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#top .concept .f_nav02 li{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:1%;
	outline: none;
	transition: all .2s;
}
#top .concept .f_nav02 li a{
	display:block;
	padding:12% 38%;
	outline: none;
	transition: all .2s;
	position:relative;
}
#top .concept .f_nav02 li ::before,
#top .concept .f_nav02 li ::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
#top .concept .f_nav02 li ::before {
  top: 0px;
  left: 0px;
}
#top .concept .f_nav02 li ::after {
  bottom: 0px;
  right: 0px;
}
#top .concept .f_nav02 li :hover {
  color: #fff;
}
#top .concept .f_nav02 li :hover::before,
#top .concept .f_nav02 li :hover::after {
  width: 100%;
  height: 100%;
}
#top .concept .f_nav02 li :hover::before {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: height .2s, width .2s .2s;
}
#top .concept .f_nav02 li :hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
  transition: height .2s .4s, width .2s .6s;
}

#top .concept .f_nav02 li.list01{
	background-image:url(../images/index/f_img_04.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#top .concept .f_nav02 li.list02{
	background-image:url(../images/index/f_img_05.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#top .contents ul{
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	font-size:0;
}
#top .contents ul li{
	width: 210px;
	margin-right: 48px;
	display: inline-block;
	vertical-align: top;
}
#top .contents ul li .name{
	margin-left: auto;
	margin-right: auto;
}
#top .contents ul li:nth-child(1) .name{
	width: 106px;
}
#top .contents ul li:nth-child(2) .name{
	width: 86px;
}
#top .contents ul li:nth-child(3) .name{
	width: 86px;
}
#top .contents ul li:last-child{
	margin-right: 0;
}
#top .news{
	background:#404546;
	width: 100%;
}
#top .news .title{
	width: 190px;
}
#top .news .title h2{
	width: 85px;
	margin-left: auto;
	margin-right: auto;
}
#top .news .title .btn img{
	width: 112px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#top .news{
	background-color:#f6f6f6;
	padding:40px 0;
}
#top .news .news-box{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 8px;
	margin-bottom: 8px;
	padding:10px 36px 10px 20px;
}
#top .news .news-box li{
	font-size:0;
}
#top .news .news-box li{
	padding-bottom: 5px;
	border-bottom:1px solid #c3c3c3;
	padding-top: 5px;
}
#top .news .news-box li:last-child{
}
#top .news .news-box li .news{
	display: inline-block;
	vertical-align: middle;
	padding:3px 11px 6px;
	margin-right: 20px;
	font-size:10px;
	line-height: 14px;
	letter-spacing: 1px;
	margin-top: 5px;
	background:#D51717;
	color:#fff;
	width: 84px;
	text-align: center;
}
#top .news .news-box li .day{
	display: inline-block;
	vertical-align: middle;
	margin:5px 0 0px;
	color:#5c5c5c;
	font-size:10px;
	margin-right: 10px;
	line-height: 14px;
	width: 85px;
}
#top .news .news-box li .tex{
	display: inline-block;
	vertical-align: middle;
	font-size:11px;
	word-wrap: break-word;
	line-height: 14px;
	height: 28px;
	width: 710px;
	overflow-y: hidden;
}
#top .topics{
	background:#e6e3da;
	background-image:url(../images/index/cont_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:contain;
	padding:50px 0;
}
#top .topics .page_lnk{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#top .topics .page_lnk .first:before{
	content:url(../images/index/ttl_bg_l.png);
	position:absolute;
	top:-6px;
	right:-120px;
}
#top .topics .page_lnk .last:after{
	content:url(../images/index/ttl_bg_r.png);
	position:absolute;
	top:-6px;
	left:-120px;
}
#top .topics .shop_pref{
	background-image:url(../images/index/ttl_bg_01.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 50px 26px;
	font-size:28px;
	font-weight:normal;
	margin-bottom:20px;
}
#top .topics .page_lnk li{
	float:left;
	font-size:20px;
	width:180px;
	text-align:center;
}
#top .topic-bg{
	background-image:url(../images/index/bg.png);
	background-position:center bottom;
	background-repeat:repeat-y;
	background-size:contain;
}
#top .topic-bg .topic_inner{
	box-sizing:border-box;
	padding:35px;
	color:#fff;
}
#top .topic-bg li{
	width: 470px;
	float: left;
	margin:0px 10px;
	margin-bottom: 25px;
}
#top .topic-bg li .index-topics{
	background: #706a5c;
}
#top .topic-bg li .topic-title{
	font-size:24px;
	line-height: 34px;
	border-left:2px solid #fff;
	padding-left:10px;
	margin-bottom:10px;
}
#top .topic-bg li .topic-title span{
	font-size:20px;
	margin-left:20px;
}
#top .topic-add{
	position:relative;
	margin-bottom:10px;
	font-family:'Axis std','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#top .topic-bg li dt.address{
	background-image:url(../images/index/icon_01.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:13px;
	padding-left:22px;
}
#top .topic-bg li dd.tel{
	background-image:url(../images/index/icon_02.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:13px;
	padding-left:22px;
}
#top .topic-bg li dd.map{
	position:absolute;
	top:0;
	right:0;
}
#top .topic-bg li dd.map a{
	background-color:#9d4312;
	color:#fff;
	padding:3px 30px;
}
#top .topic-bg li .detail{
	color:#000;
	border:1px solid #fff;
	padding:3px 30px;
	background: #fff;
}

#top .topic-bg li dd{
	font-size:13px;
}
#top .topic-bg li dt.campaign{
	background:#FA5D00;
	color:#fff;
}
#top .topic-bg li dt.news{
	background:#D51717;
	color:#fff;
}
#top .topic-bg li dt.blog{
	background:#9db76b;
	color:#fff;
}
#top .topic-bg li .topic-tex{
	font-family:'Axis std','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:11px;
	word-wrap: break-word;
	line-height: 14px;
	height: 40px;
	overflow-y: hidden;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
}
#top .topic-bg li .more{
	background:#353535;
	padding:6px 6px;
}
#top .topic-bg li .more img{
	width: 84px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#top .point-box h2{
	width: 274px;
	margin-left: auto;
	margin-right: auto;
	color:#fff;
	background:#ff7814;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:16px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 1px;
}
#top .point-box{
	padding-top: 35px;
	padding-bottom: 45px;
	margin-bottom: 0px;
	padding-left: 50px;
	padding-right: 50px;
	background:#ebebeb;
	position: relative;
	font-size:0;
}
#top .point-box .box{
	width: 320px;
	display: inline-block;
	margin-right: 0px;
	vertical-align: top;
	text-align: center;
}
#top .point-box .icon{
	margin-bottom: 25px;
	width: 190px;
	margin-left: auto;
	margin-right: auto;
}
#top .point-box h3{
	font-size:20px;
	line-height: 27px;
	margin-bottom: 10px;
}
#top .point-box p{
	font-size:15px;
	line-height: 22px;
}



/*八尾*/
#yao .mainvisu{
	float:right;
	min-height:725px;
	position:relative;
	width:80%;
	max-height: 855px;
	overflow-y: hidden;
	margin-bottom: 0.5%;
}
#yao .mainvisu img{
	
}
#yao .visual_nav{
	position:absolute;
	width:37%;
	padding-top:60px;
}
#yao .visual_nav p,#yao .visual_nav ul{
	padding-left:60px;
}
#yao .visual_nav li{
	margin-bottom:15px;
}
#yao .maincopy{
	font-size:47px;
	line-height:85px;
}
#yao .maincopy span{
	font-size:62px;
}
#yao .news{
	background-repeat:no-repeat;
	background-size:cover;
}
#yao .news .title{
	width: 190px;
}
#yao .news .title h2{
	width: 85px;
	margin-left: auto;
	margin-right: auto;
}
#yao .news .title .btn img{
	width: 112px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#yao .news{
	background-color:#fff;
	padding:40px 0;
}
#yao .news .news-box{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 8px;
}
#yao .news .news-box li{
	width:294px;
	float:left;
	margin-right:45px;
}
#yao .news .news-box li:nth-child(3n){
	margin-right:0px;
}

#yao .news .news-box li:first-child{
	padding-bottom: 5px;
}
#top .news .news-box li:last-child{
	padding-top: 5px;
}
#yao .news .news-box li .thumb{
	border:1px solid #000;
	box-sizing:border-box;
	padding:3px;
}
#yao .news .news-box li .tex{
	display: inline-block;
	font-size:12px;
	word-wrap: break-word;
	line-height: 14px;
	height: 28px;
	overflow-y: hidden;
}
#yao .title_01{
	font-size:10px;
	line-height:24px;
	text-align:center;
	position:relative;
}
#yao .title_01 span{
	border-bottom:3px solid #b89956;
	font-size:18px;
	letter-spacing: 6px;
}
#yao .title_01:before{
  content: '';
  position: absolute;
  top: 25px;
  right: 30px;
  height: 1px;
  width: 42%;
  color: #000;
  background-color: #000;
}
#yao .title_01:after{
  content: '';
  position: absolute;
  top: 25px;
  left: 30px;
  height: 1px;
  width: 42%;
  color: #000;
  background-color: #000;
}
#yao .title_02{
	font-size:13px;
	line-height:24px;
	text-align:center;
	position:relative;
}
#yao .title_02:before{
  content: '';
  position: absolute;
  top: 12px;
  right: 0px;
  height: 1px;
  width: 20%;
  color: #000;
  background-color: #000;
}
#yao .title_02:after{
  content: '';
  position: absolute;
  top: 12px;
  left: 0px;
  height: 1px;
  width: 20%;
  color: #000;
  background-color: #000;
}
#yao .facilities ul li{
	width:308px;
	float:left;
	margin-right:26px;
}
#yao .facilities ul li.list{
	margin-left:180px;
}
#yao .facilities ul li .fac-pic{
	text-align: center;
}
#yao .facilities ul li:nth-child(3n){
	margin-right:0px;
	width:308px;
	float:left;
}
#yao .facilities ul li .fac-tex{
	line-height:140%;
	font-size:12px;
}
#yao .facilities{
	background-image:url(../images/yao/top/cont_bg02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
	padding-bottom:50px;
}
#yao .concept{
	background:url(../images/yao/top/bg_01.png) no-repeat center top;
	background-size:100%;
}
#yao .member{
	background: #faf8f4;
}
#yao .member .time{
	background:url(../images/yao/top/bg_02.png) no-repeat center top;
	background-size:100%;
}
#yao .member .time .bg-box{
	background:#edeae5;
}
#yao .notes{
	font-size:11px;
	line-height: 17px;
}
/*記事一覧*/
#topics .blog{
	background-color:#f7f5f1;
	padding-top:80px;
}
#topics .head-bg{
	background:url(../images/yao/topic/mainimg.jpg) no-repeat center top;
	background-size:cover;
	padding:10% 5% 10%;
	text-align:center;
}
#topics .head-bg h2.copy{
	font-size:60px;
	line-height:100%;
	color:#fff;
	border-bottom:dashed 2px #fff;
	display:inline-block;
	padding-bottom:5px;
}
#onsen .mainvisu .copy{
	font-size:60px;
	line-height:100%;
	color:#fff;
	border-bottom:dashed 2px #fff;
	display:inline-block;
	padding-bottom:5px;
}

#topics .blog-box{
	background:#fff;
	padding:15px 15px;
	margin-bottom: 20px;
}
#topics .blog-box .blog-pic{
	width: 470px;
}
#topics .blog-box .blog-tex{
	width: 450px;
}
#topics .blog-box .blog-tex .title-box{
	border-bottom:1px solid #707070;
	margin-bottom: 13px;
}
#topics .blog-box .blog-tex .title-box li:first-child{
	display: inline-block;
	vertical-align: middle;
	padding:3px 2px 6px;
	margin-right: 10px;
	font-size:10px;
	line-height: 14px;
	letter-spacing: 1px;
	margin-top: 5px;
	text-align: center;
}
#topics .blog-box .blog-tex .title-box li.campaign{
	background:#FA5D00;
	color:#fff;
}
#topics .blog-box .blog-tex .title-box li.news{
	background:#D51717;
	color:#fff;
}
#topics .blog-box .blog-tex .title-box li.blog{
	background:#9db76b;
	color:#fff;
}
#topics .blog-box .blog-tex .title-box li.day{
	display: inline-block;
	vertical-align: middle;
	margin:5px 0 0px;
	color:#5c5c5c;
	font-size:10px;
	margin-right: 10px;
	line-height: 14px;
	width: 55px;
}
#topics .blog-box .blog-tex .title-box li.title{
	font-size:25px;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
	
}
#topics .blog-box .blog-tex .tex-box{
	word-wrap: break-word;
	width: 100%;
	font-size:11px;
	line-height: 15px;
}
#topics .blog-box .blog-tex img{
	width: 172px;
}
#topics .single{
	background:#fff;
}
#topics .single-contents{
	padding:85px 75px 70px;
}
#topics .single-contents .title-box li:first-child{
	display: inline-block;
	vertical-align: middle;
	padding:3px 2px 6px;
	margin-right: 10px;
	font-size:10px;
	line-height: 14px;
	letter-spacing: 1px;
	margin-top: 5px;
	width: 84px;
	text-align: center;
}
#topics .single-contents .title-box li.campaign{
	background:#FA5D00;
	color:#fff;
}
#topics .single-contents .title-box li.news{
	background:#D51717;
	color:#fff;
}
#topics .single-contents .title-box li.blog{
	background:#9db76b;
	color:#fff;
}
#topics .single-contents .title-box li.day{
	display: inline-block;
	vertical-align: middle;
	margin:5px 0 0px;
	color:#5c5c5c;
	font-size:10px;
	margin-right: 10px;
	line-height: 14px;
	width: 55px;
}
#topics .single-contents .title-box li.title{
	font-size:25px;
	line-height: 50px;
	margin-top: 10px;
	
}
.pagenation{
	margin:50px 0 0;
	clear: both;
	text-align: center;
}
.pagenation span,.pagenation  a{
	font-size:16px;
	padding:0.6rem 1rem;
}
.pagenation .current{
	font-size:16px;
	background:#fff;
	color:#000;
}
.pagenation a{
	color:#000;
	text-decoration:none;
}
/*記事詳細*/
#single .page-contents{
	background-color:#f7f5f1;
}
#single .single{
	background-color:#fff;
}
#single h2.title{
	font-size:24px;
}
#single .inner{
	padding:60px 70px;
}
/* 温泉 */
#onsen{
	background-color:#fff;
}
#onsen .mainvisu{
	background-image:url(../images/yao/onsen/main.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:13% 0;
	background-size:cover;
	text-align:center;
	margin-bottom:60px;
}
#onsen .mainvisu .copy{
	font-size:60px;
	line-height:100%;
	color:#fff;
	border-bottom:dashed 2px #fff;
	display:inline-block;
	padding-bottom:5px;
}
#onsen .maincopy h2{
	font-size:36px;
}
#onsen .box100{
	background-repeat:no-repeat;
	background-position:left top;
	padding:15% 0;
	background-size:contain;
}
#onsen .sec01 .roten{
	background-image:url(../images/yao/onsen/img_01.png);
}
#onsen .sec01 .uchi{
	background-image:url(../images/yao/onsen/img_06.png);
}
#onsen .sec01 .sauna{
	background-image:url(../images/yao/onsen/img_12.png);
}
#onsen .sec01 .copy{
	font-size:36px;
	line-height:100%;
	color:#fff;
}
#onsen .box60{
	background-repeat:no-repeat;
	background-position:left top;
	padding:18% 0;
	background-size:contain;
	width:60%;
}
#onsen .sec02 .tansan{
	background-image:url(../images/yao/onsen/img_02.png);
}
#onsen .sec02 .bihada{
	background-image:url(../images/yao/onsen/img_07.png);
}
#onsen .sec02 .box{
	position:absolute;
	width:54%;
	top:20%;
	right:0;
}
#onsen .title{
	background-color:#cec2ac;
	color:#fff;
	padding:20px;
	text-align:center;
	font-size:25px;
	margin-bottom:5%;
}
#onsen .sec02 .title{
	margin-right:15%;
}
#onsen .txt{
	font-size:13px;
	line-height:23px;
}
#onsen .sec02 .txt{
	margin-left:32%;
}
#onsen .sec03 .suiso{
	background-image:url(../images/yao/onsen/img_03.png);
	float:right;
}
#onsen .sec03 .box{
	position:absolute;
	width:54%;
	top:20%;
	left:0;
}
#onsen .sec03 .title{
	margin-left:15%;
}
#onsen .sec03 .txt{
	margin-right:32%;
}
#onsen .sec04 .box{
	width:50%;
}
#onsen .sec04 .box .img{
	background-repeat:no-repeat;
	background-position:center top;
	padding:30%;
	background-size:contain;
}
#onsen .sec04 .box .a{
	background-image:url(../images/yao/onsen/img_04.png);
}
#onsen .sec04 .box .b{
	background-image:url(../images/yao/onsen/img_05.png);
}
#onsen .sec04 .box .c{
	background-image:url(../images/yao/onsen/img_08.png);
}
#onsen .sec04 .box .d{
	background-image:url(../images/yao/onsen/img_09.png);
}
#onsen .sec04 .box .e{
	background-image:url(../images/yao/onsen/img_10.png);
}
#onsen .sec04 .box .f{
	background-image:url(../images/yao/onsen/img_11.png);
}
#onsen .sec04 .box h3{
	font-size:18px;
}

/*採用ページ*/
#recruit .head-bg {
    background: url(../images/recruit/rec_header.jpg) no-repeat center top;
        background-size: auto auto;
    background-size: cover;
    padding: 20% 5% 23%;
    position: relative;
}

*#recruit .visual_nav{
	position:absolute;
	top:12%;
	left:10%;
	width:105px;
}
#recruit .visual_nav .copy{
	/*width:80px;
	margin-bottom:50px;*/
	visibility: hidden;
}
#recruit .visual_nav ul li{
	margin-bottom:20px;
}
#recruit .recurit_box {
	background-image:url(../images/recruit/rec_bg.jpg);
	background-repeat:no-repeat;
	/*background-size:contain;*/
	background-size:cover;
	background-position:center center;
	text-align:center;
	/*padding:70px 0;*/
	padding: 15px 0;
}

#recruit .head-bg h2{
	max-width: 260px;
	width: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#recruit .concept{
	background-color:#e6e3da;
}
#recruit .concept h3{
	width: 648px;
	margin-left: auto;
	margin-right: auto;
}
#recruit .concept .title-img{
	width:148px;
}
#recruit .concept .f_nav01 li{
	float:left;
	width:33.333333333%;
	box-sizing:border-box;
	padding:1%;
}
#recruit .concept .f_nav01 li a{
	display:block;
	padding:16% 41%;
	position:relative;
	outline: none;
	transition: all .2s;
}
#recruit .concept .f_nav01 li ::before,
#recruit .concept .f_nav01 li ::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
#recruit .concept .f_nav01 li ::before {
  top: 0px;
  left: 0px;
}
#recruit .concept .f_nav01 li ::after {
  bottom: 0px;
  right: 0px;
}
#recruit .concept .f_nav01 li :hover {
  color: #fff;
}
#recruit .concept .f_nav01 li :hover::before,
#recruit .concept .f_nav01 li :hover::after {
  width: 100%;
  height: 100%;
}
#recruit .concept .f_nav01 li :hover::before {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: height .2s, width .2s .2s;
}
#recruit .concept .f_nav01 li :hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
  transition: height .2s .4s, width .2s .6s;
}
#recruit .concept .f_nav01 li.list01{
	background-image:url(../images/index/f_img_01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#recruit .concept .f_nav01 li.list02{
	background-image:url(../images/index/f_img_02.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#recruit .concept .f_nav01 li.list03{
	background-image:url(../images/index/f_img_03.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#recruit .concept .f_nav02 li{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:1%;
	outline: none;
	transition: all .2s;
}
#recruit .concept .f_nav02 li a{
	display:block;
	padding:12% 38%;
	outline: none;
	transition: all .2s;
	position:relative;
}
#recruit .concept .f_nav02 li ::before,
#recruit .concept .f_nav02 li ::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
#recruit .concept .f_nav02 li ::before {
  top: 0px;
  left: 0px;
}
#recruit .concept .f_nav02 li ::after {
  bottom: 0px;
  right: 0px;
}
#recruit .concept .f_nav02 li :hover {
  color: #fff;
}
#recruit .concept .f_nav02 li :hover::before,
#recruit .concept .f_nav02 li :hover::after {
  width: 100%;
  height: 100%;
}
#recruit .concept .f_nav02 li :hover::before {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: height .2s, width .2s .2s;
}
#recruit .concept .f_nav02 li :hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
  transition: height .2s .4s, width .2s .6s;
}

#recruit .concept .f_nav02 li.list01{
	background-image:url(../images/index/f_img_04.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#recruit .concept .f_nav02 li.list02{
	background-image:url(../images/index/f_img_05.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#recruit .contents ul{
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	font-size:0;
}
#recruit .contents ul li{
	width: 210px;
	margin-right: 48px;
	display: inline-block;
	vertical-align: top;
}

#recruit .contents ul li:last-child{
	margin-right: 0;
}

#recruit .topics .shop_pref{
	background-image:url(../images/index/ttl_bg_01.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 50px 18px;
	font-size: 20px;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	font-weight:normal;
	margin-bottom:20px;
}
#recruit .topics .page_lnk li{
	float:left;
	font-size:20px;
	width:180px;
	text-align:center;
}

#recruit .topic-bg .topic_inner{
	box-sizing:border-box;
	padding:35px;
	color:#fff;
}
#recruit .topic-bg li{
	width: 470px;
	float: left;
	margin:0px 10px;
	margin-bottom: 25px;
}

#recruit .topic-bg li.float_none{
	float: none;
	margin:0px auto;
}

#recruit .txt_joinus h3 {
	padding: 15px 50px 26px;
	font-size: 35px;
	letter-spacing: 6px;
	font-weight: normal;
}

#recruit .txt_joinus p.txt_m {
	font-size: 20px;
	letter-spacing: 6px;
}

#recruit .txt_joinus p.txt_s {
	font-size: 16px;
	letter-spacing: 3px;
}

#recruit .job_area {
	background: #fff;
	width: 10em;
	margin: 0 auto;
}

#recruit .job_area p {
	font-size: 20px;
    line-height: 1.8em;
}



/*@media print, screen and (min-width : 768px) {

}*/
@media only screen and (min-width : 768px) and (max-width : 1200px) {
/*共通変化*/
	.wrap{
		width:100%;
	}
	.wrap2{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.wrap3{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.wrap4{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
/*トップページ*/
	#top .news .news-box{
		width: 81%;
		margin-left:auto;
		margin-right:auto;
	}

	#top .topic-bg li{
		width: 48%;
		float: left;
		margin:0px 1%;
	}
	#top .news .news-box li .tex{
		width:60%;
	}
	#top .topics .page_lnk{
		width:60%;
	}
	
	#top .topics .page_lnk li{
		font-size:20px;
		width:25%;
	}
	
	#top .topic-bg li{
		width: 48%;
		float: left;
		margin:0px 1%;
	}
/*採用情報*/
	#recruit .topic-bg li{
		width: 48%;
		float: left;
		margin:0px 1%;
		margin-bottom: 1em;
		
	}
	
}
@media only screen and (max-width : 767px) {
header.wrap{
	width: 100%;
}
.wrap{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.wrap2{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.wrap3{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.wrap4{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
header{
	height: 65px;
	position: fixed;
	top:0;
	background:#fff;
	width: 100%;
}
header h1.logo{
	float:left;
	width: 100px;
	margin-top:15px;
	margin-left: 5px;
}


header ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.page-contents{
	padding-top: 65px;
}

/*その他共通箇所*/
.title-img{
	width: 56%;
	margin-left: auto;
	margin-right: auto;
}

/*フッター*/
.foot-box{
	background:#312c28;
}
.foot-box .wrap2 > div{
	width: 100%;
	margin-bottom: 0%;
}
.foot-box .address{
	font-size:16px;
	background-size:10%;
	padding-left: 15%;
	line-height: 28px;
	color:#fff;
	font-weight: 300;
}
.foot-box .tel{
	background:url(../images/common/icon_tel.png) no-repeat left center;
	background-size:10%;
	padding-left: 15%;
	font-size:16px;
	line-height: 24px;
	padding-top: 1%;
	padding-bottom: 1%;
	color:#fff;
	font-weight: 300;
}
.foot-box dl dt{
	background:#fff;
	color:#576d68;
	width: 126px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-size:16px;
	line-height: 20px;
	margin-right: 20px;
}
.foot-box dl dd{
	width: 240px;
	color:#fff;
	font-size:16px;
	line-height: 20px;
}
.foot-box .wrap2{
	width:100%;
	margin:0;
}
.foot-box .link-list ul{
	width:100%;
	border-top: 1px solid #666666;
}
.foot-box .link-list ul li{
	display: block;
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:15px 0;
	font-size:0.9em;
	line-height:0.9em;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.foot-box .link-list ul li:last-child{
	border-right: 1px solid #666666;
}
.foot-box .link-list ul li:nth-child(even){
	border-right:none;
}

/*
.foot-box .link-list li:first-child{
	width: 195px;
}
.foot-box .link-list li:last-child{
	width: 226px;
	margin:auto;
}
*/
.foot-link{
	background:#312c28;
}
.foot-link li{
	width: 140px;
	float: left;
	text-align: center;
	border-left:1px solid #fff;
}
.foot-link li a{
	color:#fff;
}
.foot-link li:last-child{
	border-right:1px solid #fff;
}
.foot-link{
	font-size:12px;
	color:#fff;
}
/*トップページ*/
.head-bg{
	text-align: center;
}
#top .head-bg{
	background:url(../images/index/main.png) no-repeat center top;
	background-size:cover;
	padding:20% 5%;
}
#top .head-bg h2{
	max-width: 600px;
	width: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#yao .copy-tex > h2{
	padding:8% 0 6%;
	width: 30%;
}
#top .topics .page_lnk{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#top .topics .page_lnk .first:before{
	display:none;
}
#top .topics .page_lnk .last:after{
	display:none;
}
#top .topics .shop_pref{
	background-image:url(../images/index/ttl_bg_01.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 50px 26px;
	font-size:28px;
	font-weight:normal;
	margin-bottom:20px;
}
#top .topics .page_lnk li{
	float:left;
	font-size:20px;
	width:25%;
	text-align:center;
}

#top .concept h3{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#top .contents ul{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size:0;
}
#top .contents ul li{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 5%;
}
#top .contents ul li .name{
	margin-left: auto;
	margin-right: auto;
}
#top .contents ul li:nth-child(1) .name{
	width: 40%;
}
#top .contents ul li:nth-child(2) .name{
	width: 30%;
}
#top .contents ul li:nth-child(3) .name{
	width: 30%;
}
#top .contents ul li:last-child{
	margin-right: auto;
}
#top .news .title{
	width: 100%;
}
#top .news .title h2{
	width: 85px;
	margin-left: auto;
	margin-right: auto;
}
#top .news .title .btn img{
	width: 112px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#top .news .news-box{
	width: 96%;
	background:#fff;
	margin-top: 2%;
	margin-bottom: 7%;
	margin-right: auto;
	margin-left: auto;
	padding:2% 5% 2%;
}
#top .news .news-box li{
	font-size:0;
}
#top .news .news-box li:first-child{
	padding-bottom: 2%;
}
#top .news .news-box li:last-child{
	padding-top: 2%;
}
#top .news .news-box li .news{
	padding:1% 3% 2%;
	margin-right: 3%;
	font-size:10px;
	line-height: 14px;
	margin-bottom: 2%;
	width: 30%;
	text-align: center;
}
#top .news .news-box li .day{
	margin:1% 0 0px;
	font-size:10px;
	margin-right: 0px;
	margin-bottom: 2%;
	line-height: 14px;
	width: 30%;
}
#top .news .news-box li .tex{
	display: inline-block;
	vertical-align: middle;
	font-size:11px;
	word-wrap: break-word;
	line-height: 14px;
	height: 28px;
	width: 100%;
	overflow-y: hidden;
}
#top .topic-bg li{
	width: 100%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}
#top .topic-bg li:last-child{
	margin-bottom: 0;
}
#top .topic-bg li .index-topics{
	background: #706a5c;
	padding:0%;
}
#top .topic-bg li .topic-title{
	font-size:14px;
	line-height: 28px;
}
#top .topic-bg li dd.map{
	position:absolute;
	bottom:0;
	right:0;
	top:auto;
}

#top .topic-bg li dt{
	float: none;
	display: block;
	padding:1% 2%;
	margin-right: 0px;
	margin-bottom: 1%;
	font-size:10px;
	line-height: 14px;
	letter-spacing: 1px;
}
#top .topic-bg li dd{
	padding:1% 0 1%;
	margin-bottom: 2%;
	color:#fff;
	font-size:10px;
	line-height: 14px;
}
#top .topic-bg li dt.campaign{
	background:#FA5D00;
	color:#fff;
}
#top .topic-bg li dt.news{
	background:#D51717;
	color:#fff;
}
#top .topic-bg li dt.blog{
	background:#9db76b;
	color:#fff;
}
#top .topic-bg li .topic-tex{
	font-size:11px;
	word-wrap: break-word;
	line-height: 14px;
	height: auto;
	padding-bottom:5%;
}
#top .topic-bg li .more{
	background:#353535;
	padding:2% 2%;
}
#top .topic-bg .topic_inner{
	box-sizing:border-box;
	padding:3%;
	color:#fff;
}

#top .topic-bg li .more img{
	width: 38%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#top .point-box{
	padding-top: 8%;
	padding-bottom: 8%;
	margin-bottom: 5%;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	background:#DDD2E5;
	position: relative;
}
#top .point-box .box{
	width: 100%;
	display: inline-block;
	margin-right: 0%;
	margin-bottom: 7%;
	vertical-align: top;
	text-align: center;
}
#top .point-box .icon{
	margin-bottom: 4%;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#top .point-box h3{
	font-size:16px;
	line-height: 23px;
	margin-bottom: 2%;
}
#top .point-box p{
	font-size:13px;
	line-height: 18px;
}

#top .concept .f_nav01 li{
	float:none;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
#top .concept .f_nav01 li a{
	display:block;
	padding:16% 41%;
	position:relative;
	outline: none;
	transition: all .2s;
}
#top .concept .f_nav02 li{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:1%;
	outline: none;
	transition: all .2s;
}
#top .concept .f_nav02 li a{
	display:block;
	padding:10% 32%;
	outline: none;
	transition: all .2s;
	position:relative;
}

/*利用料金*/
#price{
	font-size:14px;
	line-height: 25px;
}
#price .head-bg{
	background:url(../images/price/img_main_price.png) no-repeat center top;
	background-size:cover;
	padding:8% 5% 8%;
}
#price .head-bg h2{
	max-width: 284px;
	width: 24%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#price .table-1 table tr th,#price .table-1 table tr td{
	padding:3% 2%;
	text-align: center;
	vertical-align: middle;
	border:1px solid #fff;
}
#price .table-1 table tr th{
	background:#387277;
	color:#fff;
	font-size:18px;
	font-weight: 500;
}
#price .table-1 table tr:nth-child(2) th{
	background:#35bcc8;
}
#price .table-1 table tr:nth-child(1) th{
	background:#2e2e2e;
}
#price .table-1 table tr td{
	font-size:16px;
	line-height: 20px;
	color:#232121;
}
#price .table-1 table tr td span{
	font-size:20px;
}
#price .table-1 table tr td:nth-child(1){
	background:#e2e2e2;
}
#price .table-1 table tr td:nth-child(2){
	background:#d7d7d7;
}
#price .table-2 tr th,#price .table-2 tr td{
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
}
#price .table-2 tr th{
	color:#fff;
	font-size:21px;
	font-weight: 500;
}
#price .table-2 tr td{
	font-size:16px;
	line-height: 22px;
	color:#232121;
	background:#fff;
}
#price .table-2 tr td span{
	font-size:23px;
}
#price .table-2 tr th:nth-child(1){
	background:#387277;
}
#price .table-2 tr th:nth-child(2){
	background:#235c61;
}
#price .pay{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#price .pay .icon{
	width:50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
}
#price .pay .txt{
	width: 100%;
}
#price .pay h3{
	background:#3d3d3d;
	color:#fff;
	padding:2% 3%;
	text-align: center;
	display: inline-block;
}
#price .table-3 tr th,#price table-3 tr td{
	text-align: center;
	vertical-align: middle;
	padding:3% 3%;
}
#price .table-3 tr th{
	font-size:16px;
	display: block;
	width: 100%;
}
#price .table-3 tr td{
	font-size:16px;
	line-height: 24px;
	width: 100%;
	display: block;
}
#price .table-3 tr td dt{
	background:#fff;
	padding:10px 30px;
}
#price .table-3 tr td dd{
	padding:2% 3%;
}
/*プログラム*/
#program .head-bg{
	background:url(../images/program/img_main_program.png) no-repeat center top;
	background-size:cover;
	padding:8% 5% 8%;
}
#program .head-bg h2{
	max-width: 342px;
	width: 29%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#program .page-title{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#program .sub-title{
	border-bottom:1px solid #35bcc8;
}
#program h4 span{
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#program h5{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#program .pro-box-1,#program .pro-box-2{
	font-size:13px;
	line-height: 25px;
}
#program .pro-box-1 .pic{
	width: 100%;
}
#program .pro-box-1 .txt{
	width: 100%;
}
#program .pro-box-1 .name{
	font-size:16px;
	line-height: 25px;
	background:url(../images/common/line_bg.png) no-repeat left bottom;
	background-size:100%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2%;
	padding-left: 0px;
}
#program .pro-box-2{
	width: 100%;
	float: none;
	margin-right: 0px;
}
#program .pro-box-2.last{
	margin-right: 0;
}
#program .pro-box-2 .name{
	font-size:16px;
	line-height: 25px;
	background:url(../images/common/line_bg.png) no-repeat left bottom;
	background-size:100%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2%;
	padding-left: 0px;
}
#program .btn{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/*施設案内*/
#facility .head-bg{
	background:url(../images/facility/img_main_facility.png) no-repeat center top;
	background-size:cover;
	padding:8% 5% 8%;
}
#facility .head-bg h2{
	max-width: 284px;
	width: 24%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#facility .page-title{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#facility .sub-title{
	border-bottom:1px solid #35bcc8;
}
#facility h4 span{
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#facility .fac-box{
	font-size:12px;
	line-height: 20px;
}
#facility .fac-box .pic{
	width: 100%;
}
#facility .fac-box .txt{
	width: 100%;
}
#facility .fac-box .txt-2{
	width: 100%;
}
#facility .fac-box .name{
	font-size:16px;
	line-height: 25px;
	background:url(../images/common/line_bg.png) no-repeat left bottom;
	background-size:100%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2%;
	padding-left: 0px;
}
#facility .fac-box .thumbnail li{
	width: 48%;
	margin-right: 2%;
}
#facility .fac-box .thumbnail li:last-child{
	margin-right: 0;
}
/*トピックス*/
#topics .head-bg{
	background:url(../images/index/main_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:10% 5% 10%;
}
#topics .head-bg h2{
	max-width: 284px;
	width: 24%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#yao .visual_nav p,#yao .visual_nav ul{
	padding-left:60px;
}
#yao .visual_nav li{
	margin-bottom:15px;
}
#yao .maincopy{
	font-size:20px;
	line-height:52px;
}
#yao .maincopy span{
	font-size:40px;
}
#yao .news{
	background-image:url(../images/yao/top/cont_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#yao .news .title{
	width: 190px;
}
#yao .news .title h2{
	width: 85px;
	margin-left: auto;
	margin-right: auto;
}
#yao .news .title .btn img{
	width: 112px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#yao .news{
	background-color:#f6f6f6;
	padding:40px 0;
}
#yao .news .news-box{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 8px;
	margin-bottom: 8px;
}
#yao .news .news-box li{
	width:80%;
	float:none;
	margin-right:auto;
	margin-left: auto;
	margin-bottom: 10%;
}
#yao .news .news-box li:nth-child(3n){
	margin-right:auto;
}

#yao .news .news-box li:first-child{
	padding-bottom: 5px;
}
#top .news .news-box li:last-child{
	padding-top: 5px;
}
#yao .news .news-box li .thumb{
	border:1px solid #000;
	box-sizing:border-box;
	padding:3px;
}
#yao .news .news-box li .tex{
	display: inline-block;
	font-size:12px;
	word-wrap: break-word;
	line-height: 14px;
	height: 28px;
	overflow-y: hidden;
}
#yao .title_01{
	font-size:10px;
	line-height:24px;
	text-align:center;
	position:relative;
}
#yao .title_01 span{
	border-bottom:3px solid #b89956;
	font-size:18px;
}
#yao .title_01:before{
  content: '';
  position: absolute;
  top: 25px;
  right: 30px;
  height: 1px;
  width: 24%;
  color: #000;
  background-color: #000;
}
#yao .title_01:after{
  content: '';
  position: absolute;
  top: 25px;
  left: 30px;
  height: 1px;
  width: 24%;
  color: #000;
  background-color: #000;
}
#yao .title_02{
	font-size:13px;
	line-height:24px;
	text-align:center;
	position:relative;
}
#yao .title_02:before{
  content: '';
  position: absolute;
  top: 12px;
  right: 0px;
  height: 1px;
  width: 20%;
  color: #000;
  background-color: #000;
}
#yao .title_02:after{
  content: '';
  position: absolute;
  top: 12px;
  left: 0px;
  height: 1px;
  width: 20%;
  color: #000;
  background-color: #000;
}
#yao .facilities ul li{
	width:80%;
	float:none;
	margin-right:auto;
	margin-left: auto;
	margin-bottom: 10%;
}
#yao .facilities ul li .fac-pic{
	text-align: center;
	margin-bottom: 3%;
}
#yao .facilities ul li.list{
	margin-left:auto;
}
#yao .facilities ul li:nth-child(3n){
	margin-right:auto;
	width:80%;
	float:none;
}
#yao .facilities ul li .fac-tex{
	line-height:140%;
	font-size:12px;
}
	#yao .facilities ul li .btn_02{
		margin-top: 5%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

#yao .notes{
	font-size:11px;
	line-height: 17px;
}
/*#yao #top{
	padding-top: 65px;
}*/
#yao #access,#yao #facility,#yao #info{
	margin-top: -65px;
	padding-top: 65px;
}
/* 温泉 */
#onsen .mainvisu{
	margin-bottom:5%;
}

#onsen .mainvisu .copy{
	font-size:30px;
	line-height:100%;
	color:#fff;
	border-bottom:dashed 2px #fff;
	display:inline-block;
	padding-bottom:5px;
}
#onsen .maincopy h2{
	font-size:24px;
}
#onsen .sec01 .roten{
	padding:13% 0 14%;
}
#onsen .sec01 .copy{
	font-size:24px;
}
#onsen .sec02 .tansan{
}
#onsen .sec02 .box{
	position:relative;
	width:100%;
	top:inherit;
	right:inherit;
}
#onsen .title{
	padding:4%;
	font-size:18px;
	margin-bottom:5%;
}
#onsen .sec02 .title{
	margin-right:0%;
}
#onsen .txt{
	font-size:14px;
	line-height:23px;
	margin-bottom:3%;
}
#onsen .sec02 .txt{
	margin-left:0%;
}
#onsen .sec03 .suiso{
	float:none;
}
#onsen .sec03 .box{
	position:relative;
	width:100%;
	top:0%;
	left:0;
}
#onsen .sec03 .title{
	margin-left:0%;
}
#onsen .sec03 .txt{
	margin-right:0%;
}
#onsen .sec04 .box{
	width:100%;
}
#onsen .sec04 .box .a{
	padding:38%;
}
#onsen .sec04 .box .b{
	padding:38%;
}
#onsen .sec04 .box h3{
	font-size:18px;
}

#onsen .box60{
	padding:29% 0;
	width:100%;
}
#onsen .sec04 .box .img{
	padding:28%;
}
	
/*採用情報*/

#recruit .txt_joinus h3 {
	padding: 3px;
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 1.2em;
}
	
#recruit .txt_joinus p.txt_m {
	font-size: 18px;
	letter-spacing: 2px;
}	

#recruit .topic-bg li {
    width: 94%;
    float: none;
    margin: 0px auto;
    margin-bottom: 1em;
}
#recruit .concept .f_nav01 li{
	float:none;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
#recruit .concept .f_nav01 li a{
	display:block;
	padding:16% 41%;
	position:relative;
	outline: none;
	transition: all .2s;
}
#recruit .concept .f_nav02 li{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:1%;
	outline: none;
	transition: all .2s;
}
#recruit .concept .f_nav02 li a{
	display:block;
	padding:10% 32%;
	outline: none;
	transition: all .2s;
	position:relative;
}



#sp_menu{ position:absolute; top:15px; right:10px; display:block; text-align:center;}
#sp_menu img{ }
#sp_nav{display:block;position:absolute; top:65px; width:100%; color:#FFF; z-index:1000;display:none;}
#sp_nav ul{width:100%; clear:both;}
#sp_nav ul li{width: 50%; background-image:none;float: left;border-bottom: 1px solid #CCC;box-shadow: 1px 0 #CCC inset; background-color:#000; height:46px; position:relative; text-align: center;}
#sp_nav ul li a{color:#fff; display: block; width: 100%; height: 100%; padding:12px 0;}
	
#sp_menu2{ position:absolute; top:30%; right:3%; display:block; text-align:center;}
#sp_menu2 img{ }
#sp_nav2{display:block;position:absolute; top:74px; width:100%; color:#FFF; z-index:1000;display:none;}
#sp_nav2 ul{width:100%; clear:both;}
#sp_nav2 ul li{width: 50%;float: left;border-bottom: 1px solid #CCC;box-shadow: 1px 0 #CCC inset; background-color:#000; height:42px; position:relative;}
#sp_nav2 ul li a{color:#fff; display: block; width: 100%;}
}