@charset "utf-8";
.base-wp{padding-bottom: 0;}
body{background: #3c6cec;}
.mainct{

width: 100%;
max-width: 1500px;
margin: 0 auto;
background:url(../img/sp/collaboration1/header.jpg) #fffffd top center no-repeat;
-moz-background-size:100% auto;
background-size:100% auto; 
}


.lead_box{ width: 50%; max-width: 907px; float: right; padding: 10% 5% 10% 0; }

.cont_box1{width: calc(95% - 6px); max-width: 1400px; margin: 0 auto; position: relative; background:url(../img/sp/collaboration1/type1_bg.png) #fff top right no-repeat; border: solid 3px #e52b86; background-color:rgba(255,255,255,0.65); -moz-background-size:40% auto;  background-size:40% auto; }
.cont_box2{width: calc(95% - 6px); max-width: 1400px; margin: 0 auto; position: relative; background:url(../img/sp/collaboration1/type2_bg.png) #fff bottom right no-repeat; border: solid 3px #e52b86; background-color:rgba(255,255,255,0.65); -moz-background-size:40% auto; background-size:40% auto; }
.cont_title{width: 30%; max-width: 409px; position: absolute; margin-top: -1.85%;}
.cont_data{width:95%; max-width: 1100px; margin: 8% auto 2% auto;}
.cont_data2{width:95%; max-width: 1100px; margin: 0 auto 2% auto;}
.left_box{width:25%; max-width:250px;}
.left_box2{width:25%; max-width:250px;}
.right_box{width: calc(71% - 20px); padding: 10px; color: #90285e; font-size: 20px; padding-top: 8%; padding-left: 4%;}
.right_box p{padding-bottom: 10px;}
.btn_box li{padding: 1% 1% 1% 0;}

.right_box2{width: calc(71% - 20px); padding: 10px; color: #90285e; font-size: 20px; padding-left: 4%;}


.at{width: 95%; max-width: 1100px; margin: 0 auto; padding-bottom: 20px;}
.at2{width: 95%; max-width: 1500px; margin: 0 auto; padding-bottom: 5%;}

.day_end{width: 95%; max-width: 1500px; margin: 0 auto; padding: 5% 0 0 0;}

.info_book_box{
	width: 95%; max-width: 1500px; margin: 0 auto;
	background:url(/corda/15th/img/sp/collaboration1/info_bg.jpg);
	border: solid 1px #3c6cec;
	padding-top: 2%;
}
.info_book_box_btn{width: 50%; max-width: 190px; margin: 10px 0; border: solid 2px #fff; display: block;}
.info_book_box_btn a{width: 80%;  display: block;  padding: 5% 10%;}
.plus{width: 25%; max-width: 72px; margin: 10px auto;}


@media screen and (max-width: 640px) {
.mainct{
background:url(../img/sp/collaboration1/header.jpg) #fffffd -22% 0 no-repeat;
-moz-background-size:150% auto;
background-size:150% auto; 
}
.cont_title{width: 50%; max-width: 409px; position: absolute; margin-top: -3%;}

.lead_box{ width: 90%; max-width: 907px; float: none; margin: 0 auto; padding: 50% 0 20px 0; }
.cont_box1, .cont_box2{ background: none; background-color:rgba(255,255,255,0.7);}

.left_box{width:70%; max-width:250px; margin: 0 auto;}
.left_box2{width:70%; max-width:200px; margin: 0 auto;}
.right_box{width:100%; passing:  5%;}
.right_box p{padding-bottom: 10px;}
.right_box2{width:100%; passing:  5%;}
.at{width: 88%;}

.info_book_box{padding-top: 5%;}
.info_book_box_btn{margin: 10px auto;}
.info_book_box_btn a{width: 80%;  display: block;  padding: 0 10% 5% 10%;}
.info_book_box_cp{width:50%; margin: 0 auto;}

.cont_box1 .btn_box li{width: 50%; max-width: 247px; margin: 0 auto; }

}