.pc{display:none}

/*html5*//**/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

* {margin:0;padding:0;}

html{overflow:auto}

body {
color:#4B3434;
margin:0;padding:0;
background:url(../img/common/bg.jpg) top center repeat;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size:medium;
overflow:hidden;min-width:98%;
}

a{outline:none;text-decoration:none;color:#8f6215}
a:link,a:visited{color:#8f6215}
a:hover,a:active{color:#FF6063}

p,li,dt,dl {line-height:1.8}
p {}
li {list-style-type:none;}
img {border:0;width:auto;height:auto}
img, div, input { behavior: url(../js/iepngfix.htc) }
img.full{width:100%;height:auto}

.bold{font-weight:bold}
.wide{letter-spacing:0.2em}
.caution{color:#D83033}
table tr td,
table tr th{line-height:1.6;vertical-align:middle}

address {font-style:normal;}

.clear {clear:both;}

/*CONTAINER*//**/
header{position:relative!important;}
#contents{}
footer{}

/*header*/
header h1{background:#fff;height:auto;}
header h1 img{padding:5px 2%;}
header .menu{position:absolute;top:10px;right:2%;width:30%;height:auto}

/*footer*/
footer{
	position:relative;
	color:#8f6215;line-height:1.4;
	background:url(../img/common/bg_footer.png) top center no-repeat;text-align:center;
	padding:40px 0 100px 0;}
footer h1 img{width:60%;height:auto;display:block;margin:auto auto;padding:10px 0}
footer p.kiraratv{margin:10px 0;font-size:small;}
footer p.kiraratv a{text-decoration:underline;}
footer small{font-size:small}
footer #grandnav{
	position:fixed;bottom:0px;
	width:100%;height:auto;padding:15px 0;
	background-image:url(../img/common/bg_button.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;}
footer #grandnav ul{width:100%;overflow:hidden}
footer #grandnav ul li{width:33%;height:auto;float:left;display:block;vertical-align:bottom;}
footer #grandnav ul li a img{width:40%;height:auto}



/*DRWARMENU*//**/
#drawer {
  display: none;
  background-color: #fff;
  background-image: url(../img/common/bg.jpg);
  box-shadow: -1px 0 4px 0 rgba(169, 169, 169, 0.7);
  overflow-y: auto;
}

#drawer ul {list-style-type: none;padding: 0;}
#drawer li {
	text-align:left;padding: .6em .8em;
	font-size: 1em;border-bottom: 1px dashed #dbd0b8;}

#drawer p.image{width:100%;text-align:left;padding:10px}
#drawer p.image img{width:25%;height:auto;}

/*contents-common*/
#contents article p{width:96%;padding:2%}

#contents article ul.menubutton{overflow:hidden;margin:10px 0 20px 0}
#contents article ul.menubutton li{
	position:relative;
	line-height:1.4;
	border-top:1px solid #C3C3C3;
	background:url(../img/common/bg_light.jpg) repeat}
#contents article ul.menubutton li:last-child{border-bottom:1px solid #c3c3c3}
#contents article ul.menubutton li a{display:block;width:96%;padding:10px 2%;font-size:large}
#contents article ul.menubutton li a span{
	display:inline-block;font-size:small;color:#000000;}
#contents article ul.menubutton li a:after{
	content:url(../img/common/arrow1.png);
	position:absolute;right:2%;top:50%;margin-top:-8px}
#contents article ul.menubutton li a img{width:60%;height:auto}

/*sub-common*//**/
.sub header h1{text-align:center}
.sub header h1 img{max-width:96%;height:auto}
.sub header .wave{position:relative}
.sub header .wave .wave1{position:absolute!important;left:0;top:0px}
.sub header .wave .wave2{position:absolute!important;left:0;bottom:0px}

.sub .banner{margin-top:0}
.sub .banner a img{margin:2% 0}

.sub #contents article{margin-bottom:20px}
.sub #contents article h1{
	position:relative;width:96%;margin:0 2%;padding:15px 0 10px 0;
	font-size:large;font-weight:bold;background-position:bottom;background-repeat:repeat-x;}
.sub #contents article h1.blue{color:#2f54a8;background-image:url(../img/common/hr_blue.png)}
.sub #contents article h1.sky{color:#1382c1;background-image:url(../img/common/hr_sky.png)}
.sub #contents article h1.green{color:#098011;background-image:url(../img/common/hr_green.png)}
.sub #contents article h1.rg{color:#19b34b;background-image:url(../img/common/hr_rg.png)}
.sub #contents article h1.brown{color:#8f6215;background-image:url(../img/common/hr_brown.png)}
.sub #contents article h1.pink{	color:#eb6681;background-image:url(../img/common/hr_pink.png);}

.sub #contents article img{width:96%;height:auto;margin:10px 2%}
.sub #contents article img.photo{width:90%;height:auto;margin:20px 5%}
.sub #contents article section h2{font-size:large;font-weight:bold;width:96%;margin:10px 2% 10px 2%}

/*INDEX*//**/
#index header h1 img{width:60%;height:auto}
#index header ul{margin:-10% auto}
#index header ul li{}
#index header ul li img{height:auto;}
#index header .wave{position:relative;}
#index header .wave .wave1{position:absolute;top:0}
#index header .wave .wave2{position:absolute;bottom:18%}
#index header .banner{margin-top:-8%}
#index header .banner a img{margin:2% 0}

#index #contents article.copy{text-align:center;padding:2% 0;font-size:large}
#index #contents article.copy h1 img{width:94%;margin:0 2%}

#index #contents{}
#index #contents a img.link{width:90%;height:auto;margin:0 5% 20px 5%}

/*WEHOPE*//**/
#wehope #contents article section div img{border-radius:10px}
#wehope #contents article section div h2 a{font-weight:normal;font-size:medium}
#wehope #contents article section:nth-child(3) div h2{color:#1d67bf}
#wehope #contents article section:nth-child(4) div h2{color:#249314}
#wehope #contents article section:nth-child(5) div h2{color:#ea4242}
#wehope #contents article section:nth-child(3) div h2 a{color:#6483D5}
#wehope #contents article section:nth-child(4) div h2 a{color:#58AA66}
#wehope #contents article section:nth-child(5) div h2 a{color:#FF7476}


/*MESSAGE*//**/
#message #contents article h1 span{font-size:small}
#message #contents article section h2{color:#2f54a8}

/*FACILITY*//**/
#facility #contents article section h2{color:#2f54a8}
#facility #contents article section img{border-radius:10px;margin-bottom:10px}

/*MAP*//**/

/*TSUBOMI*//**/
#tsubomi #contents article h2{
	width:95%;margin:10px 2% 5px 2%;color:#1382c1;border-left:5px solid #1382c1;
	padding:5px 0 5px 5px}
#tsubomi #contents article section {}
#tsubomi #contents article section table{width:96%;margin:0 2%;border-collapse:collapse;}
#tsubomi #contents article section table tr th,
#tsubomi #contents article section table tr td{padding:10px 2%}
#tsubomi #contents article section table tr th{width:25%;background:#C2E5F4;color:#1382c1}
#tsubomi #contents article section table tr td{width:71%;background:#FFFFFF;}

/*TSUKUSHI*//**/
#tsukushi #contents article h2{
	width:95%;margin:10px 2% 5px 2%;color:#eb6681;border-left:5px solid #eb6681;
	padding:5px 0 5px 5px}
#tsukushi #contents article section {}
#tsukushi #contents article section table{width:96%;margin:0 2%;border-collapse:collapse;}
#tsukushi #contents article section table tr th,
#tsukushi #contents article section table tr td{padding:10px 2%}
#tsukushi #contents article section table tr th{width:25%;background:#FFCACB;color:#eb6681}
#tsukushi #contents article section table tr td{width:71%;background:#FFFFFF;}


/*SENKA*//**/
#senka #contents article section h2{
	width:95%;margin:10px 2% 5px 2%;border-left:5px solid;
	padding:5px 0 5px 5px}
#senka #contents article section:nth-child(3) h2{color:#1382c1;border-left-color:#1382c1}	
#senka #contents article section:nth-child(4) h2{color:#0096dc;border-left-color:#0096dc}	
#senka #contents article section:nth-child(5) h2{color:#00b0dc;border-left-color:#00b0dc}	
#senka #contents article section:nth-child(6) h2{color:#00c5dc;border-left-color:#00c5dc}	
#senka #contents article section img{border-radius:10px;margin-bottom:10px}

/*WITHUS*//**/
#withus #contents article table{width:96%;margin:10px 2% 20px 2%;border-collapse:collapse}
#withus #contents article table tr th,
#withus #contents article table tr td{padding:10px 1%;width:auto;}
#withus #contents article table tr th{font-weight:bold;color:#36bd3f;text-align:center;}
#withus #contents article table tr th,
#withus #contents article table tr:last-child td{border-bottom:2px solid #36bd3f;}
#withus #contents article table tr:nth-child(odd) td{background:#d0e8c8}
#withus #contents article table tr td:first-child{text-align:left;width:10em}
/*#withus #contents article table tr td:last-child{color:#ed1044;text-align:center;width:4em}*/
#withus #contents article section h2{
	width:95%;margin:10px 2% 5px 2%;border-left:5px solid;
	padding:5px 0 5px 5px;color:#098011}
#withus #contents article section p{text-align:center}
#withus #contents article section p span{display:block;text-align:center;margin-bottom:10px}
#withus #contents article section p span a{
	background:#098011;color:#ffffff;font-size:x-large;font-weight:bold;padding:10px;border-radius:10px;max-width:80%;}
#withus #contents article section a img{max-width:491px;height:auto}

/*BOSYU*//**/
#bosyu #contents article section h2{
	width:95%;margin:10px 2% 5px 2%;border-left:5px solid #36bd3f;;
	padding:5px 0 5px 5px;color:#36bd3f;}
#bosyu #contents article section table{
	width:96%;margin:10px 2%;border-collapse:separate;border-spacing:0 3px}
#bosyu #contents article section table tr th,
#bosyu #contents article section table tr td{width:auto;padding:20px 10px}
#bosyu #contents article section table tr th{background:#f4ffe7;width:7em}
#bosyu #contents article section table tr td{background:#FFFFFF}
#bosyu #contents article section a img{max-width:306px;height:auto;}

/*MAIL*//**/
#mail #contents article p.tel{text-align:center}
#mail #contents article p.tel a{
	margin:10px auto;display:block;
	background:#f67575;color:#ffffff;font-size:x-large;font-weight:bold;padding:10px;
	border-radius:10px;max-width:80%;}
#mail #contents article table{
	width:96%;margin:10px 2%;border-collapse:collapse;border-spacing:0 3px;border:1px solid #e4d8b2;}
#mail #contents article table tr th,
#mail #contents article table tr td{padding:2%;border-bottom:3px solid #f8f3e2}
#mail #contents article table tr:last-child th,
#mail #contents article table tr:last-child td{border-bottom:none}
#mail #contents article table tr th{width:50%;background:#e4d8b2;vertical-align:middle}
#mail #contents article table tr th span{
	display:inline;background:#f67575;font-size:small;color:#ffffff;padding:3px 5px;margin-left:5px}
#mail #contents article table tr td{width:auto;background:#f8f3e2}
#mail #contents article table tr td select,
#mail #contents article table tr td input[type=text],
#mail #contents article table tr td input[type=date],
#mail #contents article table tr td input[type=email],
#mail #contents article table tr td input[type=tel],
#mail #contents article table tr td textarea{background:#ffffff;padding:5px;font-size:medium}
#mail #contents article table tr td input[type=text],
#mail #contents article table tr td input[type=email],
#mail #contents article table tr td input[type=tel],
#mail #contents article table tr td textarea{width:90%}
#mail #contents article table tr td input[type=date]{width:auto}
#mail #contents article table tr td select{}
#mail #contents article table tr td textarea{height:100px}
#mail #contents article input[type=image]{width:auto;margin:20px 0}
#mail #contents article input[type=submit]{
	border: 0px;width:319px;height:68px;
	background:url(../img/mail/button.png) left top no-repeat;
	text-indent: -9999px;
	cursor:pointer;
	}
#mail #contents article div.pp{
	width:91%;margin:10px 2%;height:300px;padding:10px 2%;overflow-y:scroll;
	background:#ffffff;border:1px solid #e4d8b2}
#mail #contents article div.pp dl dt{font-weight:bold;color:#8f6215;}
#mail #contents article div.pp dl dd{margin-bottom:20px}

/*TOPICS*//**/
#topics #contents p.link{max-width:96%;margin:10px 2%;}
#topics #contents p.link a{background:#2f54a8;color:#ffffff;padding:10px;border-radius:10px}
#topics #contents article h1{line-height:1.6}
#topics #contents article h1 span{display:block;font-size:medium;color:#4B3434;font-weight:normal}
#topics #contents article p img{border-radius:10px}

#topics.circle #contents article h2{width:96%;font-size:large;font-weight:bold;color:#2f54a8;padding:20px 2% 10px 2%}

#topics #contents nav{width:96%;margin:10px 2%;;overflow:hidden!important;padding:20px 0;background:url(../img/common/hr_blue.png) top repeat-x}

#topics #contents nav .next,
#topics #contents nav .prev{float:left;width:50%;}
#topics #contents nav .prev{text-align:right}
#topics #contents nav .next a,
#topics #contents nav .prev a{background:#1382c1;color:#ffffff;padding:10px;border-radius:10px}



/*DAILYBLOG*//**/
#dailyblog #contents p.page-title{
	width:100%;text-align:center;margin:10px auto;
	font-size:large;font-weight:bold;color:#8f6215}
#dailyblog #contents article a{color:#8f6215}

#dailyblog #contents article section {background:url(../img/common/hr_brown.png) bottom repeat-x}
#dailyblog #contents article section h1{}
#dailyblog #contents article section h1 span{font-size:small;color:#4B3434;padding:0 10px}

#dailyblog #contents article p img{width:100%;height:auto;margin:10px 0;border-radius:10px}


#dailyblog #contents article nav{height:90px;over-flow:hidden;background:url(../img/common/hr_brown.png) bottom repeat-x}
#dailyblog #contents article nav p{width:96%;margin:10px 2%;overflow:hidden!important;padding:20px 0;}
#dailyblog #contents article nav .next,
#dailyblog #contents article nav .prev{float:left;width:46%;}
#dailyblog #contents article nav .prev{text-align:right;}
#dailyblog #contents article nav .next a,
#dailyblog #contents article nav .prev a{background:#8f6215;color:#ffffff;padding:10px;border-radius:10px}

#dailyblog #contents article#nav{}
#dailyblog #contents article#nav section{padding-bottom:15px}
#dailyblog #contents article#nav section h2{background:#8e693a;color:#ffffff;padding:5px 0;text-align:center;border-radius:2px}
#dailyblog #contents article#nav section ul{width:96%;margin:0 2%}
#dailyblog #contents article#nav section ul li{}
#dailyblog #contents article#nav section ul li span{font-size:small;display:block;margin-bottom:-5px}

/*PRINCIPALBLOG *//**/
#principalblog #contents{overflow-x: hidden}
#principalblog #contents p.page-title{
	width:100%;text-align:center;margin:10px auto;
	font-size:large;font-weight:bold;color:#098011}
#principalblog #contents article a{color:#098011}

#principalblog #contents article section {background:url(../img/common/hr_green.png) bottom repeat-x}
#principalblog #contents article section h1{}
#principalblog #contents article section h1 span{font-size:small;color:#4B3434;padding:0 10px}

#principalblog #contents article p img{width:100%;height:auto;margin:10px 0;border-radius:10px}
#principalblog #contents article nav{height:90px;over-flow:hidden;background:url(../img/common/hr_green.png) bottom repeat-x}
#principalblog #contents article nav p{width:96%;margin:10px 2%;overflow:hidden!important;padding:20px 0;}
#principalblog #contents article nav .next,
#principalblog #contents article nav .prev{float:left;width:46%;}
#principalblog #contents article nav .prev{text-align:right;}
#principalblog #contents article nav .next a,
#principalblog #contents article nav .prev a{background:#098011;color:#ffffff;padding:10px;border-radius:10px}

#principalblog #contents article#nav{}
#principalblog #contents article#nav section{padding-bottom:15px}
#principalblog #contents article#nav section h2{background:#50b357;color:#ffffff;padding:5px 0;text-align:center;border-radius:2px}
#principalblog #contents article#nav section ul{width:96%;margin:0 2%}
#principalblog #contents article#nav section ul li{}
#principalblog #contents article#nav section ul li span{font-size:small;display:block;margin-bottom:-5px}



/*NOTFOUND*//**/
#notfound #contents article p.link{margin-bottom:20px}
#notfound #contents article p.link a{padding:5px 10px;background:#1382c1;border-radius:5px;color:#ffffff}


/*CONTACT FORM 7*//**/
div.wpcf7-response-output,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	width:80%!important;margin:2em 5%!Important;
}

/*WP-PAGENAVI*//**/
#dailyblog #contents center .wp-pagenavi,
#principalblog #contents center .wp-pagenavi{width:96%;padding:10px 2%;overflow:hidden;}

div.device-switch{display:block!important;padding:20px 2%!important;text-align:center}
div.device-switch a{display:inline-block!important;vertical-align:middle;width:96%;height:auto;font-size:18pt}

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 80px;
}