@charset "UTF-8";

@media screen and (max-width: 667px) {
    
/* 文字関係 */
p {
	width: 96%;
	margin: 0 2%;
}
.imgPC {
	display: none;
}
.imgSP {
	display: block;
}
body {
    background:#000;
}
    
/* Arrows */
.slick-prev,
.slick-next
{
    width: 50px;
    height: 50px;
}
    
#headerLine h1 span{display:block;}

/* ヘッダーロゴ部分 */
section#header{
	width: 100%; height:auto; padding-bottom: calc(100%*377/1000);
	background: url("../../_img/header_visual_sp.png") no-repeat center top;
    background-size:100% auto;
    position:relative;
}
section#header a{width:100%;padding-bottom: calc(100%*377/1000);display:block;position:absolute;}
    
h1 {font-size: 0;}

nav#navi_fortnite {width:100%; height:125px; padding-top:12px; background: url("../../_img/nav_bg.png") repeat-x;}
nav#navi_fortnite ul#navigation {width:100%; margin: auto; display:flex;}
nav#navi_fortnite ul#navigation li{width:195px;margin-right:5px;}

/* スライダーの追加*/
#slider{margin-top:0px;}
#slider div img{max-width:900px; border-top: 10px #FFFF00 solid; border-bottom: 10px #FFFF00 solid; border-left: 10px #FFFF00 solid;}
    
    
/* ROLL3*/
section#roll3{
width:100%; height:auto; padding-bottom: calc(100%*480/1000); background:url("../../_img/roll3_bg_sp.jpg") repeat-x center top  #2195d0;overflow: hidden;margin:25px auto;position:relative;
}
section#roll3 h2{font-size: 0;width:62%; height:auto; padding-bottom: calc(100%*360/602); background: url("../../_img/roll3_text.png") no-repeat center top;background-size: 100% auto; position: absolute;left:0%; right:0; margin:0 auto;z-index:11;top:20px; }

section#roll3 .chara1{display:none;}
section#roll3 .chara2{width:17%; position:absolute; top:0%; left:0%; z-index:2;}
section#roll3 .chara3{width:21%; position:absolute; left:-5%;top:auto; bottom:-17%; z-index:2;}
    
section#roll3 .chara4{width:54%; position:absolute;left:-17%;top:2%;  z-index:4;}
section#roll3 .chara5{width:44%; position:absolute;left:60%;top:-2%;  z-index:5;}
section#roll3 .chara6{width:20%; position:absolute;left:82%;top:auto;bottom:-3%;  z-index:0;}
section#roll3 .chara7{width:12%; position:absolute;left:74%;bottom:-16%;  z-index:3;}
section#roll3 .chara8{width:34%; position:absolute;left:82%;top:0;  z-index:3;}
section#roll3 .chara9{display:none}
section#roll3 .chara10{display:none}
    

/* ROLL1*/
section#roll1{
width:100%; height:auto; padding-bottom: calc(100%*740/1000); background:url("../../_img/roll_bg.jpg") repeat-x center top  #2195d0;overflow: hidden;margin:25px auto;position:relative;
}
section#roll1 h2{font-size: 0;width:80%; height:auto; padding-bottom: calc(100%*212/635); background: url("../../_img/roll_logo.png") no-repeat center top;background-size: 100% auto; position: absolute;left:0%; right:0; margin:0 auto;z-index:2;top:20px; }

section#roll1 .chara1{width:43%; position:absolute; bottom:auto; top:2%; left:-19%; z-index:4;}
section#roll1 .chara2{width:44%; position:absolute; bottom:auto; top:2%; left:36%; z-index:4;}
section#roll1 .chara3{width:80%; position:absolute;left:-18%;top:-13%; z-index:2;}
section#roll1 .chara4{width:75%; position:absolute;left:-40%;top:26%;  z-index:5;}
    
section#roll1 .chara5{width:100%; position:absolute;left:12%;top:26%;  z-index:4;}
section#roll1 .chara6{width:100%; position:absolute;left:12%;top:27%;  z-index:5;}
section#roll1 .chara7{width:32%; position:absolute;left:60%;top:-15%;  z-index:3;}
section#roll1 .chara8{width:28%; position:absolute;left:75%;top:-10%;  z-index:3;}
section#roll1 .copy{width:90%; position:absolute;left:3%; right:0;bottom:-2%;  margin:0 auto;z-index:13; }


/* ROLL2*/
section#roll2{
width:100%; height:auto; background:url("../../_img/roll2_bg.jpg");margin:50px auto 0;
position:relative;overflow: hidden;padding-bottom:10%;}
section#roll2 .innner{
width:100%; height:auto; padding-bottom: calc(100%*620/1000); overflow: hidden; margin:0px auto;position:relative; top:0;}

section#roll2 h2{font-size: 0;width:90%; height:auto; padding-bottom: calc(100%*216/604); background: url("../../_img/roll2_title.png") no-repeat center top;background-size: 100% auto; position: absolute;left:0%; right:0; margin:0 auto;z-index:2;top:20px; }

section#roll2 .copy{width:90%; position:absolute;left:2%; right:0;bottom:1%;  margin:0 auto;z-index:30; }
section#roll2 .chara1{width:36%; position:absolute;left:-5%; top:5%;z-index:3;}
section#roll2 .chara2{width:40%; position:absolute;left:7%; top:0%;z-index:12;}
section#roll2 .chara3{width:42%; position:absolute;left:16%; top:5%;z-index:13;}
    
section#roll2 .chara4{width:30%; position:absolute;left:-10%; top:auto; bottom:-22%; z-index:24;}
section#roll2 .chara5{width:30%; position:absolute;left:7%; top:auto; bottom:-22%; z-index:25;}
section#roll2 .chara6{width:30%; position:absolute;left:17%; top:auto; bottom:-22%; z-index:26;}
section#roll2 .chara7{width:40%; position:absolute;left:34%; top:auto; bottom:-22%; z-index:27;}
section#roll2 .chara8{width:32%; position:absolute;left:48%; top:auto; bottom:-22%; z-index:24;}
section#roll2 .chara9{width:40%; position:absolute;left:62%; top:auto; bottom:-22%; z-index:25;}
section#roll2 .chara10{width:34%; position:absolute;left:80%; top:auto; bottom:-22%; z-index:26;}
    
section#roll2 .chara11{width:30%; position:absolute;left:48%; top:5%; z-index:17;}
section#roll2 .chara12{width:40%; position:absolute;left:62%; top:2%; z-index:18;}
section#roll2 .chara13{width:26%; position:absolute;left:77%; top:5%; z-index:19;}

/* YOUTUBE*/
section#youtube{
width:100%; margin:80px auto 0; background:url("../../_img/bg_yellow.jpg") repeat-x center top #ffd83c; border:6px solid #000;position:relative; box-sizing:border-box;
}
    
section#youtube div{width:100%; margin:30px auto 30px;}
section#youtube div iframe{width:90%;margin:0 5%;}
section#youtube h2{font-size: 0;width:60%; height:auto; padding-bottom: calc(100%*123/330); background: url("../../_img/midashi_youtube.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px; }
    
section#youtube iframe.box{
	position: relative;
	width: 90%;
	height: 210px;
}
  

/* YOUTUBE 下の階層*/
section#youtube2{
width:100%; margin:50px auto 0; background:#ffd83c; border:6px solid #000;position:relative; box-sizing:border-box;
}
section#youtube2 div{width:100%; margin:30px auto 30px;}
section#youtube2 div iframe{width:90%;margin:0 5%;}
section#youtube2 h2{font-size: 0;width:50%; height:auto; padding-bottom: calc(100%*123/330); background: url("../../_img/midashi_youtube.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px; }
section#youtube2 iframe.box{
	position: relative;
	width: 90%;
	height: 210px;
}
  
    
/* NEWS*/
section#news{
    width:100%; margin:100px auto 0;background:url("../../_img/bg_grey.jpg") repeat-x center top #f5f5f5; border:6px solid #000;position:relative;padding:30px 10px 10px 10px; box-sizing:border-box;
}
section#news h2{font-size: 0;width:60%; height:auto; padding-bottom: calc(100%*123/330); background: url("../../_img/midashi_news.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px;  }
    
section#listRealaction h2.pickup{font-size: 0;width:60%; height:auto; padding-bottom: calc(100%*123/330); background: url("../../_img/midashi_pickup.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px;  }

section#news ul.items {
		-weblit-flex: 1;
		flex: 1;
		font-size: 14px;
	}
section#news ul.items li {
		display: -webkit-flex;
		display: block;
		margin-bottom: 10px;
        letter-spacing: 0.05em;
	}
section#news ul.items li .date {
		margin-right: 16px;
	}
section#news ul.items li .txt {
		-weblit-flex: 1;
		flex: 1;
	}
section#news ul.items li .txt a {
	color: #403bcd;
    		text-decoration: underline;
}

section#news ul.items li .txt a:hover {
		text-decoration: none;
	}

/* キャンペーン*/
section#campagin{width:100%; margin:50px auto 0; padding:0; position:relative;}
section#campagin.img1156{width:100%; margin:0px auto 0; padding:0; position:relative;}
section#campagin h2{font-size: 0;width:50%; height:auto; padding-bottom: calc(100%*125/335); background: url("../../_img/midashi_campaign.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px;z-index:3;}
    
section#campagin.img1156 h2{display:none;}
    
section#campagin .campImg1 img{display:none;}
section#campagin .campImg1{width:100%; height:auto; padding-bottom: calc(100%*2112/1000); background: url("../../_img/camp_img_sp.jpg") no-repeat; background-size: 100% auto; margin:0 auto;z-index:3;position:relative; top:14px;z-index:1;}   
    
section#campagin .campImg2 img{display:none;}
section#campagin .campImg2{width:100%; height:auto; padding-bottom: calc(100%*2112/1000); background: url("../../_img/camp2_img_sp.jpg") no-repeat; background-size: 100% auto; margin:0 auto;z-index:3;position:relative; top:14px;z-index:1;}   

/* イベント情報*/
section#event{width:100%; margin:50px auto 0; background:#ffd83c; border:6px solid #000;position:relative;padding:6px;font-size:16px;box-sizing:border-box;font-size:0;}
    
section#event h2.event{font-size: 0;width:50%; height:auto; padding-bottom: calc(100%*123/330); background: url("../../_img/midashi_event.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px;}
    
section#event h2.campaign{font-size: 0;width:50%; height:auto; padding-bottom: calc(100%*125/335); background: url("../../_img/midashi_campaign.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px;}

section#event p{margin-bottom:10px; text-align:left;font-size:16px; line-height:1.4;}
section#event .eventNews{border:10px solid #000;padding:10px;background:#FFF;}
section#event .eventNews h3{font-size:24px;line-height:27px; color:#FF6600;font-weight:bold; text-align:center;margin-bottom:10px;}


/*製品情報*/
section#product{width:100%; margin:50px auto 0; background:url("../../_img/bg_grey.jpg") repeat-x center top #f5f5f5;  border:6px solid #000;position:relative;padding:10px;font-size:16px;box-sizing:border-box;}

section#product h2{font-size: 0;width:50%; height:auto; padding-bottom: calc(100%*125/335); background: url("../../_img/midashi_product.png") no-repeat center top; background-size: 100% auto;  position: absolute;left:0; right:0; margin:0 auto;z-index:3;top:-60px; }

ul.selectBanner{display:block;margin-top:0px;}
ul.selectBanner li{width:96%; margin:10px auto;}
ul.selectBanner li p{width:100%; background:#FFF; padding:7px; font-size:14px!important; margin:0!important;}

/* リアルアクションフィギュア*/

h3#collectionH3{font-size: 0;width:100%; height:auto;background: url("../../_img/h3_mini_sp.png") no-repeat center top; margin:50px auto;padding-bottom: calc(100%*231/856); background-size:100% auto; }
    
h3#realactionH3{font-size: 0;width:100%; height:auto;background: url("../../_img/h3_real_sp.png") no-repeat center top; margin:50px auto; padding-bottom: calc(100%*220/856);background-size:100% auto;}

#listCollection{width:100%; border:6px solid #ff4802;  background:url("../../_img/bg_yellow.jpg") repeat-x center top #ffd83c; font-size:12px; margin:50px auto; position:relative; box-sizing:border-box;}



section ul.s1{ width:100%; margin:10px auto; display:flex;  flex-wrap: wrap;}
section ul.s1 li, section ul.s0 li{width:450px;margin:10px 10px 30px 10px;background:#FFF;box-sizing:border-box; position:relative; }
section#listCollection ul.s1 li, section#listCollection ul.s0 li{margin:40px 10px 30px 10px;}

section ul.s2{ width:100%; margin:0px auto; display:flex;  flex-wrap: wrap;}
section ul.s2 li {width:46%;margin:2% 2% 4% 2%;}

section ul.s0{ width:100%; margin:10px auto; display:flex;  flex-wrap: wrap;}
section ul.s0 li {width:100%;margin-bottom:20px;}

section ul.col1{ width:100%; margin:40px auto; display:flex; flex-wrap: wrap;}
section ul.col1 li{width:46%;margin:2% 2% 4% 2%; background:#FFF;box-sizing:border-box; position:relative; }

/* ゲーマーアイコンの設定*/
section ul.s0 li.gamer1:before{content: url(../../_img/icon_gamer1_sp.png);
    position: absolute; z-index:19;bottom:-50px; right:-3%;}
section ul.s1 li.gamer2:before{content: url(../../_img/icon_gamer2_sp.png);
    position: absolute; z-index:19;bottom:-50px; right:-3%;}
    
section ul.s1 li.gamer3:before{content: url(../../_img/icon_gamer3_sp.png);
    position: absolute; z-index:19;bottom:-50px; right:-3%;}
section ul.s1 li.gamer4:before{content: url(../../_img/icon_gamer4_sp.png);
    position: absolute; z-index:19;bottom:-50px; right:-3%;}
section ul.s0 li.gamer5:before{content: url(../../_img/icon_gamer5_sp.png);
    position: absolute; z-index:19;bottom:-50px; right:-3%;}
section ul.s1 li.gamer6:before{content: url(../../_img/icon_gamer6_sp.png);
    position: absolute; z-index:19;bottom:-50px; right:-3%;}



/* 購入ボタンの設定*/
section#listRealaction ul.s1 li a, section#listRealaction ul.s0 li a{
    width:100%; height:100%; text-decoration:none;color:#000;  display:block;border:6px solid #2c93c4;}

section#listCollection ul.s1 li a, section#listCollection ul.s0 li a{
    width:100%; height:100%; text-decoration:none;color:#000;  display:block;border:6px solid #ff4802;}

section ul.col1 li a{width:100%;  height:100%; text-decoration:none;color:#000;  display:block;border:6px solid #ff4802;}
    
section ul.s1 li a:after{ content: url(../../_img/btn_buy_real.png);
  display: inline-block; position:absolute; left: 50%; bottom:-8%;
  transform:translateX(-50%);
  -webkit- transform:　translateX(-50%);
  margin:auto;}

section ul.s0 li a:after{ content: url(../../_img/btn_buy_real.png);
  display: inline-block; position:absolute; left: 50%; bottom:-10%;
  transform:translateX(-50%);
  -webkit- transform:　translateX(-50%);
  margin:auto;}

section#listCollection ul.s1 li a:after{ content: url(../../_img/btn_buy_mini.png);
  display: inline-block; position:absolute; left: 50%; bottom:-9%;
  transform:translateX(-50%);
  -webkit- transform:　translateX(-50%);
  margin:auto;}

section#listCollection ul.s0 li a:after{ content: url(../../_img/btn_buy_mini.png);
  display: inline-block; position:absolute; left: 50%; bottom:-10%;
  transform:translateX(-50%);
  -webkit- transform:　translateX(-50%);
  margin:auto;}

section ul.col1 li a::after{ content: url(../../_img/btn_buy_mini2.png);
  display: inline-block; position:absolute; left: 50%; bottom:-8%;
  transform:translateX(-50%);
  -webkit- transform:　translateX(-50%);
  margin:auto;}
    

#listRealaction{width:100%; border:6px solid #2c93c4;background:url("../../_img/bg_brue.jpg") repeat-x center top #b4dee0;font-size:12px;margin:50px auto; position:relative;box-sizing:border-box;}

#listRealaction h4.real1{width:100%; text-align:center; margin:-30px auto 0;}
#listRealaction h4.real4{width:100%; text-align:center; margin:-30px auto 0;}
#listRealaction h4.realsurvive{width:100%; text-align:center; margin:-30px auto 0;}
#listRealaction h4.realbuild{width:100%; text-align:center; margin:-30px auto 0;}
#listRealaction h4.realrama{width:100%; text-align:center; margin:-30px auto 0;}
#listRealaction h4.realramajumbo{width:100%; text-align:center; margin:-30px auto 0;}
#listRealaction h4.realtreasure{width:100%; text-align:center; margin:-30px auto 0;}
#listRealaction h4.realdanyaku{width:100%; text-align:center; margin:-30px auto 0;}

#listCollection h4.col_set1{width:100%; text-align:center; margin:-30px auto 0;}
#listCollection h4.col_set2{width:100%; text-align:center; margin:-30px auto 0;}
#listCollection h4.col_set4{width:100%; text-align:center; margin:-30px auto 0;}
    
.priceImg{width:160px; position:absolute;top:10px;left:0; right:0px;margin:0 auto; }
    
.pr_suvive{top:33px;left:0; right:0px;margin:0 auto;}
.pr_build{ top:34px;left:0; right:0px;margin:0 auto;}
.pr_build2{top:34px;left:0; right:0px;margin:0 auto;}
.pr_pinya{top:26px;left:0; right:0px;margin:0 auto;}
.pr_takara{top:26px;left:0; right:0px;margin:0 auto;}
.pr_r4{top:0px;left:0; right:0px;margin:0 auto;}
.pr_c2{top:10px;left:0; right:0px;margin:0 auto;}

#listCollection strong{color:#000; font-size:16px; display:block; padding:6px 10px 24px 10px;}
#listRealaction strong{color:#000; font-size:16px; display:block; padding:6px 10px 24px 10px;}

#listCollection .read{text-align:center; margin-top:40px; color:#000; font-size:18px; display:block;}
#listRealaction .read{text-align:center; margin-top:40px; color:#000; font-size:18px; display:block;}

.caution{text-align:right; margin-bottom:40px;font-size:16px;}    
    
    
ul li .zoom{
    width:100%;
	margin: 0 0 7px 0;
	text-align: center;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
    border-bottom: 6px solid #2c93c4;
}
ul li .zoom.colorOrange{
    border-bottom: 6px solid #ff4802;
}
ul li .zoom img {
	display: block;
	transition-duration: 0.3s !important;	/*変化に掛かる時間*/
}
ul li .zoom img:hover {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
 
#caution{width:100%; padding:4% 4% 2%;  margin:40px auto;border:12px solid #CC0000;background:#FFF;box-sizing:border-box;font-size:15px;line-height:20px;}

#caution h2{font-size:18px; line-height:23px; font-weight:bold; color:#CC0000;margin-bottom:20px;}

#caution dl {
  width: 100%;
  margin: 0px auto;
}
#caution dl dd{
  float: none;
  width:100%;
  margin: 0px 0px 0px 0px;
}
#caution dl dt{
  float: none;
  margin: 0px 0px 0px 0px;
  width: 100%;
}
#caution dl dt p{margin-bottom:20px;}

/* フッター */
#footer1 {
	width: 100%;
	height: auto;
	padding: 2% 0;
	box-sizing: border-box;
}

/*タカラトミーモールの設定をリセット*/
#contents {
	padding: 0;
}
footer.footer {
	padding: 0 0 20px;
}

/* キャンペーンの追加分*/

.inner_campaign{padding:0 2px;}

.inner_campaign em {
display: block;
width: 100%;
height: auto;
padding-bottom: calc(88/614*100%);
margin: 24px auto 6px;
}

.inner_campaign em.ttl1 {
background: url("../../_img/camp_twitter_midashi1.png") no-repeat center top /71% auto;
}
.inner_campaign em.ttl2 {
background: url("../../_img/camp_twitter_midashi2.png") no-repeat center top /55% auto;
}
.inner_campaign em.ttl3 {
background: url("../../_img/camp_twitter_midashi3.png") no-repeat center top /55% auto;
}
.inner_campaign em.ttl4 {
background: url("../../_img/camp_twitter_midashi4.png") no-repeat center top /55% auto;
}
.inner_campaign em.ttl5 {
background: url("../../_img/camp_twitter_midashi5.png") no-repeat center top /100% auto;
}
.inner_campaign em.ttl6 {
background: url("../../_img/camp_twitter_midashi6.png") no-repeat center top /76% auto;
}

.inner_campaign h4.cau {
margin: 0 auto;
padding: 4px 0;
font-size: 22px;
font-weight: bold;
    color:#FF6600;
}
    
.inner_campaign p.img {
width: 70%;
margin:20px auto;
}

.inner_campaign p.img img{
display: inline;
float: none;
width:100%!important;
}
.inner_campaign p.img::after {
content: "";
display: block;
clear: both;
}

/* バナナジャックの追加分*/

.bananaJack{position:fixed; top:0; width:100%; height:100%; background:#ffcc00;z-index:10000;
display:none; opacity: 0;overflow: hidden;
}
.bananaJack.active1 {display:block;}
.bananaJack .dayImg{width:115%; position:relative; margin:0 auto;z-index:211; left:-8%; top:-2%;}
.bananaJack .dayImg img,.bananaJack .dayNum img{width:100%;}

.bananaJack .dayNum{width:52%; position:absolute; margin:0 auto;z-index:212;left:0;right:0;top:90px;}

.bananaJack .dayNum .nowonsale{width:110%; position:absolute;z-index:212;left:0px;top:0px;}
    
.bananaJack ul{width:70%;margin:0px auto;position:absolute; top:90%;left:0; right:0;z-index:222;}

.btnBanana{display:block;width:100%;background-color:#FF0000;color:#fff;text-align:center;padding:15px 0;margin-top:5px;font-size:18px;line-height:20px;text-decoration: none;font-weight:bold;border:2px solid #FFF;border-radius: 20px;}
.btnBanana:hover{display:block;width:100%;background-color:#CC0000;color:#fff;text-align:center;padding:15px 0;margin-top:5px;font-size:18px;line-height:20px;text-decoration: none;font-weight:bold;border:2px solid #FFF;border-radius: 20px;}

.bananaJack .bnn{position: absolute; z-index:0;opacity:1;}
.bananaJack .bnn img{width:100%;}
.bananaJack .bnn.num1{top:-2%; left:-14%;width:90%;}
.bananaJack .bnn.num2{top:15%; left:15%;width:46%; transform:rotate(-40deg)}
.bananaJack .bnn.num3{top:0%; left:0%;width:100%; transform:rotate(50deg)}
.bananaJack .bnn.num4{top:10%; left:50%;width:40%; }
.bananaJack .bnn.num5{top:0%; left:50%;width:70%; transform:rotate(70deg)}
.bananaJack .bnn.num6{top:12%; left:-3%;width:50%;}
.bananaJack .bnn.num7{top:45%; left:5%;width:62%; transform:rotate(30deg)}
.bananaJack .bnn.num8{top:50%; left:30%;width:80%; z-index:10;}
.bananaJack .bnn.num9{top:40%; left:50%;width:50%; transform:rotate(-40deg)}
.bananaJack .bnn.num10{top:40%; left:50%;width:70%;}  
    
section#header.bananaEvent{
	width: 100%; height:auto; padding-bottom: calc(100%*500/1000)!important;
	background: none;
    position:relative;
}
section#header.bananaEvent .bananas{
	width: 100%; height:auto; padding-bottom: calc(100%*500/1000)!important;
	background: url("../../_img/top_bananas_sp.png") no-repeat center top!important;
    background-size:100% auto!important;
    position:absolute!important;z-index:1;
}
section#header .logo2{
    width:64%; margin:0px auto; position:absolute; top:32%; left:0%; right:0; z-index:3;
}
section#header .copy2{
    width:68%; margin:0px auto; position:absolute; top:64%; left:0%; right:2%; z-index:4;
}
section#header #play{
    width:25%; position:absolute; top:68%; right:2%; z-index:5; cursor: pointer;
}
section#header #play img:hover{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
} 
    
/*オモ写真キャンペーン追加*/
#eventMain{width:100%; height:auto; background: url("../../_img/omosha_bg.jpg") no-repeat center top;padding-bottom: calc(100%*380/880);background-size: 100% auto; }
    
#eventMain #omosha_logo{width:60%;position:absolute;top:5%;left:20%; }
#eventMain #omosha_logo2{width:60%;position:absolute;top:66%;left:20%; }
#eventMain #omosha_text{width:100%;position:absolute;top:84%;left:0%;z-index:20; }

#omosha_list1{width:96%; margin:0 auto;}
#omosha_list1 li .wd574{width:70%;margin:0 auto;}
    
#omosha_list2 li{width:80%; margin:1% auto 20px;text-align:center; font-size:15px; line-height:15px;}
#omosha_list2 li p{margin-top:7px;text-align:center;}
    
/*リボン見出し*/
.cp_ribbon12 {
	position: relative;
	z-index: 200;
	top: 15px;
	width: calc(100% + 20px);
	height: 50px;
	margin-right: -18px;
	margin-bottom: 80px;
	margin-left: -18px;
    width:90%;
    margin:0 auto 50px;
}
.cp_ribbon12 .cp_ribbon {
	line-height: 3em;
	position: relative;
	z-index: 100;
	height: inherit;
	margin-bottom: 0;
	text-align: center;
	color: #ffff00;
	background: #f6127e;
    font-size:20px;
    line-height:2.5em;
    font-weight:bold
}

    
    
}