@charset "utf-8";

/*------------------------------
共通設定
------------------------------*/
#feature-wrap {font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; font-size: 16px; line-height: 1.8 !important; letter-spacing: normal !important;}
#feature-wrap .sp{ display: none;}
#feature-wrap img{-webkit-backface-visibility: hidden;}
#feature-wrap * {box-sizing: border-box;}
#feature-wrap ul{ list-style-type: none; margin: auto; padding: 0;}
#feature-wrap hr{ border: 0; border-top: 1px dashed #ffc000; border-bottom: 1px dashed #fff; margin: 4% 0;}
#feature-wrap .clearfix:after{content:" "; display:block; clear:both;}

/*hover*/
#feature-wrap a{transition: .3s; color: #e903b0;} 
#feature-wrap a:hover{opacity: 0.6;}

/*bg*/
#feature-wrap{overflow: hidden;}

/*h2*/
#feature-wrap h2{text-align: center; margin: 30px 0 20px 0;}
#feature-wrap h2 img{width: auto;}

/*main*/
.main-box{margin:auto; background:#ffffff; width:800px; padding-bottom:60px;}
.toy-title{margin:30px 0px 0px 0px;}
.toy-ribbon{margin:20px 0px 20px 0px;}
.toy-left{margin:25px 0px 0px 18px; width:327px; float:right; padding-top:15px;}
.toy-left a{display:block; width: 80%; margin:25px auto 0;}
.toy-right{margin:40px 35px 0px 0px; width:420px; float:right;}
.margin-box{width: 100%; height: 70px;}
.toy-block { padding-bottom: 30px; clear: both;}


/*.clear{clear:both;}*/
/*================================================
	SP
================================================*/
@media (max-width: 767px) {
	/*------------------------------
	共通設定
	------------------------------*/
	#feature-wrap .sp{display: block;}
	#feature-wrap .pc{display: none;}
	#feature-wrap hr{ margin: 8% 0;}
	#feature-wrap::after{ height: 50px;}
	#feature-wrap a:hover{opacity: 1;}
	#feature-wrap .main-box{ background-size: contain;}

	/*h1h2*/
	#feature-wrap h1 img{ width:90%}
	#feature-wrap h2{ margin:0 0 0 0;}
	#feature-wrap h2 img{ height:auto; width:100%;}

	/*main*/
	.main-box{margin:2% 5% 4% 5%; width:90%; padding-bottom:0;}
	.toy-title{margin: 2% 0% 0% 0%;}
	.toy-ribbon{margin: 2% 0% 2% 0%;}
	.toy-left{margin:0% 10% 0% 10%; width:80%; float:left; padding-top:0;}
	.toy-right{margin:0% 5% 5% 5%; width:90%; float:left;}
	.margin-box{width: 100%; height: 70px;}
}