#main b{ font-weight:600; display:inline-block; font-size:1.1em;}
#main ol{padding-inline-start: 2em;margin-block-start: 0;margin-block-end: 0; text-indent:0;}

#main{ margin:3em auto 5em;}
#main .common_wrap{ max-width:1280px; width:90%; margin:auto;}


#main h2.co_ttl{ font-size:1.7em; font-weight:600; border-bottom:1px solid #E47623; padding-bottom:0.5em; margin-bottom:1.5em; line-height:1.4;}
#main h3.co_ttl{ font-weight:600; padding:0.1em 0 0.3em 0.5em; line-height:1.2; border-left:4px solid; color:#E47623; margin:2.5em auto 1em;}
#main h4.co_ttl{ font-weight:600; padding:0.1em 0 0.3em 0em; line-height:1.2; color:#E47623; margin:2.5em auto 1em; font-size:1.1em; display:inline-block;}
#main h5.co_ttl{ font-weight:600; padding:0.1em 0 0.3em 0em; line-height:1.2; color:#E47623; margin:1.5em auto 0.75em; font-size:1.05em; display:block; border-bottom:1px solid;}
#main h2.co_ttl span,
#main h3.co_ttl span,
#main h4.co_ttl span,
#main h5.co_ttl span{ display:inline-block;}
#main .co_text{ width:90%; margin:1.5em auto 0;}
#main .co_img{ text-align:center; margin:1em auto 1em;}

#ATS.f1 img{ height: auto;}
#main .img_1100{ max-width: 1100px; width: 100%; text-align: center; margin: 1em auto 0.5em;}
#main .img_960{ max-width: 960px; width: 90%; text-align: center; margin: 1em auto 0.5em;}
#main .img_500{ max-width: 450px;  text-align: right; margin: 1em 0 0.5em auto;}
#main .caption{ text-align: center;}

#main .red{ color:#FF0000}
#main .blue_bar{ width:100%; height:1px; background:#E47623; margin:5em auto;}
#main .indent0{ display:inline-block; padding-left:0; text-indent:0;}
#main .indent1{ display:inline-block; padding-left:1em; text-indent:-1em;}
#main .indent2{ display:inline-block; padding-left:2em; text-indent:-2em;}
#main .indent3{ display:inline-block; padding-left:3em; text-indent:-3em;}
#main .indent4{ display:inline-block; padding-left:4em; text-indent:-4em;}

#main a{ text-decoration:underline; color:#1A3BFF;}
#main ul{}
#main ul li{ margin-bottom:0.4em;}


#main .ali_c{ text-align:center;}
#main .ali_r{ text-align:right;}
#main .ali_l{ text-align:left;}

#main .dis_b{ display:block;}
#main .dis_i{ display:inline;}
#main .dis_ib{ display:inline-block;}

#main .iframe{}
#main .iframe.iframe_video{ max-width:520px; margin:2em auto;}
#main .iframe.iframe_video .video{ position:relative; width:100%; height:0; padding-bottom:67.31%; margin:auto;}
#main .iframe.iframe_video iframe{ position:absolute; left:0; right:0; top:0; width:100%; height:100%;}

#main .frote_img{ float:right; width:220px; padding:0 0 1em 1em;}
#main .frote_img.left{ float:left; padding:0 1em 1em 0;}
#main .frote_img img{}


#main .sub_ttl{ font-size:1.5em; font-weight:600; text-align:center;}
#main .sub_ttl .icon{ width:2.2em; display:inline-block; vertical-align:middle; margin-right:0.3em;}
#main .sub_ttl .ttl_text{ display:inline-block; vertical-align:middle; color:#E57622; text-align:left; line-height:1.4;}
#main .search_wrap .sub_ttl .ttl_text{ color:#323232;}

#main .flex_wrap{
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#main .flex_wrap.top{
-webkit-box-align:flex-start;-moz-box-align:flex-start;-ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start;}
#main .flex_wrap.center{
-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
#main .flex_wrap .img{margin:0 1em;}
#main .flex_wrap .text{flex: 1;}
#main .flex_wrap .flex1{flex: 1;}

#main .two_img{ text-align:center;}
#main .two_img img{ max-width:47%; display:inline-block; margin:1%;}

#main .three_img{ text-align:center;}
#main .three_img img{ max-width:31%; display:inline-block; margin:1%;}

#main .multi_img{ text-align:center;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

#main .table{ margin:1em auto 3em;}
#main table{ margin:1em auto;}
#main .table th,
#main .table td{ border:1px solid #777; padding:0.5em 0.5em;}
#main .table th{ background:#FFF9CB;}
#main .table td{}
#main .table table.co_table th,
#main .table table.co_table td{ text-align:center; vertical-align:middle;}
#main .table td.co_td{ text-align:center; vertical-align:middle;}
#main .table td.bor_none{ border:none;}
#main .table table.padd0{ margin:0 auto;}
#main .table table.padd0 td{ padding:0; line-height:1.3;}

#main .co_btn{ text-align:center; margin:2em auto;}
#main .co_btn a{color:#FFF; text-decoration:none; text-align:center; padding:1em; background:#FFA023;border-top:0px solid #FFF;border-bottom:#EA7800 2px solid; border-radius:0.5em; display:inline-block; min-width:60%; font-weight:600;}
#main .co_btn a:hover{ border-top:#FFF 2px solid; border-bottom:#FFA023 0px solid;}


@media all and (max-width: 768px) {
#main{ margin:2em auto;}
#main h2.co_ttl{ font-size:1.4em; margin-bottom:1.25em;}
#main .co_text{ width:100%; margin:1em auto 0;}
#main .co_img{ margin:1em auto 0.5em; text-align:center;}

#main .frote_img{ float:none; width:auto; margin:0 auto 1em; text-align:center; padding:0;}
#main .frote_img.left{ float:none; padding:0;}
#main .frote_img img{}


#main .sub_ttl{ font-size:1.2em;}

#main .flex_wrap{ display:block;}
#main .flex_wrap img{ margin:0 auto 1em;}
#main .flex_wrap.no_margin img{ margin:0 auto;}
#main .flex_wrap.sp_center{ text-align:center;}

#main .two_img img{ max-width:100%; display:block; margin:1% auto;}
#main .three_img img{ max-width:30%; display:inline-block; margin:1%;}
#main .three_img img:first-of-type{ margin-left:0;}
#main .three_img img:last-of-type{ margin-right:0;}


#main .table:not(.table_sp) table,#main .table:not(.table_sp) tbody{ display:block; width:100%;}
#main .table:not(.table_sp) tr{ display:block; background:#FFF; border-bottom:1px #CCC dotted; padding-bottom:1em; margin-bottom:1.5em;}
#main .table:not(.table_sp) td{ border:none;  padding:0.5em 0.5em; margin:0 auto; display:block; width:100%;word-wrap:break-word;}
#main .table:not(.table_sp) th{ background:none; display:inline-block; font-weight:600; font-size:1.1em; border:none; border-bottom:1px solid; padding:0 0 0.25em; }

#main .table.table_sp{ max-width:100%; overflow:auto;}
#main .table.table_sp table{ display:block;}
}




#main .youtube_collection h3{ text-align:center;  margin:0 auto 2%;}
#main .youtube_collection .youtube_wrap{max-width:560px;	margin:0 auto 80px;}
#main .youtube_collection .youtube_wrap .cont{ text-align:left;text-indent: 0;}
#main .youtube_collection .youtube_wrap .cont h4{ margin:1em 0 0.1em; font-size:1.1em;; font-weight:900; text-decoration:underline;display:inline-block;padding-left: 4.5em;text-indent: -4.5em;}
#main .youtube_collection .youtube_wrap .cont h4 span{ display:inline-block; width:4.5em;text-indent:0em;}
#main .youtube_collection .youtube_wrap .cont h4.show{ text-decoration:none;}
#main .youtube_collection .youtube_wrap .cont h4:hover{ text-decoration:none;}
#main .youtube_collection .youtube_wrap .cont iframe{ margin-bottom:20px; background:#323232; display:none;}

@media all and (max-width: 768px) {
#main .youtube_collection .youtube_wrap .cont iframe{ width:100%;}
}






#main .pickup_wrap{ margin:1em auto 3em; text-align:center; max-width:750px;}
#main .pickup_wrap .cont{ display:inline-block; max-width:320px; width:48%; position:relative; margin:0.5em;}




#main .co_lsd_link{ margin:5em auto 3em; text-align:center; max-width:750px;}
#main .co_lsd_link .cont_wrap{ display:inline-block; max-width:320px; width:48%; position:relative; margin:0.5em;}
#main .co_lsd_link .cont_wrap .img{ overflow:hidden;}
#main .co_lsd_link .cont_wrap .text{ position:absolute; background:rgba(241,90,36,0.15); width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto;}
#main .co_lsd_link .cont_wrap .text span{ color:#FFF; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; display:inline-block; text-align:center; height:1em; line-height:1.2; font-size:1.2em; letter-spacing:0em; font-weight:900;text-shadow:0 2px 3px #323232;}

#main .co_lsd_link .cont_wrap:hover .img img{transform: scale(1.02);}
#main .co_lsd_link .cont_wrap:hover .text{ opacity:0;}

#main .co_lsd_link .cont_wrap .text,
#main .co_lsd_link .cont_wrap .img img{
-moz-transition-property:opacity,transform;-webkit-transition-property:opacity,transform;-o-transition-property:opacity,transform;-ms-transition-property:opacity,transform;transition-property:opacity,transform;
-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}



#main .slide_wrap{ position:relative;}
#main .slide_wrap .slide-arrow{ position:absolute; bottom:0%; z-index:9;}
#main .slide_wrap .prev-arrow{ left:-0em;}
#main .slide_wrap .next-arrow{ right:-0em;}


@media all and (max-width: 768px) {

#main .co_lsd_link{ max-width:1024px; width:100%; margin:3em auto 4em; text-align:center;}
#main .co_lsd_link .cont_wrap{ display:inline-block; max-width:320px; width:90%; margin:2% auto; position:relative;}
#main .co_lsd_link .cont_wrap2{ margin:4% auto;}

#main .youtube_collection .youtube_wrap .cont h4{padding-left:0;text-indent: 0; width:100%; display:block; font-size:1em;}
#main .youtube_collection .youtube_wrap .cont h4 span{ display:block; width:auto;text-indent:0em;}



#main .slide_wrap .slide-arrow{ bottom:0%;}
#main .slide_wrap .prev-arrow{ left:0;}
#main .slide_wrap .next-arrow{ right:0;}
}


#main .add_JAF{ font-size: 0.9em; margin: 0 auto 4em;max-width: 1152px;}
#main .add_JAF span{ display: inline-block; font-weight: 600; font-size: 1.2em; margin-bottom: 0.25em; position: relative; padding:0 1em 0.25em 0em;}
#main .add_JAF span::before{ content: ""; width: 100%; height: 2px; background: #BBB; position: absolute; left: 0; bottom: 0;}
#main .add_JAF span::after{ content: ""; width: 3em; height: 2px; background: #E47624; position: absolute; left: 0; bottom: 0;}


/******************************
	モーダル用ここから
******************************/
.modal_on{ overflow:hidden; position:relative;}
body [modal_this]{ cursor:pointer;}
body .modal{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.40); font-size:1em; line-height:1.8; z-index:9999;overflow: auto;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
flex-wrap:wrap;
-moz-transition-property : transform;-webkit-transition-property : transform;-o-transition-property : transform;-ms-transition-property : transform;transition-property : transform;
-moz-transition-duration : 0.4s;-webkit-transition-duration : 0.4;-o-transition-duration : 0.4s;-ms-transition-duration : 0.4s;transition-duration : 0.4s;
-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
body .modal::before,
body .modal::after{ content:""; width:100%; height:50px;}
body .modal > .modal_wrap{ position:relative; margin:auto; background:#FFF; max-width:94%;}
body .modal > .modal_wrap .modal_close{ position:absolute;right: -2em;top: -2em;width: 5em;}
@media all and (max-width: 768px) {
body .modal > .modal_wrap .modal_close{ right: -1em;top: -1em;width: 4em;}
}
/******************************
	モーダル用ここまで
******************************/