@charset "UTF-8";
/* CSS Document */

#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;}

#menu{width:60%; margin:0 auto 5%;}
#menu a{font-size:200%; line-height:90%; margin:5% 0 0 0; font-family:'Oswald', cursive; color:#000; width:30%; display:inline-block;}
#menu a span{font-size:30%; padding:0 2%; background-color:#000; color:#fff; letter-spacing:5px; font-family:'Oswald', sans-serif;}
#menu a b{font-size:30%; letter-spacing:5px; font-family:'Noto Sans JP', sans-serif; font-weight:700;}
#menu a img{width:60%; margin-top:5%;}

/*コンテンツ*/
#contents{width:100%; display:block; clear:both; overflow:hidden;}
#contents h3{font-size:300%; line-height:80%; margin:5% 0; font-family:'Oswald', cursive; color:#000; width:100%; display:inline-block;}
#contents h3 span{font-size:30%; padding:0 2%; background-color:#000; color:#fff; letter-spacing:5px; font-family:'Oswald', sans-serif;}
#contents h3 b{font-size:30%; letter-spacing:5px; font-family:'Noto Sans JP', sans-serif; font-weight:700;}
.left{width:30%; float:left;margin-left:10%;}
.right{width:47%; float:left; margin-left:3%;}
.right img{width:49%;}
.info{margin-top:5%; font-size:90%; line-height:180%; font-family: 'Noto Sans JP', sans-serif; font-weight:400; text-align: justify; text-justify: inter-ideograph;}

#contents a{color:#000;}
#contents ul{width:100%; padding-top:7%; clear:both;}
#contents ul li{width:23%; float:left; margin:1%; height:410px;}
#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: 768px) {

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

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

#menu{width:100%;}
#menu a{font-size:120%; line-height:140%; margin:10% 0 0 0; font-family:'Oswald', cursive; color:#000; width:45%; display:inline-block;}
#menu a span{padding:0 6%; letter-spacing:3px; font-family:'Oswald', sans-serif;}
#menu a b{letter-spacing:0; font-family:'Noto Sans JP', sans-serif; font-weight:700; font-size:60%;}
#menu a img{width:90%; margin-top:10%;}

/*コンテンツ*/
#contents{margin-top:20%;}
#contents h3{font-size:250%; font-family:'Oswald', cursive;}
.left{width:100%; margin:0 auto 1% auto; padding:0;}
.right{width:100%; margin:0 auto; padding:0;}
.info{margin-top:5%; font-size:80%; font-family: 'Noto Sans JP', sans-serif; font-weight:400;  text-align: justify; text-justify: inter-ideograph;}

#contents ul{padding-top:10%; width:90%; margin:0 auto;}
#contents ul li{width:48%; height:270px;}

}