@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;}
.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;}

/*コンテンツ上部*/
#contents h3{font-size:50px; line-height:110%; margin-bottom:5%; font-family: 'Permanent Marker', cursive; color:#000;}
#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;}
#con_shoes{overflow:hidden;}
.shoes_left{width:55%; float:left;}
.shoes_right{width:42%; float:left; padding-left:3%;}
.shoes_right p{font-size:80%; line-height:150%; margin-bottom:5%; text-align:justify; text-justify:inter-ideograph; font-family: 'Noto Sans JP', sans-serif; font-weight:500;}
.shoes_right img{display:inline-block; width:49%;}

/*コンテンツ下部_ボタン*/
.tab_wrap{width:100%; margin:10% auto; clear:both;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width:33%; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
.tab_area label:hover{opacity:0.5;}

/*コンテンツ下部_表示内容*/
.panel_area{background:#fff; overflow:hidden; padding-bottom:5%;}
.tab_panel{width:80%; padding:3% 0; display:none; margin:0 auto;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
.movie{width:100%;}
.movie iframe{width:100%; height:180px;}

.left{width:65%; float:left;}
.right{width:32%; float:left; padding-left:3%; text-align:left;}
.right h4{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;}
.right b{font-size:25px; margin-top:5%; display:block;}
.right b span{font-size:80%;}
.right a{color:#000; font-family: 'Patua One', cursive;}
 
/*コンテンツ下部_表示切り替え*/
#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab1_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab4:checked ~ .panel_area #panel1{display:block;}
#tab5:checked ~ .tab_area .tab2_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab5:checked ~ .panel_area #panel2{display:block;}
#tab6:checked ~ .tab_area .tab3_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab6:checked ~ .panel_area #panel3{display:block;}
#tab7:checked ~ .tab_area .tab1_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab7:checked ~ .panel_area #panel1{display:block;}
#tab8:checked ~ .tab_area .tab2_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab8:checked ~ .panel_area #panel2{display:block;}
#tab9:checked ~ .tab_area .tab3_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab9:checked ~ .panel_area #panel3{display:block;}
#tab10:checked ~ .tab_area .tab1_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab10:checked ~ .panel_area #panel1{display:block;}
#tab11:checked ~ .tab_area .tab2_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab11:checked ~ .panel_area #panel2{display:block;}
#tab12:checked ~ .tab_area .tab3_label{background:#fff; color:#000; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
#tab12:checked ~ .panel_area #panel3{display: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 h3{font-family: 'Permanent Marker', cursive;}
#contents h3 span{font-family: 'Oswald', sans-serif;}
#contents h3 b{font-family: 'Noto Sans JP', sans-serif; font-weight:700;}
.shoes_left{width:100%;}
.shoes_right{width:90%; padding-left:0; margin:5% 0 5% 5%;}
.shoes_right img{display:inline-block; width:23%;}

/*コンテンツ下部_ボタン*/
.tab_wrap{width:90%; margin:5% auto;}

/*コンテンツ下部_表示内容*/
.tab_panel{width:100%;}

.left{width:100%; margin-bottom:5%;}
.right{width:100%; padding-left:0;}
.right h4{font-size:15px; margin-top:3%; font-family: 'Oswald', sans-serif;}
.right p{margin:5% 0 5% 0; font-family: 'Noto Sans JP', sans-serif; font-weight:500;}
.right img{width:50%; float:left;}
.right b{width:47%; margin-left:3%; font-size:20px; float:left; margin-top:0%;}
.right a{font-family: 'Patua One', cursive;}
	
	
}