@charset "UTF-8";
/* CSS Document */
/*font-family: 'Noto Sans JP', sans-serif;
font-family:'Permanent Marker', cursive;
font-family:'Oswald', sans-serif;

font-family: 'Bebas Neue', cursive;*/

#contents_wrap{width:100%;}
img{width:100%;}

#lp{width:100%; max-width:1200px; margin:0 auto; text-align:center;}

/*メイン画像*/
#main{margin:0 auto; max-width:1200px;}
.pc{display:block;}
.sp{display:none;}

/*企画概要テキスト*/
#info{width:100%; margin:5% 0; font-size:90%; line-height:180%; font-family: 'Noto Sans JP', sans-serif; font-weight:500;}

/*コンテンツ*/
#contents{width:70%; display:block; clear:both; overflow:hidden; position:relative; margin:10% auto; font-family: 'Noto Sans JP', sans-serif; font-weight:400;}
.info{margin-top:5%; font-size:90%; line-height:180%; text-align: justify; text-justify: inter-ideograph; width:350px;}

.side-ttl{width:1%; float:left;}
.main-img{width:45%; float:right; padding-top:5%;}
.on-con{position:absolute; top:0; left:50px; clear:both; text-align:left;}
.on-con span{clear:both; text-align:left; font-family: 'Bebas Neue', cursive; font-size:100px; letter-spacing:10px; /*-webkit-text-stroke: 1px #FFF; text-stroke: 1px #FFF;*/}

#contents a{color:#000;}
#contents ul{width:100%; padding-top:7%; clear:both; overflow:hidden;}
#contents ul li{width:23%; float:left; margin:1%; height:310px;}
#contents ul li p{width:100%; margin:10px 0; text-align:left; font-size:12px; line-height:150%; height:60px; padding:0;}
#contents ul li p span{display:block; width:100%; text-align:right; font-weight:bold;}
#contents ul li p span:after{content: "円(税込)";}


@media screen and (max-width: 1024px) {
	
/*コンテンツ*/
#contents{width:90%;}
.info{width:300px;}
.on-con span{font-size:80px;}
#contents ul li{height:280px;}
	
}

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

/*メイン画像*/
.pc{display:none;}
.sp{display:block;}

/*企画概要テキスト*/
#info{margin:10% 0; font-size:80%; font-family: 'Noto Sans JP', sans-serif; font-weight:500;}

/*コンテンツ*/
#contents{margin-top:20%; width:100%; font-family: 'Noto Sans JP', sans-serif; font-weight:400;  text-align: justify; text-justify: inter-ideograph;}

.side-ttl{width:2%;}
.main-img{width:80%; padding-top:0;}
.on-con{top:310px; left:50px; clear:both;}
.on-con span{font-family: 'Bebas Neue', cursive; font-size:50px; letter-spacing:2px;}
.info{font-size:12px; line-height:17px;}

#contents ul{padding-top:40%; width:90%; margin:0 auto;}
#contents ul li{width:48%;}

}