@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;
}
/* ■全体枠（グリッドコンテナ）■TAB ■─── */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	max-width: 760px;  /* この行があることでタブレット横持ちなどで横幅が広がってグローバルメニューがおかしくなるのを防げる */
	padding-left: 1.1%;
	padding-right: 1.1%;
}
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■h1　最上部のSEOの1行　（文字はh1）■TAB■─── */
#seo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 0px;
	border-bottom: 0px solid #cccccc ;
	margin-top: 3px;
	margin-bottom: 3px;
}

h1 {
	clear: both;
	float: left;
	width: 60%;/* 右にリンクがあるときは60%。ないときは100% */
	font-size : 10px;
	line-height : 125.00%;
	color: #7e7e7e;
	font-weight: normal;
	text-align: left;
	margin-top: 3px;
	margin-left: 2px;
}
.header-gaibulink {
	clear: none;
	float: right;
	margin-left: 0;
	width: 36%;
	display: block;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}

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

/* ▼最上部のボタンは下記になる */
.Button01 {
	overflow: hidden;
	width: 140px;	/*PCが160、tabとスマホが140*/
	margin: 0;
	padding: 0;
	margin-bottom:3px;
}
.Button02 {
	overflow: hidden;
	width: 116px;	/*PCが160、tabとスマホが140*/
	margin: 0;
	padding: 0;
	margin-bottom:3px;
}
.Button01 a,
.Button02 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:left;
	background: #efeef1;
	color: #00a0e9;
	font-size: 13px;
	line-height: 160%;
	text-decoration:none;
}
/* ■スマホヘッダを非表示に■PC・TAB■─── */
#headersp {
	display: none;
}

.spgaibulink {
	width:100%;
}
/* ■メインメニュー（gnavi）■PC・TAB■─── */
#gnavi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 4px;
	margin-bottom: 2px;
}
.list-nav01{
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 980px /* 100%だと右端に空きができてしまう。隙間有りの均等配置の場合。なので左右より少し大きい数字にする。 */
  padding: 0 0 0 0;
}
.list-nav01 li{
  display:table-cell;
  vertical-align:middle;
}
.list-nav01 a{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  font-size : 15px;
  line-height : 125.00%;
  font-weight: normal;
  color:#000000;
  border-right: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  width:132px;
  height:45px;
  padding: .2em 0 .1em .55em;
  border-top: 3px solid #FF7F00;/*上の線の太さと色*/
  border-bottom: 1px solid #D4D4D4;/*下の線の太さと色*/
  background-image: linear-gradient(to bottom, #ffffff, #f5f9f0);
}
.list-nav01 li:first-child a{
  border-left:1px solid #DBDBDB;
}
.list-nav01 a:hover { /* マウスが乗った時*/
  color:#FFFFFF;
  text-decoration: none;
  opacity:1;
  background:#FFA346;
  }
/* ▼▼スマホ用メインメニュー（上部・下部）を非表示に▼▼ */
/* http://teamsanta.info/web/3574/ */
#gnavisp,
#gnavisp-kabu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■■■─── */
/* ■パンくず■PC・TAB ■────── */
#breadcrumb {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size : 12px;
	color: #7e7e7e;
}
/* ■トップページのカラム分け■TAB（上下） ■────── */
#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: 60%;
	display: block;

}
/* ■隠しエリア ■PC・TAB ■─── */
.kakushi-area {
padding: 12px  0px  12px  40px ;
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;
}
/* ■■■─── */

/* ■■■─── */

/* ■■■─── */

/* ■ページタイトルプレート■TAB ■────── */
h2 {
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 margin-top: 2px;
 margin-bottom: 0.1em;
 font-size : 22px;
  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;
}
/* ■「本文＆写真」カセット■TAB（本文左・写真右） ■───── */
#bunset01 {
  width: 800px;
  margin: 0 auto;
}
.bunset01 {
 margin-bottom:0px;
}
.bunset01 bunbox {
   float:left;
}
.bunset01 figure {
 float:right;
 margin-left:20px;
}

/* これがあることでテキストがfigureの下に行かないですむ */
.bunbox {
  overflow:hidden;
}
/* 写真がない時に写真スペースを空けたい場合は　bunset02 */
.bunset02 {
  margin-bottom:20px;
}
.bunset02 .bunbox {
  width: 356px;
}
/* figure キャプ付き写真の枠とかの指定*/
.figure_style01,
.figure_style02,
.figure_style03,
.figure_style04 {
 display: block;
 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;
 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;
 border:solid 3px #E3F5E2;
}
.figure_style120 img {
 width: 120px;  /* 写真の横幅*/
}
.figure_style180 img {
 width: 180px;  /* 写真の横幅*/
}
.figure_style-inchotate img {
 width: 215px;  /* 写真の横幅*/
}
.figure_style240 img {
 width: 240px;  /* 写真の横幅*/
}
.figure_style250 img {
 width: 250px;  /* 写真の横幅*/
}
.figure_style260 img {
 width: 260px;  /* 写真の横幅*/
}
.figure_style280 img {
 width: 280px;  /* 写真の横幅*/
}
.figure_style300 img {
 width: 300px;  /* 写真の横幅*/
}
.figure_style320 img {
 width: 320px;  /* 写真の横幅*/
}
.figure_style450 img {
 width: 450px;  /* 写真の横幅*/
}
.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点並べる■TAB（横並び） ■── */
div.image3area {
  width: 100%;
  margin-top: 12px;
}
.image3area figure {
    float: left;             /* 左に寄せて後続を右に回り込ませる */
    margin: 0px 5px 0px 0px; /* 外側に余白を加える(右に6px) */
    background-color: #FFFFFF;  /* キャプション部背景色 */
}
.image3area figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 0px 0px; /* 下側を空けたいときここ */
	width: 280px;		/* 写真の横幅*/
	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点並べる■TAB（横並び） ■── */
div.image2area {
  width: 100%;
  margin-top: 12px;
}
.image2area figure {
    float: left;             /* 左に寄せて後続を右に回り込ませる */
    margin: 0px 6px 0px 0px; /* 外側に余白を加える(右に6px) */
    background-color: #FFFFFF;  /* キャプション部背景色 */
}
.image2area figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 0px 0px; /* 下側を空けたいときここ */
	width: 280px;		/* 写真の横幅*/
	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 {
   float: left;             /* 左に寄せて後続を右に回り込ませる */
   margin-right: 20px; /* 外側に余白を加える(右に6px) */
   width: 340px;
   margin-bottom: 0px;
}

.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: 340px;
}
.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: 340px;
   margin-bottom: 20px;
}
.phwaku02b img {
   display: block;          /* 余計な余白が出ないようにする */
   margin-top: 4px;
   margin-bottom: 4px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;  /* 写真の横幅*/
   height: auto;
}
/* ■フッター■PC・TAB■────── */
#footer {
  clear: both;
  width: 100%;
  margin-top: 25px;
  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;
}
/* ■トップの写真ボタン枠PCTAB用─── */
.topphbt-waku {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color:#E3F5E2;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
}
.topphbt-box {
  display: table-cell;
  padding: 10px;
  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: 19px;
  font-weight:normal;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align:center;
  text-decoration:none;
}
/* ■トップの写真ボタン枠SP用を非表示─── */
.topphbt-waku-sp1,
.topphbt-waku-sp2  {
 display: none;
}
/* ■■■─── */
/* ■予約ボタン入りヘッダ、トップ202510■────── */
.header-row {
  display: flex;
  justify-content: center;
    background-color: #FFFFFF; 
}

.header-row img {
	max-width: 100%;
}
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;
}
/* ■メインメニューボタンの「現在地」表示スタイル■PC・TAB■── */

#ryokin #gnavi ul li:nth-child(2) a  {
  border-top: 3px solid #64AC23;/*上の線の太さと色*/
  border-bottom: 1px solid #D4D4D4;/*下の線の太さと色*/
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#tetuezuki #gnavi ul li:nth-child(3) a  {
  border-top: 3px solid #64AC23;/*上の線の太さと色*/
  border-bottom: 1px solid #D4D4D4;/*下の線の太さと色*/
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#setuebi #gnavi ul li:nth-child(4) a  {
  border-top: 3px solid #64AC23;/*上の線の太さと色*/
  border-bottom: 1px solid #D4D4D4;/*下の線の太さと色*/
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#access #gnavi ul li:nth-child(5) a  {
  border-top: 3px solid #64AC23;/*上の線の太さと色*/
  border-bottom: 1px solid #D4D4D4;/*下の線の太さと色*/
  background:#FFFFD5;
  padding: .2em 0 .1em .55em;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
.main-title {
   font-size: 28px;
   line-height: 130%;
   font-weight: bold;
   text-align: center;
   margin-top: 22px;
   margin-bottom: 20px;
   color: #A2870E;
}
.top-title-waku {
   padding-top: 0px;
   padding-bottom: 5px;
   padding-left: 20px;
   padding-right: 15px;
   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: 295px;		/* 写真の横幅*/
    height: auto;
    vertical-align:top;
}
div.topicsnest2area:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


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