@charset "utf-8";
@media (max-width: 479px){
.p_sl {display:none;}
.pro {text-align:left;width:96%; margin-left:2%; margin-top:60px; font-size:1.6rem; line-height:3rem; padding-top:6px;}
.more {width:96%; margin-left:2%; height:40px; line-height:41px; margin-top:10px;}
#cas {margin-top:80px; width:96%; margin-right:0px; margin-left:2%;}
#cas .ti {font-size:1.6rem; line-height:3rem; padding-top:9px;}
#not .ti {font-size:1.6rem; line-height:3rem; padding-top:9px;}
#not {margin-top:80px; width:96%; margin-left:0px; margin-left:2%;}
#sns {margin-top:130px;}
}

@media (min-width: 480px) and (max-width: 767px) {
.p_sl {display:none;}
.pro {text-align:left; width:96%; margin-left:2%; margin-top:60px; font-size:1.6rem; line-height:3rem; padding-top:6px;}
.more {width:96%; margin-left:2%; height:40px; line-height:42px; margin-top:10px;}
#cas {margin-top:80px; width:96%; margin-right:0px; margin-left:2%;}
#cas .ti {font-size:1.6rem; line-height:3rem; padding-top:9px;}
#not .ti {font-size:1.6rem; line-height:3rem; padding-top:9px;}
#not {margin-top:80px; width:96%; margin-left:0px; margin-left:2%;}
#sns {margin-top:130px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
.m_sl {display:none;}
.pro {text-align:right; width:90%; margin-left:5%; margin-top:100px; font-size:1.6rem; padding-top:2px;}
.more {width:90%; margin-left:5%; height:40px; line-height:42px; margin-top:20px;}
#cas {margin-top:80px; width:44%; margin-right:1%; margin-left:5%;float:left;}
#cas .ti {font-size:1.6rem; padding-top:9px;}
#not .ti {font-size:1.6rem; padding-top:9px;}
#not {margin-top:80px; width:44%; margin-left:1%;float:left;}
#sns {margin-top:660px;}
}

@media (min-width: 1025px) and (max-width: 1349px) {
.m_sl {display:none;}
.pro {text-align:right; width:60%; margin-left:20%; margin-top:130px; font-size:1.8rem; padding-top:3px;}
.more {width:60%; margin-left:20%; height:60px; line-height:60px; margin-top:30px;}
#cas {margin-top:100px; width:29%; margin-right:1%; margin-left:20%;float:left;}
#cas .ti {font-size:1.8rem; padding-top:8px;}
#not .ti {font-size:1.8rem; padding-top:8px;}
#not {margin-top:100px; width:29%; margin-left:1%;float:left;}
#sns {margin-top:660px;}
}

@media (min-width: 1350px) {
.m_sl {display:none;}
.pro {text-align:right; width:50%; margin-left:25%; margin-top:130px; font-size:2rem; line-height:3rem; padding-top:8px;}
.more {width:50%; margin-left:25%; height:60px; line-height:60px; margin-top:30px;}
#cas {margin-top:100px; width:24%; margin-right:1%; margin-left:25%;float:left;}
#cas .ti {font-size:2rem; padding-top:8px;}
#not .ti {font-size:2rem; padding-top:8px;}
#not {margin-top:100px; width:24%; margin-left:1%;float:left;}
#sns {margin-top:760px;}
#bot2 {margin-top:0px;}
}

.pro {color:#FFF; font-weight:700; border-top:3px solid #CCC; padding-bottom:4px;}
.more {background-color:#666; color:#FFF; text-align:center; font-size:17px; font-weight:600;}
#cas .ti {text-align:left; color:#FFF; font-weight:700; border-bottom:3px solid #CCC; border-top:3px solid #CCC; padding-bottom:4px;}
#not .ti {text-align:left; width:100%; color:#FFF; font-weight:700; border-bottom:3px solid #CCC; border-top:3px solid #CCC; padding-bottom:4px;}
#bot {width:100%; padding:15px; line-height:1.3rem; background-color:#000; color:#ccc; text-align:center; font-size:0.7rem;}
#bot2 {width:100%; padding:15px; line-height:1.3rem; background-color:#333; color:#fff; text-align:center; font-size:0.7rem;}
#bot3 {width:100%; padding:15px; line-height:0.8rem; background-color:#333; color:#fff; text-align:center; font-size:0.6rem;}

@media (max-width: 490px){
	#bot2 {display:none;}

}
@media (min-width: 491px){
	#bot3 {display:none;}
}

@media (max-width: 767px){
	.startit {margin-top:70px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.startit {margin-top:590px;}
}
@media (min-width: 1025px) and (max-width: 1349px) {
	.startit {margin-top:640px;}
}
@media (min-width: 1350px) {
.startit {margin-top:680px;}
}
.startit {text-align:center; font-size:2rem; font-weight:700; color:#ccc;}
.stars {border-top:2px solid #ccc; margin-top:-9px;}