@charset "utf-8";
/*
 * CSS common.css
 */
 

/*
//color
black #191919
main #e54c4c
brown #664c28
lightbrown #f0ede9
border #ccc
back #f1f1f1

//icon
arw1_white
arw1_red
arw1_brown
arw2_red
arw2_brown
icon_tel
*/



/* ---------------------------------------
basecontainer
--------------------------------------- */

/* incnt */
.incnt { max-width: 1000px; width: 92%!important; margin:0 auto!important; }
.incnt2 { max-width: 1220px; width: 92%!important; margin:0 auto!important; }

/* section */
.section { margin-top: 50px; }
@media screen and (max-width: 639px) {
	.section { margin-top: 40px; }
}

/* insec */
.insec { margin-top: 50px; }
@media screen and (max-width: 639px) {
	.insec { margin-top: 30px; }
}

/* .block */
.block { margin-top: 30px; }
@media screen and (max-width: 639px) {
	.block { margin-top: 20px; }
}

/* csection */
.csection { margin-top: 20px; }











/* ---------------------------------------
link/btn
--------------------------------------- */
/* normal */
a{ color:inherit; }
a:link { text-decoration: underline;  }
a:visited { text-decoration: underline;  }
a:hover { text-decoration: none; opacity: 0.7; }
a:active { text-decoration: none; opacity: 0.7; }



/* txtlink */
a.txtlink{ text-decoration: none; font-weight: bold; font-size: 0.93em;/*15px*/color: #21b6c1;  }
.txtlink:after{ content: " "; background: url(../img/common/arw1_green.png) no-repeat left; background-size: contain; width:8px; height:13px; display: inline-block; margin-left: 10px; position: relative; top: 1px;}
a.txtlink:hover{ text-decoration: underline; }

a.txtlink._2{ color: #fff; }
.txtlink._2:after{ content: " "; background: url(../img/common/arw1_white.png) no-repeat left; background-size: contain; width:8px; height:13px; display: inline-block; margin-left: 10px; position: relative; top: 1px;}


/* stylelink */
a.stylelink { display: inline-block; line-height: 18px; font-weight: bold; position: relative; padding-right: 20px; }
a.stylelink:before { content: ''; background-image: url(../img/common/arw2_red.png); background-size: contain; position: absolute; width: 18px; height: 18px; line-height: 0;font-size: 0; top: 50%; right: 0; margin-top: -9px; }
a.stylelink.brown { color: #664c28; }
a.stylelink.brown:before { background-image: url(../img/common/arw2_brown.png); }

.telnum {display: flex;align-items: center;font-family: "Inter", sans-serif;color: #41b7c4;line-height: 1.4;padding-top: 10px;}
.telnum .tel-text { font-size: 20px; font-weight: bold; }
.telnum .tel-number {font-size: 24px;letter-spacing: 1px;position: relative;}
.telnum ._num{ font-weight: bold; }
.telnum ._koko {font-size: 12px;font-weight: bold;position: absolute;top: -9px;left: 116px;letter-spacing: 0.35em;}
#header .telnum .tel-text {font-size: 0;margin-right: 3px;}
#header .telnum .tel-text:before{content: "";background: url(../img/common/h_tel.png) no-repeat;background-size: contain;width: 29px;height: 29px;display: inline-block;vertical-align: 7px;}
@media screen and (max-width: 1040px){
	.telnum .tel-text {font-size: 0!important;margin-right: 3px;}
	.telnum .tel-text:before{content: "";background: url(../img/common/f_tel_t.png) no-repeat;background-size: contain;width: 26px;height: 26px;display: inline-block;vertical-align: 7px;}
	.telnum .tel-number {font-size: 20px;}
	.telnum ._koko {font-size: 9px;top: -7px;left: 100px;letter-spacing: 0.55em;}
}

/* stylebtn */
a.stylebtn1 { font-size: 18px; display: inline-block; border: 4px solid #e54c4c; line-height: 1; padding: 1em 2em; font-weight: bold; color: #e54c4c; text-decoration: none; position: relative; min-width: 140px; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; text-align: center; }
a.stylebtn1:hover { background: #e54c4c; color: #fff; opacity: 1; }
@media screen and (max-width: 639px) {
	a.stylebtn1 { font-size: 1em; border: 2px solid #e54c4c; }
	a.stylebtn1:before { display: none; }
}


/* telbtn */
a.telbtn { position: relative; font-size: 26px; font-weight: bold; color: #e54c4c; text-decoration: none; padding-left: 35px; line-height: 1; display: inline-block; margin: 10px 0; }
a.telbtn:before { content: ''; background-image: url(../img/common/icon_tel.png); background-size: contain; position: absolute; width: 28px; height: 28px; line-height: 0;font-size: 0; top: 50%; left: 0px; margin-top: -14px; }
@media screen and (max-width: 639px) {
	a.telbtn { font-size: 20px; vertical-align: middle; padding-left: 28px; }
	a.telbtn:before { background-image: url(../img/common/icon_tel.png); width: 22px; height: 22px; margin-top: -10px; }
}

/* telbtn */
a.tel_link { cursor: default; text-decoration: none; color: inherit; background: transparent; }
a.tel_link:hover, a.tel_link:active { opacity: 1; }
@media screen and (max-width: 639px) {
	a.tel_link { display: inline-block; }
}






/* map_link */
p.map_link{ text-align: right; padding-right: 10px; }
p.map_link a:hover{ text-decoration: underline; }

/* arrow */
p.map_link.arrow:before{ content: " "; background: url(../img/wp/common/icon1.png) no-repeat; background-size: contain; width: 4px; height:7px; display: inline-block; margin-right: 3px; vertical-align: 2px }



a.btnlink {display: inline-block;background-color: #23b7c2;color: #fff;font-weight: bold;font-size: 0.87em;padding: 5px 10px;vertical-align: middle;text-decoration: none;width: 100%;box-sizing: border-box;position: relative;transition: .4s;}
a.btnlink:after{content: " ";background: url(../img/common/arw1_white.png) no-repeat left;background-size: contain;width:8px;height:13px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 15px;transition: .4s;}
@media screen and (max-width: 767px){
	a.btnlink { padding: 4px 10px; }
}




/* ---------------------------------------
txt/font
--------------------------------------- */

/* baseset [大きさ/太さ/色] */
.txtbase { font-weight: normal; color: #191919; font-size: 15px;  line-height: 1.8; }
.txtbold { font-weight: bold; }
.txtsmall { font-size: 13px; } @media screen and (max-width: 479px) { .txtsmall { font-size: 12px; } }
.sup { font-size: 0.7em; vertical-align: top; }
.txturl { word-break: break-all; }
.txtbig1 { font-size: 18px; font-weight: bold; } @media screen and (max-width: 479px) {  .txtbig1 { font-size: 16px; } }
.txtbig2  { font-size: 22px; font-weight: bold; } @media screen and (max-width: 479px) { .txtbig2 { font-size: 18px; } }
.txtwhite { color: #fff; }
.txtcolor { color: #21b6c1; }
.txtblack { color: #191919; }
.txtgrey { color: #ccc; }
.txtred { color: #ec755f; }
.txtbrown { color: #664c28; }
.txtgreen{ color:#bcd537; }
.bold { font-weight: bold;}








/* ---------------------------------------
title
--------------------------------------- */

/* セクションtitle*/
.sectitle { font-weight: bold; line-height: 1.6; text-align: center; margin-bottom: 30px; }
.sectitle .txt1{ display: block; font-weight: bold; font-size: 1.06em; color: #ec755f; margin-bottom: 5px; }
.sectitle .txt2{ display: block; font-weight: bold; font-size: 1.87em; }
@media screen and (max-width: 639px) {
	.sectitle { margin-bottom: 15px; }
	.sectitle .txt1{ margin-bottom:0px; }
}
@media screen and (max-width: 479px) {
	
}


/* セクションtitle（h2）*/
.insectitle { font-weight: bold; font-size: 1.87em; color: #23b7c2; margin-bottom: 30px; position: relative; padding-left: 41px; line-height: 1.4; padding-top: 10px }
.insectitle span{ font-weight: bold; }
.insectitle:before { content: ""; display: inline-block; width: 36px; height: 44px; background: url(../img/common/icon_leaf.png) no-repeat center; background-size: 100%; position: absolute; top: 2px; left:0; }
@media screen and (max-width: 639px){
	.insectitle { font-size: 1.6em; margin-bottom: 15px; padding-top: 15px }
	.insectitle:before{ top:-2px; }
}


.blocktitle { font-weight: bold; font-size: 1.5em; margin-bottom: 15px; }
.blocktitle span { font-weight: bold; font-size: 0.6em; color: #ec755f; margin-left: 15px; }
@media screen and (max-width: 767px){
	.blocktitle { margin-bottom: 10px; }
}






/* ---------------------------------------
table
--------------------------------------- */
/* sche */
.sche{ width: 100%; margin-bottom: 10px; background: #fff;}
/*.sche .sat{ color: #23b7c2; }*/
.sche .sun{ color: #ec755f; }
.sche th, .sche td { text-align: center; padding: 15px 5px 13px; border-left: 1px solid #a3a3a3; border-top: 1px solid #a3a3a3; }
#cnt_main .sche th, #cnt_main .sche td { padding: 12px 0 10px; }
.sche thead th, .sche thead td { background: #E5E5E5; border-left: 1px solid #a3a3a3; border-top-width: 0px; font-weight: bold; padding: 10px 5px 8px; }
.sche thead th { width: 20%; font-size: 0.87em;/*14px*/ }
.sche thead th:first-child, .sche thead td:first-child { border-left-width: 0px; }
.sche tbody td { font-weight: bold;color:#21b6c1 }
.sche tbody tr:first-child td{ padding:8px 0 5px; line-height: 1.4; }
.sche tbody th { font-size: 0.87em;/*14px*/ border-left-width: 0px; }
@media screen and (max-width: 639px) {
	.sche{ width:100%; }
	.sche thead th:first-child, .sche thead td:first-child { width: 70px!important; }
	#cnt_main .sche th, #cnt_main .sche td { padding: 7px 0 5px; font-size: 13px; }
	.sche th, .sche td { padding: 6px 5px 4px; }
}


/* カレンダー表示 */
.sec_calendar .title { text-align: center; background: #fff; line-height: 1.4; padding: 10px 0;  border: 1px solid #ccc; font-weight: bold; border-bottom: 0 }
.sec_calendar .calendar { width: 100%; font-size: 13px; }
.sec_calendar .calendar td,
.sec_calendar .calendar th { text-align: center; background: #fff; line-height: 1.4; padding: 10px 0; border: 1px solid #ccc; }
.sec_calendar .calendar thead th { font-weight: bold; font-size: 1.25em/*20px*/; padding: 10px 0; }
/*.sec_calendar .calendar thead th.sat{ color: #23b7c2; }*/
.sec_calendar .calendar thead th.sun{ color: #ec755f; }
.sec_calendar .calendar tbody th { font-size: 1.125em/*18px*/; font-weight: bold; text-align: left; padding: 10px 1%; text-align: center; }
.sec_calendar .calendar tbody td { font-size: 1.125em/*18px*/; }
.sec_calendar .calendar tbody th.sat { color: #23b7c2; }
.sec_calendar .calendar tbody th.sun { color: #ec755f; }
.sec_calendar .calendar tbody td.none { background: #fbe3df; }
.sec_calendar .calendar tbody td.pm { background: #d6f1f2; }
.sec_calendar .capbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
.sec_calendar .capbox p { line-height: 1.6; margin-bottom: 5px; }
.sec_calendar .capbox span { width: 20px; display: inline-block; margin-right: 5px; }
.sec_calendar .close, #sec_calendar_capbox>p .close { background: #fbe3df!important; }
.sec_calendar .daya, #sec_calendar_capbox>p .daya { background: #d6f1f2!important; }
.sec_calendar .dayb, #sec_calendar_capbox>p .dayb { background: #e0dbd4!important; }
.sec_calendar .spot, #sec_calendar_capbox>p .spot { background: #d1c9be!important; }
.sec_calendar .spota, #sec_calendar_capbox>p .spota{ background: #fcedbc!important }
.sec_calendar .spotb, #sec_calendar_capbox>p .spotb{ background: #bde6c3!important }
.sec_calendar .spotc, #sec_calendar_capbox>p .spotc{ background: #bac9e0!important }
.sec_calendar .spotd, #sec_calendar_capbox>p .spotd{ background: #dacbe2!important }
.sec_calendar .today { font-weight: bold; }

#sec_calendar_capbox{ margin-bottom: 5px; }
#sec_calendar_capbox>p{ display: inline-block; margin-right: 20px; }
#sec_calendar_capbox>p>span{ display: inline-block; width: 18px; height: 18px; background: #f4b8b0; position: relative; top: 5px; margin-right: 5px; }

@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 639px) {
	#sec_calendar_capbox>p>span{ top: 3px; }
}


/* normaltable */
.table_normal { width: 100%; margin: 10px 0; table-layout: fixed; }
.table_normal th, .table_normal td { text-align: left; padding: 12px 2%; border: 1px solid #ccc; }


/* styletable1 */
.table_type1 { width: 100%; margin-bottom: 5px; table-layout: fixed; }
.table_type1 th, .table_type1 td { padding: 12px 2%; border: 1px solid #cccccc; line-height: 1.5; }
.table_type1 th { background: #d3f1f3; font-size: 1.07em; text-align: center; }
.table_type1 td{ font-size: 0.94em }
@media screen and (max-width: 639px) {
}


/* styletable2 */
.table_type2 { width: 100%; margin-bottom: 5px; table-layout: fixed; border: none; }
.table_type2 th, .table_type2 td { padding: 12px 2%; border: 1px solid #cccccc; line-height: 1.5; }
.table_type2 th { background: #f1f1f1; font-size: 1.07em }
.table_type2 thead th, .table_type2 thead td { background: #d3f1f3; text-align: center; }
.table_type2 td{ font-size: 0.94em }
@media screen and (max-width: 639px) {
}







/* ---------------------------------------
list
--------------------------------------- */
ul.list_style1 li { padding-left: 1em; text-indent: -1em; }

/* pankuzu */
#pankuzu { line-height: 1.4; font-size: 0.87em; }
#pankuzu ol li { display: inline; display:inline-block; }
#pankuzu ol li p{ display: inline-block; }
#pankuzu ol li a { text-decoration: underline; color: #333; }
#pankuzu ol li:before { content:"/"; display: inline-block; margin-left: 10px; margin-right: 8px; }
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li.none:after { content:none; padding:0px;  }
@media screen and (max-width: 639px) {
	#pankuzu { font-size: 12px; }
}

/* caution */
ul.caution li { padding-left: 1em; text-indent: -1em; }
ul.caution li:before { content: "※"!important;}











/* ---------------------------------------
layout/box/customset
--------------------------------------- */
.bgbox1:after, borderbox1:after,
ul.imglist:after, ul.imgbox:after,
.imgtopbox:after, .imgbottombox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }



/* bgbox1 */
.bgbox1 { padding: 30px; background: #f8fbeb; overflow:hidden; }
@media screen and (max-width: 1040px) {
	.bgbox1 { padding:20px 4%; }
}
.bgbox1.grey { background: #f2f2f2; }



/* borderbox1 */
.borderbox1 { padding: 30px; border: 1px solid #ccc; overflow:hidden; }
@media screen and (max-width: 1040px) {
	.borderbox1 { padding:20px 4%; }
}
.borderbox1.red { border: 1px solid #e54c4c; }
.borderbox1.brown { border: 1px solid #664c28; }



/* imglist ※heightAdjust併用 */
ul.imglist { margin-bottom: 10px; margin-left: -2%; }
ul.imglist>li { float: left; width: 48%; margin-left: 2%; margin-bottom: 30px; text-align: center; }
ul.imglist.row3>li{ width: 31% }
ul.imglist li img { margin: 0 auto -10px; display: block; width: 100%; }
.nosubtxt ul.imglist { margin-top: 0px!important; margin-bottom: 0px!important; }
ul.imglist li.last,
ul.imglist li.booby { margin-bottom: 0; }
ul.imglist li p.title { margin-bottom: 5px; font-weight: bold; line-height: 1.5; }
ul.imglist li p.caption{ margin-bottom: 5px }
ul.imglist.row3 li p.title { margin: 0 auto 10px; font-weight: bold; background:#e9f8f9; line-height: 1.4; padding:4px 10px 5px; display: inline-block; min-width: 104px; text-align: center; }
ul.imglist.row3 li p.caption{ text-align: center; }
@media screen and (max-width: 1040px) {
	ul.imglist li img { width: 100%; }
}
@media screen and (max-width: 639px) {
	ul.imglist { margin-left: 0; }
	ul.imglist>li { width: 100%; margin-left: 0; margin-bottom: 10px }
	ul.imglist.row3>li{ width: 100% }
	ul.imglist li img { max-width: 100%; }
	ul.imglist li.booby { margin-bottom: 10px; }
	ul.imgbox li p.title { margin-bottom: 3px; font-size: 15px; }
	ul.imgbox li p.caption{ margin-bottom: 3px }
}
@media screen and (max-width: 479px) {
	ul.imglist li img { max-width: none; }
}	



/* imgbox */
ul.imgbox li { margin-bottom: 10px; }
ul.imgbox li img { margin: 0 auto 10px; display: block; width: 100%; }
.nosubtxt ul.imgbox { margin-top: 0px!important; margin-bottom: 0px!important; }
ul.imgbox li.last { margin-bottom: 0; }
ul.imgbox li p.title { margin-bottom: 5px; font-weight: bold; line-height: 1.5; }
ul.imgbox li p.caption{ margin-bottom: 5px }
@media screen and (max-width: 1040px) {
	ul.imgbox li img { width: 100%; }
}
@media screen and (max-width: 639px) {
	ul.imgbox li img { max-width: 100%; margin-bottom: 6px }
	ul.imgbox li p.title { margin-bottom: 3px; font-size: 15px; }
	ul.imgbox li p.caption{ margin-bottom: 3px }
}
@media screen and (max-width: 479px) {
	ul.imgbox li img { max-width: none; }
}		



/* imgtopbox */
.imgtopbox ul.imgbox { margin-bottom: 10px; }
.imgtopbox ul.imglist { margin-bottom: 10px; }
@media screen and (max-width: 479px) {
	.imgtopbox ul.imgbox { margin-bottom: 10px; }
	.imgtopbox ul.imglist { margin-bottom: 10px; }
}



/* imgbottombox */
.imgbottombox ul.imgbox,
.imgbottombox ul.imglist { margin-top: 20px; }
@media screen and (max-width: 479px) {
	.imgbottombox ul.imgbox,
	.imgbottombox ul.imglist { margin-top: 10px; }
}



/* spimgbottom */
@media screen and (max-width: 639px) {
	.spimgbottom ul.imgbox, .spimgbottom ul.imglist { margin-top: 10px; margin-bottom: 0; }
}



/* 幅の指定はdata-boxwidth="80"で可能、処理はjsに記述 */
/* imgleftbox */
.imgleftbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgleftbox .imgbox{ float: left; width:40%; margin-right: 4%; }
.imgleftbox .txtbox{ float: right; width:56%; }
@media screen and (max-width: 767px) {
	.imgleftbox .imgbox{ width:46%; }
	.imgleftbox .txtbox{ width:50%; }
}
@media screen and (max-width: 639px) {
	.imgleftbox .imgbox{ float: none; width:100%; margin-right: 0; text-align: center; margin-bottom:10px; }
	.imgleftbox .imgbox img{ max-width: 100%; width: 100%; }
	.imgleftbox .txtbox{ float: none; width:100%; }
}
@media screen and (max-width: 479px) {
	.imgleftbox .imgbox img{ max-width: none; }
}


/* imgrightbox */
.imgrightbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgrightbox .imgbox{ float: right; width:40%; margin-left: 4%; }
.imgrightbox .txtbox{ float: left; width:56%; }
@media screen and (max-width: 767px) {
	.imgrightbox .imgbox{ width:46%; }
	.imgrightbox .txtbox{ width:50%; }
}
@media screen and (max-width: 639px) {
	.imgrightbox .imgbox{ float: none; width:100%; text-align: center; margin-bottom:10px; margin-left: 0; }
	.imgrightbox .imgbox img{ max-width: 100%; width: 100%; }
	.imgrightbox .txtbox{ float: none; width:100%; }
}
@media screen and (max-width: 479px) {
	.imgrightbox .imgbox img{ max-width: none; }
}


/* contmiddle */
.contmiddle .txtbox{ display: table; }
.contmiddle .txtbox p{ display: table-cell; vertical-align: middle; }
@media screen and (max-width: 639px) {
	.contmiddle .txtbox p{ display: block; }
}


/* contwraparound */
.contwraparound .imgbox{ margin-bottom: 10px; }
.contwraparound .txtbox{ float: none; width: 100%; }
@media screen and (max-width: 639px) {
	.contwraparound .imgbox{ margin: 0; margin-bottom: 10px; }
}


/* 画像の場合は、w500かw700をクラスに追加、tableの場合はtable自体にmin-widthを記述、処理はjs */
/* contframe */
.contframe img { width: 100%; }
.contframe table { width:100%; table-layout:fixed; }
/* .contframe table th { background: #eee; } */
.contframecaution { display: none; color: #ff0000; font-weight: bold; }
@media screen and (max-width: 639px) {
	.contframe.w700 { overflow: auto; }
	.contframe.w700 img { min-width: 700px!important; width: 100%!important; max-width: none!important; }
	.contframecaution.w500  { display: none; }
}
@media screen and (max-width: 479px) {
	.contframe { overflow: auto; border: 1px dashed #ff0000; overflow: scroll; -webkit-overflow-scrolling: touch; }
	.contframe img { min-width: 500px; width: 100%; max-width: initial; border: 10px solid #fff; }
	.contframe.w500 img { min-width: 500px!important; width: 100%!important; max-width: none!important;}
	.contframe table { /* min-width:500px;  */width: 100%;  max-width: initial; }
	.contframe table img { width: 100%; min-width: 0; max-width: initial; border: none; }
	.contframecaution { display: block; margin-bottom: 5px; font-size: 12px; }
	.contframecaution.w500  { display: block; }
}






.youtubebox { clear: both; text-align: center; position: relative; width: 100%; padding-top: 56.25%; }
.youtubebox iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }




















.open_defaultmap { margin-top: 15px;  }
.open_defaultmap .open_link1{ margin-bottom: 10px; }
.open_defaultmap .open_link1>a { display: block; width: 70%; margin: 0 auto; padding: 8px; background-color: #07f; color: #fff; border-radius: 4px; text-align: center; text-decoration: none; line-height: 1.5 }
.open_defaultmap .open_msg1{ line-height: 1.5; font-size: 0.9em }




dl.newstopics{ color:#7d7d7d; }
dl.newstopics dt{ font-size: 0.87em; width: 70px; float: left }
dl.newstopics dd{ font-size: 0.93em; margin-bottom: 10px; padding-left: 85px; line-height: 1.5 }
@media screen and (max-width: 767px) {
	dl.newstopics dt{ width: 100%; float: none }
	dl.newstopics dd{ padding-left: 0; }
}

/* innavlist */
#innavlist{ text-align: center; margin-top: 30px }
#innavlist>ul{ display: inline-block; }
#innavlist>ul>li{ position: relative; padding-right: 30px; margin-right: 40px; display: inline-block; }
#innavlist>ul>li:after{ content:""; background: #d5cdcb; width: 2px; height: 24px; display: inline-block; position: absolute; top:0; bottom:0; margin:auto 0; right:0; }
#innavlist>ul>li:last-child{ padding-right: 0; margin-right: 0 }
#innavlist>ul>li:last-child:after{ content: none }
#innavlist>ul>li>a{ color:#23b7c2; font-weight: bold; font-size: 1.13em; text-decoration: none; letter-spacing: 0em; }
#innavlist>ul>li>a:after{ content:""; background: url(../img/common/arr1_green_under.png) no-repeat; background-size: contain; width: 12px; height: 8px; display: inline-block; margin-left: 8px; vertical-align: 2px }
#innavlist>ul>li>a:hover{ text-decoration: underline; }
@media screen and (max-width: 1040px) {
	#innavlist{ margin-top: 15px }
}
@media screen and (max-width: 639px) {
	#innavlist>ul>li{ padding-right: 15px; margin-right: 10px; }
	#innavlist>ul>li>a{ font-size: 1.1em }
	#innavlist>ul>li>a:after{ vertical-align: 0 }
	#innavlist>ul>li:after{ width: 1px }
}
@media screen and (max-width: 420px) {
	#innavlist>ul>li{ padding-right: 10px; margin-right: 5px; }
	#innavlist>ul>li>a{ font-size: 0.9em; letter-spacing: -0.05em }
#innavlist>ul>li>a:after{ width: 10px;margin-left: 5px; }
}

.taglist>li:before{ content:"#"; }


.editbody:after { content : ""; display : block; clear : both; height : 0; visibility : hidden; overflow : hidden; line-height : 0; font-size : 0; }
.editbody div:not(.section):not(.block) , .editbody p , .editbody h2 , .editbody h3 , .editbody h4 , .editbody ul , .editbody ol , .editbody img , .editbody table { margin-bottom : 20px; }
.editbody p:last-child , .editbody div:last-child , .editbody ul:last-child , .editbody ol:last-child , .editbody img:last-child , .editbody table:last-child { margin-bottom : 0px; }
.editbody * > *:last-child { margin-bottom : 0px; }
.editbody img { max-width : 100%; }
.editbody .wp-caption { width : 100% !important; }
.editbody ul li { padding-left : 1em !important; text-indent : -1em; }
.editbody ol li { counter-increment : number; padding-left : 1.6em !important; text-indent : -1.6em; }
.editbody ul li:before { content : "・"; }
.editbody ol li:before { content : counter(number) "．"; }
.editbody div.clearfix { margin-bottom : 0; }
.editbody div > *:last-child , .editbody ul > *:last-child , .editbody li > *:last-child , .editbody p > *:last-child , .editbody dt > *:last-child , .editbody dd > *:last-child , .editbody ol > *:last-child { margin-bottom : 0px; }
.editbody div div:not(.section):not(.block):last-child { margin-bottom : 0; }
.editbody div:not(.section):not(.block).wp-block-group:not(:last-child){ margin-bottom: 70px; }
.editbody div:not(.section):not(.block).wp-block-group:not(:last-child):after { content : ""; display : block; clear : both; height : 0; visibility : hidden; overflow : hidden; line-height : 0; font-size : 0; }
.editbody div:not(.section):not(.block).wp-block-group:not(:last-child)  div:not(.section):not(.block).wp-block-group:not(:last-child){ margin-bottom: 45px; }
.editbody strong{ font-weight: bold; }
.editbody iframe{ max-width: 100% !important; }
.para1,
.editbody div:not(.section):not(.block).para1 { margin-bottom : 20px!important; }
@media screen and (max-width: 767px) { .editbody div:not(.section):not(.block).para1, .para1 { margin-bottom : 10px!important; } }
.para2,
.editbody div:not(.section):not(.block).para2 { margin-bottom : 40px!important; }
@media screen and (max-width: 767px) { .editbody div:not(.section):not(.block).para2, .para2 { margin-bottom : 20px!important; } }
.para3,
.editbody div:not(.section):not(.block).para3 { margin-bottom : 60px!important; }
@media screen and (max-width: 767px) { .editbody div:not(.section):not(.block).para3, .para3 { margin-bottom : 30px!important; } }

.editbody #ez-toc-container{ display: none!important; }

@media screen and (max-width: 639px) {
	.editbody div:not(.section):not(.block).wp-block-group:not(:last-child) { margin-bottom: 55px; }
	.editbody div:not(.section):not(.block).wp-block-group:not(:last-child)  div:not(.section):not(.block).wp-block-group:not(:last-child){ margin-bottom: 40px; }
}

.editbody table.base , .editbody table.type1 { width : 100%; margin : 20px 0; }
.editbody table.base th , .editbody table.base td , .editbody table.type1 th , .editbody table.type1 td { padding : 20px 2%; line-height : 1.5; border : 1px solid #ccc; }
.editbody table th{  text-align : center; }
.editbody table td{  text-align : left; }

.editbody table.type1 thead th { background-color : #eeeeee; }
.editbody table.type1 tbody th { background-color : #f7f7f7; }
@media screen and (max-width: 767px){
	.editbody table.base th , .editbody table.base td , .editbody table.type1 th , .editbody table.type1 td { padding : 8px 8px;}
}


.editbody table th:first-child{min-width: 150px;}
@media screen and (max-width: 639px) {
	.editbody table th:first-child{min-width: 100px;}
}

/* タグ */
.editbody h2,#ez-toc-container .ez-toc-title { font-weight: bold; font-size: 1.87em; color: #23b7c2; margin-bottom: 30px; position: relative; line-height: 1.4; }
.editbody h3{ font-weight: bold; font-size: 1.25em; }
@media screen and (max-width: 639px){
	.editbody h2,#ez-toc-container .ez-toc-title { font-size: 1.5em; margin-bottom: 15px; }
}


#tinymce strong, #tinymce strong span { font-weight: bold; }
#tinymce em { font-style: italic; }
#tinymce blockquote,
#tinymce q,#tinymce code { background: #f2f2f2; padding: 30px 15%; margin:10px 0; font-size:100%; line-height:130%; display: block; position: relative; word-break: break-all; }
#tinymce blockquote,
#tinymce q {quotes: "「" "」" "『" "』";  }
#tinymce blockquote:before,
#tinymce q:before { content: open-quote; position: absolute; top:10px; left:2%; }
#tinymce blockquote:after,
#tinymce q:after { content: close-quote; position: absolute; bottom:10px; right:2%; }
#tinymce ins { text-decoration: underline; }
#tinymce pre {
	 white-space: -moz-pre-wrap; /* Mozilla */  
	 white-space: -pre-wrap; /* Opera 4-6 */ 
	 white-space: -o-pre-wrap; /* Opera 7 */   
	 white-space: pre-wrap; /* CSS3 */ 
	 word-wrap: break-word; /* IE 5.5+ */ 
}
.wp_content strong, .wp_content strong span { font-weight: bold; }
.wp_content b, .wp_content b span { font-weight: bold; }
.wp_content em { font-style: italic; }
.wp_content blockquote,
.wp_content q,.wp_content code { background: #f2f2f2; padding: 30px 15%; margin:10px 0; font-size:100%; line-height:130%; display: block; position: relative; word-break: break-all; overflow: hidden; }
.wp_content blockquote,
.wp_content q {quotes: "「" "」" "『" "』";  }
.wp_content blockquote:before,
.wp_content q:before { content: open-quote; position: absolute; top:10px; left:2%; }
.wp_content blockquote:after,
.wp_content q:after { content: close-quote; position: absolute; bottom:10px; right:2%; }
.wp_content ins { text-decoration: underline; }
.wp_content pre {
	 white-space: -moz-pre-wrap; /* Mozilla */  
	 white-space: -pre-wrap; /* Opera 4-6 */ 
	 white-space: -o-pre-wrap; /* Opera 7 */   
	 white-space: pre-wrap; /* CSS3 */ 
	 word-wrap: break-word; /* IE 5.5+ */ 
}
.wp_content p{ text-align: left; }

.alignnone , .aligncenter { display : block; margin-left : auto; margin-right : auto; }

.alignleft { margin-right : 5%; float : left; }

.alignright { margin-left : 5%; float : right; }


/* 本文内リスト */
.wp_content .txtbox ul{ margin-left:0em; }
.wp_content .txtbox ul li{ padding-left: 1em; text-indent: -1em; margin-bottom: 3px; line-height: 1.6; font-feature-settings : "palt"; }
.wp_content .txtbox ul li:before { content: "・"; }
.wp_content .txtbox ol{ margin-left:0em; }
.wp_content .txtbox ol li{ counter-increment: number; padding-left: 1em; text-indent: -1em; margin-bottom: 3px; line-height: 1.6; font-feature-settings : "palt"; }
.wp_content .txtbox ol li:before { content: counter(number) "."; margin-right: 5px; }
@media screen and (max-width: 479px) {
	.wp_content .txtbox ol li:before { margin-right: 3px; }
}


.wp-video { clear: both; text-align: center; position: relative; width: 100%!important; padding-top: 56.25%; }
.wp-video video{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#ez-toc-container{ margin-bottom: 60px; background: #E9F8F9; padding: 30px 40px; }
#ez-toc-container .ez-toc-title-toggle{ display: none!important; }
#ez-toc-container .ez-toc-title,
#ez-toc-container .ez-toc-title-container{ margin-bottom: 0; }
#ez-toc-container .ez-toc-title{ margin-bottom: 20px; }
#ez-toc-container .ez-toc-list li:before{ content: "・"; }
@media screen and (max-width: 639px) {
	#ez-toc-container { margin-bottom: 40px; }
}

#supervisionbox{  border: 1px solid #191919; padding: 20px 30px; }
#supervisionbox .supervisiontitlebox{ display: flex; flex-direction: row; margin-bottom: 0 !important; }
#supervisionbox .supervisiontitlebox .supervisionimg,
#supervisionbox .supervisiontitlebox .supervisiontitle{ display: flex; flex-direction: column; justify-content: center; margin-bottom: 0 !important; }
#supervisionbox .supervisiontitlebox .supervisionimg{ width: 76px; margin-right: 25px; flex-shrink: 0;  }
#supervisionbox .supervisiontitlebox .supervisiontitle{ width: 100%; }
#supervisionbox .supervisiontitlebox .supervisiontblocktitle { font-weight: bold; font-size: 1.18em; margin-bottom: 3px; }
#supervisionbox .supervisiontxtbox{ margin-top: 15px; font-size: 0.87em; }
@media screen and (max-width: 639px) {
	#supervisionbox{  padding: 20px 25px; }
	#supervisionbox .supervisiontitlebox .supervisionimg{ margin-right: 15px; }
}




/* easenewslist */
dl.easenewslist { overflow-y: auto; }
dl.easenewslist dt { width: 140px; float: left; }
dl.easenewslist dd { padding-left: 140px; margin-bottom: 30px; }
@media screen and (max-width: 767px) {
	dl.easenewslist { margin-bottom: 20px }
	dl.easenewslist dt{ float: none; width:auto; padding-left: 0; margin-bottom: 0px; }
	dl.easenewslist dd{ padding-left: 0;  }
}
@media screen and (max-width: 639px) {
	dl.easenewslist{ margin-bottom: 15px }
	dl.easenewslist dd{ padding-bottom: 10px; border-bottom: 1px dotted #7a7373; margin-bottom: 10px; }
}





.taglist>li:before{ content:"#"; }

div.popularlist>ul>li:not(:last-child) { margin-bottom: 15px; }
div.popularlist>ul>li>a { display: flex; flex-direction: row; min-height: 80px; }
div.popularlist>ul>li>a div.imgbox { flex-shrink: 0; width:80px; margin-right: 15px; position: relative; overflow: hidden; }
div.popularlist>ul>li>a div.imgbox img { width: 100%; object-fit: cover; height: 100%; transition: .4s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
div.popularlist>ul>li>a div.txtbox { width: 100%; display: flex; flex-direction: column; justify-content: center;font-size: 0.93em; }
div.popularlist>ul>li>a div.txtbox .populartitle::before{ content:"・" }
div.popularlist>ul>li>a:hover div.imgbox img{ transform: scale(1.04); }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 420px) {
}


#statusbox { margin-bottom: 20px; padding-top: 50px; }
#statusbox>.incnt>.inwrap { display: flex; flex-direction: row; background: #f7f9ea; border: 2px solid #23b7c2; padding: 40px 8%; }
#statusbox>.incnt>.inwrap div.titlebox { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; margin-right: 6%;}
#statusbox>.incnt>.inwrap div.titlebox p.title { color: #23b7c2; font-weight: bold; font-size: 1.87em; margin-bottom: 10px; line-height: 1.4; }
#statusbox>.incnt>.inwrap div.titlebox p.date { font-weight: bold; }
#statusbox>.incnt>.inwrap div.txtbox1 { width: 100%; display: flex; flex-direction: column; justify-content: center; }
@media screen and (max-width: 767px) {
	#statusbox { padding-top: 30px; }
	#statusbox>.incnt>.inwrap { display: block; padding: 30px 8%; }
	#statusbox>.incnt>.inwrap div.titlebox { flex-direction: row; margin-right: 0%; margin-left: -20px; margin-bottom: 10px; }
	#statusbox>.incnt>.inwrap div.titlebox p.title { font-size: 1.6em; margin-bottom: 0; }
	#statusbox>.incnt>.inwrap div.titlebox p.title,
	#statusbox>.incnt>.inwrap div.titlebox p.date { margin-left: 20px; }
	#statusbox>.incnt>.inwrap div.txtbox1{ display: block; }
}