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

/*コンテンツ*/
#contents{width:100%; display:block; clear:both; margin-bottom:10%;}

/*コンテンツ上部*/
#contents h3{font-size:50px; line-height:110%; margin-bottom:3%; font-family: 'Permanent Marker', cursive; color:#000;}
#contents h3 b{font-size:30%; letter-spacing:5px; font-family: 'Noto Sans JP', sans-serif; font-weight:700;}
#con_shoes{overflow:hidden;}
#con_shoes img{width:40%;}
#con_shoes p{clear:both; font-family:'Noto Sans JP', sans-serif; font-size:90%; line-height:150%; margin:3% 0;}
#con_shoes a{display:block; background-color:#000; width:70%; color:#fff; margin:0 auto 1% auto; padding:1% 0;}
#con_shoes a span{font-size:85%; margin-left:2%;}

#code_area{width:100%; margin-top:10%; overflow:hidden;}
.summer{width:100%; padding-bottom:1%; border-bottom:1px solid #2897D5; margin-bottom:3%; font-family: 'Oswald', sans-serif; font-size:20px; letter-spacing:10px; color:#2897D5;}
.autumn{width:100%; padding-bottom:1%; border-bottom:1px solid #E76D0F; margin-bottom:3%; font-family: 'Oswald', sans-serif; font-size:20px; letter-spacing:10px; color:#E76D0F;}
.left{width:65%; float:left;}
.right{width:32%; float:left; padding-left:3%; text-align:left;}
.right h5{font-size:15px; background-color:#000; color:#fff; padding:1.5%; text-align:center; letter-spacing:5px; font-family: 'Oswald', sans-serif; margin-top:5%;}
.right p{font-size:70%; line-height:150%; text-align:left; margin:3% 0 5% 0; text-align:justify; text-justify:inter-ideograph; font-family: 'Noto Sans JP', sans-serif; font-weight:500;}
.itemlist{margin-top:5%;}
.itemlist a{width:49%; display:inline-block;}





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

/*メイン画像*/
#main{margin:0 auto;}
.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-bottom:10%;}
#contents h3{font-family: 'Permanent Marker', cursive; line-height:70%; font-size:200%;}
#contents h3 b{font-family: 'Noto Sans JP', sans-serif; font-weight:700;}
#con_shoes img{width:60%;}
#con_shoes p{font-family:'Noto Sans JP', sans-serif; font-size:80%; margin:8% auto; width:90%;}
#con_shoes a{width:80%; padding:2% 0; margin-bottom:5%;}
#con_shoes a span{font-size:85%; margin-left:2%;}

#code_area{width:100%; margin-top:10%; overflow:hidden;}
.summer{width:100%; padding-bottom:1%; border-bottom:1px solid #2897D5; margin-bottom:3%; font-family: 'Oswald', sans-serif; font-size:20px; letter-spacing:10px; color:#2897D5;}
.autumn{width:100%; padding-bottom:1%; border-bottom:1px solid #E76D0F; margin-bottom:3%; font-family: 'Oswald', sans-serif; font-size:20px; letter-spacing:10px; color:#E76D0F;}
.left{width:100%; margin-bottom:5%;}
.right{width:100%; padding-left:0;}
.right h5{font-size:15px; margin-top:3%; font-family: 'Oswald', sans-serif; width:90%; margin:0 auto;}
.right p{font-family: 'Noto Sans JP', sans-serif; font-weight:500; width:90%; margin:5% auto;}
.itemlist{width:90%; margin:5% auto;}
.itemlist a{width:49%; display:inline-block;
	
	
}