@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	7;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/
/* ■body、TD、ほか■PC・TAB・SP共通 ■────── */
body {
	font-size: 14px;
	line-height: 160%;
	font-weight: normal;
}
TD {
	font-size : 14px;
	line-height : 160%;
	font-weight: normal;
}
/* ■全体枠（グリッドコンテナ）■スマホ ■─── */
.gridContainer {
 margin-left: auto;
 margin-right: auto;
 width: 94.16%;
 padding-left: 0.92%;
 padding-right: 0.92%;
}
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■h1　最上部のSEOの1行　（文字はh1）■SP■─── */
#seo {
 display: none;
}
h1 {
 display: none;
}

.header-gaibulink {
 display: none;
}




/* サブヘッダーのリンクふたつを並べる */
/* ▼▼3つ共通▼▼ */
#subheader-link1 {
 float: left;
 margin-right:10px;
 margin-top:5px;
}
#subheader-link2 {
 float: left;
}


/* ボタン共通 */
.Button {
 overflow: hidden;
 width: 140px; /*PCが160、tabとスマホが140*/
 height: 34px;
 padding: 0;
 margin-top:5px;
 margin-bottom:5px;
}
.Button a {
 display: block;
 position: relative;
 z-index: 100;
 text-align:left;
 background: #efeef1;
 color: #00a0e9;
 font-size: 15px;
 line-height: 30px;
 text-decoration:none;
}

/* ■PC・TABヘッダを非表示に■スマホ■─── */
#headerpctab {
	display: none;
}

.spgaibulink {
 width:100%;
}
/* ■メインメニュー（gnavi）を非表示■SP■─── */
#gnavi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	margin-bottom: -10px;
}
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ▼▼スマホ用グローバルメニュー▼▼ */
/* http://teamsanta.info/web/3574/ */

#gnavisp {
 clear: both;
 float: left;
 margin-left: 0;
 margin-top: 6px;
 margin-bottom: 10px;
 width: 100%;
 display: block;
}

#gnavisp-kabu {
 clear: both;
 float: left;
 margin-left: 0;
 margin-top: 0px;
 margin-bottom: 10px;
 width: 100%;
 display: block;
}

.spnavi-1,
.spnavi-2{
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%; /* 100%だと右端に空きができてしまう。隙間有りの均等配置の場合。なので左右より少し大きい数字にする。 */
  padding: 0 0 0 0;
}
.spnavi-1 li,
.spnavi-2 li{
  display:table-cell;
  vertical-align:middle;
}
.spnavi-1 a,
.spnavi-2 a{
  width:195px;
  height:55px;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  font-size : 14px;
  line-height : 125.00%;
  font-weight: normal;
  background-image: linear-gradient(to bottom, #ffffff, #F5F9F0);
  color:#000000;
  padding: .2em 0 .1em .55em;
  border-right: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  border-top: 4px solid #FF7F00;
}
.spnavi-1 li:first-child a,
.spnavi-2 li:first-child a {
  border-left:1px solid #DBDBDB;
}
.w-button{
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%; /* 100%だと右端に空きができてしまう。隙間有りの均等配置の場合。なので左右より少し大きい数字にする。 */
  padding: 0 0 0 0;
  border-collapse: separate;/*この行と下の行があることで、隙間が開けられる。左右も空いてしまうけど。 */
  border-spacing: 2px 0;
}
.w-button li{
  display:table-cell;
  vertical-align:middle;
}
.w-button a{
  width:300px;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
   font-size : 15px;
 line-height : 125.00%;
 font-weight: normal;
 background-color:#ffffff;
/*color:#000000;*/
 padding: 0 0 0 0;
  height:34px;
   border: 1px solid #54B489; /* 枠線を引く */
   border-radius: 8px;     /* 角を丸くする */

}
.w-button a:hover {
  background:#EFEEF1;/*スマホの時はホバーは不要*/
  color:#fff;
  text-decoration: none;
  opacity:1;
}
#access .w-button ul li:nth-child(2) a  {
  background:#FFFFD5;
  color:#000000;
  text-decoration: none;
   border: 2px solid #54B489; /* 枠線を引く */
  opacity:1;
}
#gnavisp .w-button{
  margin-top:0px;
  margin-bottom:8px;
}
#gnavisp-kabu .w-button{
  margin-top:8px;
  margin-bottom:0px;
}
/* ■パンくず■SP ■────── */
#breadcrumb {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom: -12px;	/*これがスマホのみ*/
	width: 100%;
	display: block;
	font-size : 12px;
	color: #7e7e7e;
}
/* ■トップページのカラム分け■SP（上下） ■────── */
#topmain {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}
#topsub {
	clear: both;
	text-align:left;
	margin:0px auto;
	padding-top: 10px;
	width: 90%;/*これがTABと異なる*/
	display: block;
}
/* ■全体枠（グリッドコンテナ）■PC ■─── */
.kakushi-area {
padding: 12px  0px  12px  20px ;
border-left: 1px solid #FFBFAC;
border-top: 1px solid #FFBFAC;
 border-bottom: 1px solid #FFBFAC;
 margin-top: 12px;
 margin-bottom: 12px;
}
/* ■サブページのカラム分け■TAB・SP（上下） ■────── */
#sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* ■■■─── */

/* ■■■─── */

/* ■■■─── */

/* ■ページタイトルプレート■SP■────── */
h2 {
 padding-top: 0.6em;
 padding-bottom: 0.4em;
 margin-top: 16px;　/* ▼▼パンくずのないスマホは16px▼▼ */
 margin-bottom: 0.1em;
 font-size : 21px;
  text-align: center;
   background-color: #64AC23;
   line-height : 130.00%;
   font-weight: normal;
   color: #ffffff;
}
/* ■サブメニュー■TAB・SP（上部下部サブメニュー） ■─── */

/* subnavi という項目で、タブレットとスマホについては、下部にも置いていて、そちらは　subnavi-kabu　という項目名。同じデザインにするため、下記に一緒にした記述があります。 */


/* ■■■─── */

/* ■■■─── */

/* ■■■─── */

/* ■■■─── */

/* ■■■─── */

/* ■大見出し帯■PC・TAB・SP共通 ■────── */
h3 {
	padding: .5em .75em .4em .95em;
	background-color: #E0F2B6;
	margin-top: 2px;
	margin-bottom: 0;
	font-size : 20px;
	line-height : 130.00%;
	font-weight: bold;
	color: #54B489;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}
/* ■小見出し帯（左縦棒・下線）■PC・TAB・SP共通■────── */
.midashi1 {
  padding: 6px  0px  6px  12px ;
  border-left: 8px solid #F7931E;
  border-bottom: 1px solid #D4D4D4;
  margin-top: 16px;
  margin-bottom: 10px;
  font-size : 21px;
  font-weight: bold;
  line-height : 130.00%;
  color: #FF7F00; 
}
/* ■見出し帯（左縦棒・下線）■PC・TAB・SP共通■────── */
.midashi2 {
	padding: 6px  0px  6px  12px ;
	border-left: 8px solid #FF5D31;
border-top: 0px solid #FF5D31;
	border-bottom: 1px solid #FF5D31;
	margin-top: 35px;
	margin-bottom: 10px;
	font-size : 20px; 
	line-height : 130.00%;
	color: #FF5D31;	
}
/* ■見出し帯（左縦棒・下線）■PC・TAB・SP共通■────── */
.midashi2b {
	padding: 6px  0px  6px  12px ;
	border-left: 4px solid #FF5D31;
border-top: 0px solid #FF5D31;
	border-bottom: 1px solid #FF5D31;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size : 20px; 
	line-height : 130.00%;
	color: #FF5D31;	
}
/* ■本文の上で少し大きい文字■PC・TAB・SP共通■────── */
.bigtext {
	font-size : 16px;
	line-height : 120.00%;
color: #64AC23;
	font-weight: normal;
}
/* ■本文の上で少し大きい文字■PC・TAB・SP共通■────── */
.bigtext2 {
	font-size : 19px;
	line-height : 120.00%;
	color: #64AC23;
	font-weight: normal;
}
/* ■「本文＆写真」カセット■SP（写真上・本文下） ■────── */
#bunset01 {
  width: 100%;
}
.bunset01 .bunbox {
  width: 100%;
}
.bunset01 {
  margin-bottom:0px;
}


/* bunset02は、スマホでは01と同じ */
#bunset02 {
  width: 100%;
}
.bunset02 {
  margin-bottom:30px;
}
.bunset02 .bunbox {
  width: 100%;
}
/* figure キャプ付き写真の枠とかの指定*/
.figure_style01,
.figure_style02,
.figure_style03,
.figure_style04 {
 display: block;
 margin-left: auto;
 margin-right: auto;
margin-bottom: 10px;
 text-align:center;
}
.figure_style01 img {
 vertical-align:top;
 padding:6px;
 width: 180px;  /* 写真の横幅*/
 height: auto;
}
.figure_style02 img {
 vertical-align:top;
 padding:6px;
 width: 240px;  /* 写真の横幅*/
 height: auto;
}
.figure_style03 img {
 vertical-align:top;
 padding:6px;
 width: 320px;  /* 写真の横幅*/
 height: auto;
}
.figure_style04 img {
 vertical-align:top;
 padding:6px;
 width: 450px;  /* 写真の横幅*/
 height: auto;
}
.figure_style01 img, 
.figure_style02 img,
.figure_style03 img,
.figure_style04 img {
 border:solid 6px #E3F5E2;
}
/* figure キャプ付き写真の枠とかの指定*/
.figure_style120,
.figure_style180,
.figure_style-inchotate,
.figure_style240,
.figure_style250,
.figure_style260,
.figure_style280,
.figure_style300,
.figure_style320,
.figure_style450,
.figure_style00 {
 display: block;
 margin-left: auto;
 margin-right: auto;
margin-bottom: 10px;
 text-align:center;
}
.figure_style120 img,
.figure_style180 img,
.figure_style-inchotate img,
.figure_style240 img,
.figure_style250 img,
.figure_style260 img,
.figure_style280 img,
.figure_style300 img,
.figure_style320 img,
.figure_style450 img,
.figure_style00 img {
 vertical-align:top;
 padding:6px;
 height: auto;
 width: 100%; /* 写真の横幅*/
 border:solid 3px #E3F5E2;
}
.figure_style120 img,
.figure_style00 img {
 width: 30%  /* 写真の横幅*/
}

.figure_style-inchotate img,
.figure_style00 img {
 width: 50%  /* 写真の横幅*/
}


.clear {
clear:both;　/*floatの解除、ここがポイント*/
}
/* figure 写真下キャプションの文字サイズや太さや色や天地の空き*/
figcaption {
font-size: 14px;
line-height: 1.2em;
font-weight: normal;
color: #555555;
margin-top: 0.3em;
margin-bottom: 10px;
}

/* ■すぐ使えるCGIのトピックスページ■── */
.topics-pager {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.topics-date {
 padding: .2em 0 .1em .55em;
 border-bottom: 1px solid #D4D4D4;
 margin-top: 25px;
 margin-bottom: 0px;
 font-size : 15px;
}
.topics-midashi {
	padding: .2em 0 .1em .55em;
	border-bottom: 1px solid #D4D4D4;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size : 21px;
	line-height : 130.00%;
}
.topics-date {
 border-left: 8px solid #E3F5E2;
 color: #E3F5E2; 
}
.topics-midashi {
 border-left: 8px solid #E3F5E2;
 color: #E3F5E2; 
}
/* ■トップページのおしらせ帯■PC・TAB・SP共通──── */
.topics {
	padding: .3em 0 .2em .75em;
	margin-top: 1.5em;
	background-color: #143379;
	border-radius: 3px;
	font-size : 17px;
	line-height : 130.00%;
	color: #FFFFFF;
	font-weight: bold;
}
/* ▼▼▼▼▼サブメニュー上部と下部▼▼ */
#subnavi, 
#subnavi-kabu{ 
 display:table;
 table-layout: fixed;
 width:100%;
  background-color:#D7F1D6;
  background-image:url(../img/subtlenet.png);
 padding-top:10px;
 padding-bottom:10px;
 padding-left:auto;
 padding-right:auto;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

#subnavi { 
 margin-top: 0px;
 margin-bottom: 20px;
}

#subnavi-kabu{ 
 margin-top: 50px;
 margin-bottom: 10px;
}
#subnavi ul, 
#subnavi-kabu ul{
 width:94%;
 list-style:none;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:auto;
 padding-right:auto;
 margin-right:auto;
 margin-left:auto;
 margin-top: 4px;
 margin-bottom: 4px;
}


#subnavi li, 
#subnavi-kabu li{
 font-size : 16px;
 display: inline; 
 vertical-align: middle;
 text-align: left;
 padding: 0px; /* ボタンのあき */
 margin: 0;
 float: left;
 width:100%; 
}
#subnavi li a, 
#subnavi-kabu li a {
 color: #0000FF;
 background:#FFFFFF;
 text-decoration: none;
 padding-top:8px;
 padding-bottom:8px;
 padding-left:30px;
 padding-right:4px;
 display: block!important;
 border-radius: 0px;
 border-top: 0px solid #ddd;
 border-bottom: 1px solid #ddd;
 border-left: 0px solid #ddd;
 border-right: 0px solid #ddd;
}
#subnavi li a .arrow,
#subnavi-kabu li a .arrow {
 font-size : 18px;
 font-weight: normal;
}
#subnavi li a:hover .arrow,
#subnavi-kabu li a:hover .arrow {
 color:#ffffff;
 text-decoration:none;
 background:#64AC23;
}
#subnavi li a:hover,
#subnavi li  a#current,
#subnavi-kabu li a:hover,
#subnavi-kabu li  a#current { /* カレント時 */
 color:#ffffff;
 text-decoration:none;
 background:#64AC23;
}
.pagenailink {
 margin-left: 32px;
 margin-top: 14px;
 margin-bottom: -18px;
 font-size : 14px;
 font-weight: normal;
 color: #64AC23;
}
/* ■トップの、採用情報、見学などのプレート■PC・TAB・SP■─── */
.toppr-waku {
 padding-top: 7px;
 padding-bottom: 4px;
   text-align: center;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 margin-top: 14px;
 margin-bottom: 6px;
	background-color: #FF7F00;
}
.toppr-waku a:hover{
	background-color: #FF7F00;
  text-decoration: none;
}
.toppr-midashi {
 padding-top: 0px;
 padding-bottom: 0px;
   text-align: center;
 margin-top: 0px;
 margin-bottom: 0px;
 font-size : 18px;
 line-height : 130.00%;
 font-weight: normal;
 color: #ffffff; 
}
.toppr-cap {
 padding-top: 2px;
 padding-bottom: 4px;
    text-align: center;
 margin-top: 0px;
 margin-bottom: 0px;
 font-size : 13px;
 line-height : 130.00%;
 font-weight: normal;
 color: #ffffff; 
}

.toppr-midashi2 {
 padding-top: 0px;
 padding-bottom: 4px;
   text-align: center;
 margin-top: 0px;
 margin-bottom: 0px;
 font-size : 18px;
 line-height : 130.00%;
 font-weight: normal;
 color: #ffffff; 
}
.orange-waku {
 padding-top: 7px;
 padding-bottom: 5px;
 text-align: center;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 font-size : 18px;
 line-height : 130.00%;
 font-weight: bold;
 color: #FFFFFF; 
 margin-top: 0px;
 margin-bottom: 10px;
 background-color: #F7931E;
}
.toppr-waku2 {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: left;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border-top: 1px solid #AAAAAA;
   border-left: 1px solid #AAAAAA;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   font-size : 14px;
   line-height : 130.00%;
   font-weight: normal;
   color: #000000; 
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #EEEEEE;
}
.toppr-waku3 {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: left;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border-top: 1px solid #AAAAAA;
   border-left: 1px solid #AAAAAA;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   font-size : 14px;
   line-height : 130.00%;
   font-weight: normal;
   color: #000000; 
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #FFFFEC;
}
.toppr-waku2-shita {
   padding-top: 8px;
   padding-bottom: 6px;
   text-align: center;
   font-size : 14px;
   line-height : 150.00%;
   font-weight: normal; 
   margin-top: 0px;
   margin-bottom: 6px;
   border: 1px solid #AAAAAA;
}
.button001 {
   padding-top: 9px;
   padding-bottom: 4px;
   padding-left: 10px;
   padding-right: 10px;
   width: 60%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   margin-top: 0px;
   margin-bottom: 0px;
}
.button001 a:hover {
  text-decoration: none;
}
.buttonmoji001 {
 padding-top: 0px;
 padding-bottom: 4px;
   text-align: center;
 margin-top: 0px;
 margin-bottom: 0px;
 font-size : 16px;
 line-height : 130.00%;
 font-weight: normal;
 color: #ffffff; 
}

.button001 {
   background-color: #64AC23;
}
.button001 a:hover {
 background-color: #E3F5E2;
}
/* ■トップページのおしらせ欄■PC・TAB・スマホ共通■── */
.tabletopics{
	width: 100%;
    margin:0 0;
    border-top:0px solid #bbbbbb;
    border-bottom:0px solid #bbbbbb;
    border-left:0px solid #bbbbbb;
    border-right:0px solid #bbbbbb;
}
.tabletopics th, .tabletopics td{
   padding:4px;
   border-style: none none dashed none; /* 線種　上下区切りが波線、左右区切りがナシ */
   border-width: 1px; /* 線の太さ */
   border-color: gray gray; /* 線色　上下区切りがグレー、左右区切りがグレー */
}
.tabletopics th {
font-weight: normal;
width: 15%;
text-align: left
/* background-color:#f4f4f4; */
}
.tabletopics td {
width: 85%;
}
/* ■写真を3点並べる■スマホ（タテ並び） ■── */
div.image3area {
  width: 100%;
  margin-top: 12px;
}
.image3area figure {
 display: block;
 margin-left: auto;
 margin-right: auto;
 text-align:center;
    background-color: #FFFFFF;  /* キャプション部背景色 */
}
.image3area figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 0px 0px; /* 下側を空けたいときここ */
	width: 100%;		/* 写真の横幅-最初は212pxで縦並びにしていたが、大きく*/
	height: auto;
	vertical-align:top;
	border:solid 5px #fff;
}

.image3area figure span {
 display:inline-block;
 border:solid 3px #e7d893;　　/* 写真の枠の色*/
}
.image3area figcaption {
    font-size: 14px;        /* 文字サイズを90%に */
    text-align: center;      /* 中身をセンタリング */
line-height: 1.2em;
font-weight: normal;
color: #555555;
margin-top: 0;
margin-bottom: 15px;
}
div.image3area:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
/* ■写真を2点並べる■スマホ（タテ並び） ■── */
div.image2area {
  width: 100%;
  margin-top: 12px;
}
.image2area figure {
 display: block;
 margin-left: auto;
 margin-right: auto;
 text-align:center;
    background-color: #FFFFFF;  /* キャプション部背景色 */
}
.image2area figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 0px 0px; /* 下側を空けたいときここ */
	width: 100%;		/* 写真の横幅-最初は212pxで縦並びにしていたが、大きく*/
	height: auto;
	vertical-align:top;
	border:solid 5px #fff;
}

.image2area figure span {
 display:inline-block;
 border:solid 3px #E3F5E2;　　/* 写真の枠の色*/
}
.image2area figcaption {
    font-size: 14px;        /* 文字サイズを90%に */
    text-align: center;      /* 中身をセンタリング */
line-height: 1.2em;
font-weight: normal;
color: #555555;
margin-top: 0;
margin-bottom: 15px;
}
div.image2area:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
/* 写真2点並び■フロア案内ページ */
.image2area02 {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
}

div.image2area02:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.phwaku02a {
   width: 100%;
   margin-bottom: 10px;         /* 縦に並んだ時の余白 */
}

.phwaku02a img {
   display: block;          /* 余計な余白が出ないようにする */
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;		/* 写真の横幅*/
   height: auto;
	   padding:3px;/* ここだけPCと異なる*/
    border:solid 3px #E0F2B6;
}
.phwaku02phwaku {
   width: 100%;
}
.phwaku02-cap1 {
   font-size: 18px;
   line-height: 130%;
   font-weight: bold;
   text-align:center;
   margin-top: 3px;
   color: #F7931E;
}
.phwaku02-cap2 {
 font-size: 13px;
 line-height: 140%;
 font-weight: normal;
   margin-left: 5px;
   margin-right: 5px;
}
.phwaku02b {
   float: left;             /* 左に寄せて後続を右に回り込ませる */
   margin-right: 20px; /* 外側に余白を加える(右に6px) */
   width: 100&;
   margin-bottom: 20px;
}
.phwaku02b img {
   display: block;          /* 余計な余白が出ないようにする */
   margin-top: 4px;
   margin-bottom: 4px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;  /* 写真の横幅*/
   height: auto;
}
/* ■フッター■SP■────── */
#footer {
  clear: both;
  width: 100%;
  margin-top: 4px;
  padding-top: 10px;
  padding-bottom: 2px;
  text-align: center;
  font-size: 12px;
  color: #000000;
  line-height: 1.5;
  border-top: solid 0px;
  border-top-color: #000000;
 background-color: #E7D893;
}
/* ■トップの写真ボタン枠SP用─── */
.topphbt-waku-sp1,
.topphbt-waku-sp2 {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color:#E3F5E2;
}
.topphbt-waku-sp1 {
  padding-top:6px;
  padding-bottom:0px;
  padding-right:6px;
  padding-left:6px;
}
.topphbt-waku-sp2 {
  padding-top:6x;
  padding-bottom:6px;
  padding-right:6px;
  padding-left:6px;
}
.topphbt-box {
  display: table-cell;
  padding: 6px;
  vertical-align: up;
}
.topphbt-box-nakawaku {
/*  border-top:1px solid #CACAD9;
    border-bottom:1px solid #CACAD9;
    border-left:1px solid #CACAD9;
    border-right:1px solid #CACAD9;*/
}
.topphbt-img {
  width: 100%;
  overflow: hidden;
    border-bottom:8px solid #80BD32;
}
.topphbt-img img {
  width: 100%;
}
.topphbt-text {
  width: 100%;
}
.topphbt-moji {
    background-color:#FFFFFF;
  color: #000000;
  font-size: 17px;
  font-weight:normal;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
  text-decoration:none;
}
/* ■トップの写真ボタン枠PCTAB用を非表示─── */
.topphbt-waku {
 display: none;
}
/* ■■■─── */
/* ■予約ボタン入りヘッダ202510■────── */
.f-container01{
}


a.eiyo-migimuki-bt {
  display: block;
 font-size : 15px;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  color: #FF4B0F;
  width: 280px;
   margin-left: 0px;
 margin-top: 4px;
 margin-bottom: 14px;
   padding-top: 8px;
   padding-bottom: 7px;
    border-top:1px solid #FF855B;
    border-bottom:1px solid #FF855B;
    border-left:8px solid #FF855B;
    border-right:1px solid #FF855B;
 border-radius: 4px;
}
a.eiyo-migimuki-bt:hover{
  background: #FF855B;
}
.bt {
 margin-top: 0px;
 margin-bottom: 14px;
}
/* ■メインメニューボタンの「現在地」表示スタイル■スマホ■── */

#ryokin .spnavi-1 ul li:nth-child(2) a  {
  border-top: 4px solid #64AC23;
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#tetuezuki .spnavi-1 ul li:nth-child(3) a  {
  border-top: 4px solid #64AC23;
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#setuebi .spnavi-2 ul li:nth-child(1) a  {
  border-top: 4px solid #64AC23;
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#access .spnavi-2 ul li:nth-child(2) a  {
  border-top: 4px solid #64AC23;
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#0000 .spnavi-2 ul li:nth-child(3) a  {
  border-top: 4px solid #64AC23;
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
.main-title {
   font-size: 20px;
   line-height: 130%;
   font-weight: bold;
   text-align: center;
   margin-top: 15px;
   margin-bottom: 10px;
   color: #A2870E;
}
.top-title-waku {
   padding-top: 0px;
   padding-bottom: 5px;
   padding-left: 15px;
   padding-right: 10px;
   text-align: left;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   border-top: 5px solid #E7D893;
   border-left: 5px solid #E7D893;
   border-right: 5px solid #E7D893;
   border-bottom: 5px solid #E7D893;
   font-size : 14px;
   line-height : 130.00%;
   font-weight: normal;
   color: #000000; 
   margin-top: 20px;
   margin-bottom: 30px;
   background-color: #FFFFFF;
}
.profile-waku {
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
   border-top: 3px solid #D4D4D4;
   border-bottom: 3px solid #D4D4D4;
   font-size : 14px;
   line-height : 130.00%;
   font-weight: normal;
   color: #000000; 
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #FFFFFF;
}
.top-topics-waku {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   font-size : 14px;
   line-height : 130.00%;
   font-weight: bold;
   color: #FFFFFF; 
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #F7931A;
}
/* ■トピックスの入れ子 ■── */
div.topicsnest2area {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0;
}
.topicsnest2area figure {
    float: left;             /* 左に寄せて後続を右に回り込ませる */
    margin: 5px 5px 5px 5px; /* 外側に余白を加える*/
    background-color: #F7931A;  /* キャプション部背景色 */
}
.topicsnest2area figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 0px 0px; /* 下側を空けたいときここ */
    width: 500px;		/* 写真の横幅*/
    height: auto;
    vertical-align:top;
}
div.topicsnest2area:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


hr {
    border: 1px dotted #FFFFFF; /* ボーダーの太さと色 */
    margin: 10px 5px 10px 5px; /* マージンの設定 */
  }