﻿/*setting*/
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}
.a_left{text-align:left;}
.a_right{text-align:right;}
.a_center{text-align:center;}
.material-icons{display:inline-flex;vertical-align:middle;margin-right:5px;}

/*footer*/
footer{margin-top:100px;}
.footer-ad{margin-bottom:50px;}
.footer-ad div{margin:auto;}
.footer-box{background:#EEE;padding:20px;}
.footer-inbox{margin:auto;padding:10px;max-width:1280px;}
.footer-inbox ul{margin-bottom:20px;font-size:90%;}
.footer-inbox ul li{margin-right:15px;margin-bottom:5px;}
.footer-inbox ul a{color:#333;}
.footer-inbox ul a:hover{color:#D40000;}
.footer-inbox .copyright{text-align:center;font-size:80%;margin-top:30px;}
.footer-title{font-weight:bold;}
@media screen and (min-width:961px){.footer-ad .small{display:none;}}
@media screen and (min-width:801px){.footer-inbox ul{display:flex;flex-wrap:wrap;margin-bottom:10px;}}
@media screen and (max-width:960px){.footer-ad .big{display:none;}}
@media screen and (max-width:650px){.footer-inbox ul a{display:block;margin-bottom:10px;}}
/*list*/
.list-btn,.list-btn2{padding-bottom:10px;}
.list-btn a{display:block;background:#D40000;padding:15px;text-align:center;color:#FFF;text-decoration:none;margin:15px 10%;border-radius:5px;font-weight:bold;}
.list-btn a:hover{background:#000;}
.list-btn i{margin-right:5px;}
.list-btn2 a{display:block;background:#000;padding:15px;text-align:center;color:#FFF;text-decoration:none;margin:15px 10%;border-radius:5px;font-weight:bold;}
.list-btn2 a:hover{background:#333;}
.list-btn2 i{margin-right:5px;}
.list-box{padding:10px;line-height:160%;color:#555;}
.list-shadow{box-shadow:1px 1px 5px 1px #CCC;}
.list-border{background:#FFF;border:1px #CCC solid;}
@media screen and (min-width:851px){
	.list{display:flex;justify-content:space-between;}
	.list li{width:100%;margin:5px 5px 10px 5px;}
	.list_column2{flex-wrap:wrap;}
	.list_column2 li{width:49%;margin:5px 0 30px 0;}
	.list_column3{flex-wrap:wrap;}
	.list_column3 li{width:32%;margin:5px 0 30px 0;}
	.list_column4{flex-wrap:wrap;}
	.list_column4 li{width:24%;margin:5px 0 30px 0;}
}
@media screen and (max-width:850px){
	.list{margin-bottom:0;}
	.list li{margin-bottom:20px;}
}

/*page_nav*/
.page_nav{margin-bottom:30px;display:flex;align-items:baseline;}
.page_nav li{width:100%;text-align:center;position:relative;}
.page_nav li a{display:block;text-decoration:none;background:#f0f0f0;padding:20px 0;border-top:2px #CCC solid;border-left:1px #CCC solid;border-right:1px #CCC solid;border-bottom:2px #CCC solid;color:#777;}
.page_nav li a:hover{background:#000;border-top:2px #000 solid;border-left:2px #000 solid;border-right:2px #000 solid;border-bottom:2px #000 solid;color:#FFF;}
.page_nav li a.select{background:#FFF;padding:30px 0 20px 0;color:#000;border-top:3px #CCC solid;border-left:3px #CCC solid;border-right:3px #CCC solid;border-bottom:2px #FFF solid;font-weight:bold;border-top-left-radius:5px;border-top-right-radius:5px;}
.page_nav li a i{margin-right:5px;}
@media screen and (min-width:651px){
	.page_nav{font-size:110%;}
}
@media screen and (max-width:650px){
	.page_nav{font-size:90%;}
}

/*plan_nav*/
.plan_nav{display:flex;flex-wrap:wrap;margin-bottom:10px;}
.plan_nav li{width:20%;text-align:center;}
.plan_nav li a{display:block;padding:25px 5px;border:1px #CCC solid;text-decoration:none;color:#333;background:#F0F0F0;margin-right:5px;margin-bottom:5px;}
.plan_nav li a.select{font-weight:bold;background:#FFF;color:#000;}
.plan_nav li a:hover{background:#FFF;color:#666;}

.plan_nav6{display:flex;flex-wrap:wrap;margin-bottom:10px;}
@media screen and (min-width:651px){
	.plan_nav6 li{width:16.6%;text-align:center;}
}
@media screen and (max-width:650px){
	.plan_nav6 li{width:33.3%;text-align:center;}
}

.plan_nav6 li a{display:block;padding:25px 5px;border:1px #CCC solid;text-decoration:none;color:#333;background:#F0F0F0;margin-right:5px;margin-bottom:5px;}
.plan_nav6 li a.select{font-weight:bold;background:#FFF;color:#000;}
.plan_nav6 li a:hover{background:#FFF;color:#666;}

/*page_title*/
.page_title{text-align:center;font-size:2.3rem;font-weight:bold;letter-spacing:1px;border-top:5px #EEE solid;border-bottom:5px #EEE solid;padding:20px 0;margin-bottom:20px;}
.page_title font{font-size:80%;}

/*parts*/
.content-sub{border:5px #e8cf5b solid;padding:30px;margin:auto auto 50px auto;background:linear-gradient(0deg,rgba(255,253,195,1) 0%, rgba(255,253,227,1) 100%);margin-top:80px;}
.content-sub h2{border:0;border-bottom:5px #e8cf5b solid;padding:0 0 20px 0;color:#806a01;}
.nodate{border:5px #EEE solid;padding:100px 20px;text-align:center;color:#888;line-height:180%;}
.subtitle{font-weight:bold;font-size:110%;margin-bottom:10px;}
.text_box{padding:0 20px;margin-bottom:15px;line-height:180%;color:#4e4c3b;letter-spacing:0.5px;}
.btn_grey a{display:block;background:#e5e4d8;padding:18px 15px;text-align:center;color:#2c2b23;text-decoration:none;margin:20px 10% 0 10%;border-radius:5px;font-weight:bold;}
.btn_grey a:hover{background:#000;color:#FFF;}
.btn_grey i{margin-right:10px;}
.btn_grey02 a{display:block;background:#e5e4d8;padding:25px 10px;text-align:center;color:#2c2b23;text-decoration:none;margin:30px 10% 0 10%;border-radius:5px;font-weight:bold;font-size:110%;}
.btn_grey02 a:hover{background:#000;color:#FFF;}
.btn_grey02 i{margin-right:10px;}
.btn_red a{display:block;background:#db0012;padding:25px 10px;text-align:center;color:#FFF;text-decoration:none;margin:30px 10% 0 10%;border-radius:5px;font-weight:bold;font-size:110%;}
.btn_red a:hover{background:#000;color:#FFF;}
.btn_red i{margin-right:10px;}
.btn_blue a{display:block;background:#002395;padding:5px 5px;text-align:center;color:#FFF;text-decoration:none;margin:5px 5% 0 5%;border-radius:5px;font-weight:bold;font-size:90%;}
.btn_blue a:hover{background:#000;color:#FFF;}
.btn_blue i{margin-right:10px;}
.btn_blue02 a{display:block;background:#002395;padding:25px 10px;text-align:center;color:#FFF;text-decoration:none;margin:30px 10% 0 10%;border-radius:5px;font-weight:bold;font-size:110%;}
.btn_blue02 a:hover{background:#000;color:#FFF;}
.btn_blue02 i{margin-right:10px;}
.btn_stop{background:#000;padding:14px 10px;text-align:center;color:#FFF;margin:20px 10% 0 10%;border-radius:5px;font-weight:bold;font-size:110%;}
.btn_stop_top{background:#000;padding:15px;text-align:center;color:#FFF;text-decoration:none;margin:15px 10% 10px 10%;border-radius:5px;font-weight:bold;}
.scroll-back{position:fixed;bottom:10px;right:15px;}
.scroll-back a{display:block;padding:4px 6px 8px 12px;background:#a5a188;color:#FFF;border-radius:40px;font-size:150%;}
.w_100per{width:100%;}
.m_top5{margin-top:5px;}
.m_top10{margin-top:10px;}
.m_top20{margin-top:20px;}
.m_top30{margin-top:30px;}
.m_top50{margin-top:50px;}
.m_bottom2{margin-bottom:2px;}
.m_bottom5{margin-bottom:5px;}
.m_bottom10{margin-bottom:10px;}
.m_bottom20{margin-bottom:20px;}
.m_bottom30{margin-bottom:30px;}
.m_bottom50{margin-bottom:50px;}
.p_10{padding:10px;}
.p_15{padding:15px;}
.p_20{padding:20px;}
.p_lr10{padding-left:10px;padding-right:10px;}
.emphasis{color:#e00012;font-size:120%;font-weight:bold;}
.emphasisb{color:#3b393a;font-size:120%;font-weight:bold;}
.c_white{color:#FFF;}
.c_red{color:#e00012;}
.bc_red01{background:#e00012;}
.bc_blue01{background:#006fb7;}
.bc_blue02{background:#0094dd;}
.bc_blue03{background:#00abeb;}
.bc_green01{background:#05a15d;}
.bc_green02{background:#006036;}
.bc_gold01{background:#c8b300;}
.bc_white{background:#FFF;}
.bc_black{background:#000;}
.bc_grey{background:#f5f5f5;}
.bc_pink{background:#F05F8D;}
@media screen and (min-width:651px){
	.dis_none-wide{display:none;}
}
@media screen and (max-width:650px){
 .plan_nav li a{font-size:1.3rem;padding:20px 5px;}
 .page_title{font-size:1.7rem;}
 .page_title span{display:block;}
	.text_box{font-size:90%;}
	.content-sub{padding:20px;}
	.dis_none-sma{display:none;}
	.btn_red a{font-size:94%;}
}