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

wrapper{width:100%;}
#lp_od{width:100%; max-width:1200px; margin:0 auto;}
img{width:100%;}

/*メイン画像*/
#main img{width:100%;}

/*Information*/
.fe_info{background-color:#ececec; overflow:hidden; padding:0; text-align: center;}
p.name{background-color:#DDC79E; font-size:70%; padding:0.5% 0;}
p.name b{font-size:150%; font-weight:bold; padding-left:1%;}
.fe_info h2{width:60%; margin:0 auto 1% auto; font-family: 'Merriweather', serif; font-size:130%; font-weight:bold; padding:2% 0 0.5% 0; border-bottom:1px solid #DDC79E;}
.info_text{font-size:90%; line-height:180%; margin-bottom:3%;}

/*Episode*/
#episode{width:100%; overflow:hidden; margin:5% auto 0 auto; text-align:center;}
.episode_in{width:20%; float:left; margin:0 1%;}
.episode_in p{font-family: 'Merriweather', serif; font-weight:bold; color:#DDC79E;}
.episode_in p b{font-size:120%; font-weight:bold; color:#000; line-height:200%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
.episode_in img{vertical-align:bottom;}

/*コンテンツの間の線*/
.border{height:20px; background-color:#ececec; margin-top:8%;}

/*コーデ紹介*/
#fashion{width:100%; clear:both; overflow:hidden; maring-bottom:30%;}
.fashion_in{width:80%; margin:10% auto; overflow:hidden; position:relative;}
.sign_pc{display:block; float:left; z-index:1; position:absolute; top:600px; left:240px; width:15%;}
.sign_sp{display:none;}
.left{width:25%; float:left; margin:0 10% 0 2.5%; position:relative;}
.pf{font-size:150%; margin:7% 0 11% 0; text-align:center;}
.pf b{font-size:60%;}
.right{width:60%; float:left; position:relative; margin-bottom:5%;}
.ng_icon{float:left; width:27%; margin:5% 2% 0 0;}
.ng{float:left; width:71%; font-size:80%; height:100px; border:1px solid #000; margin:10px 0; padding:15px 10px 15px 10px; text-align: left; line-height:130%;}
.good_icon{float:left; width:17%; margin:2% 2% 0 0;}
.good{float:left; width:81%; font-size:80%; height:100px; border:1px solid #000; margin:10px 0; padding:15px 10px 15px 10px; text-align: left; line-height:130%;}

/*使用アイテム*/
.item_list{clear:both; display:block;}
.item_list_title{width:50%; margin-bottom:2%;}
.item_list h3{font-weight:bold; margin:5% 0;}
.set{width:40%; margin-right:2%; height:470px; float:left; background-color:#ececec; padding:0 4%; border:1px solid #000;}
.single{width:40%; height:470px; float:left; background-color:#ececec; padding:0 4%; border:1px solid #000;}
.single ul{width:100%;}
.single ul li{width:48%; float:left; margin:0 1% 3% 1%;}
.single_only{width:100%; background-color:#ececec; padding:0 4%; border:1px solid #000; overflow:hidden;}
.single_only ul{width:100%; margin:4% 0; overflow:hidden;}
.single_only ul li{width:31.2%; float:left; margin:0 1% 0 1%;}

/*次回もお楽しみに*/
#next{background-color:#ececec; overflow:hidden; padding:2% 0; text-align:center; margin-bottom:5%;}
#next img{width:8%; margin-bottom: 2%;}
#next p{font-size:150%;}
#next p b{font-size: 60%;}

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

/*Information*/
.fe_info h2{width:80%; margin:0 auto 5% auto; font-size:130%; padding:5% 0 0.5% 0;}
.info_text{width:90%; margin:0 auto 5% auto;}

/*Episode*/
.episode_in{width:46%; margin:0 2% 8% 2%;}
.episode_in p{font-size:80%; height:75px;}
.episode_in p b{font-size:130%; font-weight:bold; color:#000; line-height:150%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

/*コンテンツの間の線*/
.border{height:20px; background-color:#ececec; margin-top:8%;}

/*コーデ紹介*/
.fashion_in{width:90%;}
.sign_sp{display:block; clear:both; width:7%; margin:0 auto;}
.sign_pc{display:none;}
.left{width:100%; margin:0; text-align:center;}
p.pf{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:150%; line-height:100%;}
.pf_img{width:60%;}
.right{width:100%; margin-top:5%;}
.ng_icon{width:17%; margin:2% 4% 0 0;}
.ng{width:79%; padding:4%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:70%;}
.good_icon{width:17%; margin:2% 4% 0 0;}
.good{width:79%; height:220px; padding:4%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:70%;}

/*使用アイテム*/
.item_list{width:100%;}
.item_list_title{width:80%;}
.set{width:100%; margin:0 0 5% 0; height:400px;}
.single{width:100%; height:400px;}
.single_only{width:100%;}
.single_only ul{width:100%; margin:4% 0; overflow:hidden;}
.single_only ul li{width:31.2%; float:left; margin:0 1% 0 1%;}
	
/*次回もお楽しみに*/
#next img{width:20%; margin-bottom: 2%;}
}