@charset "utf-8";
/*
Theme Name: 幼児学舎 子どもライブラリー
Theme URI: null
Description: Description
Author: Shunc - SCK
Version: 1.0
*/


/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
}

body { font-size: 62.5%; }
body,
table,
input,
textarea,
select,
option { font-family: Meiryo, "小塚ゴシック Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; }
ol,
ul { list-style: none; }
blockquote,
q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
a:link { color: #604C3F; text-decoration: none; }
a:visited { color: #604C3F; text-decoration: none; }
a:hover { color: #604C3F; text-decoration: underline; }
a:active { color: #604C3F; text-decoration: underline; }



/*PC*/
@media print, screen and (min-width: 600px) {


/*------------------------------------------------------------
	common
------------------------------------------------------------*/

.pc { display: block;}
.sp { display: none;}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body { min-width: 1000px; color: #604C3F; font-size: 15px; line-height: 1.5; text-align: center; background-color: #FFFDED; }
#container { text-align: left; }
#main { margin: 0 auto 15px; width: 960px; }
* html #main { zoom: 1; }
*+html #main { zoom: 1; }
#main:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
img { vertical-align: top; }

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header { border-top: 5px solid #614D40; }
#header .hInner { margin: 0 auto; padding: 9px 0 21px; width: 960px; position: relative; }
#header .hInner p { margin-bottom: 12px; font-size: 13px; text-align: right; }
#header .hInner p img { margin-right: 5px; vertical-align: -2px; }
#header .hInner h1 { position: absolute; top: -4px; left: 41.5%; }
#header .hInner h1 a { display: block; }
#header .hInner h1 a:hover { background: url(images/common/logo_over.jpg) no-repeat center top; }
#header .hInner h1 a:hover img { visibility: hidden; }

/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi ul { float: right; }
#gNavi ul:first-child { float: left; }
#gNavi li { float: left; position: relative; }
#gNavi li a:hover img { filter: alpha(opacity=70); opacity: 0.7; }
#gNavi li .subNav { display: none; width: 190px; top: 133px; left: 0; border-left: 1px solid #727171; border-right: 1px solid #727171; border-top: 1px solid #727171; z-index: 999; position: absolute; }
#gNavi li .subNav li { float: none; border-bottom: 1px solid #727171; }
#gNavi li .subNav a { width: 100%; padding: 10px 0; display: table; background-color: #FFF; }
#gNavi li .subNav a span { width: 64%; padding-right: 10px; display: table-cell; vertical-align: middle; }
#gNavi li .subNav a img { padding-left: 10px; float: left; }
#gNavi li .subNav a:hover { text-decoration: none; }
#gNavi li .subNav a:hover img { opacity: 1; }
#gNavi li .subNav01 a:hover { background-color: #F1F6DC; }
#gNavi li .subNav02 a:hover { background-color: #FDEBDE; }
#gNavi li .subNav03 a:hover { background-color: #FFFDE1; }

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath { display: block;}
#pagePath li { display: inline; }

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts { width: 770px; float: right; }

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar { display: block; width: 140px; float: left; text-align: center; }

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer { padding-bottom: 20px; position: relative; }
#footer .pageTop { position: fixed; bottom: 10px; right: 0; }
#footer .fInner { margin-bottom: 20px; padding-top: 256px; background: url(images/common/f_bg.png) no-repeat center top; }
#footer .fInner .fBox { padding: 14px 0 16px; background-color: #FDE688; }
#footer .fInner .subBox { display: block; margin: 0 auto; padding-left: 45px; width: 855px; }
#footer .fInner .fNavi li { padding-left: 5px; float: left; width: 120px; line-height: 1.4; }
#footer .fInner .fNavi li:first-child { padding-left: 0; }
#footer .fInner .fNavi .liStyle { padding-left: 15px; width: 190px; }
#footer .fInner .fNavi li a { padding-left: 11px; font-size: 13px; display: inline-block; background: url(images/common/icon04.png) no-repeat left center; }
#footer .fInner .fNavi li ul { margin-left: 11px; }
#footer .fInner .fNavi li .ulStyle { margin-bottom: 14px; }
#footer .fInner .fNavi li ul li { float: none; width: auto !important; padding: 0; }
#footer .fInner .fNavi li ul li a { background: none; padding: 0; }
#footer .copyright { margin: 0 auto; width: 960px; font-size: 12px; text-align: center; }

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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

/*------------------------------------------------------------
	imgBoxR
------------------------------------------------------------*/
#main .imgBoxR { margin-bottom: 65px; }
#main .imgBoxR .photoBox { width: 371px; float: right; }
#main .imgBoxR .photoBox span { display: block; font-size: 11px; margin-top: 5px; }
#main .imgBoxR .textBox { width: 360px; float: left; }

/*------------------------------------------------------------
	comPhotoList
------------------------------------------------------------*/
#main .comPhotoList { margin: 0 -35px 39px 0; overflow: hidden; zoom: 1; }
#main .comPhotoList li { padding: 0 29px 16px 0; float: left; width: 372px; }
#main .comPhotoList li span { font-size: 11px; display: block; margin-top: 4px; line-height: 1.4; min-height: 35px; }


/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.topJsBox { margin-bottom: 32px; }
.topJsBox .photoList li { padding: 0 25px; float: left; }
.topJsBox .foopage { margin-top: 10px; text-align: center; }
.topJsBox .foopage a { margin: 0 5px; display: inline-block; background: url(images/common/icon03.gif) no-repeat; width: 11px; height: 10px; }
.topJsBox .foopage a.selected { background: url(images/common/icon02.gif) no-repeat; }
.topJsBox .foopage a span { display: none; }
.topJsBox .box { margin: 0 auto; width: 960px; position: relative; }
.topJsBox .prev { position: absolute; top: -250px; left: 123px; cursor: pointer; }
.topJsBox .next { position: absolute; top: -250px; right: 123px; cursor: pointer; }
#main .topSection p { margin-bottom: 7px; font-size: 17px; text-align: center; line-height: 1.95; }
#main .topSection .textImg { margin-bottom: 15px; }
#main .topSection .inner { margin-bottom: 18px; }
#main .topSection .inner .photoBox { padding-top: 57px; float: left; }
#main .topSection .inner .photoBox img { margin-left: -6px; }
#main .topSection .inner .textBox { float: right; width: 743px; }
#main .topSection .inner .textBox .pBox { background: url(images/common/bg.jpg) repeat-x left bottom; position: relative; }
#main .topSection .inner .textBox p { width: 535px; font-size: 14px; text-align: left; line-height: 2.0; letter-spacing: -1px; }
#main .topSection .inner .textBox .title { background: none; padding: 0; }
#main .topSection .inner .textBox .pBox span { position: absolute; top: -1px; right: 2px; }
#main .topSection .newsBox { margin-bottom: 38px; position: relative; }
#main .topSection .newsBox .subBox { padding: 10px 16px; border: 2px solid #624C3F; border-radius: 10px; position: relative; behavior: url(/js/pie.htc); background-color: #fff; }
#main .topSection .newsBox .lBox { padding-top: 10px; float: left; width: 100px; text-align: center; }
#main .topSection .newsBox .lBox span { margin-top: 4px; display: block; font-size: 18px; font-weight: bold; }
#main .topSection .newsBox .dlBox { padding: 10px 0 0 22px; float: left; width: 600px; float: right; background: url(images/common/line01.png) repeat-y left top; }
#main .topSection .newsBox .dlBox dt { font-size: 13px; float: left; }
#main .topSection .newsBox .dlBox dd { padding: 0 0 4px 7.5em; font-size: 13px; }
#main .topSection .newsBox .dlBox dd a { color: #EE7900; }
#main .topSection .newsBox .link { position: absolute; bottom: -8px; right: -6px; }
#main .topSection .newsBox .link a { padding: 5px 5px 3px; width: 112px; display: block; color: #fff; float: right; font-size: 10px; text-align: center; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); background: url(images/common/icon05.png) no-repeat 15px center #614D40; }
#main .topSection .linkBox { margin-right: -20px; overflow: hidden; zoom: 1; }
#main .topSection .linkBox li { float: left; padding: 0 18px 18px 0; }
#main .topSection .linkBox li a:hover img { filter: alpha(opacity=70); opacity: 0.7; }

.move { width: 895px; height: 707px; background: url(images/index/moveBg.png) no-repeat center center; margin: 60px auto 30px; padding: 130px 80px; box-sizing: border-box;}
.moveIn { position: relative; width: 100%; padding-top: 56.25%;}
.moveIn iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}



/*------------------------------------------------------------
	activities.html
------------------------------------------------------------*/
#main .activeSection { padding: 14px 23px 0 0; }
#main .activeSection #conts .mainImg { margin-bottom: 47px; }
#main .activeSection #conts .title { margin-bottom: 7px; font-size: 23px; font-weight: bold; line-height: 1.4; color: #40210F; }
#main .activeSection #conts p { font-size: 13px; }
#main .activeSection #conts .pBox { margin-bottom: 25px; position: relative; background: url(images/common/bg.jpg) repeat-x left bottom; }
#main .activeSection #conts .pBox p { width: 770px; line-height: 2.15; }
#main .activeSection #conts .pBox img { position: absolute; top: -86px; right: -25px; }
#main .activeSection #conts .imgBoxR .textBox h3 { margin-bottom: 14px; }
#main .activeSection #conts .imgBoxR .textBox p { line-height: 1.9; }
#main .activeSection #conts h3 { margin-bottom: 23px; }
#main .activeSection #conts .text { margin-bottom: 25px; line-height: 1.9; }
#main .activeSection #conts .comPhotoList02 { margin-bottom: 60px; }
#main .activeSection #conts .imgBoxR02 { margin-bottom: 40px; }
#main .activeSection #conts .h3Ttl { margin-bottom: 15px; }
#main .activeSection #conts .imgBoxR03 { margin-bottom: 20px; }

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
#conts .comTable { width: 100%; border-collapse: collapse; border-top: 1px solid #A38B77; }
#conts .comTable th,
#conts .comTable td { padding: 10px 15px 8px; font-weight: normal; text-align: left; vertical-align: central; line-height: 1.4; border-bottom: 1px solid #A38B77; }
#conts .comTable th { text-align: center; border-right: 1px solid #A38B77; background-color: #F9F9CB; }
#conts .comTable .thStyle01 { background-color: #E4EDF6; }
#conts .comTable .thStyle02 { background-color: #EAF1C7; }
#conts .comTable .thStyle03 { background-color: #D6EDE7; }
#conts .comTable .thStyle04 { background-color: #FCE5DD; }
#conts .comTable .thStyle05 { background-color: #F8C8BE; }
#conts .comTable .thStyle06 { background-color: #FFF2B3; }
#conts .comTable .thStyle07 { background-color: #ECEBBF; }
#conts .comTable .thStyle08 { background-color: #FCE0D4; }

/*------------------------------------------------------------
	gyouji.html
------------------------------------------------------------*/
#main .gyoujiSection { padding: 9px 23px 0 0; }
#main .gyoujiSection #conts { margin-top: 4px; }
#main .gyoujiSection #conts .mainImg { margin-bottom: 43px; }
#main .gyoujiSection #conts .tableBox { margin-bottom: 42px; position: relative; }
#main .gyoujiSection #conts .tableBox .img { top: 1px; right: -3px; position: absolute; }
#main .gyoujiSection #conts .tableBox p { line-height: 1.8; font-size: 16px; }
#main .gyoujiSection #conts .textUl { margin-top: 13px; }
#main .gyoujiSection #conts .textUl li { padding-left: 12px; line-height: 1.7; font-size: 16px; background: url(images/common/icon06.gif) no-repeat left center; }
#main .gyoujiSection #conts .imgBox { margin-bottom: 15px; }
#main .gyoujiSection #conts .imgBox .photoBox { margin-top: 2px; float: right; }
#main .gyoujiSection #conts .imgBox .textBox { width: 368px; float: left; }
#main .gyoujiSection #conts .imgBox .textBox h3 { margin: 0 0 18px; }
#main .gyoujiSection #conts .imgBox .textBox p { font-size: 13px; line-height: 1.7; }
#main .gyoujiSection #conts .imgBox02 { margin-bottom: 84px; }
#main .gyoujiSection #conts .imgBox03 { margin-bottom: 70px; }
#main .gyoujiSection #conts .imgBox04 { margin-bottom: 45px; }
#main .gyoujiSection #conts .imgBox02 .textBox { width: 436px; }
#main .gyoujiSection #conts .imgBox02 .textBox p { margin: 0 0 20px; }
#main .gyoujiSection #conts .imgBox02 .photoBox { margin-top: 49px; }
#main .gyoujiSection #conts .infoBox { margin-bottom: 52px; }
#main .gyoujiSection #conts .infoBox h3 { margin-bottom: 12px; }
#main .gyoujiSection #conts .infoBox p { margin-bottom: 17px; font-size: 13px; line-height: 1.7; }
#main .gyoujiSection #conts .infoBox .comPhotoList { margin-bottom: 0; }
#main .gyoujiSection #conts .imgBox05 .photoBox { margin-top: 18px; }

/*------------------------------------------------------------
	access.html
------------------------------------------------------------*/
#main .accessSection { padding: 9px 23px 0 0; }
#main .accessSection #conts { margin-top: 4px; }
#main .accessSection .mainImg { margin-bottom: 40px; }
#main .accessSection h3 { margin-bottom: 34px; }
#main .accessSection .h3Ttl { margin-bottom: 20px; }
#main .accessSection h4 { margin-bottom: 7px; font-size: 23px; }
#main .accessSection p { margin-bottom: 27px; font-size: 23px; line-height: 1.8; }
#main .accessSection #conts .map { width: 776px; height: 466px; }

/*------------------------------------------------------------
	information.html
------------------------------------------------------------*/

#main .informationSection { padding: 9px 23px 0 0; }
#main .informationSection #conts { margin-top: 4px; }
#main .informationSection .mainImg { margin-bottom: 48px; }
#main .informationSection h3 { margin-bottom: 18px; }
#main .informationSection p { font-size: 13px; line-height: 1.7; position: relative; }
#main .informationSection .pic { margin: -5px 0 39px; }
#main .informationSection .text { margin-bottom: 30px; }
#main .informationSection .text02 { font-size: 15px; line-height: 1.45; }
#main .informationSection .briefing { margin-bottom: 23px; }
#main .informationSection .briefing dt { padding-top: 12px; width: 40px; height: 28px; float: left; color: #FFF; font-size: 12px; position: relative; text-align: center; background-color: #614D40; border-radius: 20px; behavior: url(js/pie.htc); }
#main .informationSection .briefing dd { padding: 7px 0 10px 3em; font-size: 19px; }
#main .informationSection .briefing .last { margin-top: 6px; }
#main .informationSection table { margin-bottom: 20px; width: 100%; border-collapse: collapse; }
#main .informationSection table th { padding: 10px 0 7px; width: 17%; font-weight: normal; text-align: center; border: 1px solid #A38B77; border-left: none; }
#main .informationSection table td { padding: 10px 25px 7px; width: 83%; line-height: 1.4; text-align: left; border: 1px solid #A38B77; border-right: none; }

/*------------------------------------------------------------
	riren.html
------------------------------------------------------------*/
#main .rirenSection { padding: 9px 23px 0 0; }
#main .rirenSection #conts { margin-top: 4px; }
#main .rirenSection .mainImg { margin-bottom: 17px; }
#main .rirenSection .pic { margin-bottom: 55px; padding-bottom: 41px; background: url(images/riren/line.gif) repeat-x left bottom; }
#main .rirenSection .imgBox { padding: 0 14px 37px 0; background: url(images/riren/line.gif) repeat-x left bottom; }
#main .rirenSection .imgBox .photoBox { float: right; }
#main .rirenSection .imgBox .textBox { width: 440px; float: left; }
#main .rirenSection .imgBox .textBox ul { width: 230px; float: left; }
#main .rirenSection .imgBox .textBox .sub { width: 200px; }
#main .rirenSection .imgBox .textBox li { padding-bottom: 6px; font-size: 15px; }
#main .rirenSection .imgBox .textBox p { margin-top: 9px; font-size: 15px; line-height: 1.8; }

/*------------------------------------------------------------
	kankyou.html
------------------------------------------------------------*/
#main .kankyouSection { padding: 13px 23px 0 0; }
#main .kankyouSection .mainImg { margin-bottom: 42px; }
#main .kankyouSection h3 { margin-bottom: 25px; }
#main .kankyouSection .comPhotoList { margin-bottom: 15px; }
#main .kankyouSection .comPhotoList li { padding-bottom: 34px; }
#main .kankyouSection .photo { margin-bottom: 15px; }
#main .kankyouSection p { margin-bottom: 10px; font-size: 13px; color: #604C3F; }
#main .kankyouSection .comPhotoList li span { margin-top: 11px; font-size: 13px; line-height: 1.5; }
#main .kankyouSection .comPhotoList02 { margin-bottom: 30px; }
#main .kankyouSection .comPhotoList02 li { padding-bottom: 24px; }

/*------------------------------------------------------------
	training.html
------------------------------------------------------------*/
#main .trainingSection { padding: 14px 23px 0 0; }
#main .trainingSection .mainImg { margin-bottom: 35px; }
#main .trainingSection h3 { margin-bottom: 10px; font-size: 23px; color: #40210F; }
#main .trainingSection .pBox { margin-bottom: 28px; background: url(images/common/bg.jpg) repeat-x left bottom; }
#main .trainingSection .pBox p { font-size: 13px; line-height: 2.15; }
#main .trainingSection .pBox .text { text-indent: 1em; }
#main .trainingSection .guidanceBox { margin-right: -5px; padding: 14px 10px 10px 37px; background-color: #E7E8E9; border-radius: 10px; position: relative; behavior: url(/js/pie.htc); }
#main .trainingSection .guidanceBox .photoList { float: right; width: 368px; }
#main .trainingSection .guidanceBox .photoList li { padding-left: 8px; float: left; width: 183px; text-align: center; }
#main .trainingSection .guidanceBox .photoList li span { margin-top: 5px; font-size: 11px; display: block; }
#main .trainingSection .guidanceBox .photoList li:first-child { padding: 6px 0 0 0; width: 175px; }
#main .trainingSection .guidanceBox .textBox { padding-top: 16px; float: left; width: 360px; }
#main .trainingSection .guidanceBox .textBox p { font-size: 13px; letter-spacing: -0.5px; line-height: 1.85; }
#main .trainingSection .guidanceBox .textBox .title { margin-bottom: 15px; font-size: 22px; font-weight: bold; color: #40210F; letter-spacing: -1px; line-height: 1.5; }

/*------------------------------------------------------------
	foods.html
------------------------------------------------------------*/
#main .foodsSection { padding: 9px 23px 0 0; }
#main .foodsSection #conts { margin-top: 4px; }
#main .foodsSection #conts h3 { margin-bottom: 19px; }
#main .foodsSection #conts .mainImg { margin-bottom: 29px; }
#main .foodsSection #conts .imgBoxR { margin: 0 -5px 13px 0; }
#main .foodsSection #conts .imgBoxR .photoBox { width: 279px; }
#main .foodsSection #conts .imgBoxR .textBox { margin-top: 19px; width: 471px; }
#main .foodsSection #conts .imgBoxR .textBox p { font-size: 13px; line-height: 2.2; background: url(images/common/bg.jpg) repeat-x left top; }
#main .foodsSection #conts .imgBoxL { margin-bottom: 16px; }
#main .foodsSection #conts .imgBoxL .photoBox { margin-bottom: 13px; }
#main .foodsSection #conts .imgBoxL .photoBox ul { margin-right: -6px; position: relative; }
#main .foodsSection #conts .imgBoxL .photoBox li { padding-left: 28px; float: left; }
#main .foodsSection #conts .imgBoxL .photoBox li:first-child { padding-left: 0; }
#main .foodsSection #conts .imgBoxL .textBox { }
#main .foodsSection #conts .imgBoxL .textBox p { font-size: 11px; line-height: 1.35; }
#main .foodsSection #conts .yellowBox { margin-right: -2px; padding: 31px 31px 19px 27px; background-color: #FFF1AE; border-radius: 9px; border: 1px solid #FFF4BC; position: relative; behavior: url(js/pie.htc); }
#main .foodsSection #conts .yellowBox h3 { margin-bottom: 15px; }
#main .foodsSection #conts .yellowBox .lBox { width: 469px; float: left; }
#main .foodsSection #conts .yellowBox table { width: 100%; border-collapse: collapse; }
#main .foodsSection #conts .yellowBox th,
#main .foodsSection #conts .yellowBox td { padding: 13px 10px 7px; font-size: 13px; font-weight: normal; border: 1px solid #A48B77; border-right: none; }
#main .foodsSection #conts .yellowBox th { border-left: none; }
#main .foodsSection #conts .yellowBox .rBox { margin-top: 8px; float: right; }
#main .foodsSection #conts .yellowBox .rBox li { padding-top: 25px; }
#main .foodsSection #conts .yellowBox .rBox li:first-child { padding-top: 0; }

/*------------------------------------------------------------
	gaiyo.html
------------------------------------------------------------*/
#main .gaiyoSection { padding: 9px 23px 0 0; }
#main .gaiyoSection #conts { margin-top: 4px; }
#main .gaiyoSection #conts .mainImg { margin-bottom: 31px; }
#main .gaiyoSection #conts table { width: 100%; border-collapse: collapse; }
#main .gaiyoSection #conts th,
#main .gaiyoSection #conts td { padding: 10px 28px 6px; font-size: 15px; line-height: 1.45; font-weight: normal; border-top: 2px solid #D1C4B3; border-left: 2px solid #D1C4B3; }
#main .gaiyoSection #conts tr:first-child th,
#main .gaiyoSection #conts tr:first-child td { border-top: none; }
#main .gaiyoSection #conts th { text-align: center; border-left: none; }
#main .gaiyoSection #conts .tdStyle { padding: 27px 10px 22px; text-align: center; }
#main .gaiyoSection #conts td dl { padding-bottom: 6px; line-height: 1.6; }
#main .gaiyoSection #conts td dt { float: left; }
#main .gaiyoSection #conts td dd { padding: 0 0 0 11.5em; }

/*------------------------------------------------------------
	question.html
------------------------------------------------------------*/
#main .questionSection { padding: 9px 23px 0 0; }
#main .questionSection #conts { margin-top: 3px; }
#main .questionSection #conts h3 { margin-bottom: 19px; }
#main .questionSection #conts .mainImg { margin-bottom: 22px; }
#main .questionSection #conts .imgBoxR { margin-bottom: 42px; }
#main .questionSection #conts .imgBoxR .photoBox { width: 288px; position: relative; }
#main .questionSection #conts .imgBoxR .photoBox span { margin: 0; position: absolute; width: 135px; right: -25px; line-height: 1.4; bottom: 0; }
#main .questionSection #conts .imgBoxR .textBox { width: 471px; }
#main .questionSection #conts .imgBoxR .textBox p { font-size: 13px; line-height: 2.2; background: url(images/common/bg.jpg) repeat-x left top; }
#main .questionSection #conts .imgBoxR .textBox .textImg { margin-bottom: 15px; }
#main .questionSection #conts .qaBox { margin: 0 -6px 0 -2px; padding: 35px 20px 11px; position: relative; border: 2px solid #89796C; }
#main .questionSection #conts .qaBox h3 { position: absolute; top: -13px; left: 17px; }
#main .questionSection #conts .qaBox dl { font-size: 13px; }
#main .questionSection #conts .qaBox dt { float: left; display: none; }
#main .questionSection #conts .qaBox dd { padding: 0 0 9px 7em; display: none; }
#main .questionSection #conts .dlBox dl { margin-bottom: 20px; }
#main .questionSection #conts .dlBox dt { margin-bottom: 30px; }
#main .questionSection #conts .dlBox dd { margin-bottom: 30px; }
#main .questionSection #conts .dlBox dd span { margin-bottom: 20px; display: block; }
#main .questionSection #conts .btmLink { float: right; }
#main .questionSection #conts .btmLink a { padding: 5px 5px 3px; width: 112px; display: block; color: #fff; font-size: 14px; text-align: center; background-color: #614D40; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); }

/*------------------------------------------------------------
	kouryu.html
------------------------------------------------------------*/
#main .kouryuSection #conts { padding: 7px 22px 0 0; }
#main .kouryuSection #sideBar { margin: 9px 0 0 1px; }
#main .kouryuSection #conts .imgBox { margin-bottom: 42px; }
#main .kouryuSection #conts .imgBox .photoBox { margin-top: -20px; width: 221px; float: right; }
#main .kouryuSection #conts .imgBox .photoBox span { margin-top: 5px; font-size: 13px; display: block; text-align: center; }
#main .kouryuSection #conts .imgBox .textBox { width: 540px; float: left; }
#main .kouryuSection #conts .imgBox .textBox .ttl { margin-bottom: 12px; padding: 0; font-size: 23px; font-weight: bold; line-height: 1.5; background: none; }
#main .kouryuSection #conts .imgBox .textBox p { font-size: 13px; line-height: 2.2; background: url(images/common/bg.jpg) repeat-x left top; }
#main .kouryuSection #conts .photoList { margin: 0 -34px 50px 0; width: 810px; overflow: hidden; zoom: 1; }
#main .kouryuSection #conts .photoList li { margin-right: 34px; width: 236px; float: left; font-size: 14px; }
#main .kouryuSection #conts .photoList li img { margin-bottom: 10px; display: block; }

/*------------------------------------------------------------
	gakusyu.html
------------------------------------------------------------*/
#main .gakusyuSection { padding: 9px 23px 0 0; }
#main .gakusyuSection #conts { margin-top: 4px; }
#main .gakusyuSection #conts .mainImg { margin-bottom: 27px; }
#main .gakusyuSection #conts .text { margin-bottom: 35px; font-size: 13px; line-height: 1.9; }
#main .gakusyuSection #conts .title { margin-bottom: 10px; font-size: 23px; font-weight: bold; }
#main .gakusyuSection #conts .pBox { margin-bottom: 20px; background: url(images/common/bg.jpg) repeat-x left top; }
#main .gakusyuSection #conts .pBox p { font-size: 13px; line-height: 2.2; }
#main .gakusyuSection #conts h3 { margin-bottom: 22px; }
#main .gakusyuSection #conts .comTable { margin-bottom: 35px; }
#main .gakusyuSection #conts .comTable th { padding: 5px; font-size: 16px; background-color: #FFFDED; }
#main .gakusyuSection #conts .comTable th span { margin-top: 4px; display: block; color: #E73828; font-size: 11px; }
#main .gakusyuSection #conts .comTable td { padding: 15px 0 19px 25px; font-size: 13px; line-height: 1.6; }
#main .gakusyuSection #conts .comTable .tdStyle { padding-bottom: 10px; }
#main .gakusyuSection #conts .comTable td span { display: block; font-size: 16px; font-weight: bold; line-height: 1.45; }
#main .gakusyuSection #conts .comTable td .red { color: #E73828; }
#main .gakusyuSection #conts .meetimg { margin-bottom: 35px; }
#main .gakusyuSection #conts .meetimg dt { float: left; }
#main .gakusyuSection #conts .meetimg dd { padding: 5px 0 0 96px; font-size: 14px; line-height: 1.7; }
#main .gakusyuSection #conts .imgBox .photoBox { margin-right: -7px; width: 283px; float: right; }
#main .gakusyuSection #conts .imgBox .photoBox span { margin: 7px 0 0 10px; display: block; font-size: 11px; }
#main .gakusyuSection #conts .imgBox .textBox { margin-top: 13px; width: 480px; float: left; }
#main .gakusyuSection #conts .imgBox h3 { margin-bottom: 15px; }
#main .gakusyuSection #conts .imgBox .textBox p { margin-bottom: 12px; font-size: 13px; line-height: 1.7; }
#main .gakusyuSection #conts .imgBox .textBox .text01 { margin-bottom: 0; font-size: 23px; font-weight: bold; }
#main .newsSection { padding: 10px; border: 2px dotted #D5D3C6; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); zoom: 1; }
#main .alpha a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
#main .alpha img { margin: 0; padding: 0 0 15px 0; clear: both; display: block; }

/*------------------------------------------------------------
	blog.html
------------------------------------------------------------*/
#main .blog { margin: 20px auto 0; width: 700px; }
#main .blog .blogDl { }
#main .blog .blogDl dt { float: left; }
#main .blog .blogDl dd { margin-bottom: 20px; padding-left: 130px; }
#main .title { margin-bottom: 20px; font-weight: bold; }
#main .blog .detail p { padding-bottom: 20px; line-height: 1.6; }
#main .date { margin-right: 50px; text-align: right; }
#main .blog .btmLink { margin: 20px 0 0; width: 122px; float: right; }
#main .blog .btmLink a { padding: 5px 5px 3px; width: 112px; display: block; color: #fff; font-size: 14px; text-align: center; background-color: #614D40; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); }
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; max-width: 100%; }


}





/*sp*/
@media only screen and (max-width: 599px) {

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

/*------------------------------------------------------------
	common
------------------------------------------------------------*/

.pc { display: none;}
.sp { display: block;}
.img { width: 100%; height: auto;}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body { min-width: auto; color: #604C3F; font-size: 15px; line-height: 1.5; text-align: center; background-color: #FFFDED; }
#container { text-align: inherit; }
#main { margin: 0 auto 15px; width: 100%; }
* html #main { zoom: 1; }
*+html #main { zoom: 1; }
#main:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
img { vertical-align: top; }

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#headerSp { border-top: 5px solid #614D40;}
#headerSp .hInner { margin: 0 auto; padding: 0 0 21px; width: 100%; position: relative; }
#headerSp .hInner p { margin-bottom: 12px; font-size: 13px; text-align: right; }
#headerSp .hInner p img { margin-right: 5px; vertical-align: -2px; }
#headerSp .hInner h1 { position: absolute; top: -24px; left: 0; width: 100%; text-align: center; z-index: 100; }
#headerSp .hInner h1 a { display: inline-block; }
#headerSp .hInner h1 a img { height: 120px; width: auto;}
#headerSp .hInner h1 a:hover { background: url(images/common/logo_over.jpg) no-repeat center top; }
/*#headerSp .hInner h1 a:hover img { visibility: hidden; }*/

#headerSp .hInner .btnContact { position:absolute; top: 20px; left: 10px; z-index: 100; width: 45px;}
#headerSp .hInner .btnAccess { position:absolute; top: 20px; left: 60px; z-index: 100; width: 45px;}

#headerSp .hInner .menuSp { position:absolute; top: 10px; right: 10px; z-index: 100;}
#headerSp .hInner .menuSp .menu-trigger { cursor: pointer;}

.area { height: 60px; width: 100%;}

.header-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fffeee; z-index: 200; overflow: scroll;}
.header-inner .inner { padding: 15px; position: relative;}
.header-inner .inner .hed { margin: -15px auto 15px;}
.header-inner .inner .hed img { width: 100%; height: auto;}
.header-inner .inner .close { position: absolute; top: 20px; right: 20px; cursor: pointer;}


.header-inner .inner nav { width: 100%; text-align: center;}
.header-inner .inner nav p { border-bottom: dotted 1px #595757; padding: 10px 0; font-weight: bold;}
.header-inner .inner nav p a:hover  { text-decoration: none;}
.header-inner .inner nav dl {}
.header-inner .inner nav dl dt { border-top: none;}
.header-inner .inner nav dl dt { border-bottom: dotted 1px #595757; padding: 10px 0; font-weight: bold;}
.header-inner .inner nav dl dd { display: none; font-size: 14px; line-height: 200%; padding: 10px 0; border-bottom: dotted 1px #595757;}
.header-inner .inner nav dl dd a::before { content: ""; width: 14px; height: 14px; display: inline-block; margin-right: 5px; background: url(images/common/icon.png) no-repeat center top; background-size: cover;}

.header-inner .inner .bnr { text-align: center; margin: 15px auto 5%;}
.header-inner .inner .bnr img { width: 100%; height: auto;}

.header-inner .inner .btn { text-align: center; margin: 5% auto auto;}
.header-inner .inner .btn li { display: inline-block; width: 40%; margin: 0 3%;}
.header-inner .inner .btn li a { display: block; border: solid 1px #604c3f; padding: 6px 0; border-radius: 20px; font-size: 12px;}



/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath { display: none;}
#pagePath li { display: inline; }

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts { width: 100%; float: none; }

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar { display: none; width: 140px; float: left; text-align: center; }

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer { padding-bottom: 20px; position: relative; }
#footer .pageTop { position: fixed; bottom: 20px; right: 20px; }
#footer .fInner { margin-bottom: 20px; padding-top: 256px; background: url(images/common/f_bg.png) no-repeat center top; }
#footer .fInner .fBox { display: none; padding: 14px 0 16px; background-color: #FDE688; }
/*#footer .fInner .subBox { margin: 0 auto; padding-left: 45px; width: 855px; }
#footer .fInner .fNavi li { padding-left: 5px; float: left; width: 120px; line-height: 1.4; }
#footer .fInner .fNavi li:first-child { padding-left: 0; }
#footer .fInner .fNavi .liStyle { padding-left: 15px; width: 190px; }
#footer .fInner .fNavi li a { padding-left: 11px; font-size: 13px; display: inline-block; background: url(images/common/icon04.png) no-repeat left center; }
#footer .fInner .fNavi li ul { margin-left: 11px; }
#footer .fInner .fNavi li .ulStyle { margin-bottom: 14px; }
#footer .fInner .fNavi li ul li { float: none; width: auto !important; padding: 0; }
#footer .fInner .fNavi li ul li a { background: none; padding: 0; }*/
#footer .copyright { margin: 0 auto; width: 100%; font-size: 12px; text-align: center; }

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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

/*------------------------------------------------------------
	imgBoxR
------------------------------------------------------------*/
#main .imgBoxR { margin-bottom: 20px; }
#main .imgBoxR .photoBox { width: 371px; float: none; }
#main .imgBoxR .photoBox span { display: block; font-size: 11px; margin-top: 5px; }
#main .imgBoxR .textBox { width: auto; float: none; }

/*------------------------------------------------------------
	comPhotoList
------------------------------------------------------------*/
#main .comPhotoList { margin: 0 20px 20px; overflow: hidden; zoom: 1; }
#main .comPhotoList li { padding: 0; float: left; width: calc( (100% - 20px) / 2); margin: auto 20px 20px 0; text-align: left; font-size: 13px; }
#main .comPhotoList li:nth-child(2n) { margin-right: 0;}
#main .comPhotoList li span { font-size: 11px; display: block; margin-top: 4px; line-height: 1.4; min-height: 35px; }


/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

.hederTopBg { background-image: url(images/index/hedBg.jpg) ; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100vh; position: relative; margin: auto auto 20px;}
.hederTopBg .menuSp { position:absolute; top: 10px; right: 10px; z-index: 100;}
.hederTopBg .menuSp .menu-trigger { cursor: pointer;}
.hederTopBg .btnContactTop { position: absolute; left: 0; bottom: 49px; width: 100%; padding: 15px 0; background: #FFF; border: solid 1px #604C3F; box-sizing:border-box; font-weight: bold;}
.hederTopBg .btnAccessTop { position: absolute; left: 0; bottom: 0px; width: 100%; padding: 15px 0; background: #FFF; border: solid 1px #604C3F; box-sizing:border-box; font-weight: bold;}


#main .topSection p { margin-bottom: 7px; font-size: 17px; text-align: center; line-height: 1.95;}
#main .topSection .textImg { margin-bottom: 15px; }
#main .topSection .inner { margin-bottom: 18px; }
#main .topSection .inner .photoBox { padding-top: 57px; float: left; }
#main .topSection .inner .photoBox img { margin-left: -6px; }
#main .topSection .inner .textBox { float: none; width: 100%; }
#main .topSection .inner .textBox .pBox { background: url(images/common/bg.jpg) repeat-x left bottom; position: relative; }
#main .topSection .inner .textBox p { width: auto; font-size: 14px; text-align: left; line-height: 2.0; letter-spacing: -1px; }
#main .topSection .inner .textBox .title { background: none; padding: 0; }
#main .topSection .inner .textBox .pBox span { position: absolute; top: -1px; right: 2px; }

#main .topSection .newsBox { margin: auto 20px; margin-bottom: 38px; position: relative; }
#main .topSection .newsBox .subBox { padding: 10px 16px; border: 2px solid #624C3F; border-radius: 10px; position: relative; behavior: url(/js/pie.htc); background-color: #fff; }
#main .topSection .newsBox .lBox { padding-top: 10px; float: none; width: auto; text-align: center; }
#main .topSection .newsBox .lBox span { margin-top: 4px; display: block; font-size: 18px; font-weight: bold; }
#main .topSection .newsBox .dlBox { text-align: left; padding: 10px 0 0 22px; width: auto; float: none; background: none; }
#main .topSection .newsBox .dlBox dt { font-size: 13px; float: none; }
#main .topSection .newsBox .dlBox dd { padding: 0 0 4px 0; font-size: 13px; }
#main .topSection .newsBox .dlBox dd a { color: #EE7900; }
#main .topSection .newsBox .link { position: absolute; bottom: -8px; right: -6px; }
#main .topSection .newsBox .link a { padding: 5px 5px 3px; width: 112px; display: block; color: #fff; float: right; font-size: 10px; text-align: center; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); background: url(images/common/icon05.png) no-repeat 15px center #614D40; }
#main .topSection .linkBox { margin: 20px; overflow: visible; zoom: 1; }
#main .topSection .linkBox li { float: none; padding: 0 0 0 0; width: 100%;}
#main .topSection .linkBox li p { margin: auto;}
#main .topSection .linkBox li a img { width: 100%; height: auto; margin: 20px auto auto;}
#main .topSection .linkBox li a:hover img { filter: alpha(opacity=70); opacity: 0.7; }

.move { width: 90%; height: auto; background: url(images/index/moveBg.png) no-repeat center center; background-size: cover; margin: 20px auto 30px; padding: 45px 30px 65px; box-sizing: border-box;}
.moveIn { position: relative; width: 100%; padding-top: 56.25%;}
.moveIn iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.accordion {}
.accordion li {}
.accordion li > p { background: #614D40; color: #FFF; text-align: center !important; margin: auto 20px; padding: 10px 0; font-size: 14px;}
.accordion li > p span { position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none; font-size: 15px;}
.accordion li > p span::before,
.accordion li > p span::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.accordion li > p span::before { box-sizing: border-box; width: 16px; height: 16px; border: 1px solid #FFF; -webkit-border-radius: 50%; border-radius: 50%;}
.accordion li > p span::after { left: 5px; box-sizing: border-box; width: 6px; height: 6px; border: 3px solid transparent; border-left: 5px solid #FFF;}
.accordion li > p.active span::after { left: 4px; box-sizing: border-box; width: 6px; height: 6px; border: 3px solid transparent; border-left: 5px solid #FFF; transform: rotate(90deg);}
.accordion li div { display: none; text-align: left; margin: auto 20px; padding: 10px 0;}
.accordion li div > p {}
.accordion li div > p span { border-bottom: dotted 2px #999;}
.accordion li div > img { width: 100%; height: auto;}

/*------------------------------------------------------------
	activities.html
------------------------------------------------------------*/
#main .activeSection { padding: 0; }
#main .activeSection #conts .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .activeSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .activeSection #conts .title { margin-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 1.4; color: #40210F; }
#main .activeSection #conts p { font-size: 13px; }
#main .activeSection #conts .pBox { margin: auto 20px 20px; text-align: left; position: relative; background: url(images/common/bg.jpg) repeat-x left bottom; }
#main .activeSection #conts .pBox p { width: auto; line-height: 2.15; }
#main .activeSection #conts .pBox img { position: absolute; top: -86px; right: -25px; }
#main .activeSection #conts .imgBoxR .textBox h3 { margin: auto 20px 20px; }
#main .activeSection #conts .imgBoxR .textBox p { line-height: 1.9; text-align: left; margin: auto 20px 20px;}
#main .activeSection #conts h3 { margin: auto 20px 20px; text-align: left; }
#main .activeSection #conts .photoBox { margin: auto 20px 20px; }
#main .activeSection #conts .text { margin: auto 20px 20px; text-align: left; line-height: 1.9; }
#main .activeSection #conts .comPhotoList02 { margin: auto 20px 20px; }
#main .activeSection #conts .imgBoxR02 { margin-bottom: 0; }
#main .activeSection #conts .h3Ttl { margin-bottom: 15px; }
#main .activeSection #conts .imgBoxR03 { margin-bottom: 20px; }

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
#conts .comTable { width: 100%; border-collapse: collapse; border-top: 1px solid #A38B77; }
#conts .comTable th,
#conts .comTable td { padding: 10px 15px 8px; font-weight: normal; text-align: left; vertical-align: central; line-height: 1.4; border-bottom: 1px solid #A38B77; }
#conts .comTable th { text-align: center; border-right: 1px solid #A38B77; background-color: #F9F9CB; }
#conts .comTable .thStyle01 { background-color: #E4EDF6; }
#conts .comTable .thStyle02 { background-color: #EAF1C7; }
#conts .comTable .thStyle03 { background-color: #D6EDE7; }
#conts .comTable .thStyle04 { background-color: #FCE5DD; }
#conts .comTable .thStyle05 { background-color: #F8C8BE; }
#conts .comTable .thStyle06 { background-color: #FFF2B3; }
#conts .comTable .thStyle07 { background-color: #ECEBBF; }
#conts .comTable .thStyle08 { background-color: #FCE0D4; }

/*------------------------------------------------------------
	gyouji.html
------------------------------------------------------------*/
#main .gyoujiSection { padding: 0; }
#main .gyoujiSection #conts { margin-top: 4px; }
#main .gyoujiSection #conts .mainImg {width: 100%; height: auto; margin-bottom: 2%; }
#main .gyoujiSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .gyoujiSection #conts .mg20 { margin: auto 20px 20px;}
#main .gyoujiSection #conts .tableBox { margin-bottom: 42px; position: relative; }
#main .gyoujiSection #conts .tableBox .img { top: 1px; right: -3px; position: absolute; }
#main .gyoujiSection #conts .tableBox p { line-height: 1.8; font-size: 16px; }
#main .gyoujiSection #conts .textUl { margin-top: 13px; text-align: left;}
#main .gyoujiSection #conts .textUl li { padding-left: 12px; line-height: 1.7; font-size: 16px; background: url(images/common/icon06.gif) no-repeat left center; }
#main .gyoujiSection #conts .imgBox { margin-bottom: 15px; }
#main .gyoujiSection #conts .imgBox .photoBox { margin-top: 2px; float: none; }
#main .gyoujiSection #conts .imgBox .textBox { margin: 15px 0 0 0; width: auto; float: none; }
#main .gyoujiSection #conts .imgBox .textBox h3 { text-align: left; margin: 0 0 18px; }
#main .gyoujiSection #conts .imgBox .textBox p { text-align: left; font-size: 13px; line-height: 1.7; }
#main .gyoujiSection #conts .imgBox02 { margin-bottom: 84px; }
#main .gyoujiSection #conts .imgBox03 { margin-bottom: 70px; }
#main .gyoujiSection #conts .imgBox04 { margin-bottom: 45px; }
#main .gyoujiSection #conts .imgBox02 .textBox { width: auto; }
#main .gyoujiSection #conts .imgBox02 .textBox p { text-align: left; margin: 0 0 20px; }
#main .gyoujiSection #conts .imgBox02 .photoBox { margin-top: 49px; width: 100%; }
#main .gyoujiSection #conts .infoBox { margin-bottom: 52px; }
#main .gyoujiSection #conts .infoBox h3 { text-align: left; margin-bottom: 12px; }
#main .gyoujiSection #conts .infoBox p { margin-bottom: 17px; font-size: 13px; line-height: 1.7; }
#main .gyoujiSection #conts .infoBox .comPhotoList { margin-bottom: 0; }
#main .gyoujiSection #conts .imgBox05 .photoBox { margin-top: 18px; }

/*------------------------------------------------------------
	access.html
------------------------------------------------------------*/
#main .accessSection { padding: 0; }
#main .accessSection #conts { margin-top: 4px; }
#main .accessSection .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .accessSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .accessSection h3 { margin: auto 20px 20px; text-align: left; }
#main .accessSection .h3Ttl { margin-bottom: 20px; }
#main .accessSection h4 { margin: auto 20px 20px; text-align: left; font-size: 16px; }
#main .accessSection p {margin: auto 20px 20px; text-align: left; font-size: 14px; line-height: 1.8; }
#main .accessSection #conts .map { margin: auto 20px 20px; width: auto; height: 300px; }
#main .accessSection #conts .map iframe { width: 100%; height: 300px; }

/*------------------------------------------------------------
	information.html
------------------------------------------------------------*/

#main .informationSection { padding: 0; }
#main .informationSection #conts { margin-top: 4px; }
#main .informationSection .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .informationSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .informationSection h3 { margin: auto 20px 20px; text-align: left; }
#main .informationSection p { margin: auto 20px 20px; text-align: left; font-size: 13px; line-height: 1.7; position: relative; }
#main .informationSection .pic { margin: auto 20px 20px; }
#main .informationSection .text { margin-bottom: 30px; }
#main .informationSection .text02 { font-size: 15px; line-height: 1.45; }
#main .informationSection .briefing { margin: auto 20px 20px; }
#main .informationSection .briefing dt { padding-top: 12px; width: 40px; height: 28px; float: left; color: #FFF; font-size: 12px; position: relative; text-align: center; background-color: #614D40; border-radius: 20px; behavior: url(js/pie.htc); }
#main .informationSection .briefing dd { text-align: left; padding: 7px 0 10px 3.5em; font-size: 14px; }
#main .informationSection .briefing .last { margin-top: 6px; }
#main .informationSection table {  margin: auto 20px 20px; width: auto; border-collapse: collapse; }
#main .informationSection table th { padding: 10px 0 0; display: block; width: auto; font-weight: bold; text-align: left; border: none; }
#main .informationSection table td { padding: 0 0 10px; display: block; width: auto; line-height: 1.4; text-align: left; border: none; font-size: 11px; }

/*------------------------------------------------------------
	riren.html
------------------------------------------------------------*/
#main .rirenSection { padding: 0; }
#main .rirenSection #conts { margin-top: 4px; }
#main .rirenSection .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .rirenSection #conts .ttl { padding: 4% 0; text-align: center; }
#main .rirenSection .pic { width: calc(100% - 40px); margin: auto auto 20px; padding: 0 0 10px; background: url(images/riren/line.gif) repeat-x left bottom; }
#main .rirenSection .imgBox { width: calc(100% - 40px); margin: auto auto 20px; padding: 0 0 10px; background: url(images/riren/line.gif) repeat-x left bottom; }
#main .rirenSection .imgBox .photoBox { float: right; margin-left: 5px;}
#main .rirenSection .imgBox .textBox { width: auto; text-align: left; float: left; }
#main .rirenSection .imgBox .textBox ul { width: auto; float: left; }
#main .rirenSection .imgBox .textBox .sub { width: 200px; }
#main .rirenSection .imgBox .textBox li { padding-bottom: 6px; font-size: 15px; }
#main .rirenSection .imgBox .textBox p { text-align: center; margin-top: 9px; font-size: 15px; line-height: 1.8; }

/*------------------------------------------------------------
	kankyou.html
------------------------------------------------------------*/
#main .kankyouSection { padding: 0; }
#main .kankyouSection .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .kankyouSection #conts .ttl { padding: 4% 0; text-align: center; }
#main .kankyouSection h3 { margin: auto 20px 25px; text-align: left; }
#main .kankyouSection .comPhotoList { margin: auto 20px 20px; }
#main .kankyouSection .comPhotoList li { width: calc((100% - 20px) / 2 ); float: left; margin: 0 20px 20px 0; padding: 0; text-align: left; }
#main .kankyouSection .comPhotoList li:nth-child(2n) { margin-right: 0;}
#main .kankyouSection .photo { margin: auto 20px 20px; text-align: left; }
#main .kankyouSection p { margin-bottom: 10px; font-size: 13px; color: #604C3F; }
#main .kankyouSection .comPhotoList li span { margin-top: 11px; font-size: 13px; line-height: 1.5; }
#main .kankyouSection .comPhotoList02 { margin-bottom: 30px; }
#main .kankyouSection .comPhotoList02 li { padding-bottom: 24px; }

/*------------------------------------------------------------
	training.html
------------------------------------------------------------*/
#main .trainingSection { padding: 0; }
#main .trainingSection .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .trainingSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .trainingSection h3 { margin-bottom: 10px; font-size: 18px; color: #40210F; }
#main .trainingSection .pBox { margin: auto 20px 25px; text-align: left; background: url(images/common/bg.jpg) repeat-x left bottom; }
#main .trainingSection .pBox p { font-size: 13px; line-height: 2.15; }
#main .trainingSection .pBox .text { text-indent: 1em; }
#main .trainingSection .guidanceBox { margin: auto 20px 25px; text-align: left; padding: 20px; background-color: #E7E8E9; border-radius: 10px; position: relative; behavior: url(/js/pie.htc); }
#main .trainingSection .guidanceBox .photoList { float: none; width: auto; }
#main .trainingSection .guidanceBox .photoList li { padding-left: 0; float: none; width: auto; text-align: center; }
#main .trainingSection .guidanceBox .photoList li span { margin-top: 5px; font-size: 11px; display: block; }
#main .trainingSection .guidanceBox .photoList li:first-child { padding: 6px 0 0 0; width: 175px; }
#main .trainingSection .guidanceBox .textBox { margin: auto auto 20px; padding-top: 16px; float: none; width: auto; }
#main .trainingSection .guidanceBox .textBox p { font-size: 13px; letter-spacing: -0.5px; line-height: 1.85; }
#main .trainingSection .guidanceBox .textBox .title { margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #40210F; letter-spacing: -1px; line-height: 1.5; }

/*------------------------------------------------------------
	foods.html
------------------------------------------------------------*/
#main .foodsSection { padding: 0; }
#main .foodsSection #conts { margin-top: 4px; }
#main .foodsSection #conts h3 { margin-bottom: 19px; }
#main .foodsSection #conts .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .foodsSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .foodsSection #conts .imgBoxR { margin: auto 20px 20px; text-align: center; }
#main .foodsSection #conts .imgBoxR .photoBox { margin: auto auto 20px; width: auto; }
#main .foodsSection #conts .imgBoxR .textBox { margin-top: 19px; width: auto; }
#main .foodsSection #conts .imgBoxR .textBox p { text-align: left; font-size: 13px; line-height: 2.2; background: url(images/common/bg.jpg) repeat-x left top; }
#main .foodsSection #conts .imgBoxL { margin-bottom: 16px; }
#main .foodsSection #conts .imgBoxL .photoBox { margin: auto 20px 20px; }
#main .foodsSection #conts .imgBoxL .photoBox ul { margin-right: 0; position: inherit; }
#main .foodsSection #conts .imgBoxL .photoBox li { padding-left: 0; float: left; width: 48%; }
#main .foodsSection #conts .imgBoxL .photoBox li:first-child { padding-left: 0; margin-right: 4%; }
#main .foodsSection #conts .imgBoxL .txt02 { text-align: left; font-size: 12px; }

#main .foodsSection #conts .imgBoxL .textBox { }
#main .foodsSection #conts .imgBoxL .textBox p { font-size: 11px; line-height: 1.35; }
#main .foodsSection #conts .yellowBox { margin: auto 20px 20px; padding: 15px 15px 19px 27px; background-color: #FFF1AE; border-radius: 9px; border: 1px solid #FFF4BC; position: relative; behavior: url(js/pie.htc); }
#main .foodsSection #conts .yellowBox h3 { margin-bottom: 15px; }
#main .foodsSection #conts .yellowBox .lBox { width: auto; float: none; text-align: left; }
#main .foodsSection #conts .yellowBox table { width: 100%; border-collapse: collapse; }
#main .foodsSection #conts .yellowBox th,
#main .foodsSection #conts .yellowBox td { padding: 5px 0 5px; font-size: 13px; font-weight: normal; border: 1px solid #A48B77; border-right: none; border-left: none; }
#main .foodsSection #conts .yellowBox th { border-left: none; border-left: none;}
#main .foodsSection #conts .yellowBox .rBox { margin-top: 8px; float: none; }
#main .foodsSection #conts .yellowBox .rBox li {  padding-left: 0; float: left; width: 48%; }
#main .foodsSection #conts .yellowBox .rBox li:first-child { padding-left: 0; margin-right: 4%; }

/*------------------------------------------------------------
	gaiyo.html
------------------------------------------------------------*/
#main .gaiyoSection { padding: 0; }
#main .gaiyoSection #conts { margin-top: 4px; }
#main .gaiyoSection #conts .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .gaiyoSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .gaiyoSection #conts table { width: calc(100% - 40px); margin: auto; border-collapse: collapse; }
#main .gaiyoSection #conts th,
#main .gaiyoSection #conts td { display: block; text-align: left; padding: 0 0 10px; font-size: 15px; line-height: 1.45; font-weight: normal; border-top: none; border-left: none; }
#main .gaiyoSection #conts tr:first-child th,
#main .gaiyoSection #conts tr:first-child td { border-top: none; }
#main .gaiyoSection #conts th { font-weight: bold; padding: 10px 0 0; text-align: left; border-left: none; }
#main .gaiyoSection #conts .tdStyle { padding: 10px 0 0; text-align: left; font-weight: bold;}
#main .gaiyoSection #conts .tdStyle::before { content: "●"; display: inline-block;}
#main .gaiyoSection #conts td dl { padding-bottom: 6px; line-height: 1.6; }
#main .gaiyoSection #conts td dt { float: left; }
#main .gaiyoSection #conts td dd { padding: 0 0 0 11.5em; }

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

	question.html
------------------------------------------------------------*/
#main .questionSection { padding: 0; }
#main .questionSection #conts { margin-top: 3px; }
#main .questionSection #conts h3 { margin-bottom: 19px; }
#main .questionSection #conts .mainImg { margin-bottom: 22px; }
#main .questionSection #conts .ttl { margin: 4% 0; text-align: center; }
#main .questionSection #conts .imgBoxR { margin-bottom: 20px; }
#main .questionSection #conts .imgBoxR .photoBox { margin: auto 20px 20px; width: auto; position: relative; }
#main .questionSection #conts .imgBoxR .photoBox span { margin: 0; position: absolute; width: 135px; right: -25px; line-height: 1.4; bottom: 0; }
#main .questionSection #conts .imgBoxR .textBox { margin: auto 20px 20px; }
#main .questionSection #conts .imgBoxR .textBox p { font-size: 13px; text-align: left; line-height: 2.2; background: url(images/common/bg.jpg) repeat-x left top; }
#main .questionSection #conts .imgBoxR .textBox .textImg { margin-bottom: 15px; }
#main .questionSection #conts .qaBox { margin: 0 20px 20px; padding: 35px 20px -11px; position: relative; border: 2px solid #89796C; }
#main .questionSection #conts .qaBox h3 { position: absolute; top: -13px; left: 17px; }
#main .questionSection #conts .qaBox dl { font-size: 13px; padding: 20px 15px 0; }
#main .questionSection #conts .qaBox dt { float: left; display: none; }
#main .questionSection #conts .qaBox dd { padding: 0 0 9px 7em; display: none; text-align: left; }
#main .questionSection #conts .dlBox dl { margin-bottom: 20px; }
#main .questionSection #conts .dlBox dt { margin-bottom: 30px; }
#main .questionSection #conts .dlBox dd { margin-bottom: 30px; }
#main .questionSection #conts .dlBox dd span { margin-bottom: 20px; display: block; }
#main .questionSection #conts .btmLink { float: right; }
#main .questionSection #conts .btmLink a { padding: 5px 5px 3px; width: 112px; display: block; color: #fff; font-size: 14px; text-align: center; background-color: #614D40; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); }

#main .questionSection .mR20L { margin: auto 20px 20px; text-align: left; box-sizing:border-box;}

/*------------------------------------------------------------
	kouryu.html
------------------------------------------------------------*/
#main .kouryuSection #conts { padding: 0; }
#main .kouryuSection #sideBar { margin: 9px 0 0 1px; }
#main .kouryuSection #conts h2 { margin: 90px 0 4%; text-align: center; }
#main .kouryuSection #conts .imgBox { margin-bottom: 42px; }
#main .kouryuSection #conts .imgBox .photoBox { margin: auto auto 20px; width: 221px; float: none; }
#main .kouryuSection #conts .imgBox .photoBox span { margin-top: 5px; font-size: 13px; display: block; text-align: center; }
#main .kouryuSection #conts .imgBox .textBox { margin: auto 20px 20px; width: auto; float: none; }
#main .kouryuSection #conts .imgBox .textBox .ttl { margin-bottom: 10px; padding: 0; font-size: 18px; font-weight: bold; line-height: 1.5; background: none; text-align: center;}
#main .kouryuSection #conts .imgBox .textBox p { text-align: left; font-size: 13px; line-height: 2.2; background: url(images/common/bg.jpg) repeat-x left top; }
#main .kouryuSection #conts .photoList { margin: auto 20px 20px; text-align: left; width: auto; overflow: hidden; zoom: 1; }
#main .kouryuSection #conts .photoList li { margin: auto 0 10px; width: auto; float: none; font-size: 12px; }
#main .kouryuSection #conts .photoList li img { margin-bottom: 5px; width: 100%; display: block; }

/*------------------------------------------------------------
	gakusyu.html
------------------------------------------------------------*/
#main .gakusyuSection { padding: 0; }
#main .gakusyuSection #conts { margin-top: 4px; }
#main .gakusyuSection #conts .mainImg { width: 100%; height: auto; margin-bottom: 2%; }
#main .gakusyuSection #conts .ttl { margin: 4% 0; text-align: center; }

#main .gakusyuSection #conts .text { margin: auto 20px 20px; text-align: left; font-size: 13px; line-height: 1.9; }
#main .gakusyuSection #conts .title { margin-bottom: 10px; font-size: 20px; font-weight: bold; }
#main .gakusyuSection #conts .pBox { margin: auto 20px 20px; text-align: left; background: url(images/common/bg.jpg) repeat-x left top; }
#main .gakusyuSection #conts .pBox p { font-size: 13px; line-height: 2.2; }
#main .gakusyuSection #conts h3 { margin: auto 20px 20px; text-align: left;}
#main .gakusyuSection #conts .comTable { margin-bottom: 35px; }
#main .gakusyuSection #conts .comTable th { padding: 5px; font-size: 16px; background-color: #FFFDED; }
#main .gakusyuSection #conts .comTable th span { margin-top: 4px; display: block; color: #E73828; font-size: 11px; }
#main .gakusyuSection #conts .comTable td { padding: 15px 0 19px 25px; font-size: 13px; line-height: 1.6; }
#main .gakusyuSection #conts .comTable .tdStyle { padding-bottom: 10px; }
#main .gakusyuSection #conts .comTable td span { display: block; font-size: 16px; font-weight: bold; line-height: 1.45; }
#main .gakusyuSection #conts .comTable td .red { color: #E73828; }
#main .gakusyuSection #conts .meetimg { margin-bottom: 35px; }
#main .gakusyuSection #conts .meetimg dt { float: left; }
#main .gakusyuSection #conts .meetimg dd { padding: 5px 0 0 96px; font-size: 14px; line-height: 1.7; }
#main .gakusyuSection #conts .imgBox .photoBox { margin: auto 20px 20px; width: auto; float: none; }
#main .gakusyuSection #conts .imgBox .photoBox span { margin: 7px 0 0 10px; display: block; font-size: 11px; }
#main .gakusyuSection #conts .imgBox .textBox { margin: auto 20px 20px; text-align: left; width: auto; float: none; }
#main .gakusyuSection #conts .imgBox h3 { margin-bottom: 15px; }
#main .gakusyuSection #conts .imgBox .textBox p { margin-bottom: 12px; font-size: 13px; line-height: 1.7; }
#main .gakusyuSection #conts .imgBox .textBox .text01 { margin-bottom: 0; font-size: 23px; font-weight: bold; text-align: center; }
#main .newsSection { margin: 40px 20px 20px; text-align: left; padding: 10px; border: 2px dotted #D5D3C6; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); zoom: 1; }
#main .alpha a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
#main .alpha { margin: auto 20px 20px; }
#main .alpha img { margin: 0; padding: 0; clear: both; display: block; }

/*------------------------------------------------------------
	blog.html
------------------------------------------------------------*/
#main .blog { margin: 50px 20px 0; width: auto; text-align: left; }
#main .blog .blogDl { text-align: left;}
#main .blog .blogDl dt { float: none; }
#main .blog .blogDl dd { margin-bottom: 20px; padding-left: 0; }
#main .title { margin-bottom: 20px; font-weight: bold; }
#main .blog .detail p { padding-bottom: 20px; line-height: 1.6; }
#main .date { margin-right: 50px; text-align: right; }
#main .blog .btmLink { margin: 20px 0 0; width: 122px; float: right; }
#main .blog .btmLink a { padding: 5px 5px 3px; width: 112px; display: block; color: #fff; font-size: 14px; text-align: center; background-color: #614D40; border-radius: 5px; position: relative; behavior: url(/js/pie.htc); }
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; max-width: 100%; }

}


/*
-----------------------------------------------
▼写真調整　2025.07
----------------------------------------------- */
@media screen and (max-width: 767px) {
.sp_mgn{
margin:20px 0;
}
}