@charset "utf-8";  
/*------------------------------------------------------------ 
	デフォルトスタイル	全ページ共通css
------------------------------------------------------------*/  

/**** フォントサイズ　*************

基本を12pxに、サイズは％指定。

====偶数====　　　====奇数====
■10px = 84%      ■11px = 92%
■12px = 100%     ■13px = 109%
■14px = 117%     ■15px = 125%
■16px = 134%     ■17px = 142%
■18px = 150%     ■19px = 159%
■20px = 167%     ■21px = 175%
■22px = 184%     ■23px = 192%
■24px = 200%     ■25px = 209%
■26px = 217%     ■27px = 226%

**********************************/

html,
body { margin: 0; padding: 0;}
body {
	font-size: 76%;
	background: #fff url(../img/border.png) repeat-x 0 0;
	background-size:4px 6px;
	-webkit-text-size-adjust: 100%;
    overflow-y: scroll;
}

html { font-size: 100%;}

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;
	border: 0;
	outline: 0;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	color:#554949;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}  

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
    display: block;
}

blockquote,
q { quotes: none;}

a {
	text-decoration: none;
	outline: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del { text-decoration: line-through;}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select,
textarea {
	font-size: 100%;
	vertical-align: middle;
	font-family: 游ゴシック体, 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

input[type=text],
input[type=tel],
input[type=password],
textarea{ -webkit-appearance:none;}

input[type=checkbox],
input[type=radio]{
	position:relative;
	top:-1px;
}

ul,ol { list-style-type: none;}
img { vertical-align: middle;}

.img-responsive{
	width:100%;
	height:auto;
}

.opacity {
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.opacity:hover {
	opacity: .7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: .7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: .7;
}

.clear { clear: both;}
.clearfix { width: 100%;}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}

.fl { float: left;}
.fr { float: right;}

.txtl { text-align: left;}
.txtr { text-align: right;}
.txtc { text-align: center;}

strong,
strong *,
.fwb { font-weight: bold;}

.clrr { color: #FF0000;}
.clrb { color: #333;}
.clrw { color: #fff;}
.clro { color: #FD8F2F;}

.il { display: inline;}
.bl { display: block;}
.no { display: none;}

.li2 { line-height: 2;}

/* margin */
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}

.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}

/* padding */
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}

.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}

.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}

.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}

/* font-size */
.font10 { font-size: 84%;}
.font11 { font-size: 92%;}
.font12 { font-size: 100%;}
.font13 { font-size: 109%;}
.font14 { font-size: 117%;}
.font15 { font-size: 125%;}
.font16 { font-size: 134%;}
.font17 { font-size: 142%;}
.font18 { font-size: 150%;}
.font19 { font-size: 159%;}
.font20 { font-size: 167%;}
.font21 { font-size: 175%;}
.font22 { font-size: 184%;}
.font23 { font-size: 192%;}
.font24 { font-size: 200%;}
.font25 { font-size: 209%;}
.font26 { font-size: 217%;}
.font27 { font-size: 226%;}



/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/

.inner {
	width:auto;
	max-width: 960px;
	margin: 0 auto;
	padding-right:10px;
	padding-left:10px;
	overflow: hidden;
}

/*------------------------------------------------------------ 
    ヘッダー 
------------------------------------------------------------*/

#header {
	width:auto;
	max-width:960px;
	padding:36px 10px 0;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#hdLogo{
	width:240px;
	float:left;
}

#hdContact{
	width:182px;
	height:48px;
	float:right;
}

#hdContact a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:38px;
	color:#fff;
	font-size:117%;
	background:url(../img/bg-contact.png) no-repeat;
	background-size:182px 48px;
}

#gNavi{
	width:100%;
	clear:both;
	padding-top:30px;
}

#gNavi ul{
	width:auto;
	overflow:hidden;
	border-left:1px solid #CEEDC4;
	border-right:1px solid #60C440;
}

#gNavi li{
	width:16.66666666666667%;
	height:40px;
	float:left;
	padding:0 10px;
	box-sizing:border-box;
	border-right:1px solid #CEEDC4;
	border-left:1px solid #60C440;
}

#gNavi a{
	display:block;
	text-align:center;
	padding:5px 0;
	border-radius:5px;
	transition: background 0.2s ease-out;
}

#gNavi a:hover{ background:#CEEDC4;}

.navi-jp{
	color:#554949;
	font-size:117%;
	font-weight:bold;
	line-height:10px;
}

.navi-en{
	line-height:10px;
	margin-top:10px;
	color:#2FB106;
	font-size:92%;
	font-family:Arial, Helvetica, sans-serif;
}


/* sp */

#navBtn{
	display:none;
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:25px;
	z-index:100;
}

#navBtn a{
	display:block;
	width:30px;
	height:30px;
	position:relative;
}

.top-bar,
.middle-bar,
.bottom-bar{
	width: 30px;
	height: 4px;
	background-color:#554949;
	-webkit-transition: -webkit-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-moz-transition: -moz-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-ms-transition: -ms-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-o-transition: -o-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	transition: transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	top: 5px;
	left:0;
}

.middle-bar{
	-webkit-transition: opacity 0s .15s linear;
	-moz-transition: opacity 0s .15s linear;
	-ms-transition: opacity 0s .15s linear;
	-o-transition: opacity 0s .15s linear;
	transition: opacity 0s .15s linear;
	top: 13px;
}

.bottom-bar{ top: 21px;}

.open .top-bar{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 13px;
}

.open .middle-bar{ opacity: 0;}

.open .bottom-bar{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 13px;
}


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

#contents{
	width:auto;
	min-height:480px;
	margin-top:40px;
	padding-left:260px;
	position:relative;
}


/* メインカラム */

.headline{
	width:auto;
	padding:12px 0 8px;
	margin-bottom:20px;
	text-align:center;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	letter-spacing:3px;
	background:#2FB106;
	border-radius:5px;
}

.columnInner{
	width:auto;
	padding:0 20px 20px;
}

.sectionHd{
	color:#2FB106;
	font-size:125%;
	letter-spacing:2px;
	font-weight:bold;
	line-height:16px;
	padding:4px 0 4px 36px;
	margin-bottom:20px;
	background:url(../img/icon-sectionhd.png) no-repeat left top;
	background-size:24px 24px;
}

.sectionTbl{
	width:100%;
	font-size:117%;
	border-top:1px solid #2FB005;
	border-bottom:1px solid #2FB005;
}

.sectionTblLine > th{
	width:90px;
	vertical-align:top;
	padding:12px 25px;
	text-align:left;
	color:#2FB106;
	font-weight:bold;
	background-color:#FEF7DE;
}

.sectionTblLine > td{
	vertical-align:top;
	padding:12px 20px;
	line-height:1.6;
}

.sectionTblLine:not(:last-child) > th,
.sectionTblLine:not(:last-child) > td{
	background-image:url(../img/border-dotted.png);
	background-repeat:repeat-x;
	background-position:0 bottom;
	background-size:2px 1px;
}

.sectionTblLine td th{
	text-align:left;
	line-height:1.6;
}

.wid100{ width:100px;}
.wid140{ width:140px;}

.sectionTblLine td td{ line-height:1.6;}

.section { margin-top:60px;}
.section2{ margin-top:30px;}
.section3{ margin-top:20px;}

.txt{
	line-height:1.6;
	font-size:117%;
}

.subHd{
	color:#2FB106;
	font-size:117%;
	font-weight:bold;
	padding:8px 15px;
	margin-bottom:15px;
	border:1px solid #2FB106;
}

.pdf{
	display:table-cell;
	vertical-align:middle;
	height:120px;
	padding-left:135px;
	font-size:117%;
	letter-spacing:1px;
	background:url(../img/icon-pdf.png) no-repeat left 50%;
	background-size:115px 120px;
}



/* サイドメニュー */

#sideColumn{
	width:220px;
	position:absolute;
	left:0;
	top:0;
}

#sideMenu{
	width:auto;
	border:1px solid #2FB106;
	border-radius:5px;
	overflow:hidden;
}

#sideMenu h3{
	text-align:center;
	padding:12px;
	color:#2FB106;
	font-family:Arial, Helvetica, sans-serif;
	font-size:117%;
	letter-spacing:2px;
	background:#EFFAEB;
	border-bottom:1px solid #2FB106;
}

#sideMenu ul{
	width:auto;
	padding:14px;
}

#sideMenu li:not(:last-child){ border-bottom:1px solid #D6D0CB;}

#sideMenu a{
	display:block;
	padding:10px;
	color:#554949;
	font-size:117%;
	font-weight:bold;
	letter-spacing:3px;
	transition: color 0.2s ease-out;
}

#sideMenu a:hover{ color:#2FB106;}

#sideMenu a:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:8px;
	height:8px;
	margin-right:10px;
	background:#FCCB19;
	border-radius:50%;
}

#sideInfo{
	width:auto;
	padding:40px 20px 20px;
	margin-top:45px;
	border:1px dotted #2FB106;
	background:#F4F9EF;
	border-radius:5px;
	position:relative;
}

#sideInfo:before{
	display:block;
	content:"";
	width:46px;
	height:46px;
	background:url(../img/icon-info.png) no-repeat;
	background-size:46px 46px;
	position:absolute;
	left:50%;
	top:-23px;
	z-index:10;
	margin-left:-23px;
}

#sideInfo dt{
	font-size:125%;
	font-weight:bold;
	color:#2FB106;
	margin-bottom:10px;
}

#sideInfo dd{ font-size:117%;}


/* TOP */

#visual{
	width:auto;
	padding:5px;
	margin-top:15px;
	background:url(../img/top/border.png) repeat;
	background-size:4px 4px;
	border-radius:5px;
}

.rslides{
	position:relative;
	overflow:hidden;
}

#greeting{
	width:auto;
	padding:0 170px 0 20px;
	background:url(../img/top/top-img1.png) no-repeat right 45px bottom 45px;
	background-size:76px 125px;
}

.greetingHd{
	color:#2FB106;
	font-size:125%;
	letter-spacing:3px;
	font-weight:bold;
	text-indent:-5px;
	margin-bottom:10px;
}

.greetingTxt{
	font-size:117%;
	font-weight:bold;
	padding-bottom:25px;
}

.list{
	display:inline-block;
	padding-right:220px;
	counter-reset:number;
	background:url(../img/top/top-img2.png) no-repeat right bottom;
	background-size:170px 98px;
}

.list li{
	font-size:125%;
	font-weight:bold;
	line-height:1.8;
	padding-left:1.5em;
	text-indent:-1.5em;
}

.list li:before{
	counter-increment:number;
	content:counter(number) ".";
	margin-right:10px;
	color:#FAC504;
	font-family:Arial, Helvetica, sans-serif;
}

#newsList li{
	display:table;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #D6D0CB;
	font-size:117%;
}

#newsList li:not(:last-child){ margin-bottom:15px;}

.news-date{
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	transition:color 0.2s ease-out;
}

.news-ttl{
	display:table-cell;
	vertical-align:top;
	transition:color 0.2s ease-out;
}

#newsList a:hover p{ color:#2FB106;}


/* GAIYO */

#gaiyoHd{
	width:auto;
	min-height:24px;
	padding:10px 100px 20px 0;
	background:url(../img/gaiyo/gaiyo-img1.png) no-repeat right top;
	background-size:90px 47px;
}

#gaiyoHd h3{ margin-bottom:0;}

#gaiyo-img{
	width:100%;
	max-width:483px;
	margin-top:10px;
}


/* ACCESS */

#gmap{
	width:100%;
	height:270px;
	margin-top:10px;
}

#accessList{ padding-left:20px;}

#accessList li{
	line-height:1.8;
	font-size:117%;
	padding-left:18px;
	text-indent:-18px;
}

#accessList li:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:8px;
	height:8px;
	background:#FBCA19;
	border-radius:50%;
	margin-right:10px;
}


/* JOB */

.job-pdf{ margin:15px 0 25px;}



/* DIRECTOR */

#director-img{
	width:100%;
	max-width:548px;
	margin-top:15px;
}

#director-list1{
	padding-right:180px;
	background-image:url(../img/nonosama.png);
	background-size:130px 138px;
}

#director-list2{
	padding-right:280px;
	background-image:url(../img/director/director-img2.png);
	background-size:227px 93px;
}

#directorTbl{
	width:100%;
	margin-top:60px;
	font-size:117%;
}

#directorTbl th{
	vertical-align:top;
	color:#fff;
	padding:10px;
	font-weight:bold;
	background:#2FB106;
}

#directorTbl .thead1{ width:40px;}
#directorTbl .thead2{ width:190px;}

#directorTbl tr{ border-bottom:1px solid #2FB106;}

#directorTbl .tbody1{
	vertical-align:top;
	color:#2FB106;
	text-align:center;
	font-weight:bold;
	padding:20px 0px;
	background:#FEF6DF;
}

#directorTbl .tbody2{
	vertical-align:top;
	padding:20px 0px 20px 20px;
}

#directorTbl .tbody2 span{
	display:block;
	color:#2FB106;
	font-weight:bold;
	margin-bottom:10px;
}

#directorTbl .tbody-txt1{
	padding:20px 0 10px;
	border-bottom:1px dotted #2FB106;
}

#directorTbl .tbody-txt2{ padding:10px 0 20px;}


/* ENV */

#envWrap{
	width:100%;
	letter-spacing:-0.4em;
}

.envColumn{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:31.81818181818182%;
	margin-bottom:20px;
}

.envColumn:not(:nth-child(3n)){ margin-right:2.272727272727273%;}

.envHd{
	width:100%;
	max-width:110px;
	margin:0 auto;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:134%;
	background:#F48E21;
	border-radius:15px;
}

.envHd span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:134%;
	color:#fff;
}

.env-img{
	width:100%;
	max-width:420px;
	margin:10px auto;
}

.env-list{ padding:0 5px;}

.env-list li{
	font-size:117%;
	text-indent:-18px;
	padding-left:18px;
}

.env-list li:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:8px;
	height:8px;
	background:#FBCA19;
	border-radius:50%;
	margin-right:10px;
}

#envWrap2{
	padding-right:65%;
	position:relative;
}

#env-img{
	width:65%;
	position:absolute;
	top:0;
	right:0;
}


/* SHEET */

.sheetList{ counter-reset:number;}

.sheetList li{
	font-size:117%;
	line-height:1.6;
	padding-left:1.2em;
	text-indent:-1.2em;
}

.sheetList li:before{
	counter-increment:number;
	content:counter(number) ".";
	margin-right:5px;
	font-weight:bold;
	color:#554949;
	font-family:Arial, Helvetica, sans-serif;
}

.sheetList p{
	margin-top:10px;
	line-height:1.6;
	text-indent:0;
}

.sheetList dl{
	margin-top:10px;
	padding-bottom:5px;
}

.sheetList dd{
	text-indent:0;
	padding:5px 0 10px;
	line-height:1.6;
}

#sheetWrap{
	padding-left:36px;
	margin-top:-10px;
}

#sheetPdf{
	width:100%;
	overflow:hidden;
}

#sheetPdf li{
	width:50%;
	float:left;
	padding:10px 10px 0 0;
	box-sizing:border-box;
}


/* WORK */

.work-section{
	padding-bottom:20px;
	border-bottom:1px solid #2FB106;
}

.work-section:not(:last-child){ margin-bottom:25px;}

.workList{
	width:auto;
	margin:0 -5px;
	overflow:hidden;
}

.workList li{
	width:50%;
	float:left;
	padding:0 5px;
	box-sizing:border-box;
}

.work-img{
	width:100%;
	max-width:240px;
	margin:0 auto 15px;
}


/* SONG */

#songWrap{
	width:auto;
	padding:0px 40px 30px;
	margin-top:80px;
	background:#FDF6DD;
	position:relative;
	border-radius:5px;
}

#songHd{
	width:100%;
	text-align:center;
	position:relative;
	top:-20px;
	z-index:2;
}

#songHd h4{
	display:inline-block;
	vertical-align:top;
	width:175px;
	padding:0 15px;
}

#songHd p{
	display:inline-block;
	vertical-align:bottom;
	font-size:117%;
	line-height:1.6;
	padding:70px 15px 0;
	background:url(../img/song/song-img3.png) no-repeat 50% 20px;
	background-size:57px 34px;
}

#songList{
	width:100%;
	margin-top:10px;
}

#songList li{
	width:46.55172413793103%;
	float:left;
	padding-top:20px;
}

#songList li:nth-child(odd){ padding-right:6.896551724137931%;}

#songList p{
	color:#2FB106;
	font-size:117%;
	font-weight:bold;
	margin-bottom:10px;
}

#nonosamaWrap{
	width:auto;
	padding-left:145px;
	margin-top:60px;
	position:relative;
}

#nonosamaImg{
	width:130px;
	position:absolute;
	left:0;
	top:0;
}

.nonosamaColumn{
	width:auto;
	padding:15px 0 20px 25px;
	border:2px solid #67C247;
	border-radius:5px;
}

.nonosamaColumn h4{
	color:#2FB106;
	font-weight:bold;
	font-size:142%;
	margin-bottom:15px;
}

.nonosamaColumn ol{
	counter-reset:number;
	overflow:hidden;
}

.nonosamaColumn li{
	width:50%;
	float:left;
	text-indent:-36px;
	padding:0 25px 0 36px;
	font-size:134%;
	box-sizing:border-box;
}

.nonosamaColumn li:before{
	display:inline-block;
	vertical-align:top;
	counter-increment: number;
	content:counter(number);
	width:24px;
	height:24px;
	margin-right:12px;
	text-align:center;
	line-height:24px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background:#2FB005;
	border-radius:50%;
}


/* SENDMAIL */

.iframe-container{
	display:inline-block;
	width:100%;
	height:1000px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.iframe{
	display:block;
	width:100%;
	height:100%;
	border:none;
}


/*------------------------------------------------------------ 
    フッター 
------------------------------------------------------------*/  

#footer{
	width:100%;
	margin-top:55px;
}

#pagetop{
	width:auto;
	max-width:960px;
	padding:0 10px;
	margin:0 auto;
	text-align:right;
}

#pagetop img{
	width:72px;
	height:26px;
}

#copyright{
	width:100%;
	border-top:3px solid #2FB106;
	text-align:center;
}

#copyright small{
	line-height:60px;
	color:#7F7575;
}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/   

/* TABLET */
@media screen and (min-width: 789px){

#gNavi{ display:block!important;}

.tablet-show{ display:none;}

}

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

.tablet-hide{ display:none;}

#header{ padding-top:21px;}

#hdLogo{ width:180px;}

#hdContact{ display:none;}

#navBtn{ display:block;}


#gNavi{
	display:none;
	width:auto;
	margin:0 -10px;
	padding-top:15px;
}

#gNavi ul{
	border:none;
	background:#CEEDC4;
	border-top:1px solid #60C440;
}

#gNavi li{
	width:50%;
	height:inherit;
	border:none;
	padding:0;
	border-right:1px solid #60C440;
	border-bottom:1px solid #60C440;
}

#gNavi li:nth-child(even){ border-right:none;}

#gNavi li:nth-child(-n +3){ margin-bottom:0;}

#gNavi a{ padding:10px;}



/* コンテンツ */

#contents{
	width:100%;
	padding-left:0;
	margin-top:20px;
}

.columnInner{ padding:0 10px 20px;}

#sideColumn{
	width:100%;
	position:static;
	margin-top:0;
}

#sideMenu{ display:none;}

.pdf{
	height:60px;
	padding-left:75px;
	background-size:58px 60px;
}


/* SONG */

#songWrap{
	width:auto;
	padding:0px 20px 20px;
	margin-top:60px;
}

#nonosamaWrap{ margin-top:40px;}

.nonosamaColumn{
	padding:15px 0 20px 15px;
	border:1px solid #67C247;
}

.nonosamaColumn li{ padding-right:15px;}


/* SENDMAIL */

.iframe-container{ height:750px;}

}


@media screen and (min-width: 561px){

.sp-show{ display:none;}

}


/* SP */
@media screen and (max-width: 560px){

.sp-hide{ display:none;}


/* コンテンツ */

.headline{
	margin-bottom:15px;
	letter-spacing:2px;
	font-size:125%;
}

.columnInner{ padding:0 5px 20px;}

#sideInfo{
	padding:40px 10px 20px;
	text-align:center;
}

#sideInfo dt{ font-size:117%;}
#sideInfo dd{ font-size:109%;}

.sectionHd{
	font-size:117%;
	margin-bottom:15px;
}

.sectionTbl{
	display:block;
	font-size:109%;
}

.sectionTblLine,
.sectionTbl > tbody,
.sectionTbl > thead{ display:block;}

.sectionTblLine > th{
	display:block;
	width:auto;
	padding:10px;
}

.sectionTblLine > td{
	display:block;
	padding:10px;
}

.sectionTblLine:not(:last-child) > th{ background-image:none;}

.section { margin-top:30px;}
.section2{ margin-top:20px;}
.section3{ margin-top:15px;}

.txt{ font-size:109%;}

.subHd{
	font-size:109%;
	padding:8px 10px;
}

.pdf{ font-size:109%;}


/* トップ */

#greeting{
	padding:0 5px;
	background:none;
}

.greetingHd{
	font-size:117%;
	letter-spacing:2px;
}

.greetingTxt{
	font-size:109%;
	padding-bottom:20px;
}

.list{
	display:block;
	padding:0 0 110px 0;
	background-position: right 50% bottom 0;
}

.list li{ font-size:117%;}

#newsList li{
	display:block;
	font-size:109%;
	padding-bottom:10px;
}

#newsList li:not(:last-child){ margin-bottom:10px;}

.news-date{
	display:block;
	padding-left:0;
	margin-bottom:5px;
}

.news-ttl{ display:block;}


/* ENV */

.envColumn{
	width:48%;
	margin-bottom:15px;
}

.envColumn:not(:nth-child(3n)){ margin-right:0%;}
.envColumn:not(:nth-child(even)){ margin-right:4%;}

.envHd{
	max-width:80px;
	line-height:20px;
	font-size:117%;
	border-radius:20px;
}

.env-list li{ font-size:109%;}

#envWrap2{ padding-right:0;}

#env-img{
	width:100%;
	position:static;
	margin-top:15px;
}


/* SHEET */

.sheetList li{ font-size:109%;}

#sheetPdf li{
	width:100%;
	float:none;
	padding:10px 0 0;
}


/* ACCESS */

#gmap{ height:200px;}

#accessList{ padding-left:10px;}

#accessList li{
	line-height:1.6;
	font-size:109%;
}


/* DIRECTOR */

#director-list1{ padding:0 0 153px 0;}

#director-list2{ padding:0 0 108px 0;}

#directorTbl{
	display:block;
	margin-top:30px;
	font-size:109%;
}

#directorTbl tbody,
#directorTbl tr{ display:block;}

#directorTbl th{ display:none;}

#directorTbl .tbody1,
#directorTbl .tbody2{
	display:block;
	padding:10px;
}

#directorTbl .tbody1:after{ content:"のねらい";}

#directorTbl .tbody3{
	display:block;
	padding:0 10px;
}

#directorTbl .tbody-txt1{ padding:10px 0;}

#directorTbl .tbody-txt1:before,
#directorTbl .tbody-txt2:before{
	display:block;
	color:#2FB106;
	margin-bottom:5px;
}

#directorTbl .tbody-txt1:before{ content:"0歳・1歳・2歳児";}
#directorTbl .tbody-txt2:before{ content:"3歳・4歳・5歳児";}


/* SONG */

#songWrap{ padding:0px 15px 20px;}

#songHd h4{
	width:87px;
	padding:0 10px;
}

#songHd p{
	font-size:109%;
	padding:70px 10px 0;
}

#songList li{
	width:100%;
	float:none;
}

#songList li:nth-child(odd){ padding-right:0;}

#songList p{ font-size:109%;}

#nonosamaWrap{
	padding-left:0;
	margin-top:30px;
}

#nonosamaImg{
	position:static;
	margin:15px auto 0;
}

.nonosamaColumn{ padding:15px;}

.nonosamaColumn h4{
	font-size:125%;
	margin-bottom:0px;
}

.nonosamaColumn li{
	width:100%;
	float:none;
	margin-top:15px;
	padding:0 0 0 36px;
	font-size:117%;
}


/* SENDMAIL */

.iframe-container{ height:500px;}


/* footer */

#footer{ margin-top:30px;}

#pagetop{
	text-align:center;
	margin-bottom:15px;
}

#pagetop a{
	display:block;
	height:9px;
	padding:15px;
	background:#2FB106 url(../img/pagetop-sp.png) no-repeat 50% 50%;
	background-size:15px 9px;
	border-radius:5px;
}

#copyright{ border-top-width:2px;}

#copyright small{
	line-height:40px;
	font-size:92%;
}

}