/*--　レスポンシブ対応CSS　--*/

/*   レスポンシブ対応用途　全巾　共通スタイル  */

html {font-size:62.5%;}
body {font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:1.4rem;}

#page{
	width:800px;
	margin:auto;
	padding:0;
	position:relative;
	font-size: 1.5rem;
	line-height: 1.5;
}

.cnt {text-align:center;}
.right {text-align:right;}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*--　富士厚生会indexに戻る　--*/

#sub_nav {position:relative; width:99%; margin:0;}
 
#sub_nav a {color:#009900; padding:4px; display:block; width:20%; position:absolute; right:0; top:-30px; z-index:1000; text-align:center; font-size:1.1rem; padding-right:1%; text-decoration:none; background-color:#ededed; border-radius: 10px 10px 0 0; overflow:hidden;}
#sub_nav a:hover {background-color:#D6F5B7;}

/*--　ページトップに戻る　--*/
.pagetop a{
	background:url(../img/top.gif) no-repeat;
	width:100px;
	height:18px;
	margin:10px 10px 10px 80%;
	padding:0;
	font-size:0;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
 	z-index:200;
}
.pagetop {clear:both; margin-top:10px;}



/*  各施設向けヘッダスタイル */
#x_header h1, #top{
	font-size:1.2rem;
	font-weight:normal;
	text-decoration:none;
	/*color:#FF6600;   施設毎のキャッチフレーズカラー*/
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
}

#x_header00 {
	position:relative; top:0; left:0;
	width:100%; height:auto;
	/*background:url(***) no-repeat;施設毎のヘッダ画像*/
	z-index:100;
	background-size:contain;
}

.header_ratio {
	content:"";
	display:block;
	padding-top:16.875%;
}

.header_inner {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}

	
#x_header01 {display:table-cell; width:60%; 	margin:0;
	padding:0;}
		
#x_header01 img {
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:1;
	width:18%;
}

#x_header02 {display:table-cell; width:40%;}
/*#x_header02 a {color:transparent;}*/

#x_header02 img{
	position:absolute;
	top:0 !important;
	right:0;
	width:27.5%;
	display:block;
	margin:0;
	padding:0;
	z-index:2;
}

/*        ヘッダ用　ここまで       */

#x_naka{
	/*各施設　枠線色　background:url(*img/naka.gif) repeat-y;*/
	margin:0;
	padding:0;
	width:100%;
	position:relative;
	padding-top:10px;
	clear:both;
}

/*--　ナビゲーション soleilからの転載　--*/
nav {
	position:relative; left:0;
	width:98%; height:30px;
	padding:0; margin:0 1%;
	z-index:1000;
	line-height:1.0;
}

nav a {text-decoration:none;}
nav a:link {font-weight:700;}
nav a:hover {background-color:rgba(255,255,255,0.3);}

nav ul{
	position:absolute; left:0;
	list-style:none; list-style-position:inside;
	margin:0; padding:0;
	width:100%;
}

nav ul li {
	height:30px; padding:0; margin:0;
	border-radius:2px;
	background-color:rgba(220,220,220,0.90);
	cursor:pointer;
}

nav ul.accordion ul {display:none;}


/* 背景 */
nav ul.accordion > li {height:30px;}
nav ul.accordion > li:hover {/*background:#ff9933;*/} /*各施設 枠線同色or濃いめ menuのbg*/
nav ul.accordion > li p :hover {color:white;}

nav ul.accordion > li > p {
/*1段目　背景*/
	border-radius:2px;
	height:30px; margin:0; padding:0;
}

nav ul.accordion > li > ul > li {
	background-color:gray;
	height:30px; margin:0; padding:0;
}
nav ul.accordion > li > ul > li > p {
	/*background-color:#F3BACB;   ****x.css **２段目　背景*/
	border-radius:4px;
	height:30px; margin:0; padding:0;
	border:solid 1px white;
}

nav ul.accordion > li > ul > li > ul > li {
/*３段目　背景*/
	 border-radius:4px;
	 height:30px; margin:0; padding:0;
	 border:solid 1px white;
	 z-index:100;
}

.x-page ul {z-index:1000;}

.x-page ul li a {/*background:#ffe5cc; color:#ff9933;*/}/*各施設カラー*/

.fj-page p {background-color:rgba(240,240,240,0.90) !important;}

.fj-page p span, .fj-page ul li a {color:green !important;}


/* アイコン */
nav ul.accordion a {
	display:block;
	padding:10px;
	text-indent:2rem;
	/*background-position:95% center; background-repeat:no-repeat;*/
}
nav ul.accordion span {
	display:block; padding:10px;
	background-color:rgba(240,240,240,0.30);
	/*background-position:95% center; background-repeat:no-repeat;*/
}

nav ul.accordion > li > p span {
/*１段目（タップ部分・閉じているとき）のアイコン*/
	content: "＋"; color:#009900; font-weight:900;
}
nav ul.accordion > li > p span.open {
/*１段目（タップ部分・開いているとき）のアイコン*/
	content: "－"; color:#009900;}
nav ul.accordion > li > a {
/*１段目（リンク部分）のアイコン*/}


nav ul.accordion > li > ul > li > p span {
/*２段目（タップ部分・閉じているとき）のアイコン*/
content: "＋"; /*color:#ff9933;*/ text-indent:1rem;}/*施設テーマカラー濃いめ*/
nav ul.accordion > li > ul > li > p span.open {/*２段目（タップ部分・開いているとき）のアイコン*/
content: "－"; /*color:#bf1479;*/}/*施設テーマカラー濃いめ*/
nav ul.accordion > li > ul > li > a {
/*２段目（リンク部分）のアイコン*/
}

nav u ul.accordion > li > ul > li > ul > li > p span {
/* ３段目（タップ部分・閉じているとき）のアイコン*/
color:#ddd; text-indent:2rem;}
nav u ul.accordion > li > ul > li > ul > li > p span.open  {
/*３段目（タップ部分・開いているとき）のアイコン*/
color:#ddd; text-indent:2rem;}
navu ul.accordion > li > ul > li > ul > li > a:hover  {
/* ３段目（リンク部分）のアイコン*/
color:#ff0000; text-indent:2rem;}


/*  転載ここまで  */

/*--　トップページ　PDFリンクボタン　--*/

#btn_pdf {
position:relative;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease 0s;
}
#btn_pdf:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(0.1875em);
}

#btn_pdf img {display:block; z-index:10; position:absolute; right:15px; top:-100px;}

/*--　トップページ　施設写真　設定--*/
.wall {width:90%; margin:0 auto;}
.wall img {display:inline-block; margin:0 3%;}

.photoes {width:98%; text-align:center; margin:3% 1%;}
.photoes img {max-width:94%; margin:1px;}

/*--　最新情報　h1 背景画像は各施設で設定--*/

article h1 {
	clear:both;
	width:580px;
	height:54px;
	margin:0;
	padding:0;
}

article h1 span {
	visibility:hidden;
}

article h6 {visibility:hidden; margin:0;}

.topic div {
	width:90%;
	height:100px;
	overflow:auto;
	margin:0;
	padding:0;
}

.topic ul {
	margin:0 0 0 20%;
	list-style-position:inside;
	list-style-type:none;
}

.topic li {
	padding-bottom:8px;
	text-indent:-7.4rem;
}

/*-- 理念 --*/
.rinen p { width:84%; margin-left:8%; text-indent:1em;}

/*--　施設長あいさつ　--*/


.aisatu p {margin-left:8px; width:96%; text-indent:1em;}

.msg {width:80%; margin-left:5%;}
.msg img {width:30%; padding:0px 10px 5px 0px; float:left;}

/*--　概要　--*/
.gaiyou h2{
	font-size:1.3rem;
}
.gaiyou p{
	margin:10px 0 10px 10%;
}
.gaiyou h3{
	display:block;
	padding:5px;
	margin:10px 10px 10px 3%;
	color:rgba(229,78,36,1.00);
	font-size:1.6rem !important;
	text-indent:0 !important;
	max-width:200px;
}


.gmap {
	width:35% !important;
	padding-left:6%;
	margin:0;
	display:block;
	float:left;
}
.gaiyou img {
	float:right;
	margin:0 10% 10px 3%;
	width:40%;
	max-width:300px;}

/* 各施設の状況に応じるため、ここには記述しない
.b1 {margin-left:100px; margin-top:20px;}
.b1 {
	width:300px !important;
	float:left;
	border:1px #ccc solid;
	margin:20px 20%;
	padding:5px 10px;
	border-radius:10px;}
.b1 img {
	margin:10px;
	display:inline-block;
	width:30px !important;}
.b1 span {
	display:inline-block;
	width:230px;
	position:relative;
	top:-8px;
	padding-bottom:5px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	line-height:1.2;}
*/

/*-- 問合せボックス --*/
.ctaction {width:80%; display:flex; list-style-type:none; align-items: center; border:1px #ccc solid; margin:auto; padding:5px; border-radius:10px; -webkit-justify-content: center;
 justify-content: center;}
.ctaction li{display:block; margin:2%; -webkit-align-items: center; align-items: center; text-align:center;}
.ctaction li span {display:inline-block; margin-right:0.5rem;}

/*--  ダウンロード　--*/
.apl {
    width: 270px;
    height: 50px;
    text-align: center;
    margin: 10px 10% 20px;
    border: 2px dotted #AAA;
    padding: 10px 0px 0px;
}

/*-- 　サイトマップ (レスポンシブル汎用)--*/
#sitemap, #news {width:98%; text-align:left; font-size:1.5rem; }
#sitemap h2, #news h2 {width:90%; font-size:2.0rem; margin-left:3%;  padding:0;}
#sitemap h2 .icono-list, #news h2, .icono-camera {top:-0.2rem; margin-right:2.5rem;}/*色指定あり*/
#sitemap h3, #news h3, #worker h3 {width:94%; font-weight:900; text-indent:1em; margin:0 2%; border-radius:10px; font-size:2.0rem; padding:0.5rem;}/*色指定あり*/
.fujigreen {background:#8dd58c !important;}
#sitemap a {text-decoration:none; color:#003300}
#sitemap a:hover {text-decoration:underline;}/*色指定あり*/
#sitemap >ul {width:85%; margin-left:1%; margin-bottom:10px; margin-top:3px; list-style:inside square; text-indent:-1em; display:block;}
#sitemap >ul >li >ul {width:90%; margin-left:-1em; list-style:inside; display:block;}
#sitemap >ul >li >ul >li >ul {width:85%; margin-left:-1em; list-style-type:none; display:block; }
#sitemap >ul >li >ul >li >ul >li:before {content: "- " ;}

#news p {line-height:1.3; font-size:1.0em;}

/*--   ニュース   --*/

.c_list {
	width:88%;
	display:block;
	text-decoration:none;
	list-style-type:none;
	list-style-position:outside;
	font-size:1.2rem;
	margin-bottom:16px;
}

.c_list li{
	display:block;
	list-style-type:none;
	width:98%;
	margin:0;
	padding:0;
	height:2;
	border-radius:10px;
}

.c_list li:hover {background:#eee;}

.c_list i {display:inline-block; margin-right:10px;}
.c_list a {text-decoration:none; color:#398341;}
.c_list a:hover {color:#84BD70;}


.figwrap {width:98%; text-align:center; margin:0 auto;}

#news .figwrap {width:100%; padding:0; margin:0;}

#news figure {margin:0 0 4rem 0;} 
#news figcaption, #news .figwrap h4 {margin-left:4%; font-weight:900; text-align:left; padding:0.5rem 0; color:#666; text-indent:0.5em;}
#news .figwrap h3 {text-align:left;}
#news .figwrap h4 span {display:inline-block;}
#news figure p, #news .figwrap p {text-align:left; margin:0 0 1rem 6%; padding:0.8rem; font-size:1.2rem; width:86%; line-height:1.5;}

#news h2 {border-style:none;}
#news h2 span {display:inline-block; margin-left:0.5rem;}

#news article {margin-bottom:20px; margin-left:1.5%;}
#news article h3 {margin-bottom:1rem; font-size:2.0rem; padding:6px !important;}
#news article h4 {width:97%;}
#news article p {margin:0; padding:0 6px 6px 0; line-height:1.3; width:97%; font-size:1.4rem !important;}
#news article img {
	width:250px;
	display:inline-block;}

.hphoto, .vphoto {width:250px; height:250px; display:inline-block; position:relative;}
.tphoto {width:500px; height:250px; display:inline-block;}


.vphoto img {display:block; width:188px !important; height:250px; position:absolute; top:0; left:33px; }
.hphoto img {display:block; width:250px !important; height:188px; position:absolute; top:0; left:0; }

.h141 img {height:141px; top:56px;}
.w141 img {width:141px !important; left:54px;}

.h188 img {width:141px !important; height:188px !important; top:63px; right:0;}
.h100 img {width:133px !important; height:100px !important; top:73px; left:75px;}

.tphoto p {display:table-cell; width:480px; height:250px; vertical-align:middle; padding:0 1em;}

.update {text-align:right !important; margin-right:2em; color:#009900;}

.classic {max-width:540px; clear:both;}

.classic .tphoto {display:inline-block; width:248px; height:250px; margin:0;}

.classic .vphoto, .classic .hphoto {display:inline-block; }
.classic .hphoto img {margin-top:31px;}
.classic .tphoto p {width:250px; height:188px; text-align:center; padding:0.5rem 1rem !important;}

.classic h3 {display:block; clear:both; font-size:1.6rem !important;}

.h400 img {height:auto; width:400px !important; margin-left:0;}
.h200 img {height:150px; width:200px !important; margin-left:25px;}
.v200 img {height:200px; width:150px !important; margin-left:50px;}
.h150 img {height:113px; width:150px !important; margin-left:50px;}
.h180 img {height:125px; width:180px !important; margin-left:35px;}
.h130 img {height:98px; width:130px !important; margin-left:60px;}

.to_index {display:block; max-width:360px; width:80%; text-align:center; border:solid 2px #ccc; border-radius:8px; padding:0; margin:1rem auto;}
.to_index a {color:#090; text-decoration:none; border-radius:8px; display:block; padding:4px 0;}
.to_index a:hover {display:block; background:#eee;}

.cross {width:100%;}
.cross p {text-align:left !important;}
.cross figure {display:table; width:98%; margin-bottom:10px !important; padding:0;}
.cross figure  img{width:45%; margin:0; padding:0; display:table-cell;}
.cross figure  figcaption {width:45%; display:table-cell; vertical-align:middle; font-weight:500 !important; font-size:1.3rem;}

.classicw {max-width:540px; padding:0.5rem;}
.classicw .tphoto {width:96%;}
.classicw .tphoto img {display:inline-block;}


/*--   ニュース過去記事リスト   --*/

#news dl {
	width: 85%;
	margin-left: 5%;
	}
	
#news dt {
    font-size: 1.4rem;
}

#news dt a {
    text-decoration: none;
    color: #090;
}

#news dt a:hover {font-weight:900;}

#news dd {
    font-size: 1.2rem;
    margin: 4px 5% 10px;
}





/*-- 　フッタ (レスポンシブル汎用)--*/
footer {
	font-size: 0.9rem;}
	
footer .copyright {
	position:relative; left:0;
	width:98%; height:2.5%;
	padding:0.5rem 0; margin:0 1%;
	border-radius:2px; 
	font-weight:600;
	text-align:center; 
	line-height:1.0;
	/*background:#ffb468;  各施設色指定*/
	color:rgba(65,130,30,1.00);
}

footer p{
	margin:1em 0 0 0;
	padding:0 0 1em 0;
	text-align:center;
}

footer a {
	font-size:1.1rem;
	color:#009900;
	text-decoration:none;
	margin:0 10px;
	display:inline-block;
}

footer a:hover {
	text-decoration:underline;
}

/*marquee css3変換　base.css廃止の際に必須*/
.marquee {
width:78%;
padding:0.5em 0;
overflow:hidden;
margin-bottom:10px;
position:relative;
margin-left:5%;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
margin:0;
padding-left:30px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:15s;
	-webkit-animation-iteration-count:2;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:15s;
	-moz-animation-iteration-count:2;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:15s;
	-ms-animation-iteration-count:2;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:15s;
	-o-animation-iteration-count:2;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:15s;
	animation-iteration-count:2;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/*問合せbox(absmiddle代用)	base.css廃止の際に必須-***soleil調整必要になる

.b1 {width:75%; margin:0 0 30px 30px; padding:0 0 5px 10px; border-radius:10px; position:relative;}
.b1 img {margin:10px 8px 0 -40px; display:inline-block;}
.b1 span {display:inline-block; width:350px; position:relative; top:-10px; left:4px; padding-bottom:5px; font-size:1em; font-weight:500;}
*/

@media screen and (max-width: 799px) {
   /* 表示領域が799px以下の場合に適用するスタイル */

#page{
	width:100%;
}

.pagetop a {
	width:93%;
	margin:10px 0;
	background-position:right;
}


#main_menu {
	width:100%;
	}


#main_menu01 a, #main_menu02 a, #main_menu03 a, #main_menu04 a, #main_menu05 a, #main_menu06 a, 
#main_menu01 a:hover, #main_menu02 a:hover, #main_menu03 a:hover, #main_menu04 a:hover, #main_menu05 a:hover, #main_menu06 a:hover, #n_footer h1{
	width:100%;
	background-size:contain;
}	


#sl-shisetu h1, #sl-shortstay h1, #sl-day h1 {
	width:100%;
	background-size:contain;
	margin-bottom:0;
}	

header {
	width:100%;
	background-size:contain;
	margin-bottom:0;
	height:20%;
}	

.btn_sub >img {background-size:contain;}


#cell_3a, #cell_4a {max-width:400px; height:auto;}
#cell_5b img, #cell_7b img, #cell_8b img {visibility:hidden;}


#n_menu_btn li {
	width:100%;
	background-size:contain;
}


#n_menu_btn a {
	font-size:small;
	height:1em;
	width:75%;
	display:block;
	overflow:hidden;
	padding-top:0.3em;
	padding-left:25%;
	line-height:1.0;	
}

.main_each a {
	width:100%;
	display:block;
	overflow:hidden;
	text-indent:1em;
	font-size:small;
	height:1em;
}


#n_header {display:none;}


#top{
	display:block;
	overflow:hidden;
	margin:0.2em;
	width:100%;
}

#n_header00 {width:100%;}

#n_header01{
	clear:right;
	width:100%;
	background-size:contain;
}

#n_header01 a {
	width:30%;
	background-size:contain;
	margin:0;
}


/*--　中　--*/
#naka, #x_naka {
	position:relative;
	background-size:contain;
	width:100%;
}


/*--　コンテンツ中　--*/


#contents{

	width:98%;
	margin:0;
	padding-left:1%;
}

#soleil {
	text-align:center;
	padding-left:0.3rem;
}

#soleil p {
	text-align:left;
}

#soleil img {
	float:none;
	margin:0 auto;
}
#soleil h1 {
	height:3rem;
}

/*-- メインコンテンツ --*/
#soleil h1, #kibou h1, .h1_00, .h1_01, .h1_02, .h1_03, .h1_04, .h1_05, .h1_06, .h1_07, .h1_08, .h1_09, .h1_10, .h1_11, .h1_12, .h1_13, .topic h1, .topic h2, .rinen h1, .rinen h2, .aisatu h1, .aisatu h2, .gaiyou h1, .gaiyou h2, #houkatsu h1, #kunugi h1, #nakazato h1, #nakazato h2 {
	width:85%;
	background-size:contain;
	line-height:2.0;
	}

#soleil h2, #sl-gaiyou h2, #sl_pepper h1 {
	text-align:left;
}

.gaiyou h2{top:10px;}

.tx_00 {font-size:1.4rem;}
.tx_00 span {font-size:1.6rem;}

.marquee {
	width:84%;
	}
.copy_01 {
	width:95%;
	}

.topic div {
	width:94%;
	text-align:left;
}

.sole {width:20%; margin:0;}
.sole img {width:75%;}
.sole +p {width:75%;}

.msg {width:98%; margin:0 auto;}
.msg p {padding:0; margin:0; font-size:1.2rem;}

.gmap {width:90%;}
.gmap img {margin:0 auto 10px; width:80%;}



.b2 {margin-left:5%;}
.b1 {width:80%;}
.purse_bn {width:80%;}


#sl-shortstay h3, #sl-day h3{
	margin-left:0;
}

#sl-shortstay p, #sl-day p {width:98%;} 

#sl-day p {width:96%; margin-left:1%;}

#sl-shortstay dl{
	margin-left:2%;
	text-align:left;
}
/*#sl-day img {width:30%; height:auto;}*/


/*  --施設--  */
#sl-shisetu h1 {height:4rem;}
.bdl1 {height:150px;}
#mv_tx1 {width:90%; left:5%;}
#mv_pp1 {top:80px; left:40%; bottom:-30px; width:50%; height:50%;}
/*#mv_pp1 {top:80px; left:45%; bottom:-30px; width:50%; height:50%;}*/

.box {
	width:45%;
}

.imgr {float:right; margin-right:5%;}
.h_bath {height:600px;}


.photo {/*width:23%;*/display:none;}
.photo +img {display:block; max-width:/*60%*/386px; /*float:left;*/}

#news h1 {
	width:80%;
	font-size:1.6rem;
	margin:0;
	padding:0 0 1% 10%;	
}

}

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

#sub_nav a {font-size:0.8rem; width:40%; top:-24px;}

.classic {max-width:280px; margin:0 auto;}
.classic .tphoto {display:inline-block; width:250px; height:auto; position:relative; top:0; margin-bottom:10px; }

.classic .tphoto p {padding:0 !important; width:250px; height:auto;}


.to_index a {font-size:1.2rem;}

#news h3 {font-size:1.3rem !important;}
#news article p {font-size:1.2rem !important; text-align:left;}

.cross figure, .cross figure img, .cross figure figcaption {width:100%; display:block;}

}


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

html {font-size:60%;}

#top {display:none;}

.icono-hamburger {
	transform: scale(0.8);
}


.box {
	width:80%;
	margin:0 5%;
}
.imgr {float:left; margin:16px 0;}


#mv_pp1 {visibility:hidden;}
#cell_b img {
	bottom:20px;
	}
#cell_3a, #cell_4a {max-width:300px; height:auto; position:absolute; left:-15px;}
.h_bath {height:400px;}

#cell_2b span {height:50%; top:10px;}
#cell_3b span, #cell_4b span, #cell_5b span, #cell_6b span {left:0; width:90%; height:60%; padding:18px 4px;}
#cell_3b img, #cell_4b img, #cell_7b img {visibility:hidden;}
#cell_5b img {width:65%; height:65%; left:-35%;}
#cell_6b img {bottom:20px;} 
#cell_7b span {left:0; width:90%; height:50%;}
#cell_8b span {top:-16px; padding-top:6px; left:20%; width:65%; height:70%;}
#cell_8b img {width:65%; height:65%; left:-45%;}
.photo +img {size:100%; width:90%;}

.sole, .sole2 {float:none; text-align:center; margin:0 auto; width:100%;}
.sole img {width:30%;}

.cost table{
	margin:5px 10px;
	width:90%;
}
.tcost {padding-left:0;}
.topic ul {
	margin-left:5%;
}
.topic li {
	text-indent:-5rem;
}
.gaiyou dl {width:90%; margin-left:3%;}
.gaiyou table {width:95%; margin-left:2%;}
.gaiyou table tr td {padding:0 5% 0 0;}

.gaiyou h2 {margin-left:3% !important;}
.gaiyou img {float:none; width:75%; margin:6px auto;}
.gmap {width:90% !important; float:none !important;}
.b1 {width:260px !important; margin:10px 0; padding:0; display:block; clear:both;}
.b1 span {width:200px; top:-1em; font-size:1.2rem;}


#sitemap h2 {font-size:1.3rem;}
#sitemap h3 {font-size:1.2rem;}
#sitemap >ul li {padding-right:3%; font-size:1.1rem;}

#news h1 {
	font-size:1.6rem;
	margin:0;
	padding:3% 0 0 13%;
	line-height:0.9;
}

#sitemap h2, #news h2 {
    width: 90%;
    font-size: 1.5rem;
    margin-left: 0;
    padding: 0;
}
#worker h3 {text-indent:0.5em;}
}

@media screen and (max-width: 320px) {
html {font-size:58.8%;}

body{
	font-size:1.2rem;
}

#page {
	width:300px;}

.icono-hamburger {
	transform: scale(0.8);
}


#naka, #x_naka {
	width:100%;
}

#contents{
	padding-top:20px;
}

.gmap {height:260px !important;}


#sl-service h1, #sl-gaiyou h1{background-image:none; width:90%; border-bottom:2px groove #AE365E; text-indent:0.2em; font-size:1.0em; text-align:left; height:1.4em; margin:6px 0;}

#soleil p {margin-left:1%;}

.gaiyou h2 {
	margin-left:1%;
	}

.gaiyou p, #sl-day p {
	margin-left:2%;
	padding-left:0;	
}
#sl-day h3 {margin-left:1%;}


#sl-shortstay h4, #sl-tokuyou h4, #sl-day h4{
margin-left:0; padding:0; text-indent:0;
}

#sl-shortstay figure {margin-left:5%;}
#sl-shortstay figure img {width:75%;}

.msg {width:90%; margin:0 auto; padding:0;}
.gmap {height:130px; width:100%; left:-8%; margin:0; padding:0;
}

.bdl1 {height:100px;}
#mv_tx1 {width:96%; left:0;}
#mv_pp1 {visibility:hidden;}
#cell_3a, #cell_4a {max-width:180px; height:auto; margin:0; padding:0;}
.h_bath {height:300px;}

.box {margin-right:14px;}

.bdl2 {width:100%; display:block; float:none;}
.drpb {width:100%; display:block;}
.drpb span {top:200px;}
.drpb img {z-index:100;}


#sl-shisetu h4 {position:relative;}

#sitemap >ul {margin-left:-2%;}
footer h2 {width:94%;}


#news h1 {
	width:60%;
	font-size:1.4rem;
	margin:0;
	padding:-8% 0 1% 12%;
	line-height:0.8;	
}

.apl {
    margin: 10px 2% 20px;
}

}