/*--------------------------------------------------------*/

/*  フォントと背景　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

body {
	font-size:14px;
	font-family: 'Roboto Condensed', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 'Yu Gothic', "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height:1.8em;
	font-feature-settings : "palt";
	letter-spacing:0.3px;
	background-color: #FFF;
	background:url("../img/yufunosai_open/bg.png") center 70px no-repeat;
	background-attachment: fixed;
}

body img{
	vertical-align:bottom;
	border:0;
	font-size:0;
	line-height:0;
	margin: 0;
	padding: 0;
}

}

@media screen and (max-width: 767px){

body {
	font-size:14px;
	font-family: 'Roboto Condensed', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 'Yu Gothic', "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height:1.8em;
	font-feature-settings : "palt";
	letter-spacing:0.3px;
	background-color: #FFF;
	background:url("../img/yufunosai_open/bg.png") center 40px no-repeat;
	background-size: 440px;
}

body img{
	vertical-align:bottom;
	border:0;
	font-size:0;
	line-height:0;
	margin: 0;
	padding: 0;
}

}

/*--------------------------------------------------------*/

/*  リンク　*/

/*--------------------------------------------------------*/

a {text-decoration: underline;}
a:link {color:#1841ce;}
a:visited {color:#1841ce;}
a:active {color:#1841ce;}
a:hover {color:#1841ce; text-decoration: none;}

a {
overflow: hidden;
}


/*--------------------------------------------------------*/

/*  ヘッダー（サイトごとにカラー変更）　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

header{
	width: 900px;
	margin-left:auto;
	margin-right:auto;
}

.logo{
	text-align:center;
	margin-top:70px;
}

.logo img{
	width:280px;
}

}

@media screen and (max-width: 767px){

header{
}

.logo{
	text-align:center;
	margin-top:40px;
}

.logo img{
	width:160px;
}

}

/*--------------------------------------------------------*/

/*  オープン告知とスライド写真　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

.openBox{
	width:980px;
	margin:75px auto 0;
}

.openBox .eng_tit{
	text-align:center;
	font-family: 'Roboto Condensed', "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-size:50px;
	font-weight:600;
	color:#F6AB00;
	line-height:1.0em;
	letter-spacing:0.02em;
}

.openBox h2.open_title{
	margin-top:25px;
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	font-weight:600;
	color:#333;
	line-height:2.0em;
	letter-spacing:0.1em;
}

.openBox .slide_photo{
	margin-top:35px;
	margin-bottom:120px;
	width:100%;
}

.openBox .slide_photo img{
	width:100%;
	height:auto;
}

.openBox .slide_photo img.main{
	border-radius: 20px;
}

.openBox p.open_message{
	text-align:center;
	font-size:16px;
	font-weight:normal;
	color:#666;
	line-height:2.0em;
	letter-spacing:1.0px;
}

}

@media screen and (max-width: 767px){

.openBox{
	margin-top:40px;
}

.openBox .eng_tit{
	text-align:center;
	font-family: 'Roboto Condensed', "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-size:24px;
	font-weight:600;
	color:#F6AB00;
	line-height:1.0em;
	letter-spacing:0.02em;
}

.openBox h2.open_title{
	margin-top:22px;
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:2.0em;
	letter-spacing:0.07em;
}

.openBox .slide_photo{
	margin-top:30px;
	margin-bottom:85px;
	padding:0 10px;
}

.openBox .slide_photo img{
	width:100%;
	height:auto;
}

.openBox .slide_photo img.main{
	border-radius: 12px;
}

.openBox p.open_message{
	padding:0 20px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#666;
	line-height:1.8em;
	letter-spacing:0.07em;
	text-align: justify;
}

.openBox p.open_message br{
	display:none;
}

}

/*--------------------------------------------------------*/

/*  各見出し　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

h3.midashi{
	text-align:center;
	font-size:20px;
	font-weight:600;
	color:#666;
	line-height:1.5em;
	letter-spacing:2.0px;
	margin-bottom:25px;
}

}

@media screen and (max-width: 767px){

h3.midashi{
	text-align:center;
	font-size:16px;
	font-weight:600;
	color:#666;
	line-height:1.5em;
	letter-spacing:2.0px;
	margin-bottom:22px;
}

}

/*--------------------------------------------------------*/

/*  施設概要　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

.outlineBox{
	margin-top:80px;
	width:680px;
	margin-left:auto;
	margin-right:auto;
}

.outlineBox table.tbl_outline{
	width:100%;
	border-collapse: collapse;
}

.outlineBox table.tbl_outline tr td{
 	border-width: 1px 1px; /* 上下左右に線を引く */
	border-color: #DDD; /* 線色 */
	border-style: solid; /* 線種：実線 */
	vertical-align:middle;
}

.outlineBox table.tbl_outline tr td.koumoku{
	width:25%;
	background-color:#F0F0E1;
	padding:5px 0;
	font-size:15px;
	font-weight:normal;
	color:#666;
	line-height:1.7em;
	text-align:center;
}

.outlineBox table.tbl_outline tr td.info{
	width:75%;
	background-color:#FFF;
	padding:5px 15px;
	font-size:15px;
	font-weight:normal;
	color:#666;
	line-height:1.7em;
}

.outlineBox table.tbl_outline tr td.info ul li{
	font-size:15px;
	font-weight:normal;
	color:#666;
	line-height:1.7em;
}

}

@media screen and (max-width: 767px){

.outlineBox{
	margin-top:40px;
	padding:0 10px;
}

.outlineBox table.tbl_outline{
	width:100%;
	border-collapse: collapse;
}

.outlineBox table.tbl_outline tr td{
 	border-width: 1px 1px; /* 上下左右に線を引く */
	border-color: #DDD; /* 線色 */
	border-style: solid; /* 線種：実線 */
	vertical-align:middle;
}

.outlineBox table.tbl_outline tr td.koumoku{
	width:30%;
	background-color:#F0F0E1;
	padding:5px 8px;
	font-size:12px;
	font-weight:normal;
	color:#666;
	line-height:1.7em;
	text-align:center;
}

.outlineBox table.tbl_outline tr td.info{
	width:70%;
	background-color:#FFF;
	padding:5px 8px;
	font-size:12px;
	font-weight:normal;
	color:#666;
	line-height:1.7em;
}

.outlineBox table.tbl_outline tr td.info ul li{
	font-size:12px;
	font-weight:normal;
	color:#666;
	line-height:1.7em;
}

}

/*--------------------------------------------------------*/

/*  近隣マップ　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

.mapBox{
	margin-top:100px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.mapBox .googlemapBox{
}

.mapBox .googlemapBox iframe{
	width:100%;
	height:480px;
	border-radius: 20px;
}

.mapBox p.add{
	margin-top:15px;
	text-align:center;
	font-size:17px;
	font-weight:600;
	color:#666;
	line-height:1.7em;
}

}

@media screen and (max-width: 767px){

.mapBox{
	margin-top:40px;
}

.mapBox .googlemapBox{
	padding:0 10px;
}

.mapBox .googlemapBox iframe{
	width:100%;
	height:380px;
}

.mapBox p.add{
	margin-top:10px;
	text-align:center;
	font-size:14px;
	font-weight:600;
	color:#666;
	line-height:1.7em;
	letter-spacing:0.08em;
}

}

/*--------------------------------------------------------*/

/*  アクセス情報　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

.accessBox{
	margin-top:25px;
	width:480px;
	margin-left:auto;
	margin-right:auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.accessBox .box01{
}
.accessBox .box02{
}
.accessBox .box03{
}

.accessBox .box01 .icon,
.accessBox .box02 .icon,
.accessBox .box03 .icon{
	text-align:center;
}

.accessBox .box01 .houhou,
.accessBox .box02 .houhou,
.accessBox .box03 .houhou{
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#666;
	line-height:1.5em;
	letter-spacing:1.5px;
	margin-top:13px;
	margin-bottom:7px;
}

.accessBox .box01 .access,
.accessBox .box02 .access,
.accessBox .box03 .access{
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#666;
	line-height:1.6em;
}

}

@media screen and (max-width: 767px){

.accessBox{
	margin-top:20px;
	padding:0 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.accessBox .box01{
}
.accessBox .box02{
}
.accessBox .box03{
}

.accessBox .box01 .icon,
.accessBox .box02 .icon,
.accessBox .box03 .icon{
	text-align:center;
}

.accessBox .box01 .houhou,
.accessBox .box02 .houhou,
.accessBox .box03 .houhou{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#666;
	line-height:1.5em;
	letter-spacing:1.5px;
	margin-top:13px;
	margin-bottom:5px;
}

.accessBox .box01 .access,
.accessBox .box02 .access,
.accessBox .box03 .access{
	text-align:center;
	font-size:12px;
	font-weight:500;
	color:#666;
	line-height:1.6em;
}

}

/*--------------------------------------------------------*/

/*  近隣の詳細なアクセス情報　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

.access_detail{
	margin-top:60px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.access_detail .access_detail_inner{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.access_detail .access_detail_inner .access_photo{
}

.access_detail .access_detail_inner .access_photo img{
	width:100%;
}

.access_detail p.access_detail_txt{
	margin-top:25px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#333;
	line-height:2.0em;
	letter-spacing:0.07em;
}

}

@media screen and (max-width: 767px){

.access_detail{
	margin-top:40px;
	padding:0 20px;
}

.access_detail .access_detail_inner{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.access_detail .access_detail_inner .access_photo{
}

.access_detail .access_detail_inner .access_photo img{
	width:100%;
}

.access_detail p.access_detail_txt{
	margin-top:17px;
	text-align:left;
	font-size:14px;
	font-weight:500;
	color:#333;
	line-height:1.9em;
	letter-spacing:0.05em;
	text-align: justify;
}

.access_detail p.access_detail_txt br{
	display:none;
}

}

/*--------------------------------------------------------*/

/*  お問い合わせ　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

.contactBox{
	margin:80px auto;
	width:500px;
}

.contactBox .small_logo{
	text-align:center;
	margin-bottom:25px;
}

.contactBox .small_logo img{
	width:180px;
}

.contactBox h2.message{
	text-align:center;
	font-size:22px;
	font-weight:normal;
	color:#666;
	line-height:1.5em;
	letter-spacing:2.0px;
}

.contactBox .inner{
	margin-top:25px;
	overflow:hidden;
}

.contactBox .inner .telBox{
	float:left;
	width:240px;
	margin-right:20px;
}

.contactBox .inner .mailBox{
	float:left;
	width:240px;
}

.contactBox .inner p.tel_name{
	text-align:center;
	font-size:16px;
	font-weight:normal;
	color:#666;
	line-height:1.6em;
	letter-spacing:2.0px;
	margin-bottom:3px;
}

.contactBox .inner p.tel_number{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#F6AB00;
	line-height:1.6em;
	letter-spacing:0px;
	margin-bottom:3px;
}

.contactBox .inner p.tel_number span.num{
	font-size:32px;
}

.contactBox .inner p.tel_time{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#999;
	line-height:1.5em;
	letter-spacing:0px;
}

.contactBox .inner .bt_mail{
	width:240px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.contactBox .inner .bt_mail a{
	display:block;
	width:240px;
	padding: 20px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0.5px;
	line-height:1.0em;
	text-decoration:none;
	background:#F6AB00;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.contactBox .inner .bt_mail a:hover{
	text-decoration:none;
	color:#FFF;
	background:#F0F028;
}

}

@media screen and (max-width: 767px){

.contactBox{
	margin-top:60px;
	padding:0 20px;
}

.contactBox .small_logo{
	text-align:center;
	margin-bottom:25px;
}

.contactBox .small_logo img{
	width:140px;
}

.contactBox h2.message{
	text-align:center;
	font-size:15px;
	font-weight:600;
	color:#666;
	line-height:1.5em;
	letter-spacing:1.2px;
}

.contactBox .inner{
	margin-top:25px;
	overflow:hidden;
}

.contactBox .inner .telBox{
}

.contactBox .inner .mailBox{
}

.contactBox .inner p.tel_name{
	text-align:center;
	font-size:16px;
	font-weight:normal;
	color:#666;
	line-height:1.6em;
	letter-spacing:2.0px;
	margin-bottom:5px;
}

.contactBox .inner p.tel_number{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#F6AB00;
	line-height:1.6em;
	letter-spacing:0px;
	margin-bottom:4px;
}

.contactBox .inner p.tel_number span.num{
	font-size:32px;
}

.contactBox .inner p.tel_time{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#999;
	line-height:1.5em;
	letter-spacing:0.8px;
}

.contactBox .inner .bt_mail{
	max-width:300px;
	margin-top:22px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.contactBox .inner .bt_mail a{
	display:block;
	width:100%;
	padding: 20px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0.5px;
	line-height:1.0em;
	text-decoration:none;
	background:#F6AB00;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.contactBox .inner .bt_mail a:hover{
	text-decoration:none;
	color:#FFF;
	background:#F0F028;
}

}

/*--------------------------------------------------------*/

/*  フッター　*/

/*--------------------------------------------------------*/

@media screen and (min-width: 768px){

footer {
	width:100%;
}

footer:before{
	clear: both;
}

footer #foot-inner{
	width:900px;	
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}

/*  フッタービゲーション　*/

footer #foot-inner #foot_tel{
	float:left;
	width:450px;
	padding-left:20px;
	padding-right:72px;
}

footer #foot-inner #menuBox{
	float:left;
	width:338px;
	padding-right:20px;	
}

footer #foot-inner #menuBox nav{
	margin: 0px auto 0;
	padding: 0px;
}

footer #foot-inner #menuBox nav ul li {
	display: inline;
	float: left;
	line-height:0;
	font-size:0px;
}

footer #foot-inner .clr_navi{
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 20px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/*  コピーライトと街のイラスト　*/

footer #copyright {
	width:100%;
	height:170px;
	background:url(https://www.fukujincare.com/groupnavi/foot.gif) center top repeat-x;
}

footer #copyright .copyright-inner {
	width:900px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

}

@media screen and (max-width: 767px){

footer {
	margin-top:20px;
}

.groupNavi_2024{
	display:none;
}

.town_inner{
	display:none;
}

footer #copyright .copyright-inner {
	display:none;
}

}