@charset "utf-8";
body{ background: #eeefe7; color: #432a05; font-weight: 100;}
.base-footer-box{margin-top: 32px;}

a{ color: #432a2f; text-decoration: none;}
a:visited { color: #432a2f; }
a:hover { color: #432a2f; text-decoration: underline;}
a:active { color: #432a2f; }

.base-footer-txt-link{width: 100%; max-width: 365px; margin: 0 auto; text-align: center;}


.info-data{ width: 95%; max-width: 700px; margin: 32px auto 0 auto;}
.info-data-img{  width: 40%; float: left; text-align: center;}
.info-data-btn{ }

.info-data-txt{width: 58%; float: right;}
.info-data-txt-title{font-size: 25px; padding-bottom: 16px; padding-top: 4px;}
.info-data-txt-day{padding-bottom: 16px;}
.info-data-txt-pf{font-size: 20px;}
.info-data-txt-data{line-height: 1.61;}
.info-data-txt-data dt{width: 40%; float: left;}
.info-data-txt-data dd{width: 60%; float: right;}

.early-stage{ border: solid 1px #838857; margin-top: 10px; font-size: 14px; padding: 5px 5px 10px 5px; line-height: 1.2; background: #d5d7c1;}
.early-stage-title{font-size: 16px; margin-bottom: 8px; border-bottom: solid 1px #838857; padding: 10px 0 15px 0; text-align: center;}
.early-stage-title span{font-weight: 600; color: #ae0000;}

.early-stage-txt{line-height: 1.5; padding: 5px;}
.early-stage-txt p{font-size: 12px; line-height: 1.2;}
.early-stage-txt span{font-weight: 500; color: #8a5655; line-height: 1.5;}

.free-btn a{ width: calc(60% - 10px); display: block; padding: 12px 5px; background: #f00; color: #fff; margin: 16px auto 0 auto;}
.free-btn a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65; text-decoration: none;}
.txtcenter{text-align: center;}

.info-at{font-size: 14px; color: #b6730e; padding: 5px 0;}

.banner-box{width: 95%; max-width: 882px; margin: 0 auto;}

.pc-hidden{display: block;}
.sp-hidden{display: none;}

@media screen and (max-width: 640px) {

.info-data-img{ width: 100%; float: none;  padding-bottom: 16px;}
.info-data-txt{width: 100%; float: none;}
.info-data-txt-title{font-size:5.775vw; text-align: center;}
.info-data-txt-data dt{width: 100%; float: none; background: #d5d7c1; text-align: center;}
.info-data-txt-data dd{width: 100%; float: none; text-align: center;}
.early-stage-title{font-size:4.575vw;}
.info-at{text-align: center;}

.banner-box{margin: 0 auto 8px auto;}
.pc-hidden{display: none;}
.sp-hidden{display: block;}
}





/* tz 
-------------------------------------------------------------------- */
.main_v_bg{background: url(/championjockey/img/tz/main_img_bg.jpg) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.main_cont_box{width: 100%; max-width: 1100px; margin: 0 auto; text-align: right;}


.cont-box{width: 100%; max-width: 1200px; margin: 0 auto; text-align: left;}

.title1{width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 6% 0 50px 0; font-size: 40px; font-weight: 600; color: #dd0d0b; line-height: 1.2;}
.title1 span{font-size: 20px; font-weight: 800;}
.title2{width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 0 0 50px 0; font-size: 40px; font-weight: 600; color: #fff; line-height: 1.2;}
.title2 span{font-weight: 800; display:block;}
.title3{width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 3% 0 30px 0; font-size: 40px; font-weight: 600; color: #dd0d0b; line-height: 1.2;}
.title3 span{font-size: 20px; font-weight: 800;}
.title4{width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 100px 0 100px 0; font-size: 40px; font-weight: 600; color: #fff; line-height: 1.2;}
.title5{width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 100px 0 50px 0; font-size: 40px; font-weight: 600; color: #dd0d0b;}

.cont-type1{background: url(/championjockey/img/tz/cont-type1-bg.jpg) top center no-repeat #4b6701; -moz-background-size:100% auto; background-size:100% auto;}
.cont-type2{background: url(/championjockey/img/tz/cont-type2-bg.jpg) top center; padding-bottom: 100px; }
.cont-type3{padding-bottom: 100px;}

.cont1-box{  width: 90%; max-width: 1200px; margin: 0 auto; padding-bottom: 32px;}
.cont1-left{width: calc(47.5% - 40px); float: left;  padding: 20px; line-height: 1.61; font-size: 16px; font-weight: 600; text-align: center; margin-bottom: 5%; text-align: left;}
.cont1-right{width: 46.5%; float: right; margin-top: 50px;}

.cont2-box{ background: url(/championjockey/img/tz/cont2-ss.png) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; text-align: right; text-shadow: 0 -1px 1px #8b9a40, -1px 0 1px #8b9a40, 1px 0 1px #000,  1px 1px 5px #171a0b; color: #fff; text-align: right; margin-top: -50px; padding-top: 50px;}
.cont2-box-in{width: 90%; max-width: 500px; display:inline-block; padding-bottom: 40%; max-height: 300px; text-align: left; line-height: 1.61;  margin-top: 100px; padding-right: 50px;}
.cont2-ss1{width: 70%; margin-top: 10%; }
.cont2-ss2{width: 70%; margin-top: -10%; margin-left: 30%;}

.cont3-box{  width: 90%; max-width: 1200px; margin: 0 auto; padding: 32px 0;}
.cont3-left{width: calc(49% - 40px); float: left;  padding: 0 20px 20px 20px;}
.cont3-right{width: 50%; float: right;}
.cont3-left p{width: 98%; max-width: 400px; margin: 0 auto; line-height: 1.61; font-size: 16px; font-weight: 600;}

.ss-box{width: 90%; max-width: 600px; margin: 0 auto;}
.text-box{width: 90%; max-width: 800px; margin: 0 auto; line-height: 1.61;}



.cont4-dl-box{width: 90%; max-width: 970px; margin: 0 auto; padding-bottom: 50px;}
.cont4-dl-box dt{width: 52%; float: left; color: #fff; line-height: 1.61;}
.cont4-dl-box dd{width: 47%; float: right;}
.cont4-dl-box dt h3{color: #f5df82; font-size: 23px; font-weight: 800; padding-bottom: 10px;}

.linkage-list li{text-indent: -10px; padding-left: 10px; }


@media screen and (max-width: 1200px) {
.title1{ padding: 0 0 30px 0;}
.cont1-left{width: calc(53% - 40px); padding: 3% 20px 20px 20px;}
.cont1-right{width: 45.5%;}

.title1{font-size:3.375vw;}
.title1 span{font-size: 20px; font-weight: 800;}


.title3{font-size:3.375vw;}

}


@media screen and (max-width: 960px) {
.cont1-left{line-height: 1.61; font-size: 16px; padding: 3% 20px 20px 20px;}

}

@media screen and (max-width: 900px) {

.cont1-left{font-size: 15px;  padding: 0 20px 20px 20px;}
.cont1-right{margin-top:0px;}
.cont2-box{margin-top: -20px; padding-top: 20px; background: url(/championjockey/img/tz/cont2b-ss.png) top left no-repeat; -moz-background-size:80% auto; background-size:80% auto;}
.cont2-box-in{max-height: 200px;}
.cont2-ss1{width: calc(49.7% - 6px); float: left; padding: 20px 3px 20px 3px; margin: 0;}
.cont2-ss2{width: calc(49.7% - 6px); float: right; padding: 20px 3px 20px 3px; margin: 0;}

}


@media screen and (max-width: 800px) {
.main_v_bg{background: url(/championjockey/img/tz/main_img_bg.jpg) -100px 0 no-repeat; -moz-background-size:200% auto; background-size:200% auto; }
.cont4-dl-box dt h3{text-align: center;}
.cont4-dl-box dt{width: 95%; float: none; margin: 0 auto; padding-bottom: 10px;}
.cont4-dl-box dd{width: 95%; max-width: 456px; float: none; margin: 0 auto;}

.title1{width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 10% 0 5% 0; font-size: 7.375vw; font-weight: 600; color: #dd0d0b; line-height: 1.2;}
.title1 span{font-size: 5.375vw; font-weight: 800;}
.cont1-box{  width: 95%;}
.cont1-left{width: 100%; float: none;  padding: 0 0 0% 0; text-align: left;}
.cont1-right{width: 100%; float: none; margin: 0 auto; }
.cont1-right img{width: calc(100% - 6px); display:inline-block; padding: 0 3px;}
.cont1-left br{display:none;}
.cont1-left span{display:block;}

.title2{font-size:6.075vw; padding-bottom: 5%; padding-top: 5%;}
.title2 br{display:none;}

.cont2-box{  width: 100%; background: url(/championjockey/img/tz/cont2-ss_sf.png) top center no-repeat; text-align: right; padding-top: 100px; margin: 0 auto;}
.cont2-box-in{width: 95%; max-width: 1200px; display:block; padding-bottom: 0; max-height: auto; text-align: left; line-height: 1.61;  margin: 100px auto 0 auto; padding-right: 0;}
.cont2-ss1{width: calc(49.7% - 6px); float: left; padding: 20px 3px 20px 3px; margin: 0;}
.cont2-ss2{width: calc(49.7% - 6px); float: right; padding: 20px 3px 20px 3px; margin: 0;}

.title3{padding-bottom:5%; font-size:6.375vw;}
.cont3-box{  width: 95%; max-width: 1000px; margin: 5% auto; padding: 0 0 32px 0;}
.cont3-left{width: 100%; float: none;  padding: 0 0 20px 0; line-height: 1.61;}
.cont3-right{width: 100%; float: none;}
.cont3-right img{width: calc(100% - 6px); display:inline-block; padding: 0 3px;}
.cont3-left p{width: 98%; max-width: 1200px;}

.title4{padding: 10% 0 5% 0;}
.title5{font-size:7.375vw; line-height: 1.3;}
.cont-type2{padding-bottom: 0; }

}



@media screen and (max-width: 640px) {
.cont2-box{ background: url(/championjockey/img/tz/cont2-ss_sf.png) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto;}
.cont2-box-in{ margin: 10% auto 0 auto; }


.title3{font-size:8.375vw; padding-top: 10%;}


.title4{font-size:8.375vw; padding-top: 10%;}

}





.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}