@charset "utf-8";
/*
 * CSS common.css
 */
 
/*
　キーカラー：＃#239f39;
*/

/* ---------------------------------------
basecontainer
--------------------------------------- */
.section { } .incnt { } .insec { } .inbox { } .inborderbox { } .cnt_left { } .cnt_right { } .boxsize { } .csection { } .wpsection { }

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

/* section */
.section { width: 880px; margin:120px auto 0; }
#index .section{ margin: 0; width: 100% }
@media screen and (max-width: 1040px) {
	.section { margin-top: 80px; width: 100% }
}
@media screen and (max-width: 639px) {
	.section { margin-top: 40px; }
}

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

/* csection */
.csection{ margin-bottom: 30px; }

/* inbox */
.inbox { margin-top: 45px; }
@media screen and (max-width: 639px) {
	.inbox { margin-top: 25px; }
}








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


/* リンクテキスト */
.linktxt{  }
.linktxt:after{ content: " "; background: url(../img/common/arr2_green.png) no-repeat left; display: inline-block; margin-left: 8px; width: 24px; height:24px; background-size: contain; padding-left: 8px; }
.btn_style1.borderblue { }
@media screen and (max-width: 639px) {
	.linktxt:after{ width: 22px; height:22px; }
}


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


/* ボタンstyle */
p.btn_style { text-align: center; }
.btn_style a { padding: 15px 10px 15px 20px; line-height: 1.4; border: 3px solid #239f39; min-width: 200px; font-weight: bold; display: inline-block; margin: 0 auto; text-decoration: none!important; /*-webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s;*/ text-align: center; -webkit-border-radius: 40px; border-radius: 40px; background: #fff; color:#239f39; }
.btn_style a:after { content:" "; background: url(../img/common/arr1_green.png) no-repeat; display: inline-block; margin-left: 5px; width: 8px; height:12px; background-size: contain;/* vertical-align: middle;*/ }
.btn_style a:hover { background: #239f39; border: 3px solid #239f39; color: #fff; opacity: 1;}
.btn_style a:hover:after { background-image: url(../img/common/arr1_white.png);}
.btn_style.borderblue { }
@media screen and (max-width: 639px) {
	p.btn_style { text-align: center!important; }
	.btn_style a { width:72%; padding: 10px 2% 10px 4%; border:2px solid #239f39; }
	.btn_style a:hover{ border:2px solid #239f39; }
}


/* ボタンstyle */
p.btn_style2 { text-align: center; }
.btn_style2 a { padding: 15px 10px 15px 20px; line-height: 1.4; border: 3px solid #f29600; min-width: 200px; font-weight: bold; display: inline-block; margin: 0 auto; text-decoration: none!important; /*-webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s;*/ text-align: center; -webkit-border-radius: 40px; border-radius: 40px; background: #fff; color:#f29600; }
.btn_style2 a:after { content:" "; background: url(../img/common/arr1_orange.png) no-repeat; display: inline-block; margin-left: 5px; width: 8px; height:12px; background-size: contain;/* vertical-align: middle;*/ }
.btn_style2 a:hover { background: #f29600; border: 3px solid #f29600; color: #fff; opacity: 1;}
.btn_style2 a:hover:after { background-image: url(../img/common/arr1_white.png);}
.btn_style2.borderblue { }
@media screen and (max-width: 639px) {
	p.btn_style2 { text-align: center!important; }
	.btn_style2 a { width:72%; padding: 10px 2% 10px 4%; border:2px solid #f29600; }
	.btn_style2 a:hover{ border:2px solid #f29600; }
}


/* ボタンstyle */
p.btn_style3 { text-align: center; display: block; }
.btn_style3 a { padding: 15px 10px 15px 20px; line-height: 1.4; border: 3px solid #735853; min-width: 200px; font-weight: bold; display: block; margin: 0 auto; text-decoration: none!important; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; text-align: center; -webkit-border-radius: 40px; border-radius: 40px; color:#735853; background: #fff }
.btn_style3 a:after { content:" "; background: url(../img/common/arr1_brown.png) no-repeat; display: inline-block; margin-left: 5px; width: 8px; height:12px; background-size: contain;/* vertical-align: middle;*/ }
.btn_style3 a:hover { background: #735853; border: 3px solid #735853; color: #fff; opacity: 1;}
.btn_style3 a:hover:after { background-image: url(../img/common/arr1_white.png);}
.btn_style3.borderblue { }
@media screen and (max-width: 639px) {
	p.btn_style2 { text-align: center!important; }
	.btn_style3 a { width:72%; padding: 10px 2% 10px 4%; border:2px solid #735853; }
	.btn_style3 a:hover{ border:2px solid #735853; }
}


/* ボタンstyle */
a.btn_style4 { padding: 15px 10px 15px 20px; line-height: 1.4; border: 3px solid #239f39; max-width: 290px; color:#239f39; font-weight: bold; display: block; margin: 0 auto; text-decoration: none!important; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; text-align: center; margin: 0 auto; width: 100%; -webkit-border-radius: 40px; border-radius: 40px; }
a.btn_style4:after { content:" "; background: url(../img/common/arr1_green.png) no-repeat; display: inline-block; margin-left: 5px; width: 8px; height:12px; background-size: contain; }
a.btn_style4:hover { background: #239f39; border: 3px solid #239f39; color: #fff!important; opacity: 1;}
a.btn_style4:hover:after { background-image: url(../img/common/arr1_white.png);}
@media screen and (max-width: 639px) {
	a.btn_style4 { width:72%; padding: 10px 2% 10px 4%; }
	.btn_style4 a:hover{ border:2px solid #239f39; }
}


a.btn_style4.orange{ color:#ec6c00; border-color: #ec6c00; }
a.btn_style4.orange:hover { background: #ec6c00;}
a.btn_style4.orange:after { background-image: url(../img/common/arr1_orange.png) }
a.btn_style4.brown{ color:#735853; border-color: #735853; }
a.btn_style4.brown:hover { background: #735853;}
a.btn_style4.brown:after { background-image: url(../img/common/arr1_brown.png) }


/* 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/common/map_arr1.png) no-repeat; background-size: contain; width: 6px; height:10px; display: inline-block; margin-right: 3px }

/* innav */
#innav{ margin:40px auto 80px; text-align: center; }
#innav ul{ margin-left: -20px; margin-bottom: -20px }
#innav li{ display: inline-block; margin-left: 20px; margin-bottom:20px; }
@media screen and (max-width: 639px) {
	#innav{ margin:20px auto 40px; }
	#innav ul{ margin-left: -10px; margin-bottom: -15px }
	#innav li{ margin-left: 10px; margin-bottom:15px; }
}


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

/* baseset [大きさ/太さ/色] */
.txtbase { font-weight: normal; color: #333; font-size: 17px; line-height: 1.8; } @media screen and (max-width: 639px) { .txtbase { font-size: 15px; } }
.txtbold { font-weight: bold; }
.txtsmall { font-size: 14px; } @media screen and (max-width: 479px) { .txtsmall { font-size: 12px; } }
.txtbig1 { font-size: 20px; font-weight: bold; } @media screen and (max-width: 479px) {  .txtbig1 { font-size: 17px; } }
.txtbig2  { font-size: 24px; font-weight: bold; } @media screen and (max-width: 479px) { .txtbig2 { font-size: 20px; } }
.txtwhite { color: #fff; }
.txtblack { color: #333; }
.txtgrey { color: #ccc!important; }
.txtred { color: #ff0000; }
.txtblue { color: #0079c3; }
.txtorange{ color:#ec6c00; }
.txtbrown{ color:#735853; }
.txtgreen{ color:#239f39; }

blockquote { background: #f2f2f2; padding: 30px 10%; margin:10px 0; line-height:1.6; display: block; position: relative; word-break: break-all; text-align: center; }
blockquote { quotes: "「" "」" "『" "』";  }
blockquote p { text-align: left; }
blockquote:before{ content: open-quote; position: absolute; top:10px; left:2%; }
blockquote:after{ content: close-quote; position: absolute; bottom:10px; right:2%; }
@media screen and (max-width: 639px) {
	blockquote { background: #f2f2f2; padding: 20px 8%; }
}



.seccopy { font-weight: bold; font-size: 24px; margin-bottom: 10px; line-height: 1.5; color: #239f39; }
@media screen and (max-width: 639px) {
	.seccopy { font-size: 17px; line-height: 1.8; margin-bottom: 5px; }
}

.blockcopy { font-weight: bold; font-size: 19px; margin-bottom: 5px; line-height: 1.5; color: #239f39; }
@media screen and (max-width: 639px) {
	.blockcopy { font-size: 15px; line-height: 1.8; margin-bottom: 3px; }
}









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

/* セクションtitle（h2）*/
/*
.sectitle { background: #ededed; color: #73b6ba; font-weight: bold; font-size: 28px; line-height: 1.5; padding:17px 20px; position: relative; margin-bottom: 20px; text-align: left!important; }
.sectitle span { font-size: 13px; }
@media screen and (max-width: 639px) {
	.sectitle { font-size: 20px; padding:10px 4%; margin-bottom: 15px; }
	.sectitle span { font-size: 12px; display: inline-block; }
}
*/

/* subtitle（h3）*/
/*
.subtitle { font-weight: bold; font-size: 24px; margin-bottom: 10px; line-height: 1.5; }
@media screen and (max-width: 639px) {
	.subtitle { font-size: 18px; margin-bottom: 5px; }
}
*/

/* セクションtitle（h2）*/
.sectitle { font-weight: bold; font-size: 2em; line-height: 1.5; position: relative; margin-bottom: 20px; margin-bottom: 40px; color: #239f39; text-align: center; padding-bottom: 5px }
/* .sectitle:before { content: ""; background: #239f39; width: 53px; height: 3px; font-size: 0; line-height: 0; position: absolute; bottom: 0; left: 0; right:0; margin:0 auto; } */
@media screen and (max-width: 639px) {
	.sectitle { font-weight: bold; line-height: 1.5; position: relative; margin-bottom: 15px; font-size: 1.5em }
/* 	.sectitle:before{ content:" "; width: 48px; height:2px; } */
}



/* insectitle */
.insectitle{ font-weight: bold; color:#239f39; font-size: 1.53em; border-bottom: 3px dashed #239f39; margin-bottom:25px; }
@media screen and (max-width: 637px) {
	.insectitle{ font-size: 20px; }
}
@media screen and (max-width: 479px) {
	.insectitle{ margin-bottom: 10px; font-size: 16px; }
}


/* subtitle*/
.subtitle{ font-weight: bold; font-size: 1.53em; line-height: 1.4; background: #f1eeee; padding:7px 4%; margin-bottom: 20px; color: #735853; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media screen and (max-width: 639px) {
	.subtitle{ font-size: 18px; }
}
@media screen and (max-width: 479px) {
	.insectitle{ margin-bottom: 10px; font-size: 17px; }
}

/* subtitle_type2（h4）*/
.subtitle_type2 { color: #239f39; line-height: 1.5; font-weight: bold; margin-bottom: 15px; font-size: 1.47em; }
.subtitle_type2:before{ content: " "; background: url(../img/common/icon1.png) no-repeat; background-size: contain; width: 16px; height:16px; display: inline-block; vertical-align: middle; margin-right: 5px; padding-bottom: 5px; }
@media screen and (max-width: 639px) {
	.subtitle_type2 { font-size: 1.2em; margin-bottom: 10px; }
}










/* ---------------------------------------
table
--------------------------------------- */
/* #tinymce table, #tinymce table th, #tinymce table td { border: 1px solid #ccc; } */

/* sche */
.sche{ width: 100%; table-layout: fixed; margin:0 auto 15px; border-collapse: separate; }
.sche thead th { background: #735853!important; color: #fff; text-align: center; padding: 10px 2% 8px; font-weight: bold; width:12%; font-size: 1.2em; border-bottom: 10px solid #fff; }
.sche thead th.title1{ width: 33%; line-height: 1.4; padding:10px 2% 8px; }
.sche thead th.title1 span{ font-weight: bold; }
.sche tbody td, .sche tbody th{ background: #f5efe4; position: relative; }
.sche thead th.bn{ width: 14%; text-align: left; padding:10px 1% 8px 2%; border-right: none }
.sche thead th.ceil1{ padding:10px 3% 8px 5%; width: 12% }

.sche tbody td.ceil1{ padding:0 3% 10px 5%; }
.sche tbody .bbn td.ceil1{ padding:7px 3% 0 5%; }
.sche tbody td { color: #735853; text-align: center; font-weight: bold; font-size: 28px; border-top: 8px solid #f5efe4; padding:0 2% 10px; }
.sche tbody th { line-height: 1.4; font-weight: bold; font-size: 20px; text-align: left; border-top: 8px solid #f5efe4; border-left: 15px solid #f5efe4; padding:0 2% 10px; }
.sche tbody th .txt1{ padding-left: 10px; }
.sche tbody th:before{ content:" "; border-bottom:3px dotted #d5cdcb; display: inline-block; bottom:0; right:0; position: absolute; width: 100%; height:3px; z-index: 10 }
.sche tbody td:before{ content:" "; border-bottom:3px dotted #d5cdcb; display: inline-block; bottom:0; left:0; position: absolute; width: 100%; height:3px; z-index: 10 }
.sche tbody td.bn{ border-right: 15px solid #f5efe4; }
.sche tbody td.bn:before{ content:" "; border-bottom:3px dotted #d5cdcb; display: inline-block; bottom:0; left:0; position: absolute; width: 100%; height:3px; right:auto; z-index: 10 }
.sche tbody th:after{ content:" "; border-right:3px dotted #d5cdcb; display: inline-block; bottom:0; right:0; position: absolute; width: 3px; height:100%; z-index: 10 }
.sche tbody .bbn th:after{ top:0; bottom:auto; }
.sche tbody th span{ font-weight: bold; }
.sche .bbn td, .sche .bbn th{ border-bottom: 8px solid #f5efe4; border-top: 0; padding:7px 2% 0; }
.sche .bbn td:before, .sche .bbn th:before, .sche .bbn td.bn:before { content:none; }
@media screen and (max-width: 767px) {
	.sche thead th, .sche thead th.ceil1{ width: 15% }
	.sche thead th.bn{ width: 22% }
	.sche thead th.title1{ width: 47% }
}
@media screen and (max-width: 639px) {
	.sche{ width:100%; }
	.sche thead th, .sche thead th.ceil1, .sche thead th.bn{ font-size: 14px; border-bottom: 5px solid #fff; padding:10px 1%; }
	.sche thead th, .sche thead th.ceil1{ width: 16% }
	.sche thead th.bn{ padding:10px 1%; }
	.sche thead th.title1{ font-size: 1em; width: 42% }
	.sche thead th.bn{ width: 20%; text-align: center; }
	.sche tbody td, .sche tbody th, .sche tbody td.ceil1, .sche tbody .bbn td.ceil1{ padding:10px 2%; }
	.sche .bbn td, .sche .bbn th { padding:10px 2% }
	.sche tbody td{ font-size: 1em; border:none }
	.sche tbody th{ font-size: 0.93em; border:none }
	.sche tbody td.bn{ border:none }
	.sche .bbn td, .sche .bbn th{ border:none; }
	.sche tbody th:before{ content:" "; border-bottom:3px dotted #d5cdcb; }
	.sche tbody td:before{ content:" "; border-bottom:3px dotted #d5cdcb; }
	.sche tbody td.bn:before{ content:" "; border-bottom:3px dotted #d5cdcb; }
	.sche tbody th:after{ content:" "; border-right:3px dotted #d5cdcb; }
}
@media screen and (max-width: 479px) {
	.sche thead th.title1{ width: 45% }
	.sche tbody th .txt1{ padding-left: 0 }
}
@media screen and (max-width: 400px) {
	.sche thead th.title1{ width: 35%; font-size: 14px; }
}

/* schebox1 */
.schebox1{ max-width: 800px; margin:0 auto!important; margin-bottom: 45px!important }
.schebox1 .scheinfo .txt1{ color:#ec6c00; font-weight: bold; font-size: 1.2em; margin-bottom: 5px }
.schebox1 .scheinfo .indent.list1 li{ padding-left: 1.4em; text-indent: -1.4em; }
.schebox1 .scheinfo {  }
.schebox1 .scheinfo  .link1{ text-align: center; }
@media screen and (max-width: 767px) {
	.schebox1 .scheinfo .cnt_right{ text-align: center; }
	.schebox1 .scheinfo .link1{  display: block; margin: 10px auto 0; max-width: 400px; }
}
@media screen and (max-width: 639px) {
	.schebox1 .scheinfo, .schebox1 .scheinfo{ float: none; width: 100%; }
	.schebox1 .scheinfo{ margin-bottom: 15px }
	.schebox1 .scheinfo .txt1{ font-size: 1.14em; margin-bottom: 0 }
	.bnrlist1{ margin-bottom: 10px }
	.bnrlist1 li{ margin-bottom: 10px; }
}


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

/* table_type1 */
.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: #f2f2f2; }
.table_type1 thead th, .table_type1 thead td { background: #e3e3e3; text-align: center; font-weight: bold; }
@media screen and (max-width: 639px) {
}

/* table_type2 */
.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: #f2f2f2; }
.table_type2 thead th, .table_type2 thead td { background: #239f39; 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:12px 4%; margin-bottom: 50px; line-height: 1.6; font-size: 14px; background: #f9f5f4; }
#pankuzu ol li { display: inline; color: #333; display:inline-block; color: #ad8a85; }
#pankuzu ol li a { text-decoration: underline; color: #ad8a85; }
#pankuzu ol li:before { content:">"; display: inline-block; padding-right: 10px; padding-left: 8px; }
#pankuzu ol li.none:before { content:none; padding:0px;  }
@media screen and (max-width: 1040px) {
	#pankuzu { padding:10px 4%; margin: 0 auto 30px; }
}
@media screen and (max-width: 639px) {
	#pankuzu { font-size: 12px; padding:6px 4%; margin-bottom: 10px; opacity: 0.6; display: none; }
}

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

/* row2list_type1 */
.row2list_type1 li{ width: 330px; display: inline-block; }

/* row2list_type2 */
.row2list_type2{ width: 330px; display: inline-block; }

/* row3list_type1 */
.row3list_type1 li{ width: 270px; display: inline-block; margin-bottom: 20px; }
@media screen and (max-width: 479px) {
    .row3list_type1 li { margin-bottom: 0; }
}


/* row3list_type2 */
.row3list_type2{ width: 270px; display: inline-block; }











/* ---------------------------------------
layout/box/customset
--------------------------------------- */
/* bgbox_type1 */
.bgbox_type1 { padding: 20px 40px; background: #f1eeee; }
.bgbox_type1 .title{ text-align: center; margin-bottom:5px; }
.bgbox_type1 .title span{ background: url(../img/common/icon1.png) no-repeat left 45%, url(../img/common/icon1_right.png) no-repeat right 45%; background-size: 16px 16px, 16px 16px;  font-weight: bold; color:#735853; position: relative; display: inline-block; padding:0 25px; line-height: 1.6 }
@media screen and (max-width: 1040px) {
	.bgbox_type1 { padding:20px 4%; }
}
@media screen and (max-width: 639px) {
	.bgbox_type1 .title span{ text-align: left; padding:0 12px 0 20px; }
}

/* bgbox customclass */
.bgbox_type1.bgblue { background: #ccc; }



/* borderbox_type1 */
.borderbox_type1 { padding: 20px 30px; border: 1px solid #ccc; }
@media screen and (max-width: 1040px) {
	.borderbox_type1 { padding:20px 4%; }
}

/* bgbox customclass */
.borderbox_type1.borderblue { border: 1px solid #ccc; }



/* 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:34%; margin-right: 4%; }
.imgleftbox .txtbox{ float: right; width:62%; }
@media screen and (max-width: 767px) {
	.imgleftbox .imgbox{ width:43%; }
	.imgleftbox .txtbox{ width:53%; }
}
@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%; } /* max-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:34%; margin-left: 4%; }
.imgrightbox .txtbox{ float: left; width:62%; }
@media screen and (max-width: 767px) {
	.imgrightbox .imgbox{ width:43%; }
	.imgrightbox .txtbox{ width:53%; }
}
@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%; } /* max-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: 20px;}
}



/* 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; margin-bottom: 3px; font-size: 12px; }
@media screen and (max-width: 639px) {
	.contframe { overflow: auto; border: 1px dashed #735853; overflow: scroll; -webkit-overflow-scrolling: touch; }
	.contframe img { min-width: 500px; width: 100%; max-width: initial; border: 10px solid #fff;  }
	.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; }
}


/* imglist ※heightAdjust併用 */
ul.imglist { margin-left: -4%; }
ul.imglist img { width: 100%; }
ul.imglist.rows3, ul.imglist.rows4 { margin-left: -1%; }
ul.imglist:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
ul.imglist>li { float: left; width: 46%; margin-left: 4%; margin-bottom: 20px; }
ul.imglist.rows3>li{ width: 32%; margin-left: 1% }
ul.imglist.rows4>li{ width: 24%; margin-left: 1% }
@media screen and (max-width: 1040px) {
	ul.imglist.rows3 { margin-left: -2%; }
	ul.imglist.rows3>li{ width: 48%; margin-left: 2% }
}
@media screen and (max-width: 639px) {
	ul.imglist { margin-left: 0; }
	ul.imglist>li, ul.imglist.rows3>li, ul.imglist.rows4>li { width: 100%; margin-left: 0; }
}