@charset "utf-8";
/*
 * CSS common_test.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
--------------------------------------- */
.section { } .incnt { } .insec { } .block { } .inbox { } .inborderbox { } .cnt_left { } .cnt_right { } .boxsize { } .csection { } .wpsection { }

/* incnt */
.incnt { width: 1100px; }
#index .incnt{ width: 1000px }
@media screen and (max-width: 1200px) {
    .incnt { margin: 0 4%!important; width: 92%!important; }
}

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

/* 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.linktxt{ font-weight: bold; text-decoration: none }
a.linktxt:hover{ text-decoration: underline; }
.linktxt:after{ content: " "; background: url(../img/common/arr1_green.png) no-repeat left; background-size: contain; width:8px; height:12px; display: inline-block; margin-left: 10px; }
.linktxt.orange:after { background: url(../img/common/arr1_orange.png) no-repeat left; background-size: contain; }


/* stylelink */
a.stylelink{ background: #22ac38; color:#fff; font-weight: bold; font-size: 1.07em; padding:10px 35px 10px 25px; position: relative; text-align: center; display: inline-block; text-decoration: none }
a.stylelink:after{ content: " "; background: url(../img/common/arr2_white.png) no-repeat; background-size: contain; width: 8px; height: 14px; display: inline-block; position: absolute; top:0; bottom:0; right:15px; margin:auto 0; }
a.stylelink:hover{ opacity: 1; background: #abd257 }


/* 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; }
}




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



a.innertxtlink{ text-decoration: none; }
a.innertxtlink:hover{ text-decoration: underline; }







/* ---------------------------------------
txt/font
--------------------------------------- */
.txtwhite { } .txtblack { } .txtgray { } .txtblue { } .txtskyblue { } .txtred { } .txtorange { } .txtpink { } .txtyellow { } .txtgreen { } .txtblue { } .txtyellowgreen { }

/* 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; } }
.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: #22ac38; }
.txtblack { color: #191919; }
.txtgrey { color: #ccc; }
.txtred { color: #ff0000; }
.txtgreen { color: #22ac38; }



.txtgaramondbold{ font-family: 'EB Garamond', serif; font-weight: bold; }






/* ---------------------------------------
title
--------------------------------------- */
.pagetitle {  } .pagesectitle {  }  .cnttitle {  } .sectitle {  } .insectitle { }, .blocktitle { }, .subtitle {  } .pagesubtitle {  }

/* toptitle1 */
.toptitle1{ margin-bottom: 25px; position: relative; }
.toptitle1 .title1{ text-align: center; line-height: 1.5 }
.toptitle1 .title1>.inwrap:before{ content:" "; background: url(../img/common/titleicon1.png) no-repeat; background-size:contain; width: 32px; height: 32px; display: inline-block; vertical-align: text-bottom; margin-right: 10px }
.toptitle1 .title1>.inwrap{ font-weight: bold; font-size: 30px; display: inline-block; letter-spacing: 1px }
.toptitle1 .titlelink1{ position: absolute; bottom:0; right:0; }
.toptitle1 .titlelink1>a{ font-weight: bold; text-decoration: none }
.toptitle1 .titlelink1>a:hover{ text-decoration: underline; }
.toptitle1 .titlelink1>a:after{ content: " "; background: url(../img/common/arr1_green.png) no-repeat; background-size: contain; width: 8px; height: 12px; display: inline-block; margin-left: 10px }
@media screen and (max-width: 1040px) {
	p.titlelink1{ position: static; margin-top: 20px; text-align: right; }
	.toptitle1 .title1>.inwrap{ font-size: 25px; }
}
@media screen and (max-width: 639px) {
	.toptitle1 .title1>.inwrap{ font-size: 22px }
	.toptitle1{ margin-bottom: 20px }
}

/* セクションtitle*/
.sectitle{ margin-bottom: 30px; line-height: 1.5; font-weight: bold; font-size: 29px; letter-spacing: 1px }
.sectitle:before{ content:" "; background: url(../img/common/titleicon1.png) no-repeat; background-size:contain; width: 32px; height: 32px; display: inline-block; vertical-align: text-bottom; margin-right: 13px }
@media screen and (max-width: 639px) {
	.sectitle { font-size: 24px; margin-bottom: 25px }
}
@media screen and (max-width: 479px) {
	.sectitle { font-size: 19px; margin-bottom: 20px }
}


/* セクションtitle（h2）*/
.insectitle { font-weight: bold; font-size: 20px; line-height: 1.5; padding-bottom: 7px; margin-bottom: 15px; color:#22ac38; border-bottom: 1px solid #22ac38 }
.insectitle02 { font-weight: bold; font-size: 20px; line-height: 1.5; padding-bottom: 7px; margin-bottom: 15px; color: #333333; }
#sec_1 .link2>a.flinkbtn{ background: #abd257; color:#fff; font-weight: bold; padding: 15px 50px 15px 50px; position: relative; text-align: center; text-decoration: none }
#sec_1 span.under_bold{ font-weight: bolder; border-bottom: solid 1px; }
#sec_1 span.under_bar{ border-bottom: solid 1px; }
@media screen and (max-width: 639px) {
	.insectitle { font-size: 18px; padding-bottom: 5px; margin-bottom: 10px }
  #sec_1 p.link2{ text-align: center; }
  #sec_1 span.under_bold{ border-bottom: solid 0.5px; }
  #sec_1 span.under_bar{ border-bottom: solid 0.5px; }
  #sec_1 .link2>a.flinkbtn{ padding: 15px 40px 15px 40px; }

}
@media screen and (max-width: 479px) {
	.insectitle { font-size: 16px; }
  .insectitle02 { font-size: 16px; }
}


.blocktitle { font-weight: bold; font-size: 18px; line-height: 1.5; color:#22ac38; }
@media screen and (max-width: 639px) {
	.blocktitle { font-size: 15px;}
}






/* ---------------------------------------
table
--------------------------------------- */
/* sche */
.sche{ width: 100%; margin-bottom: 10px; background: #fff; font-size: 1.07em }
.sche th, .sche td { text-align: center; padding: 5px 0 6px; border-left: 1px dotted #999999; border-top: 1px solid #999999; }
#cnt_main .sche th, #cnt_main .sche td { padding: 12px 0 10px; }
.sche thead th, .sche thead td { background: #735853; color: #fff; border-left: 1px solid #fff; border-top-width: 0px; font-weight: bold; }
.sche thead th:first-child, .sche thead td:first-child { border-left-width: 0px; }
.sche tbody td { color: #f8b62d; font-weight: bold; }
.sche tbody td .icon1{ font-size: 1.2em }
.sche tbody th { border-left-width: 0px; width: 150px; }
.sche tbody .bbn td, .sche tbody .bbn th{ border-bottom: 0 }
	.sche tbody th p{ text-align: center; display: inline-block; }
@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: 12px; }
	.sche{ font-size: 1em }
	.sche tbody th{ font-size: 12px; width: 80px; text-align: center; }
	.sche tbody tr:nth-child(1) th p{ width: 40px; }
	.sche tbody th p{ text-align: left; width: 45px; padding-left: 5px; }
}


/* カレンダー表示 */
.sec_calendar { margin-bottom: 20px; }
.sec_calendar .title { background: #664c28; padding: 10px 15px; line-height: 1; text-align: center; color: #fff; font-weight: bold; position: relative; }
.sec_calendar .calendar { width: 100%; font-size: 13px; margin-bottom: 10px; }
.sec_calendar .calendar td,
.sec_calendar .calendar th { text-align: center; background: #fff; line-height: 1.4; padding: 7px 0; border: 1px solid #ccc; }
.sec_calendar .calendar thead th { background: #e0dbd4; color: #664c28; font-weight: bold; padding: 5px 0; }
.sec_calendar .calendar tbody th { font-size: 0.92em; font-weight: bold; text-align: left; padding: 5px 1%; }
.sec_calendar .calendar thead th.sat { background: #cce7ec; color: #00869e; }
.sec_calendar .calendar thead th.sun { background: #fadbdb; color: #e54c4c; }
.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 { background: #f6c0c0!important; }
.sec_calendar .daya { background: #b2dbe2!important; }
.sec_calendar .dayb { background: #e0dbd4!important; }
.sec_calendar .spot { background: #d1c9be!important; }
.sec_calendar .space { background: #f6f6f6!important; }
.sec_calendar .today { font-weight: bold; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 639px) {
}


/* 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 #ccc; line-height: 1.5; }
.table_type1 th { background: #f1f1f1; }
.table_type1 thead th, .table_type1 thead td { background: #eee; text-align: center; font-weight: bold; }
@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 #ccc; line-height: 1.5; }
.table_type2 th { background: #edf8ef; }
.table_type2 thead th, .table_type2 thead td { background: #22ac38; color: #fff; text-align: center; font-weight: bold; }
@media screen and (max-width: 639px) {
}








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

/* pankuzu */
#pankuzu { padding:8px 4%; line-height: 1.4; font-size: 0.93em; background: #f2f2f2; }
#pankuzu ol li { display: inline; display:inline-block; color: #666666; }
#pankuzu ol li a { text-decoration: underline; }
#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;  }












/* ---------------------------------------
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: 20px 30px; background: #f1f1f1; }
@media screen and (max-width: 1040px) {
	.bgbox1 { padding:20px 4%; }
}
.bgbox1.brown { background: #ccc; }



/* borderbox1 */
.borderbox1 { padding: 20px 30px; border: 1px solid #ccc; }
@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: -4%; }
ul.imglist>li { float: left; width: 46%; margin-left: 4%; margin-bottom: 20px; }
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.title>.inwraptitle{ background: #abd257; padding:5px 0 6px; text-align: center; line-height: 1.4; color:#fff; font-weight: bold; font-size: 1.07em; width: 125px; display: inline-block; }
ul.imglist li p.caption{ margin-bottom: 5px }
@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; }
	ul.imglist li img { max-width: 100%; margin-bottom: 6px  }
	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 .imgbox2{ float: left; width:40%; margin-right: 0; }
.imgleftbox .txtbox{ float: right; width:56%; }
.imgleftbox .box1{ margin-top: 70px; }
@media screen and (max-width: 767px) {
	.imgleftbox .imgbox{ width:46%; }
	.imgleftbox .txtbox{ width:50%; }
  .imgleftbox .box1{ margin-top: 45px; }
}
@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%; }
.imgleftbox .imgbox{ float: left; width:40%; }
.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{  }
dl.newstopics dt{ width: 90px; float: left }
dl.newstopics dd{ margin-bottom: 15px; padding-left: 120px; padding-bottom: 15px; border-bottom: 1px dotted #c0c0c0 }
dl.newstopics dd.last{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0 }
@media screen and (max-width: 767px) {
	dl.newstopics dt{ width: 100%; float: none }
	dl.newstopics dd{ padding-left: 0; }
}


/* bloglist1 */
.bloglist1>ul{ margin-left: -2%; margin-bottom: -15px }
.bloglist1>ul>li{ width: 31.3%; float: left; margin-left: 2%; margin-bottom: 15px; }
.wp.archive .bloglist1>ul>li{ width: 48% }
.bloglist1>ul>li .imgbox1{ width: 124px; float: left; }
.bloglist1>ul>li .bloginfo1{ padding-left: 144px; }
.bloglist1>ul>li .bloginfo1 .blogitems{ margin-bottom: 10px }
.bloglist1>ul>li .bloginfo1 .blogitems .cat{ display: inline-block; line-height: 1; padding:5px; text-align: center; width: 80px; font-weight: bold; color:#fff; font-size: 0.8em; margin-right: 10px; background:#22ac38; }
.bloglist1>ul>li .bloginfo1 .blogitems .date{ font-weight: bold; display: inline-block; }
.bloglist1>ul>li .bloginfo1 .title{ line-height: 1.5 }
@media screen and (max-width: 1040px) {
	.bloglist1>ul>li .imgbox1{ width: 100px; }
.bloglist1>ul>li .bloginfo1{ padding-left: 120px; }
.bloglist1>ul>li{ width: 48%; }
}
@media screen and (max-width: 639px) {
.bloglist1>ul{ margin-left: 0; }
.bloglist1>ul>li, .wp.archive .bloglist1>ul>li{ width: 100%; float: none; margin-left: 0; }
.bloglist1>ul>li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.bloglist1>ul>li .bloginfo1{ padding-left: 115px }
.bloglist1>ul>li .bloginfo1 .blogitems .cat{ width: 77px; font-size: 0.93em; margin-right: 5px }
}

/* diseaselist */
.diseaselist>ul{ margin-bottom: -15px; margin-left: -4%; }
.diseaselist>ul>li{ margin-bottom: 15px; float: left; width: 46%; margin-left: 4%; }
.diseaselist>ul>li .diseaselink{ margin-top: 10px; text-align: right; }
@media screen and (max-width: 639px) {
.diseaselist>ul{  margin-left: 0; }
.diseaselist>ul>li{ float: none; width: 100%; margin-left: 0%; }
}