@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #444;	/*全体の文字色*/
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 1.8;		/*行間*/
	/*background: #ffde00 url(../images/bg_s.png) repeat center top;*/	/*背景色、背景画像の読み込み（古いブラウザ用）*/
	background: url(../images/sakurasakura2.jpg) repeat center top/1660px;	/*同上。背景画像サイズを50%(100px)に指定。*/
	/* background: #ffde00 url(../images/bg.png) repeat center top/100px;*/	/*同上。背景画像サイズを50%(100px)に指定。*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,textarea,input,p1 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
}
ul {
	list-style-type: none;
}

ol {
	padding-left: 40px;
	padding-bottom: 15px;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
iframe {
	width: 100%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;		/*リンクテキストの色*/
	transition: 0.5s;	/*同上*/
}
a:hover {
	color: #f18200;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}


/*サイトの最大幅の設定
---------------------------------------------------------------------------*/
#container,#menubar,footer .inner {
	max-width: 1500px;	/*サイトの最大幅。これ以上大きくならない。*/
	margin: 0;
}


/*container（全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {
	/*max-width: 1400px;*/	/*サイトの最大幅*/
	/*margin: 0 auto;*/
	padding: 0 10px;	/*上下、左右へのブロック内の余白*/
}


/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: relative;
	margin: 0 auto;
	height: 42px;	/*ヘッダーの高さ*/
	/*background: url(../images/header_bg.jpg) no-repeat 65% center/500px;*/	/*背景画像の読み込み。左から65%、上下中央に配置。幅500px。*/
}
/*ロゴ画像*/
header #logo {
	width: 350px;		/*ロゴ画像の幅*/
	position: absolute;
	left: 2%;		/*ヘッダーブロックの左からの配置指定*/
	bottom: 65px;	/*ヘッダーブロックの下からの配置指定*/
}
/*TELブロック*/
header address {
	font-style: normal;
	position: absolute;
	right: 2%;		/*ヘッダーブロックの右からの配置指定*/
	bottom: 2px;	/*ヘッダーブロックの下からの配置指定*/
	text-align: center;	/*内容をセンタリング*/
	font-size: 60%;		/*文字サイズ*/
	line-height: 1.1;	/*行間を少し狭く*/
	text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}
/*TELブロックの電話番号部分*/
header address .tel {
	color: #e36e17;		/*文字色*/
	font-size: 250%;	/*文字サイズ*/
	background: url(../images/icon_tel.png) no-repeat left center / 26px;	/*電話アイコンの読み込み。左(left)に、上下中央(center)に配置。画像幅26px。*/
	padding-left: 35px;	/*電話アイコン部分の余白をここで作る*/
}


.logo img {
	width: 180px;
}



/*ロゴ画像*/
/*header #logo img {
	position: absolute;*/
/*	left: 0px;*/		/*ヘッダーに対して左から0pxの場所に配置*/
/*	bottom: 10px;*/	/*ヘッダーに対して下から32pxの場所に配置*/
/*}*/

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar {
	position: relative;
	margin: 0 auto 0px;	/*上、左右、下へのマージン。20pxを変更する際は、「body.is-fixed header」の数値も変更する。*/
	height: 38px;			/*メニューの高さ。下の「#menubar li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	/*padding-left: 20%;*/
	background: #fff;
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 25%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
	line-height: 1.8;	/*行間を少しだけ狭く*/
}
#menubar li a {
	text-decoration: none;display: block;
	text-align: center;
	height: 30px;		/*高さ*/
	padding-top: 8px;	/*上に追加する余白*/
	color: #fff;		/*文字色*/
	border-left: 1px dashed #fff;	/*メニューの左側の線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px dashed rgba(255,255,255,0.8);	/*左の線の幅、線種、255,255,255は白の事で0.4は40%色がついた状態の事。*/
	/*background: #f18200;*/	/*背景色*/
	background: #000;	/*背景色*/
}
/*最初のメニューへの追加設定*/
#menubar li:first-child a {
	border-left: none;
	border-radius: 10px 0px 0px 10px;	/*角丸の指定。左上、右上、右下、左下への順番。*/
}
/*最後のメニューへの追加設定*/
#menubar li:last-child a {
	border-radius: 0px 10px 10px 0px;	/*角丸の指定。左上、右上、右下、左下への順番。*/
}
/*飾り文字*/
#menubar li span {
	display: block;
	font-size: 10px;		/*文字サイズ*/
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/
	opacity: 0.5;			/*透明度50％*/
}
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a {
	background: #e6711a;	/*背景色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {
	display: none;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:0px;
	height: 68px;
	background: #aaa;
}


#menubar-s li {
	width: 50%;
	float: left;
}

#menubar-s li a {
	text-decoration: none;
	display: none;
	text-align: center;
	height: 30px;		/*高さ*/
	color: #fff;		/*文字色*/
	border-left: 1px dashed #fff;	/*メニューの左側の線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px dashed rgba(255,255,255,0.8);	/*左の線の幅、線種、255,255,255は白の事で0.4は40%色がついた状態の事。*/
	/*background: #f18200;*/	/*背景色*/
	background: #000;	/*背景色*/
}



#menubar-s li a:hover, #menubar-s li.current a {
	background: #e6711a;	/*背景色*/
}


/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu {
	position:absolute;visibility: hidden;z-index: 10;
	width: 25%;		/*幅。上の「#menubar li」と合わせる。*/
	border-top: 1px solid #fff;	/*上の線の幅、線種、色*/
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
	float: none;
	width: 100%;
	line-height: 1.5;
}
#menubar ul.ddmenu li a {
	width: 100%;
	height: 25px;
	font-weight: normal;border-radius: 0 !important;
	border: none;	/*線を一旦リセット*/
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒の事で0.7は70%色がついた状態の事。*/
	color: #fff;		/*文字色*/
	padding: 5px 0;	/*上下、左右への余白*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
	background: #000;	/*背景色*/
	background: #e6711a;	/*背景色*/
}



/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
/*fixmenuブロック*/
body.is-fixed .nav-fix-pos {
	width: 100%;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	/*margin: 0 auto 0px;*/	/*上、左右、下へのマージン。20pxを変更する際は、「body.is-fixed header」の数値も変更する。*/
	/*padding-left: 20%;*/
	/*padding: 5px,0;*/
}

body.is-fixed .nav-fix-pos2 {
	width: 100%;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	/*margin: 0 auto 0px;*/	/*上、左右、下へのマージン。20pxを変更する際は、「body.is-fixed header」の数値も変更する。*/
	/*padding-left: 20%;*/
	/*padding: 5px,0;*/
}


/*headerブロック*/
body.is-fixed header {
	margin-bottom: 38px;	/*メインメニューのheight(75)とmargin-bottom(20)を足した数字にする*/
}

body.is-fixed #menubar {
	margin-left:10px;
	margin-right:10px;
}

body.is-fixed #menubar-s {
	margin-left:10px;
	margin-right:10px;
}


/*最初のメニューへの追加設定*/
/*body.is-fixed #menubar li:first-child a {
	border-left: none;
	border-radius: 0px 0px 0px 10px;
}*/
/*最後のメニューへの追加設定*/
/*body.is-fixed #menubar li:last-child a {
	border-radius: 0px 0px 10px 0px;
}*/



/*コンテンツ（メイン、サブブロックを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	padding:5px 5px;
	background: #fff;
}
/*#contents {
	clear: both;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下への順番。*/
/*	background: #fff;	/*背景色*/
/*	padding: 1% 0.1% 0;	/*ボックス内の余白。上、左右、下。*/
/*	position: relative;
	margin-top:40px;
}
*/

#mainimg {
	margin-top:10px;
	margin-bottom:10px;
}

#mainimg img{
	border-radius: 10px;	/*角丸の指定。左上、右上、右下、左下への順番。*/
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	overflow: hidden;
	float: left;	/*左に回り込み*/
	width: 75%;		/*幅*/
	padding-top: 3%;	/*上に空ける余白*/
}
/*メインコンテンツのh2タグの設定*/
#main h2 {
	clear: both;
	font-size: 18px;	/*文字サイズ*/
	margin-bottom: 20px;
	padding: 5px 20px;	/*上下、左右への余白*/
	background: #f18200;	/*背景色*/
	border-radius: 30px;	/*角丸のサイズ*/
	color: #fff;			/*文字色*/
	position: relative;
}
/*装飾用画像の土台設定*/
#main h2::after, #main h3::after {
	display: block;
	position: absolute;
	right: 0px;	/*h2,h3タグに対して右から0pxの場所に配置*/
	top: -20px;	/*h2,h3タグに対して上から-20pxの場所に配置*/
}
/*装飾用画像（ゆめこま）*/
#main h2.bg1::after, #main h3.bg1::after {
	content: url(../images/bg1.png);
}


/*
#main h2.bg1::after, #main h3.bg1::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/bg1.png);
  background-size: contain;
  vertical-align: sub;
}
*/


/*装飾用画像（麦）*/
#main h2.bg2::after, #main h3.bg2::after {
	content: url(../images/bg2.png);
}
/*装飾用画像（）*/
#main h2.bg3::after, #main h3.bg3::after {
	content: url(../images/bg3.png);
}


/*装飾用画像が入った場合、テキストと画像が重ならないように右側に余白をとる設定*/
#main h2.bg1, #main h3.bg1,
#main h2.bg2, #main h3.bg2,
#main h2.bg3, #main h3.bg3 {
	padding-right: 160px;
	padding-bottom: 10px;
}
/*メインコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	font-size: 18px;	/*文字サイズ*/
	margin-bottom: 20px;
	padding: 2px 20px;	/*上下、左右への余白*/
	border: 2px solid #f18200;	/*線の幅、線種、色*/
	border-radius: 30px;	/*角丸のサイズ*/
	background: #fff;		/*背景色*/
	color: #f18200;			/*文字色*/
	position: relative;
}
/*メインコンテンツの段落タグ設定*/
#main p {
	padding: 0px 20px 15px;	/*上、左右、下への余白*/
}
#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}

#main p1 {
	padding: 0px 20px 15px;	/*上、左右、下への余白*/
}
#main h2 + p1,
#main h3 + p1 {
	margin-top: -10px;
}



/*施設のご案内ページ用ボックス
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main .list {
	position: relative;
	overflow: hidden;
	margin: 0 2.5% 15px;	/*上、左右、下へのボックスの外に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 1%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: linear-gradient(#FFF, #f1f1f1);			/*背景色グラデーション*/
	border-radius: 10px;	/*角丸のサイズ*/
}




/*ボックス内の写真設定*/

#main .list figure {
	float: left;			/*画像を左へ回り込み*/
}


#main .list figure img {
	/*float: left;*/			/*画像を左へ回り込み*/
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.8%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 35%;	/*写真の幅*/
	height: 35%;	/*写真の高さ*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*ボックス内のh4タグ設定*/
#main .list h4 {
	font-size: 20px;	/*文字サイズ*/
	border-bottom: 4px dotted #f18200;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 10px;	/*35%左の画像とバランスをとって設定する*/
	color: #f18200;		/*文字色*/
}
/*ボックス内の段落タグ設定*/
#main .list p {
	padding: 0px;
	margin-left: 0%;	/*左の画像とバランスをとって設定する*/
}

#main .list p1 {
	padding: 0px;
	margin-left: 0%;	/*回り込みしないラタグ*/
}


/* 回り込み用画像とサムネイル画像 */
.cf:before,
.cf:after{
	content:"";
	display:table;
}
 
.cf:after{
	clear:both;
}
 
.cf{
	zoom:1;
}

.clear_l {
	clear: left;
	padding: 0px;
	margin-left: 0%;
}

.left {
	float: left;
}

#content {
  /*max-width: 280px;
  max-height: 280px;*/
  width:40%;
  margin: 0rem auto;
  text-align: left;
  float:left;
  padding-right: 20px;
}

#contentf {
	width:25%;
	margin: 0rem auto;
	float:left;
	padding-left: 30px;
	padding-right: 5px;
}

#right {
  width:auto;
}

#left {
  width:auto;
  float:none
}


#featured_img img {
  max-width: 100%;
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.8%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}

/*
#featured_img img.img_button:hover {
	cursor: pointer;
}


#featured_img img.img_button:active {
  transform:translatex(75px) scale(1.5,1.5);
}
*/


#thumb_img img {
  max-width: 18%;
}

#thumb_img {
  margin-top:2%;
  img {
    float:left;
    max-width: 100%;
    width: 100%;
    cursor: pointer;
    margin-left:0px;
	margin-bottom:0px;
    border:2px solid #eee;
    box-sizing:border-box;
    
    &.active{
      border:2px solid #cac6b8;
    }
    
    &:last-child{
      margin-right:0;
    }
  }
}

#thumb_img img:hover {
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-1px);
  transition-duration: 0.5s;
    cursor: pointer;
}


/* akira tuika */
img.s {
	width: 80%;
	height: 80%;
}
font.size2 {
	font-size: 1.2vw;
}


/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: right;	/*右に回り込み*/
	width: 22%;		/*幅*/
	padding-top: 3%;	/*上に空ける余白*/
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	text-align: center;		/*内容をセンタリング*/
	background: #f18200;	/*背景色*/
	color: #fff;			/*文字色*/
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #dcdcdc;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 5px 10px;	/*メニュー内の余白。上下、左右への設定。*/
	border-bottom: solid 1px #dcdcdc;	/*下の線の線種、幅、色*/
	border-left: solid 1px #dcdcdc;		/*左の線の線種、幅、色*/
	border-right: solid 1px #dcdcdc;	/*右の線の線種、幅、色*/
}
/*h2直下にsubmenuが続いた場合のみ、submenuの上の線を消す設定*/
#sub h2 + ul.submenu {
	border-top: none;
}

/*subコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	overflow: hidden;
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 20px;	/*ボックスの下に空けるスペース*/
	border: solid 1px #dcdcdc;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) inset;	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は透明度10%の事。insetは内側への影、という意味。*/
}
/*h2直下にbox1が続いた場合のみ、box1の上の線を消す設定*/
#sub h2 + .box1 {
	border-top: none;
}
/*box1内のサブメニュー*/
#sub ul.submenu {
	margin-bottom: 0;
}

#sub .box2 {
	display: none;
	overflow: hidden;
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 20px;	/*ボックスの下に空けるスペース*/
	border: solid 1px #dcdcdc;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) inset;	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は透明度10%の事。insetは内側への影、という意味。*/
}



/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background: #f18200;	/*背景色*/
	color: #fff;	/*文字色*/
	text-align: center;
	border-radius: 0px 0px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下への順番。*/
	margin-bottom: 0px;
	padding: 15px 0;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
}
footer .pr {
	display: block;
	font-size: 80%;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding: 0 20px;
	margin-bottom: 20px;
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	color: #f18200;	/*文字色*/
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
}

/*よく頂く質問ページ
---------------------------------------------------------------------------*/
.faq {
	padding: 0 20px;
}
.faq dt {
	font-weight: bold;	/*太字にする設定*/
	color: #f18200;	/*文字色*/
}
.faq dd {
	padding-bottom: 15px;
}

/*テーブル
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 100%;
	margin: 0 auto 10px;
	background: #fff;	/*背景色*/
}

.ta1 td, .ta1 th {
	border: 2px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	padding: 2px 2px 2px;	/*ボックス内の余白*/
	/*word-break: break-all;*/
}



/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;
	background: #666;	/*背景色*/
	color: #fff;	/*文字色*/
}


/*ta1の左側ボックス*/
.ta1 th {
	width: 80px;
	text-align: left;
	background: #e5e5e5;	/*背景色*/
}


/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}
/*テーブルta1内にリストタグを入れた場合の設定*/
.ta1 td ul.disc {padding-bottom: 0;padding-left: 20px;}
.ta1 td ol {padding-bottom: 0;padding-left: 22px;}




/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}
#pagetop a {
	color: #fff;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	background: #f18200;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	width: 50px;	/*幅*/
	line-height: 50px;	/*高さ*/
	border-radius: 50%;	/*角丸のサイズ*/
	margin-bottom: 10px;
}
/*マウスオン時*/
#pagetop a:hover {
	background: #999;	/*背景色*/
	color: #fff;		/*文字色*/
}

/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	text-shadow: none;
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #e5e5e5;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0 20px 15px 40px;list-style: disc;}
.color1, .color1 a {color: #f18200;}
.bg1 {background: #f6f5f2;}
.bg4 {background: #f6f5f2;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 24px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}

.wrapp {
  display: flex;
  flex-direction: column;
  align-items: left;
}


#sub .box2 {
	display: none;
}

.brSp {display: none;}


/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){


/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	/*background: #222;*/
	height: 50px;	/*高さ*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar li a {
	font-size: 14px;	/*文字サイズ*/
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub, #content {
	float: none;
	width: auto;
	padding: 3% 0 0;	/*上、左右、下へのボックス内の余白*/
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
/*
#sub ul.submenu li {
	width: 50%;	
	float: left;
}
*/


/*偶数番目のメニューの左のラインを消す設定*/
#sub ul.submenu li:nth-child(even) a {
	border-left: none;
}


.logo img {
	width: 180px;
}
font.size2 {
	font-size: 14px;
}

#featured_img img:hover{
  transform:none;
}

}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

header {
	height: 40px;
	position: relative;;
	z-index:100;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*PC用メニューを非表示にする*/
#menubar {
	display: none;
}

/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
	overflow: hidden;
	padding-top: 1px;
}

/*メニュー１個あたりの設定*/
#menubar-s li {
	margin-bottom: 1px;	/*メニュー同士の距離*/
}

#menubar-s li a {
	display: block;
	text-decoration: none;
	text-align: center;	/*文字をセンタリング*/
	background: #333;	/*背景色*/
	color: #fff;		/*文字色*/
	border-radius: 3px;	/*角丸のサイズ*/
	padding: 1px 1px;	/*上下、左右へのボックス内の余白*/
	font-size: 16px;	/*文字サイズ*/
}

#contents {
	clear: both;
	overflow: hidden;
	border-radius: 5px 5px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下への順番。*/
	background: #fff;	/*背景色*/
	padding: 2px 0.5% 0;	/*ボックス内の余白。上、左右、下。*/
	position: relative;
	margin-top:0px;
}


/*サブメニューを表示する*/
/*
#sub .box2 {
	display: block;
}
*/

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 2px;		/*上から32pxの場所に配置*/
	right: 4%;		/*右から4%の場所に配置*/
	width: 23px;	/*幅*/
	height: 23px;
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	padding: 10px 8px 4px;	/*上、左右、下へのボックス内余白*/
	background: #fff;		/*背景色*/
	z-index: 102;
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #000;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;			/*バー同士の余白*/
}

#menubar_hdr {
	display: none;
}

/* akira tuika */
img.s {
	width: 100%;
	height: 100%;
}

font.size2 {
	font-size: 14px;
}



/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #footermenu,.m-n {display: none;}
.fl-half{float:left;width:45%;margin-left:3%;}
.sh {display:block;}
.pc {display:none;}

#featured_img img:hover{
  transform:none;
}


}


/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

.brSp {display: block;}


/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像（※logo.cssにもロゴの設定があります）*/
#logo {
	width: 35%;	/*ロゴの幅（※トップページ以外）*/
	bottom: -20px;	/*ヘッダーブロックに対して下から-20pxの場所に配置（※トップページ以外）*/
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*装飾用画像を非表示にする*/
#main h2.bg1::after, #main h3.bg1::after,
#main h2.bg2::after, #main h3.bg2::after,
#main h2.bg3::after, #main h3.bg3::after {
	content: url(none);
}


/*装飾用画像が入った場合、テキストと画像が重ならないように右側に入れていた余白をリセットする*/
#main h2.bg1, #main h3.bg1,
#main h2.bg2, #main h3.bg2,
#main h2.bg3, #main h3.bg3 {
	padding-right: 20px;
}


header {
	height: 40px;
	position: relative;;
	z-index:100;
}


#featured_img img:hover{
  transform:none;
}


}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 12px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツのh2とh3タグ*/
#main h2, #main h3 {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding: 5px 10px;
}

/*メインコンテンツの段落タグ設定*/
#main p {
	padding: 0px 10px 15px;	/*上、左右、下への余白*/
}

/*施設のご案内ページ用ボックス
---------------------------------------------------------------------------*/
/*ボックス内のh4タグ設定*/
#main .list h4 {
	font-size: 14px;	/*文字サイズ*/
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
#sub ul.submenu li {
	width: auto;
	float: none;
}
/*偶数番目のメニューの左のラインを戻す設定*/
#sub ul.submenu li:nth-child(even) a {
	border-left: 1px solid #dcdcdc;
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
#sub ul.submenu li a {
	padding: 10px;	/*メニュー内の余白*/
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding: 0 10px;
}


#featured_img img:hover{
  transform:none;
}


/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 30%;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
 	font-size: 14px;	/*文字サイズ*/
}

/*テーブル内の左側*/
.tac th {
	width: 30%;
	padding: 5px;
}
/*テーブル内の右側*/
.tac td {
	width: auto;
	padding: 5px;
}
/*テーブル１行目に入った見出し部分*/
.tac th.tamidashi {
 	font-size: 14px;	/*文字サイズ*/
}



/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}
.fl-half{float:none;width:100%;margin-left:0;}




}