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

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

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

/* section */
.section { margin-bottom: 140px; }
#index .section{ margin-bottom: 100px; }
@media screen and (max-width: 1040px) {
	.section { margin-bottom: 100px; }
}
@media screen and (max-width: 639px) {
	.section, #index .section { margin-bottom: 60px; }
}

/* insec */
.insec { width: 100%; }

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

/* inbox */
.inbox{ margin-bottom: 90px; }
@media screen and (max-width: 1040px) {
	.inbox { margin-bottom: 60px; }
}
@media screen and (max-width: 639px) {
	.inbox { margin-bottom: 30px; }
}









/* ---------------------------------------
link/btn
--------------------------------------- */
/* normal */
a{ color:inherit; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
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; }


/* リンクテキスト */
a.linktxt1{ font-weight: bold; }
a.linktxt1:after{ content: " "; background: url(../img/common/arr1_black.png) no-repeat left; display: inline-block; margin-left: 5px; width: 8px; height:12px; background-size: contain; }
.linktxt1_type1 a{ font-weight: bold; }
.linktxt1_type1 a:after{ content: " "; background: url(../img/common/arr1_black.png) no-repeat left; display: inline-block; margin-left: 5px; width: 8px; height:12px; background-size: contain; }



/* 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: block; width:100%; }
}


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


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


/* ボタンstyle */
p.btn_style1_mini { text-align: center; }
.btn_style1_mini a { border: 1px solid #e96071; padding: 8px 0 6px; width: 175px; line-height: 1.4; color: #fff; font-weight: bold; display: inline-block; margin: 0 auto; text-decoration: none!important; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; color:#e96071; position: relative; font-size: 0.94em; letter-spacing: -2px }
.btn_style1_mini a:after { content:" "; background: url(../img/common/arr4.png) no-repeat; display: inline-block; width: 6px; height:10px; background-size: contain; position: absolute; right:10px; top:0; bottom:0; margin:auto 0; }
.btn_style1_mini a:hover { background: #e96071; color: #fff; opacity: 1; }
.btn_style1_mini a:hover:after { background-image: url(../img/common/arr4_white.png);}
@media screen and (max-width: 639px) {
	
}

/* ボタンstyle */
p.btn_style3 { text-align: center; }
.btn_style3 a { border: 2px solid #bc9440; padding: 15px; width: 210px; line-height: 1.4; color: #fff; font-weight: bold; display: inline-block; margin: 0 auto; text-decoration: none!important; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; color:#bc9440; position: relative; font-size: 0.94em; letter-spacing: -2px }
.btn_style3 a:after { content:" "; background: url(../img/common/arr4_brown.png) no-repeat; display: inline-block; width: 6px; height:10px; background-size: contain; position: absolute; right:10px; top:0; bottom:0; margin:auto 0; }
.btn_style3 a:hover { background: #bc9440; color: #fff; opacity: 1; }
.btn_style3 a:hover:after { background-image: url(../img/common/arr4_white.png);}
@media screen and (max-width: 639px) {
	.btn_style3 a{ letter-spacing: 0 }
}


/* ボタンstyle */
p.btn_style4 { text-align: center; }
.btn_style4 a { border: 2px solid #bc9440; padding: 15px; max-width: 280px; width: 70%; line-height: 1.4; color: #fff; font-weight: bold; display: inline-block; margin: 0 auto; text-decoration: none!important; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; color:#bc9440; position: relative; }
.btn_style4 a:after { content:" "; background: url(../img/common/arr4_brown.png) no-repeat; display: inline-block; width: 6px; height:10px; background-size: contain; vertical-align: middle; margin-left:10px; }
.btn_style4 a:hover { background: #bc9440; color: #fff; opacity: 1; }
.btn_style4 a:hover:after { background-image: url(../img/common/arr4_white.png);}
@media screen and (max-width: 639px) {
	.btn_style4 a { max-width: 220px; width: 70%; padding: 15px 4%; border: 1px solid #bc9440; }
}



/* ボタンstyle */
a.btn_style5 { text-align: center; border: 2px solid #e96071; padding: 15px 4%; max-width: 210px; width:70%; line-height: 1.4; color: #fff; font-weight: bold; display: inline-block; margin: 0 auto; text-decoration: none!important; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; color:#e96071; position: relative; font-size: 0.94em; letter-spacing: -2px }
a.btn_style5:after { content:" "; background: url(../img/common/arr4.png) no-repeat; display: inline-block; width: 6px; height:10px; background-size: contain; position: absolute; right:10px; top:0; bottom:0; margin:auto 0; }
a.btn_style5:hover { background: #e96071; color: #fff; opacity: 1; }
a.btn_style5:hover:after { background-image: url(../img/common/arr4_white.png);}
@media screen and (max-width: 639px) {
	a.btn_style5{ letter-spacing: 0 }
}

/* ボタンstyle */
a.btn_style6 { text-align: center; border: 2px solid #bc9440; padding: 15px 4%; max-width: 210px; width:70%; line-height: 1.4; color: #fff; font-weight: bold; display: inline-block; margin: 0 auto; text-decoration: none!important; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; color:#bc9440; position: relative; font-size: 0.94em; letter-spacing: -2px }
a.btn_style6:after { content:" "; background: url(../img/common/arr4_brown.png) no-repeat; display: inline-block; width: 6px; height:10px; background-size: contain; position: absolute; right:10px; top:0; bottom:0; margin:auto 0; }
a.btn_style6:hover { background: #bc9440; color: #fff; opacity: 1; }
a.btn_style6:hover:after { background-image: url(../img/common/arr4_white.png);}
@media screen and (max-width: 639px) {
	a.btn_style6{ letter-spacing: 0 }
}




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



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

/* baseset [大きさ/太さ/色] */
.txtbase { font-weight: normal; color: #333; font-size: 15px; line-height: 1.8; } @media screen and (max-width: 639px) { .txtbase { font-size: 14px; } }
.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; }
.txtblack { color: #333; }
.txtgrey { color: #ccc!important; }
.txtred { color: #ff0000; }
.txtblue { color: #0079c3; }
.txtpink{ color:#e96071; }
.txtbrown{ color:#bc9440; }
.txtbrown2{ color:#735853; }

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{ margin-bottom: 45px }
.wp .seccopy{ margin-top: 30px }
.seccopy .inwrap { font-weight: bold; font-size: 28px; color: #e96071; position: relative; display: inline-block; }
.seccopy .inwrap:before{ content:" "; background:#bc9440; width: 2px; height:30px; -webkit-transform:translateY(0) translateX(0) rotate(45deg); -moz-transform:translateY(0) translateX(0) rotate(45deg); transform:translateY(0) translateX(0) rotate(45deg); position: absolute; top:-20px; left:-10px; }
.seccopy .inwrap:after{ content:" "; background:#bc9440; width: 2px; height:30px; -webkit-transform:translateY(0) translateX(0) rotate(45deg); -moz-transform:translateY(0) translateX(0) rotate(45deg); transform:translateY(0) translateX(0) rotate(45deg); position: absolute; bottom:-20px; right:-10px; }
@media screen and (max-width: 1040px) {
	.seccopy .inwrap { font-size: 25px; line-height: 1.8; margin-left:15px; }
}
@media screen and (max-width: 767px) {
	.seccopy{ margin-bottom: 40px }
	.wp .seccopy{ margin-top: 35px }
	.seccopy .inwrap { font-size: 20px; }
}
@media screen and (max-width: 639px) {
	.seccopy{ margin-bottom: 30px }
	.wp .seccopy{ margin-top: 25px }
	.seccopy{ text-align: center; }
	.seccopy .inwrap { font-size: 18px; margin-left: 0; text-align: left }
}
@media screen and (max-width: 400px) {
	.seccopy{ text-align: left; }
	.seccopy .inwrap { font-size: 15px; margin-left: 20px }
}


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




.linkedlinkbox{ margin-top: 20px }
.wp_content .qalist .linkedlinkbox .linkbox{ padding-top: 0 }



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

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

/* indexsectitle1 */
.indexsectitle1 .title_img1{ text-align: center; }
.indexsectitle1 .title_img1 img{ height:58px; }
@media screen and (max-width: 639px) {
	.indexsectitle1 .title_img1 img{ height:40px; }
}

/* セクションtitle（h2）*/
.sectitle { font-weight: bold; font-size: 30px; line-height: 1.5; text-align: center; color:#e96071; position: relative; padding-bottom: 10px; margin-bottom: 45px }
.sectitle:before { content: ""; background: #d5cdcb; width: 90px; height: 2px; font-size: 0; line-height: 0; position: absolute; bottom:0; left:0; right:0; margin:0 auto; }
.secsubtitle img{ width:162px; float: right;  }
@media screen and (max-width: 1040px) {
	.sectitle{ font-size: 26px; margin-bottom: 30px }
}
@media screen and (max-width: 767px) {
	.sectitle{ font-size: 24px; margin-bottom: 25px }
}
@media screen and (max-width: 639px) {
	.sectitle { font-size: 20px; padding-bottom: 5px; margin-bottom: 20px }
}
@media screen and (max-width: 479px) {
	.sectitle { font-size: 18px }
}

/* insectitle */
.insectitle { font-weight: bold; font-size: 24px; margin-bottom: 25px; line-height: 1.5; border-left: 2px solid #e96071; padding: 3px 10px 1px 20px }
@media screen and (max-width: 1040px) {
	.insectitle{ font-size: 20px; }
}
@media screen and (max-width: 639px) {
	.insectitle { font-size: 18px; margin-bottom: 15px; }
}


/* subtitle（h4）*/
.subtitle { font-weight: bold; font-size: 20px; margin-bottom: 18px; line-height: 1.5; color:#8F7975; }
@media screen and (max-width: 1040px) {
	.subtitle{ font-size: 18px; }
}
@media screen and (max-width: 639px) {
	.subtitle { font-size: 16px; margin-bottom: 12px; }
}


/* subtitle_type2（h4）*/
.subtitle_type2 { border-bottom: 1px solid #0079c3; color: #0079c3; padding-bottom: 5px; line-height: 1.5; font-weight: bold; font-size: 20px; margin-bottom: 10px; }
@media screen and (max-width: 639px) {
	.subtitle_type2 { font-size: 16px; margin-bottom: 5px; padding-bottom: 3px; }
}










/* ---------------------------------------
table
--------------------------------------- */
/* sche */
.sche{ width:100%; font-weight: bold; font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro"; }
.sche td,.sche th { text-align: center; vertical-align: middle; line-height: 1.4; word-break: break-all;  }
.sche th { border-left: none; }
.sche thead th { background: #cec5c3; color: #fff; border-bottom: none; font-weight: bold; height:47px; }
.sche thead th span{ font-weight: bold; }
.sche tbody th { width: 205px; word-break: break-all; height:50px; padding:0 1%; }
.sche tbody td,.sche tbody th{ border-bottom: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2;font-size: 1.07em; }
.sche tbody td{ color:#e96071; width: 10% }
.sche .bn { border-right: none; }
@media screen and (max-width: 639px) {
	.sche thead th{ height:35px; }
	.sche tbody th{ height: 44px; }
	.sche thead th{ border-right: 1px solid #fff }
	.sche thead th.bn{ border-right: 0 }
	.sche tbody td,.sche tbody th{ border-right: 1px dotted #b2b2b2; }
	.sche tbody th{ font-size: 0.87em; padding:0; }
	.sche tbody td{ color:#e96071; width: 10% }
	.sche tbody td.bn{ width: 16% }
}


/* 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: #f4f2f1; }
.table_type1 thead th, .table_type1 thead td { background: #f4f2f1; 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: #f4f2f1; }
.table_type2 thead th, .table_type2 thead td { background: #faf6f0; 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:10px 4%; line-height: 1.8; font-size: 14px; }
#pankuzu ol li { display: inline; color: #333; display:inline-block; }
#pankuzu ol li a { text-decoration: underline; color: #333; }
#pankuzu ol li:before { content:"/"; display: inline-block; padding-right: 5px; padding-left: 3px; }
#pankuzu ol li.none:before { content:none; padding:0px;  }
@media screen and (max-width: 1040px) {
	#pankuzu { padding:0; margin: 0 auto 20px; }
}

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



/* bloglist1 */
dl.blist1 dt { width: 90px; float: left; }
dl.blist1 dd { padding-left: 110px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #b2b2b2; }
dl.blist1 dd.last{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
@media screen and (max-width: 1040px) {
	dl.blist1 dt{ float: none; width:auto; padding-left: 0; }
	dl.blist1 dd{ padding-left: 0;  }
}
dl.blist2 dt { width: 90px; float: left; padding-top: 15px }
dl.blist2 dd { padding-left: 110px; padding-top: 15px; margin-top: 15px; border-top: 1px dashed #b2b2b2; }
dl.blist2 dd.sectop, dl.blist2 dt.sectop{ padding-top: 0; margin-top: 0; border-top: 0; }
@media screen and (max-width: 1040px) {
	dl.blist2 dt{ float: none; width:auto; padding-left: 0; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #b2b2b2; }
	dl.blist2 dd{ padding-left: 0; padding-top: 0; margin-top:0; border-top:0; }
}


/* inbbnrlist1 */
.inbbnrlist1{ margin-left: -15px; text-align: center; margin-bottom: -15px }
.inbbnrlist1>li{ display: inline-block; margin-left: 15px; margin-bottom: 15px }
@media screen and (max-width: 400px) {
.inbbnrlist1{ margin-left: 0; text-align: center; margin-bottom: -10px }
.inbbnrlist1>li{ margin-left: 0; margin-bottom: 10px; width: 100% }
}


/* qalist1 */
.qalist1  dt { position: relative; cursor: pointer; background: #f1eeee; padding:18px 8% 15px 3%; margin-bottom: 15px; line-height: 1.5; color:#333333; font-size: 1.13em; font-weight: bold; }
.qalist1  dd{  margin-bottom: 35px; display: none; }
.qalist1  dd .indent li{ margin-bottom: 8px; line-height: 1.5 }
.qalist1  dd .mark1{ font-size: 0.63em; color:#ed808d; margin-right:2px; }
.qalist1  dt .switchbox1{ display: none; margin-top:10px; }
.qalist1  dt .accordionswitch{ position: absolute; width: 16px; height: 16px; right: 13px; top: 0; bottom: 0; margin: auto 0; }
.qalist1  dt .accordionswitch .line{ padding:0; }
.qalist1  dt .accordionswitch #line1 { width: 16px;  height: 2px; background: #735853; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
.qalist1  dt .accordionswitch #line2 { width: 2px; height: 16px; background: #735853; position: absolute; left:0; right:0; bottom: 0; top:0; margin:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s ; transition: all 0.6s; }
.qalist1  dt .accordionswitch.active #line2{ display: none; }
@media screen and (max-width: 639px) {
	.qalist1 dt{ padding:8px 15% 9px 4%; font-size: 1em }
	.qalist1 dd{ padding:0 2%; margin-bottom: 20px }
	.qalist1  dd .indent li{ margin-bottom: 3px }
}


/* ---------------------------------------
layout/box/customset
--------------------------------------- */
/* bgbox_type1 */
.bgbox_type1 { padding: 20px 30px; background: #f4f2f1; }
@media screen and (max-width: 1040px) {
	.bgbox_type1 { padding:20px 4%; }
}

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



/* borderbox_type1 */
.borderbox_type1 { padding: 20px 30px; border: 1px solid #f4f2f1; }
@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:40%; margin-right: 4%; }
.imgleftbox .imgbox img{ max-width: 100%!important; }
.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{ 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:32%; margin-left: 4%; }
.imgrightbox .imgbox img{ max-width: 100%!important; }
.imgrightbox .txtbox{ float: left; width:64%; }
@media screen and (max-width: 767px) {
	.imgrightbox .imgbox{ float: none; width:100%; text-align: center; margin-bottom:10px; margin-left: 0; }
	.imgrightbox .imgbox img{ 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; }
@media screen and (max-width: 479px) {
	.contframe { overflow: auto; }
	.contframe img { min-width: 500px; width: 100%; max-width: initial; }
	.contframe table { min-width:500px; width: 100%;  max-width: initial; }
	.contframecaution { display: block; margin-bottom: 5px; font-size: 12px; }
}


/* imglist ※heightAdjust併用 */
ul.imglist { margin-left: -4%; }
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; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 639px) {
	ul.imglist { margin-left: 0; }
	ul.imglist>li { width: 100%; margin-left: 0; }
}





.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; }


/* webreservebox */
.webreservebox{ padding:40px 0 40px 45px; background:#faf6f0; position: relative; }
.webreservebox .txtbox1{ margin-right: 255px }
.webreservebox .imgbox1{ height:100%; width: 215px; position: absolute; right:0; top:0; }
.webreservebox .imgbox1 a{ position: relative; background: #e7eff9; width: 100%; height:100%; display: block; }
.webreservebox .imgbox1 a img{ position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; width: 125px; height: 88px }
.webreservebox .imgbox1 a:hover{ opacity: 1; background:#0068aa; }
@media screen and (max-width: 767px) {
	.webreservebox{ padding:20px 0 18px 5%; }
	.webreservebox .txtbox1{ margin-right: 200px }
	.webreservebox .imgbox1{ width: 180px }
}
@media screen and (max-width: 639px) { 
	.webreservebox{ padding:0; }
	.webreservebox .txtbox1{ padding:15px 5% 10px; width: 90%; float: none; position: static; margin-right: 0 }
	.webreservebox .imgbox1{ position: static; width: 100% }
	.webreservebox .imgbox1 a{ padding:10px 4% 15px; width: 92%; text-align: center; }
	.webreservebox .imgbox1 a img{ position: static; }

}