@charset "utf-8";

/*reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    font-size:100%;
    line-height: 1;
    margin: 0; padding: 0;
    vertical-align:baseline;
}
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul, dl { list-style: none; }
a { font-size:100%;
    vertical-align:baseline;
}
img { vertical-align: bottom; }
input, button, textarea, select { 
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*clearfix*/
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}

/*for PC*/
br.sp { display: none; }
@media screen and (max-width: 480px) {
	br.sp { display: block; }
}

/*for Smartphone*/
br.pc { display: block; }
@media screen and (max-width: 480px) {
	br.pc { display: none; }
}

/*layout*/
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background:#fff; color:#000; font-family: 'Noto Sans JP', Sans-Serif; font-size: 100%; -webkit-text-size-adjust: none; font-feature-settings : "palt";  }
#wrap { margin: 0 auto; padding-top: 60px; width: 100%; max-width: 750px; /*height: 85%; コンテンツが短いときだけ使用*/ position: relative; }
#wrap header { margin: 0 auto; position: relative; }
#wrap header h1 { margin: 0 auto; width: 100%; }

#wrap #contentBox { margin: 70px auto 22px; text-align: center; position: relative; }
#wrap #contentBox article { margin: 0 auto 64px; position: relative; }
#wrap #contentBox article h2 { margin: 0 auto 1.25em; position: relative; z-index: 3; font-size: 30px; font-weight: 400; color: #ec1d6f; }
#wrap #contentBox article h2::before, #wrap #contentBox article h2::after { content: ''; display: inline-block; margin: 0 0.4em; width: 26px; height: 26px; background: url(http://honeymagazine.net/en/img/special/heart.png) no-repeat center top; background-size: 100% auto; vertical-align: middle;}
#wrap #contentBox article h3 { margin: 0 auto 1em; font-size: 24px; font-weight: 300; line-height: 1.25; color: #c9b379; }
#wrap #contentBox article p { margin: 0 auto 1em; position: relative; z-index: 3; font-size: 22px; font-weight: 300; line-height: 1.32;  }
#wrap #contentBox p a { text-decoration: none; color: #ec1d6f; }
#wrap #contentBox p strong { text-decoration: none; color: #ec1d6f; font-weight: 400; }

#wrap #contentBox article div.honey { margin: 0 auto; width: 14.133%; }

#wrap #contentBox article#present ul { margin: 0 auto 2em; width: 80%; text-align: left; }
#wrap #contentBox article#present ul li { margin: 0 auto 0.6em; font-size: 22px; font-weight: 300; line-height: 1.32; }
#wrap #contentBox article#present ul li strong { font-size: 25px; font-weight: 800; color: #ec1d6f; }
#wrap #contentBox article#present ul li strong::before { content: '･'; color: #000; }
#wrap #contentBox article#present ul li em { color: #ec1d6f; font-style: normal; }
#wrap #contentBox article#present p:last-child { margin-top: 1.7em; }

#wrap #contentBox article#participate div.boy { position: absolute; width: 14.4%; top: 82px; left: 1.6%; z-index: 1; }
#wrap #contentBox article#participate div#twTl { margin: 1.7em auto 0; width: 80%; }
#wrap #contentBox article#participate div#twTl twitter-widget { margin: 10px auto; }

#wrap #contentBox article#condition ul { margin: 0 auto; width: 74%; text-align: left; position: relative; z-index: 3; }
#wrap #contentBox article#condition ul li { margin: 0 auto 1.47em 2.4em; text-indent: -2.4em; font-size: 17px; font-weight: 300; line-height: 1.3; color: #444; }
#wrap #contentBox article#condition ul li::before { content: '・'; margin-right: 1.4em; }
#wrap #contentBox article#condition div.boy { position: absolute; width: 15.6%; bottom: 0; right: 9.333%; z-index: 1; }

#wrap #contentBox article#download div#dlBox { margin: 0 auto; position: relative; width: 64%; padding: 16px 2.666%; border: solid 2px #eddba7; -webkit-border-radius: 24px; border-radius: 24px; }
#wrap #contentBox article#download div#dlBox figure { margin: 0 4.545% 0 0; width: 21.363%; float: left; }
#wrap #contentBox article#download div#dlBox dl { margin-bottom: 0.48em; font-size: 18px; text-align: left; display: -webkit-box; display: -webkit-flex; display: flex;}
#wrap #contentBox article#download div#dlBox dl dt { font-weight: 500; line-height: 1.15; margin-right: 0.3em; white-space: nowrap; }
#wrap #contentBox article#download div#dlBox dl dd { font-weight: 300; line-height: 1.15; color: #3f3f3f; }
#wrap #contentBox article#download div#dlBox ul.dl-btn { margin: 0 auto; width: 100%; z-index: 3; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#wrap #contentBox article#download div#dlBox ul.dl-btn li { width: 31.818%; }


#wrap #contentBox article ul.sns { margin: 0 auto; text-align: center; }
#wrap #contentBox article ul.sns li { display: inline-block; height: 47px; width: auto; margin: 0 4%; }
#wrap #contentBox article ul.sns li img { height: 100%; }

#wrap #footer { /*width: 100%;*/ margin: 0 auto; padding-bottom: 44px; text-align: center; }
#wrap #footer p.copyright { font-size: 12px; line-height: 1.5; position: relative; }
#wrap #footer p.copyright span {  display: block; margin-right: 3%; text-align: right; }

/*Share headbar*/
div#headbar.snsWrap { height: 60px; background: #ea005d;  }
div#headbar.snsWrap dl.sns { margin: 15px auto auto; max-width: 750px; height: 30px;  -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
#headbar.snsWrap dl.sns dt { font-size: 25px; line-height: 30px; font-weight: 400; color: #fff; }
#headbar.snsWrap dl.sns dd { margin-left: 40px; }
#headbar.snsWrap dl.sns dd img { height: 30px; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 767px) { 
	#wrap { padding-top: 10.4vw; }
	#wrap #contentBox { margin: 9.333vw auto 2.933vw; }
	#wrap #contentBox article { margin: 0 auto 8.522vw; }
	#wrap #contentBox article h2 { font-size: 4vw; }
	#wrap #contentBox article h2::before, #wrap #contentBox article h2::after { width: 3.466vw; height: 3.466vw; padding-bottom: 0; background-position-y: 0; }
	#wrap #contentBox article h3 { font-size: 3.2vw; }
	#wrap #contentBox article p { font-size: 2.933vw; }
	
	#wrap #contentBox article#present ul li { font-size: 2.933vw; }
	#wrap #contentBox article#present ul li strong { font-size: 3.333vw; }
	
	#wrap #contentBox article#participate div.boy  { top: 10.933vw; }
	
	#wrap #contentBox article#condition ul li { font-size: 2.266vw; }
	
	#wrap #contentBox article#download div#dlBox {padding: 2.133vw 2.666vw; -webkit-border-radius: 3.2vw; border-radius: 3.2vw; }
	#wrap #contentBox article#download div#dlBox dl { font-size: 2.4vw; }
	
	#wrap #contentBox article ul.sns li { height: 6.266vw; }
	#wrap #footer { padding-bottom: 5.866vw; }
	
	/*Share headbar*/
	div#headbar.snsWrap { height: 10.4vw; background: #ea005d;  }
	div#headbar.snsWrap dl.sns { margin: 2.6vw auto auto; height: 5.2vw; }
	#headbar.snsWrap dl.sns dt {  font-size: 3.33vw; line-height: 5.2vw; }
	#headbar.snsWrap dl.sns dd { margin-left: 6.666vw; }
	#headbar.snsWrap dl.sns dd img { height: 5.2vw; }
	
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 480px) { 	
	#wrap #contentBox article h2 { font-size: 21px; }
	#wrap #contentBox article h2::before, #wrap #contentBox article h2::after { margin: -0.15em 0.1em 0;  width: 4.266vw; height: 4.266vw; /*width: 3.466vw; height: 3.466vw;*/ }
	#wrap #contentBox article h3 { margin: 0 2.666vw 1em; font-size: 19px; font-weight: 400;}
	#wrap #contentBox article p { margin: 0 2.666vw 1em; font-size: 19px; }
	#wrap #contentBox article p a { font-size: 17px; }
	
	#wrap #contentBox article#present ul li { font-size: 20px; }
	#wrap #contentBox article#present ul li strong { font-size: 21px; }
	
	#wrap #contentBox article#participate div.boy  { display: none; /*top: 2.4vw; */}
	
	#wrap #contentBox article#condition ul li { font-size: 15px;  margin-left: 1.4em; text-indent: -1.4em;  }
	#wrap #contentBox article#condition ul li::before { margin-right: 0.4em; }
	#wrap #contentBox article#condition div.boy { right: 2vw; }
	
	#wrap #contentBox article#download div#dlBox { width: 84vw; padding: 2.133vw 2.666vw; -webkit-border-radius: 3.2vw; border-radius: 3.2vw; }
	#wrap #contentBox article#download div#dlBox dl { font-size: 12px; }
	
	#wrap #contentBox article ul.sns li { height: 6.266vw; }
	#wrap #footer { padding-bottom: 5.866vw; }	

}


/*+++++++++++++++++++++++++++++++ Icon Download ++++++++++++++++++++++++++++++++*/

#iconDL #wrap { margin: 0 auto; padding-top: 0; max-width: 100%; }

div#headbar { margin: 0 auto; width: 100%; position: fixed; z-index: 10; }
	div#headbar div.barBg { margin: 0 auto; position: absolute; top: 0; width: 100%; height: 52px; background: #ea005d; z-index: 3; }
	
	div#headbar nav { margin: 0 auto; width: 100%; height: 52px; }
	div#headbar nav div.navi { display: block; width: 100%; padding: 0; position: fixed; z-index: 2; top: 0; left: 0; text-align: left; background: rgba(0, 0, 0, 0.9); height: 100vh; overflow: scroll; transform: translateY(-100%); transition: all 0.6s; }
	div#headbar nav div.navi #honey { margin: 0 auto; padding-top: 70px; width: 108px;  }
	div#headbar nav div.navi ul  { margin: 75px auto auto; width: 100%; }
	div#headbar nav div.navi ul li { margin: 0 auto 36px; width: 750px; position: relative; display: block; font-size: 38px; font-weight: 300; text-align: left; background: url(http://honeymagazine.net/en/img/special/menu-line.png) no-repeat center bottom; -moz-background-size: 100% auto;
			background-size: 100% auto;}
	div#headbar nav div.navi ul li:last-child { background: none; }
	div#headbar nav div.navi ul li a { display: block; padding: 0 0 36px 130px; color: #ea005d; text-decoration: none; }
	div#headbar nav div.navi ul li a::before { content: '・'; font-size: 45px; position: absolute; display: block; top: -5px; left: 80px; }
	div#headbar nav div.navi.active { transform: translateY(0%); padding-top: 52px; }	

	div#headbar nav div.barWrap { margin: 0 auto; position: relative; width: 100%; max-width: 890px; position: relative; padding-left: 30px;}
	div#headbar nav div.navToggle { display: block; position: fixed; margin: 0 auto; /*width: 100%;*/ height: 52px; top: 6px; cursor: pointer; z-index: 10; text-align: center; }
	div#headbar nav div.navToggle span { display: block; position: absolute; border-bottom: solid 4px #fff; left: 4px; }
	div#headbar nav div.navToggle span:nth-child(1) { display: none; top: 9px; }
	div#headbar nav div.navToggle span:nth-child(2) { display: none; top: 17px; }
	div#headbar nav div.navToggle span:nth-child(3) { display: none; top: 25px; }
	div#headbar nav div.navToggle span:nth-child(4) { border: none; color: #fff; font-size: 25px; font-weight:400; top: 7px; }
	
	div#headbar nav div.navToggle.active { width: 40px; height: 40px; border: solid 1px #fff; }
	div#headbar nav div.navToggle.active span { width: 30px; }
	div#headbar nav div.navToggle.active span:nth-child(1) { display: block; top: 17px; left: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
	div#headbar nav div.navToggle.active span:nth-child(2), div#headbar nav div.navToggle.active span:nth-child(3) { display: block; top: 17px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	div#headbar nav div.navToggle.active span:nth-child(4) { display: none; }
	
	/*Share headbar*/
	/*div#headbar.snsWrap { height: 60px; background: #ea005d;  }*/
	#headbar div.barWrap dl.sns { margin: 12px auto auto;  height: 30px; position: relative; z-index: 5;  -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
	#headbar div.barWrap dl.sns dt { font-size: 25px; line-height: 30px; font-weight: 400; color: #fff; }
	#headbar div.barWrap dl.sns dd { margin-left: 40px; }
	#headbar div.barWrap dl.sns dd img { height: 30px; }



#iconDL #wrap h1 { margin: 0 auto; text-align: center; background: url(http://honeymagazine.net/en/img/special/icon-dl_head-bg_pc.jpg) no-repeat center top; }
#iconDL #wrap h1 img { width: 100%; max-width: 800px;}
#iconDL #wrap #contentBox { margin: 55px auto 45px; max-width: 1024px; }
#iconDL #wrap #contentBox * { font-weight: 200; }
#iconDL #wrap #contentBox #lead { margin-bottom: 55px; }
#iconDL #wrap #contentBox #lead h2 { margin: 0 auto 1em; font-size: 28px; color: #ec1d6f; }
#iconDL #wrap #contentBox #lead h3 { margin: 0 auto 1em; font-size: 24px; color: #c9b379; }
#iconDL #wrap #contentBox #lead p { margin: 0 auto; font-size: 20px; line-height: 1.35; color: #452d2d; }

#iconDL #wrap #contentBox article { margin: 0 auto 70px; padding-top: 50px; background: url(http://honeymagazine.net/en/img/special/part-line.png) no-repeat center top; background-size: 100% auto; }
#iconDL #wrap #contentBox article h3 { margin: 0 auto 38px; font-size: 20px; color: #ec1d6f; }
#iconDL #wrap #contentBox article.iconBox ul { margin: 0 auto; text-align: center;  display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#iconDL #wrap #contentBox article.iconBox ul li { margin: 0 15px 40px; width: 200px; }
#iconDL #wrap #contentBox article.iconBox ul li a img { width: 100%; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
#iconDL #wrap #contentBox article.iconBox ul li a:hover img { -ms-filter: "alpha( opacity=60 )"; filter: alpha( opacity=60 ); opacity: 0.6; }

#iconDL #wrap #contentBox article#download div#dlBox { width: 642px; padding: 16px 20px; }
#iconDL #wrap #contentBox article#download div#dlBox figure { margin: 0 16px 0 0; width: 158px; }
#iconDL #wrap #contentBox article#download div#dlBox dl { margin-bottom: 0.3em; font-size: 20px;  }
#iconDL #wrap #contentBox article#download div#dlBox dl dt { color: #ec1d6f; }
#iconDL #wrap #contentBox article#download div#dlBox dl dd { font-weight: 200; color: #ec1d6f; }

#iconDL #wrap #contentBox div.tweetBox {  width: 642px; margin: 0 auto; padding: 10px; border: solid 2px #eddba7;  -webkit-border-radius: 24px; border-radius: 24px; text-align: center; }
#iconDL #wrap #contentBox div.tweetBox twitter-widget { margin: 10px auto; }


#iconDL #wrap #footer p.copyright { color: #ec1d6f; }


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 767px) { 
	
	div#headbar div.barBg { height: 10.4vw;}
	div#headbar nav div.barWrap { padding: 0 2vw; }
	
	div#headbar nav div.navi #honey { padding-top: 2.933vw; width: 11.6vw; }
	div#headbar nav div.navi ul  { margin: 10vw auto auto; }
	div#headbar nav div.navi ul li {  margin: 0 auto 4.8vw;  width: 100vw; font-size: 4.266vw; }
	div#headbar nav div.navi ul li a { padding: 0 0 4.8vw 17.333vw; }
	div#headbar nav div.navi ul li a::before { font-size: 6vw; top:  -0.666vw; left: 10.666vw; }
	div#headbar nav div.navi.active { padding-top: 10.4vw; }	

	
	div#headbar nav div.navToggle { top: 0; width: 9.6vw; height: 9.6vw; background: #ea005d; }
	div#headbar nav div.navToggle span { width: 62%; margin: 0 auto; left: 0; right: 0; border-bottom: solid 2px #fff;
		-webkit-transition: .35s ease-in-out;
		   -moz-transition: .35s ease-in-out;
		   		transition: .35s ease-in-out;
	}
	div#headbar nav div.navToggle span:nth-child(1) { display: block; top: 34.722%; }
	div#headbar nav div.navToggle span:nth-child(2) { display: block; top: 48.611%; }
	div#headbar nav div.navToggle span:nth-child(3) { display: block; top: 61.111%; }
	div#headbar nav div.navToggle span:nth-child(4) { display: none; }
	
	div#headbar nav div.navToggle.active { width: 9.6vw; height: 9.6vw; border: none; }
	div#headbar nav div.navToggle.active span:nth-child(1) { top: 5vw; left: 0; right: 0; }
	div#headbar nav div.navToggle.active span:nth-child(2), div#headbar nav div.navToggle.active span:nth-child(3) { top: 5vw;}
	
	/*Share headbar*/
	#headbar div.barWrap dl.sns { margin: 2.6vw auto auto; height: 5.2vw; }
	#headbar div.barWrap dl.sns dt {  font-size: 3.33vw; line-height: 5.2vw; }
	#headbar div.barWrap dl.sns dd { margin-left: 2.666vw; }
	#headbar div.barWrap dl.sns dd img { height: 5.2vw; }
	
	#iconDL #wrap { padding-top: 0; }
	#iconDL #wrap h1 { background: none; padding-top: 10.4vw; }

	
	#iconDL #wrap #contentBox { margin: 7.333vw auto 6vw; width: 100vw; max-width: 750px; }	
	#iconDL #wrap #contentBox #lead { margin-bottom: 7.333vw; }
	#iconDL #wrap #contentBox #lead h2 { font-size: 3.733vw;  }
	#iconDL #wrap #contentBox #lead h3 { font-size: 3.2vw;  }
	#iconDL #wrap #contentBox #lead p { font-size: 2.666vw; }
	
	#iconDL #wrap #contentBox article.iconBox { margin: 0 auto 9.333vw; padding-top: 6.666vw; }
	#iconDL #wrap #contentBox article.iconBox h3 { margin-bottom: 5.066vw; font-size: 2.666vw; }
	#iconDL #wrap #contentBox article.iconBox ul li { margin: 0 2.666vw 5.333vw; width: 26.666vw;  }
	
	#iconDL #wrap #contentBox article#download div#dlBox { width: 85.6vw; padding: 2.133vw 2.666vw; }
	#iconDL #wrap #contentBox article#download div#dlBox figure { margin:0 2.133vw 2.4vw 0; width: 18.4vw; }
	#iconDL #wrap #contentBox article#download div#dlBox dl { font-size: 2.666vw;  }
	#iconDL #wrap #contentBox article#download div#dlBox dl dd br { display: none; }
	
	#iconDL #wrap #contentBox div.tweetBox {  width: 85.6vw; padding: 1.333vw 2.666vw; }
	#iconDL #wrap #contentBox div.tweetBox twitter-widget { margin: 1.333vw auto; }
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 480px) { 

	#iconDL #wrap #contentBox * { font-weight: 300; }
	#iconDL #wrap #contentBox #lead h2 { font-size: 21px; font-weight: 400; }
	#iconDL #wrap #contentBox #lead h3 { font-size: 19px; font-weight: 400; }
	#iconDL #wrap #contentBox #lead p { font-size: 19px; padding: 0 2vw; }
	
	#iconDL #wrap #contentBox article.iconBox h3 { font-weight: 400; font-size: 19px; }
	#iconDL #wrap #contentBox article.iconBox ul li { width: 42.666vw;  }
	
	#iconDL #wrap #contentBox article#download div#dlBox dl dd { font-weight: 300; }
	
		
}


/*+++++++++++++++++++++++++++++++ Interview  ++++++++++++++++++++++++++++++++*/

#intv #wrap header { margin: 0 auto; position: relative; border-bottom: solid 1px #c9b379; }
#intv #wrap #contentBox { margin-top: 50px; color: #452d2d;}
#intv #wrap header h1 { margin: 0 auto; width: 100%; }
#intv #wrap #contentBox article.star::before { content: ' '; display: block; position: absolute; width: 108px; height: 134px; background: url(http://honeymagazine.net/en/img/interview/kirakira.png) no-repeat center top; background-size: 100% auto; }
#intv #wrap #contentBox article:nth-child(1)::before { top:160px; right: 24px; }  
#intv #wrap #contentBox article:nth-child(2)::before { top:60px; left: 30px; 
 -webkit-transform:scale(-1, 1) ;
	     transform:scale(-1, 1) ; }  
#intv #wrap #contentBox article:nth-child(3)::before { top:124px; right: 50px; }  

#intv #wrap #contentBox article h2.twoLine { margin-bottom: 0; }
#intv #wrap #contentBox article h2.twoLine::before, #intv #wrap #contentBox article h2.twoLine::after { background: none; width: 0; height: 0; margin: 0; } 
#intv #wrap #contentBox article h2.twoLine span { margin: 0 auto; position: relative; display: block; }
#intv #wrap #contentBox article h2.twoLine span::before, #intv #wrap #contentBox article h2.twoLine span::after { content: ''; display: inline-block; margin: 0 0.4em; padding-bottom: 0.2em; width: 26px; height: 26px; background: url(http://honeymagazine.net/en/img/special/heart.png) no-repeat center 0.2em; background-size: 100% auto; vertical-align: middle; }
#intv #wrap #contentBox article h3 { line-height: 1.4; }
#intv #wrap #contentBox article p strong { font-weight: 300; }
#intv #wrap #contentBox article p strong span { display: block; margin-top: 1em; font-size: 20px; }

#intv #wrap #contentBox article div#movieBox { margin: 40px auto 0; max-width: 320px; width: 42.666vw; }
#intv #wrap #contentBox article#present ul { text-align: center; margin-bottom: 0;}
#intv #wrap #contentBox article#present ul li { margin: 0 auto 1.6em; }
#intv #wrap #contentBox article#present ul li:last-child { margin-bottom: 0.6em; }
#intv #wrap #contentBox article#present ul li strong { font-size: 22px; font-weight: 600;  }
#intv #wrap #contentBox article#present ul li strong::before { content: ' '; }
#intv #wrap #contentBox article#present ul li a { color: #ec1d6f; text-decoration: none; }
#intv #wrap #contentBox article#present p { font-size: 20px; }
#intv #wrap #contentBox article#present div.btnBox { margin: 60px auto 0; font-size: 26px;font-weight: 600; line-height: 48px; }
#intv #wrap #contentBox article#present div.btnBox a { display: block; margin: 0 auto; width: 220px; height: 48px; border: solid 2px #ec1d6f; -webkit-border-radius: 26px; border-radius: 26px;  color: #ec1d6f; text-decoration: none; }




/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 767px) { 
	#intv #wrap #contentBox { margin-top: 6.666vw; }
	#intv #wrap #contentBox article:nth-child(1)::before { top:24vw; right: -3.866vw; 
		-webkit-transform:scale(0.5, 0.5) ;
	     		transform:scale(0.5, 0.5) ; } 
	#intv #wrap #contentBox article:nth-child(2)::before { top:5vw; left: 0; 
		-webkit-transform:scale(-0.5, 0.5) ;
	     		transform:scale(-0.5, 0.5) ; }  
	#intv #wrap #contentBox article:nth-child(3)::before { top:16vw; right: -2.666vw;
		-webkit-transform:scale(0.5, 0.5) ;
	     		transform:scale(0.5, 0.5) ; }   
	
	
	#intv #wrap #contentBox article h2.twoLine span::before, #intv #wrap #contentBox article h2.twoLine span::after { width: 3.466vw; height: 3.466vw; padding-bottom: 0; background-position-y: 0; }
	#intv #wrap #contentBox article h3 { font-size: 4vw; }
	#intv #wrap #contentBox article p { font-size: 4vw; }
	#intv #wrap #contentBox article p strong span { font-size: 3.2vw; }
	
	#intv #wrap #contentBox article div#movieBox { margin-top: 5vw; }
	#intv #wrap #contentBox article#present ul li { font-size: 4vw; }
	#intv #wrap #contentBox article#present ul li strong { font-size: 4vw; }
	#intv #wrap #contentBox article#present p { font-size: 3.2vw; }
	#intv #wrap #contentBox article#present div.btnBox { margin-top: 8vw; font-size: 4.66vw; line-height: 34px; }
	#intv #wrap #contentBox article#present div.btnBox a {  width: 132px; height: 34px; -webkit-border-radius: 19px; border-radius: 19px; }

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 480px) { 

	#intv #wrap #contentBox article h2.twoLine span::before, #intv #wrap #contentBox article h2.twoLine span::after { margin: -0.15em 0.1em 0;  width: 4.266vw; height: 4.266vw; }

}