/*---------------------------------------------
 pickup用CSS
---------------------------------------------*/
.alignR{text-align:right;}

body.contents section#intro.intro_hokuohkurashi{margin-bottom:5vw;}

body.contents section#intro.intro_hokuohkurashi h2{margin:4vw 12vw 2vw;text-align:center;}
body.contents section#intro.intro_hokuohkurashi p{font-size:1rem;line-height:1.857;}

section.hokuohkurashi{margin-bottom:11.68831vw;padding:6.49351vw 9.09091vw 6.49351vw;background-color:#FFF;}
section.hokuohkurashi img{vertical-align:bottom;}

section.hokuohkurashi .hk_mainttl h2{margin:0 0 4vw;font-size:1.32rem;font-weight:bold;}
section.hokuohkurashi p{margin:0 0 3vw;font-size:1.153rem;line-height:1.857;}
section.hokuohkurashi .hk_note p.smalltxt{margin:0 0 3vw;color:#808080;font-size:0.846rem;}
section.hokuohkurashi .hk_note p.atttxt{margin:0 0 1vw;font-size:0.846rem;}

section.hokuohkurashi .hk_note{margin:0 0 12vw;}
section.hokuohkurashi .hk_note h3{margin:0 0 2vw;font-size:1.23rem;font-weight:bold;}
section.hokuohkurashi .hk_note h3.hk_ttl_search{padding:0 0 0 6vw;background:url(../img/pickup/icn_search.svg) no-repeat left center;background-size:5vw;}
section.hokuohkurashi .hk_note h3.hk_ttl_check{padding:0 0 0 7vw;background:url(../img/pickup/icn_check.svg) no-repeat left center;background-size:6vw;}
section.hokuohkurashi .hk_note h3.hk_ttl_houce{padding:0 0 0 7vw;background:url(../img/pickup/icn_houce.svg) no-repeat left center;background-size:6vw;}

section.hokuohkurashi .hk_mokuji{padding:5vw 3vw 0;border-top:3px solid #EEE;}
section.hokuohkurashi .hk_mokuji h3{margin:0 0 4vw;font-size:1.32rem;font-weight:bold;}
section.hokuohkurashi .hk_mokuji li:first-child{margin:0 0 3vw;}

section.hokuohkurashi .hk_profile{margin:5vw 0 0;padding:5vw 3vw 0;border-top:3px solid #EEE;}
section.hokuohkurashi .hk_profile h3{margin:0 0 4vw;font-size:1.32rem;font-weight:bold;}
section.hokuohkurashi .hk_profile dt{margin:0 0 3vw;text-align:center;font-weight:bold;}
section.hokuohkurashi .hk_profile dd{line-height:1.857;}

@media only screen and (min-width:751px){
  /*body#pickup #intro{
    margin-bottom:100px;}
  body#pickup #pickupWrap{
    width:1000px;
    margin:0 auto 100px;}
  body#pickup #pickupWrap p{
    margin:0 0 18px;
    line-height:1.857;}*/
	
	body.contents section#intro.intro_hokuohkurashi{margin-bottom:1vw;}
	body.contents section#intro.intro_hokuohkurashi h2{margin:1vw 39vw 1vw;text-align:center;}
	body.contents section#intro.intro_hokuohkurashi h2 img{width:100%;margin:0 auto 0;text-align:center;}
	body.contents section#intro.intro_hokuohkurashi p{font-size:0.56rem;line-height:1.857;}
	
	section.hokuohkurashi{width:1000px;margin:0 auto 100px;padding:5vw 0;}
	
	section.hokuohkurashi .hk_mainttl{width:550px;margin:0 auto 1vw;}
	section.hokuohkurashi .hk_mainttl h2{margin:0 0 1vw;font-size:0.888rem;}
	section.hokuohkurashi p{margin:0 0 1.2vw;font-size:0.63636rem;}
	section.hokuohkurashi .hk_note p.smalltxt{margin:-0.9vw 0 1.2vw;font-size:0.611rem;}
	section.hokuohkurashi .hk_note p.atttxt{margin:0 0 1.2vw;font-size:0.56rem;}
	
	section.hokuohkurashi .hk_note{width:550px;margin:0 auto 4vw;}
	section.hokuohkurashi .hk_note h3.hk_ttl{margin:0 0 1vw;font-size:0.777rem;}
	section.hokuohkurashi .hk_note h3.hk_ttl_search{padding:4px 0 4px 44px;background-size:35px;}
	section.hokuohkurashi .hk_note h3.hk_ttl_check{padding:4px 0 4px 44px;background-size:35px;}
	section.hokuohkurashi .hk_note h3.hk_ttl_houce{padding:4px 0 4px 44px;background-size:35px;}
	
	section.hokuohkurashi .hk_mokuji{width:550px;margin:0 auto;padding:1.2vw 0 0;}
	section.hokuohkurashi .hk_mokuji h3{margin:0 0.5vw 1vw;font-size:0.777rem;}
	section.hokuohkurashi .hk_mokuji li{margin:0 0.5vw;font-size:0.63636rem;}
	section.hokuohkurashi .hk_mokuji li:first-child{margin:0 0.5vw 1vw;}

	section.hokuohkurashi .hk_profile{width:550px;margin:1.5vw auto 0;padding:1.2vw 0 0;}
	section.hokuohkurashi .hk_profile h3{margin:0 0.5vw 1vw;font-size:0.777rem;}
	section.hokuohkurashi .hk_profile dl{margin:0 0.5vw;}
	section.hokuohkurashi .hk_profile dt{margin:0 0 1vw;font-size:0.63636rem;}
	section.hokuohkurashi .hk_profile dd{font-size:0.63636rem;}
}

body#pickup .section .ttl{
  position:relative;z-index:9;
  padding:11.74026vw 0 12.68831vw;
  background-image:url("../img/icon_arrow_long_down.svg");
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:1.16883vw 9.09091vw;
  text-align:center;line-height:0;}
@media only screen and (min-width:751px){
	body#pickup .section .ttl{
      padding:75px 0 90px;
      background-image:url("../img/icon_arrow_long_down.svg");
      background-repeat:no-repeat;
      background-position:center bottom;
      background-size:8px 55px;}
	#pickupslide{margin-bottom:50px;}
}

body.contents section#intro.intro_roomclip{margin-bottom:5vw;}
body.contents section#intro.intro_roomclip h2{margin:7vw 19vw 2vw;text-align:center;}
body.contents section#intro.intro_roomclip p{font-size:1rem;line-height:1.857;}

section.roomclip{margin-bottom:11.68831vw;padding-bottom:9.09091vw;background-color:#FFF;}
section.roomclip div.rc_moni{padding:6.49351vw 9.09091vw 9.09091vw;}
section.roomclip div.rc_moni li{margin:0 0 8vw;}
section.roomclip div.rc_moni li:last-child{margin:0;}
section.roomclip div.rc_moni dl{font-size:1.153rem;line-height:1.857;}
section.roomclip div.rc_moni dt.roomno{position:relative;padding:0 0 0.3vw 6.25vw;}
section.roomclip div.rc_moni dt.roomno::after{
	position:absolute;content:"";top:50%;left:0;
	width:5vw;height:5vw;margin:-2.6vw 0 0;
	background:url(../img/pickup/icn_roomclip.svg) no-repeat left top;background-size:5vw;
}
@media only screen and (min-width:751px){
	body.contents section#intro.intro_roomclip{margin-bottom:1vw;}
	body.contents section#intro.intro_roomclip h2{margin:2vw 41vw 1vw;text-align:center;}
	body.contents section#intro.intro_roomclip h2 img{width:100%;margin:0 auto 0;text-align:center;}
	body.contents section#intro.intro_roomclip p{font-size:0.56rem;line-height:1.857;}
	
	section.roomclip{width:1000px;margin:0 auto 100px;padding:50px;}
	section.roomclip div.rc_moni{margin:0 0 60px;padding:0;}
	section.roomclip div.rc_moni ul{display:flex;/*justify-content:space-between;*/flex-wrap:wrap;}
	section.roomclip div.rc_moni li{position:relative;width:450px;margin:0 25px 60px;}
	section.roomclip div.rc_moni li:last-child{margin:0 25px;}
	section.roomclip div.rc_moni dl{font-size:0.63636rem;}
	section.roomclip div.rc_moni dt.roomno{padding:0 0 0.3vw 1.5vw;}
	section.roomclip div.rc_moni dt.roomno::after{width:1.2vw;height:1.2vw;margin:-0.75vw 0 0;background-size:1.2vw;}
}

/* 商品案内 */
div.hk_box{margin:-5vw 0 6vw;padding:6vw 0 0;border-top:3px solid #EEE;}
div.hk_box_dressing{margin:-5vw 6vw 6vw;padding:6vw 0;border-top:3px solid #EEE;border-bottom:3px solid #EEE;}
div.hk_box_mynavi{margin:-5vw 6vw 6vw;padding:6vw 0;border-top:3px solid #EEE;border-bottom:3px solid #EEE;}
div.hk_box dl{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin:0 0 2vw;}
div.hk_box dt{width:23vw;}
div.hk_box dt img{width:100%;}
div.hk_box dd{width:55.5vw;font-size:1.153rem;font-weight:bold;}
div.hk_box_dressing dt{width:22vw;}
div.hk_box_dressing dd{width:59vw;}
div.hk_box dd span.s01{font-size:1.3rem;}
div.hk_box dd span.s02{font-size:0.85rem;}
div.hk_box div.boxBtn{width:100%;}
@media only screen and (min-width:751px){
	div.hk_box{width:550px;margin:0 auto 3vw;padding:3vw 0 0;}
	div.hk_box_dressing{width:640px;margin:0 auto 3vw;padding:3vw 0;}
	div.hk_box_mynavi{width:640px;margin:0 auto 3vw;padding:3vw 0;}
	div.hk_box dl{margin:0 0 1vw;}
	div.hk_box dt{width:200px;}
	div.hk_box_dressing dl{margin:0 40px;}
	div.hk_box_mynavi dl{margin:0 40px;}
	div.hk_box dd{width:340px;margin:16px 0 0;font-size:18px;}
	div.hk_box dd span.s01{font-size:22px;}
	div.hk_box dd span.s02{font-size:14px;}
	div.hk_box div.boxBtn{width:354px;}
}

/* 商品へのリンクポップアップ */
#wrap{position:relative;}
div.pathBn{position:fixed;z-index:300;display:none;bottom:32.2vw;right:50%;width:91vw;height:8vw;margin:0 -45.5vw 0 0;}
div.pathBn_box{
	position:absolute;top:0;left:0;
	display:flex;display:-webkit-flex;
	width:82vw;
	padding:3vw 5vw 2.8vw 4vw;
	-webkit-filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	-moz-filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	-ms-filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	background-color:#FFF;
}
div.pathBn_box div{width:24vw;margin:2.5vw 5vw 0 0;}
div.pathBn_box div img{width:100%;}
div.pathBn_box span.pathBn_s01{font-size:1.2rem;}
div.pathBn_box span.pathBn_s02{font-size:0.8rem;}
div.pathBn_box a{
	position:relative;display:block;
	width:34vw;height:7.5vw;
	margin:1vw 0 0;
	font-weight:bold;line-height:7.5vw;text-align:center;
	background-color:#555;color:#FFF;
}
div.pathBn_box a span{display:none;}
div.pathBn_box a::after{
	content:'';display:block;position:absolute;top:50%;left:92%;transform:translate(0, -50%);
	width:1.42857vw;height:1.81818vw;
	background-image:url("../img/icon_arrow_w_right.svg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

div.pathBn_closeBtn{position:absolute;z-index:301;top:-1.6vh;right:-2.2vw;}
div.pathBn_closeBtn a{position:relative;display:block;width:30px;color:#FFF;font-size:20px;text-align:center;line-height:28px;cursor:pointer;}
div.pathBn_closeBtn a::before{content:'';display:block;z-index:-1;position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;background-color:#666;}

div.pathBn_coupon{height:12vw;}/* クーポン施策 */
div.pathBn_coupon div.pathBn_box{width:91vw;margin:0 auto;padding:0;background-color:#C10012;}
div.pathBn_coupon div.pathBn_box a{width:100%;height:auto;margin:0 auto;padding:2.5vw 0 1.0vw;background-color:#C10012;}
div.pathBn_coupon div.pathBn_box a img{width:50vw;}
div.pathBn_coupon div.pathBn_box a::after{display:none;}
div.pathBn_coupon div.pathBn_closeBtn a{color:#444;line-height:26px;padding:0 1px 0 0;}
div.pathBn_coupon div.pathBn_closeBtn a::before{width:26px;height:26px;border:1px solid #666;background-color:#FFF;}

@media only screen and (min-width:751px){
	div.pathBn{bottom:15px;right:15px;width:320px;height:125px;margin:0;}
	div.pathBn_box{width:300px;padding:12px 10px 12px;font-size:12px;}
	div.pathBn_howarocplus div.pathBn_box{width:280px;padding:12px 20px 12px;}
	div.pathBn_box div{width:95px;margin:18px 12px 0 0;}
	div.pathBn_howarocplus div.pathBn_box div{margin:20px 12px 0 0;}
	div.pathBn_box span.pathBn_s01{font-size:13px;}
	div.pathBn_box span.pathBn_s02{font-size:10px;}
	div.pathBn_box a{transition:all .25s ease-out;width:130px;height:20px;margin:6px 0 0;padding:4px 0;font-size:12px;line-height:20px;}
	div.pathBn_box a::after{
		content:'';display:block;position:absolute;top:50%;left:92%;
		transform:translate(0, -50%);
		width:6px;height:7px;
		background-image:url("../img/icon_arrow_w_right.svg");
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
	}
	div.pathBn_box a:hover{background-color:#262626;color:#fff;}
	div.pathBn_box a:hover::after{background-image:url("../img/icon_arrow_w_right.svg");background-repeat:no-repeat;background-position:95% center;background-size:contain;}

	div.pathBn_closeBtn{top:-9px;right:-8px;}
	div.pathBn_closeBtn a{width:26px;line-height:26px;}
	div.pathBn_closeBtn a::before{width:26px;height:26px;}
	
	div.pathBn_coupon{width:280px;height:130px;}/* クーポン施策 */
	div.pathBn_coupon div.pathBn_box{width:280px;padding:0;}
	div.pathBn_coupon div.pathBn_box a{width:100%;height:auto;margin:0 auto;padding:12px 0 8px;}
	div.pathBn_coupon div.pathBn_box a img{width:230px;}
	div.pathBn_coupon div.pathBn_box a:hover img{zoom:1;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}
	div.pathBn_coupon div.pathBn_closeBtn a{padding:0 0 0 1px;line-height:29px;}
}

/*---------------------------------------------
 campaign/present.html , rakutenpay.html 用CSS
---------------------------------------------*/
body#campaign.present #contents{background-color:#F5F5F5;}
body#campaign.present #contents #campaign01{background-color:#FFF;}
body#campaign #intro{margin:0;padding:9.09091vw 5.19481vw 9.09091vw;background-color:#F5F5F5;}
body#campaign #intro.intro_w{background-color:#FFF;}
body#campaign.present #intro{margin-bottom:8.38961vw;margin-bottom:0;padding:9.09091vw 5.19481vw 0;}
	body#campaign #intro > .ttl{margin-bottom:5.54545vw;padding:0;font-size:1.45455rem;text-align:center;font-weight:bold;}
    body#campaign #intro > .ttl em{
      display:inline-block;
      position:relative;
      background:linear-gradient(rgba(0, 0, 0, 0) 50%, #fff100 0%);
      font-size:1.81818rem;}
      body#campaign #intro > .ttl em::before, body#campaign #intro > .ttl em::after{
        content:'';position:absolute;top:25%;display:block;
        width:2px;height:5.19481vw;
        background-color:#262626;}
      body#campaign #intro > .ttl em::before{left:-10%;transform:rotate(-30deg);}
      body#campaign #intro > .ttl em::after{right:-10%;transform:rotate(30deg);}
      body#campaign #intro > .ttl::after{display:none;}
	body#campaign #intro > .ttl_line{
		margin-bottom:4.54545vw;padding:0;
		font-size:2.09455rem;text-align:center;font-weight:bold;
		font-family: 'Righteous', cursive;/* 200713 */}
    body#campaign #intro > .ttl_line em{
      display:inline-block;
      position:relative;
      background:linear-gradient(rgba(0, 0, 0, 0) 50%, #fff100 0%);
	  font-size:2.25455rem;}
	  body#campaign #intro > .ttl_line span{font-family: 'Caveat', cursive;font-size:1.85455rem;}
	  body#campaign #intro p.cptxt_easy{margin:0 auto;padding:0;text-align:center;}
	  body#campaign #intro .img03{width:81.55844vw;margin:6.54545vw auto 8.54545vw;}/* 200713 */
	  
	  body#campaign .cppresent_parts .cppresent_ill{width:60vw;margin:0 auto 2.79221vw;}
	  body#campaign .cppresent_parts_sponge .cppresent_ill{width:80vw;}
	  body#campaign .cppresent_parts p{margin:0 auto;}
	  body#campaign .cppresent_parts p em{font-weight:bold;background:linear-gradient(rgba(0, 0, 0, 0) 50%, #fff100 0%);}
	  body#campaign .cppresent_parts p.cppresent_day{margin:2.79221vw 0;font-size:1.27273rem;font-weight:bold;}
	  body#campaign .cppresent_parts p.cppresent_day span{
		  display:inline-block;
		  margin:0 2.2vw 0 0;padding:0.8vw 1.4vw;
		  color:#fff;text-align:center;font-size:1.00000rem;
		  background-color:#1CA7DB;}
	  body#campaign .cppresent_parts ul{margin:0 0 5.19481vw;}
	  body#campaign .cppresent_parts li{margin:0 0 0.4vw;text-indent:-1.1rem;padding-left:1.1rem;font-size:0.84545rem;}
	  
	  body#campaign .cppresent_mitten{width:80.00vw;margin:0 auto 0;padding:4.675vw;font-size:1.18182rem;text-align:left;background-color:#FFF;}
	  body#campaign .cppresent_mitten h3{margin:0 0 2.79221vw;font-size:1.27273rem;font-weight:bold;}
	  body#campaign .cppresent_mitten h3 span{
		  display:inline-block;
		  margin:0 2.2vw 0 0;padding:0.8vw 1.4vw;
		  background-color:#1CA7DB;
		  color:#fff;text-align:center;}
	  body#campaign .cppresent_mitten p{margin:1.59221vw 0 0;}
	  body#campaign .cppresent_mitten .cppresent_mitten_detail{margin:0 0 5.19481vw;}
	  body#campaign .cppresent_mitten .cppresent_mitten_detail ul{margin:3.19481vw 0 0;}
	  body#campaign .cppresent_mitten .cppresent_mitten_detail li{margin:0 0 0.4vw;font-size:0.84545rem;}
	  body#campaign .cppresent_mitten  ul.cppresent_scene{display:flex;flex-wrap:nowrap;justify-content:center;}
	  body#campaign .cppresent_mitten  ul.cppresent_scene li{margin:0 1.19481vw 0 0;}
	  body#campaign .cppresent_mitten  ul.cppresent_scene li img{display:block;}
	  body#campaign .cppresent_mitten  ul.cppresent_scene li:first-child{display:none;}
	  body#campaign .cppresent_mitten  ul.cppresent_scene li:last-child{margin:0;}
	  
	  body#campaign.present .cppresent_summary{width:80.00vw;margin:0 auto 0;padding:4.675vw;font-size:1.18182rem;background-color:#FFF;}/* 楽天ポイント10倍 */
	  body#campaign.present .cppresent_summary h3{position:relative;margin:0 0 2.79221vw;font-size:1.27273rem;font-weight:bold;}
	  body#campaign.present .cppresent_summary h3::after{
		  content:'';display:block;
		  position:absolute;top:0;right:0;
		  width:12.42857vw;height:5.81818vw;
		  background: url(../img/campaign/cprakutenpay_logo.png) no-repeat right center;background-size:12.42857vw;
	  }
	  body#campaign.present .cppresent_summary li{margin:0 0 4.19481vw;}
	  body#campaign.present .cppresent_summary li:last-child{margin:0;}
	  body#campaign.present .cppresent_summary li span{font-size:1.00rem;}
	  body#campaign.present .cppresent_summary li a{text-decoration:underline;}
	  
@media only screen and (min-width:751px){
  body#campaign #intro{margin:0;padding:75px 0 75px;}
  body#campaign.present #intro{margin-bottom:60px;margin-bottom:0;padding:75px 0 0;line-height:60px;}
    body#campaign #intro > .ttl{margin-bottom:60px;font-size:1.45455rem;}
      body#campaign #intro > .ttl em{font-size:1.45455rem;}
	  	body#campaign #intro p.cptxt_easy{margin:-2vw auto 0;padding:0;text-align:center;}
	  	body#campaign #intro .img03{width:650px;margin:3vw auto 90px;}
    	body#campaign #intro .img03 img{width:100%;}
	
        body#campaign #intro > .ttl em::before, body#campaign #intro > .ttl em::after{top:25%;display:block;width:3px;height:40px;background-color:#262626;}
		body#campaign .cppresent_parts{overflow:hidden;/zoom:1;width:950px;margin:0 auto;}
		body#campaign .cppresent_parts .cppresent_ill{float:left;width:390px;margin:10px 0 0;}
		body#campaign .cppresent_parts .cppresent_detail{float:right;width:520px;text-align:left;}
		body#campaign .cppresent_parts_sponge{width:1000px;}
		body#campaign .cppresent_parts_sponge .cppresent_ill{width:566px;}
		body#campaign .cppresent_parts_sponge .cppresent_detail{width:390px;}
		
		body#campaign .cppresent_parts p{line-height:210%;font-size:18px;}
		body#campaign .cppresent_parts p em{font-size:20px;}
		body#campaign .cppresent_parts p.cppresent_day{margin:15px 0 20px;font-size:18px;}
		body#campaign .cppresent_parts p.cppresent_day span{margin:0 15px 0 0;padding:0 0.8vw;}
		body#campaign .cppresent_parts ul{margin:0;}
		body#campaign .cppresent_parts li{margin:5px 0 0;text-indent:-0.7rem;padding-left:0.7rem;font-size:12px;line-height:130%;}
		
		body#campaign .cppresent_mitten{overflow:hidden;/zoom:1;width:930px;margin:55px auto 0;padding:35px;font-size:16px;}/* 190201 */
		body#campaign.present .cppresent_mitten{margin:40px auto 0;}
		body#campaign .cppresent_mitten .cppresent_mitten_detail{float:left;width:450px;margin:0 0 30px;}
		body#campaign .cppresent_mitten .cppresent_mitten_ill{float:right;width:450px;}
		body#campaign .cppresent_mitten h3{margin:0 0 18px;font-size:22px;}
		body#campaign .cppresent_mitten h3 span{margin:0 15px 0 0;padding:0.05vw 0.4vw;}
	    body#campaign .cppresent_mitten p{margin:6px 0 0;font-size:100%;line-height:1.7;}
		body#campaign .cppresent_mitten .cppresent_mitten_detail ul{margin:18px 0 0;}
		body#campaign .cppresent_mitten .cppresent_mitten_detail li{margin:4px 0 0 ;font-size:12px;}
		body#campaign .cppresent_mitten  ul.cppresent_scene{clear:both;}
		body#campaign .cppresent_mitten  ul.cppresent_scene li{margin:0 1.19481vw 0 0;}
	    body#campaign .cppresent_mitten  ul.cppresent_scene li:first-child{display:block;}
	    body#campaign .cppresent_mitten  ul.cppresent_scene li:last-child{margin:0;}
		
		body#campaign.present .cppresent_summary{overflow:hidden;/zoom:1;width:930px;margin:0 auto;padding:35px;font-size:16px;}
		body#campaign.present .cppresent_summary h3{margin:0 0 30px;font-size:22px;}
		body#campaign.present .cppresent_summary h3::after{width:116px;height:45px;background-size:116px;}
		body#campaign.present .cppresent_summary li{margin:0 0 30px;}
	  	body#campaign.present .cppresent_summary li span{display:block;margin:5px 0 0;font-size:11px;line-height:180%;}
}

body#campaign.present #howaro{margin-bottom:12.98701vw;}
  body#campaign.present #howaro .ttl{
    position:relative;z-index:9;
    padding:9.74026vw 0 11.68831vw;
    background-image:url("../img/icon_arrow_long_down.svg");
    background-repeat:no-repeat;background-position:center bottom;background-size:1.16883vw 9.09091vw;
    font-size:1.63636rem;font-weight:bold;text-align:center;
  }
  body#campaign.present #howaro .ttl em{padding-bottom:1.94805vw;background:linear-gradient(rgba(0, 0, 0, 0) 50%, #fff100 0%);}
  body#campaign.present #howaro .ph{width:92.85714vw;margin:0 auto 1.2987vw;}
  body#campaign.present #howaro .ph.sec{margin-top:11.68831vw;}
  body#campaign.present #howaro .txt{text-align:center;letter-spacing:0.1em;}
    body#campaign.present #howaro .txt h3{margin-bottom:2vw;font-size:1.63636rem;font-weight:bold;line-height:1;}
    body#campaign.present #howaro .txt h3 .new{
      display:inline-block;position:relative;top:-0.6vw;
      padding:1.948052vw;
      color:#fff;font-size:1.18182rem;font-weight:bold;
	  background-color:#C10012;
	}
    body#campaign.present #howaro .txt h4{margin-bottom:2.5974vw;font-size:1.27273rem;font-weight:bold;line-height:1.4;}
    body#campaign.present #howaro .txt p{margin-bottom:5.19481vw;font-size:1.18182rem;}
    body#campaign.present #howaro .txt p em{font-size:1.72727rem;font-weight:bold;}
    body#campaign.present #howaro .txt p span.cptxt{color:#C10012;}/* 190201 */
@media only screen and (min-width:751px){
  body#campaign.present #howaro{margin-bottom:100px;}
    body#campaign.present #howaro .ttl{
      position:relative;z-index:9;
      padding:75px 0 90px;
      background-image:url("../img/icon_arrow_long_down.svg");background-repeat:no-repeat;background-position:center bottom;background-size:8px 55px;
      font-size:1.45455rem;
	}
    body#campaign.present #howaro .ttl em{padding-bottom:10px;background:linear-gradient(rgba(0, 0, 0, 0) 50%, #fff100 0%);}
    body#campaign.present #howaro .ph{width:715px;margin:0 auto;}
    body#campaign.present #howaro .ph.sec{margin-top:60px;}
    body#campaign.present #howaro .txt h3{margin-bottom:2vw;font-size:1.27273rem;}
    body#campaign.present #howaro .txt h3 .new{top:-4px;padding:9px;font-size:0.77273rem;}
    body#campaign.present #howaro .txt h4{margin-bottom:15px;font-size:0.81818rem;}
    body#campaign.present #howaro .txt p{margin-bottom:40px;font-size:0.63636rem;}
    body#campaign.present #howaro .txt p em{font-size:1.18182rem;}
}


body#campaign.present .section#product{margin:0 0 12.98701vw;}
   body#campaign.present .section#product .ttl{
    position:relative;z-index:9;
    padding:9.74026vw 0 11.68831vw;
    background-image:url("../img/icon_arrow_long_down.svg");
    background-repeat:no-repeat;background-position:center bottom;background-size:1.16883vw 9.09091vw;
    font-size:1.63636rem;font-weight:bold;text-align:center;
  }
  body#campaign.present .section#product .ttl em{padding-bottom:1.94805vw;background:linear-gradient(rgba(0, 0, 0, 0) 50%, #fff100 0%);}
  body#campaign.present .section#product #productSlider{overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
  body#campaign.present .section#product .proSlider{display:flex;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
    body#campaign.present .section#product .proSlider li{padding:0 5vw;}
    body#campaign.present .section#product .proSlider li:last-child{padding-right:19vw;}
    body#campaign.present .section#product .proSlider li a{display:block;}
    body#campaign.present .section#product .proSlider li.hwr{order:1;}
    body#campaign.present .section#product .proSlider li.hwrc{order:2;}
    body#campaign.present .section#product .proSlider li.hwrcp{order:3;}
  body#campaign.present .section#product .ph01{width:62vw;padding-bottom:3vw;line-height:0;text-align:center;}
  body#campaign.present .section#product .ph01 img{width:100%;}
  body#campaign.present .section#product .txt{text-align:center;letter-spacing:0.1em;}
    body#campaign.present .section#product .txt h3{margin-bottom:1.94805vw;font-size:1.63636rem;font-weight:bold;line-height:1;}
    body#campaign.present .section#product .txt h3 img.view_sp{display:inline!important;}
    body#campaign.present .section#product .txt h3 img.view_pc{display:none!important;}
    body#campaign.present .section#product .txt h3 .new{
      display:inline-block;position:relative;top:-0.8vw;
      margin-right:1.8vw;padding:1.2vw 1vw;
      color:#fff;font-size:0.81818rem;font-weight:bold;
	  background-color:#C10012;
	}
    body#campaign.present .section#product .txt h4{margin-bottom:2.5974vw;font-size:1.1rem;font-weight:bold;line-height:1.6;}
    body#campaign.present .section#product .txt p{margin-bottom:5vw;font-size:1rem;}
	body#campaign.present .section#product .txt p span.strike{text-decoration:line-through #C10012;/* 200713 */}
	body#campaign.present .section#product .txt p span.price{color:#C10012;/* 200713 */}
    body#campaign.present .section#product .txt p em{font-size:1.62727rem;/*font-size:1.72727rem;*/font-weight:bold;color:#C10012;/* 200713 */}
	body#campaign.present .section#product .txt .emphasis{/* 190201 */
      display:inline-block;position:relative;top:-0.8vw;
      margin-left:1.0vw;padding:1vw 1vw;
      color:#fff;font-size:0.436363rem;font-weight:bold;
      background-color:#C10012;
	  /* color:#000;background-color:#FFF100; 200713 */
	}
	body#campaign.present .section#product .txt span.cptxt{color:#C10012;}/* 190201 */
    body#campaign.present .section#product .txt .readmore{
      height:7vw;
      margin:0 auto 8vw;
      background-image:url(../img/icon_readmore.svg);background-repeat:no-repeat;background-position:center center;background-size:26vw auto;
	}
    body#campaign.present .section#product .readmore span{display:none;}
	
	body#campaign.present .section#product .readmore{height:auto;margin:0 auto;background:none;}
    /*body#campaign.present .section#product .readmore span{
      display:block;position:relative;
      padding:5.19481vw 3.24675vw;
	  cursor:pointer;font-size:1.43636rem;font-weight:bold;line-height:1;text-align:center;color:#fff;
	  background-color:#C10012;}
	body#campaign.present .section#product .readmore span::after{
      content:'';display:block;position:absolute;top:50%;left:90%;
      transform:translate(0, -50%);
      width:0.72857vw;height:0.91818vw;
      background-image:url("../img/icon_arrow_w_right.svg");
      background-repeat:no-repeat;
      background-position:center center;
      background-size:contain;}*/
	  body#campaign.present .section#product .readmore span{
		position:relative;display:block;
		height:10.98701vw;
		background-color:#fff;
		font-size:1.27273rem;font-weight:bold;line-height:10.98701vw;text-align:center;color:#000;
		border:2px solid #262626;}
		body#campaign.present .section#product .readmore span::after{
		  content:'';display:block;position:absolute;top:50%;left:95%;
		  transform:translate(0, -50%);
		  width:1.42857vw;height:1.81818vw;
		  background-image:url("../img/icon_arrow_b_right.svg");
		  background-repeat:no-repeat;
		  background-position:center center;
		  background-size:contain;}
	
@media only screen and (min-width:751px){
	body#campaign.present .section#product{margin:0 0 90px;}
    body#campaign.present .section#product .ttl{
      position:relative;z-index:9;
      padding:75px 0 90px;
      background-image:url("../img/icon_arrow_long_down.svg");background-repeat:no-repeat;background-position:center bottom;background-size:8px 55px;
      font-size:1.45455rem;
	}
    body#campaign.present .section#product .ttl em{padding-bottom:10px;background:linear-gradient(rgba(0, 0, 0, 0) 50%, #fff100 0%);}
    body#campaign.present .section#product #productSlider{width:1080px;margin:0 auto;overflow:auto;}
    body#campaign.present .section#product .proSlider{width:1080px;display:flex;flex-wrap:nowrap;justify-content:center;}
      body#campaign.present .section#product .proSlider li{padding:0 20px;}
      body#campaign.present .section#product .proSlider li:last-child{padding:0 20px;}
      body#campaign.present .section#product .ph01{width:320px;padding-bottom:20px;line-height:0;text-align:center;}
      body#campaign.present .section#product .ph01 img{width:100%;margin:0 auto;}
    body#campaign.present .section#product .txt{width:320px;text-align:center;letter-spacing:0.1em;}
    body#campaign.present .section#product .txt h3{margin-bottom:13px;font-size:24px;}
    body#campaign.present .section#product .txt h3 img.view_sp{display:none!important;}
    body#campaign.present .section#product .txt h3 img.view_pc{display:inline!important;}
    body#campaign.present .section#product .txt h3 .new{top:-5px;padding:5px 6px;margin-right:16px;font-size:13px;}
    body#campaign.present .section#product .txt h4{margin-bottom:20px;font-size:15px;}
    body#campaign.present .section#product .txt p{margin-bottom:25px;font-size:14px;}
    body#campaign.present .section#product .txt p em{font-size:24px;/*font-size:27px; 200713 */}
    body#campaign.present .section#product .txt .emphasis{/* 190201 */top:-5px;padding:5px 5px;margin-left:8px;font-size:11px;}
    body#campaign.present .section#product .txt .readmore{
      height:30px;
      margin:0 auto;
      background-image:url(../img/icon_readmore.svg);background-repeat:no-repeat;background-position:center center;background-size:100px auto;
	}
	
	body#campaign.present .section#product .txt .readmore{height:auto;margin:0 auto;background:none;}
    /*body#campaign.present .section#product .txt .readmore span{padding:0;font-size:0.85455rem;line-height:60px;}*/
	body#campaign.present .section#product .txt .readmore span{width:100%;height:50px;font-size:0.63636rem;line-height:50px;}
	body#campaign.present .section#product .txt .readmore span::after{width:6px;height:7px;}
}

body.contents section#intro.intro_dressing h2{margin:4vw 19.5vw 2vw;text-align:center;}
section.dressing{margin-bottom:11.68831vw;padding:6.49351vw 0 6.49351vw;background-color:#FFF;}
section.dressing .l-contents-header h1{margin:0 6.09091vw 6.09091vw;color:#333;font-size:1.6rem;font-weight:700;line-height:31px;}
section.dressing .detail-summary{margin-bottom:11.68831vw;padding:6.09091vw;font-size:1.2rem;line-height:21px;background-color:#f5f5f5;}
section.dressing .detail-summary dt{margin-bottom:4.09091vw;color:#bbb;}
section.dressing .detail-summary dd{color:#666;}
section.dressing .detail-column{margin:0 6.09091vw 9.09091vw;}
section.dressing .detail-column h3{margin:0 0 4.09091vw;color:#333;font-size:1.6rem;line-height:23px;font-weight:700;}
section.dressing .detail-column p.detail-column__contents-item{margin-top:4.09091vw;font-size:1.4rem;line-height:26px;color:#333;}
section.dressing .detail-column p.detail-column__contents-item.copyright{color:#666;font-size:1.2rem;}
section.dressing .detail-column p.detail-column__contents-item.copyright a{color:#666;text-decoration:underline}
section.dressing .detail-link-module{margin-bottom:10.09091vw;}
section.dressing .detail-link-module a,section.dressing .detail-link-module a:link,section.dressing .detail-link-module a:visited{
	display:block;
	margin:0 6.09091vw;padding:5.09091vw 1.09091vw;
	border-radius:3px;
	color:#fff;font-weight:700;text-decoration:none;font-size:14px;line-height:1.6;text-align:center;
	background:#707070;
}
section.dressing .detail-link-module a:active,section.dressing .detail-link-module a:hover{text-decoration:underline}

@media only screen and (min-width:751px){
	body.contents section#intro.intro_dressing h2{margin:1vw 41.5vw 1vw;text-align:center;}
	body.contents section#intro.intro_dressing h2 img{width:100%;margin:0 auto 0;text-align:center;}
	section.dressing{width:1000px;margin:0 auto 100px;padding:60px 0;}
	section.dressing .l-contents-header{width:640px;margin:0 auto 20px;}
	section.dressing .l-contents-header h1{margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #e0e0e0;font-size:24px;}
	section.dressing .detail-summary{width:592px;margin:0 auto 50px;padding:24px;font-size:13px;}
	section.dressing .detail-summary dt{margin-bottom:16px;}
	section.dressing .detail-column{width:640px;margin:0 auto 50px;}
	section.dressing .detail-column h3{margin:0 0 15px;font-size:18px;}
	section.dressing .detail-column p.detail-column__contents-item{margin-top:15px;font-size:14px;line-height:22px;}
	section.dressing .detail-column p.detail-column__contents-item.copyright{font-size:12px;}
	section.dressing .detail-link-module{margin-bottom:60px;}
	section.dressing .detail-link-module a,section.dressing .detail-link-module a:link,section.dressing .detail-link-module a:visited{width:450px;margin:0 auto;padding:12px 16px;font-size:14px;}
}

body.contents section#intro.intro_mynavi h2{margin:8vw 23vw 2vw;text-align:center;}
section.mynavi{margin-bottom:11.68831vw;padding:6.49351vw 0 6.49351vw;background-color:#FFF;}
section.mynavi .detail-column{margin:0 6.09091vw 9.09091vw;color:#333;}
section.mynavi .detail-column h2{margin-bottom:5.09091vw;padding-bottom:3.09091vw;border-bottom:1px solid #e0e0e0;font-size:1.6rem;font-weight:700;line-height:1.8;}
section.mynavi .detail-column h3{margin-bottom:4.09091vw;padding:4.39091vw 5.09091vw;font-size:1.6rem;line-height:23px;font-weight:700;background-color:#f4f4f4;}
section.mynavi .detail-column p{margin-bottom:5.09091vw;font-size:1.4rem;line-height:26px;}
section.mynavi .detail-column p img{display:block;margin-bottom:-0.5vw;}
section.mynavi .detail-column p.caption__text{margin-top:-3.09091vw;color:#666;font-size:1.2rem;}
section.mynavi .detail-column p:last-child{margin-bottom:0}

section.mynavi .talkblock{display:flex;margin-bottom:30px}
section.mynavi .talkblock__thumb{width:60px;height:60px;flex:0 0 60px}
section.mynavi .talkblock__thumb img{max-width:100%;height:auto;margin:0;border-radius:50%}
section.mynavi .talkblock__text{position:relative;z-index:0;flex:1 1 100%;padding:15px 20px;margin-left:15px;font-size:1.4rem;line-height:1.8;background-color:#f4f4f4;border-radius:4px}
section.mynavi .talkblock__text::before{position:absolute;top:22px;left:-10px;z-index:1;display:block;width:0;height:0;margin:auto;content:"";border-top:0;border-right:9px solid transparent;border-bottom:16px solid #f4f4f4;border-left:9px solid transparent;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
section.mynavi .talkblock__text p:last-child{margin-bottom:0}

section.mynavi .profile{display:flex;position:relative;padding:6vw 6vw;background-color:#f4f4f4;}
section.mynavi .profile div{width:80px;margin-right:15px;}
section.mynavi .profile dl{flex:1 1 100%;font-size:1.4rem;line-height:1.8;}
section.mynavi .profile dt{margin-bottom:10px;font-weight:700;}

@media only screen and (min-width:751px){
	body.contents section#intro.intro_mynavi h2{margin:2.5vw 42.5vw 1vw;text-align:center;}
	body.contents section#intro.intro_mynavi h2 img{width:100%;margin:0 auto 0;text-align:center;}
	section.mynavi{width:1000px;margin:0 auto 100px;padding:60px 0;}
	section.mynavi .detail-column{width:600px;margin:0 auto 60px;}
	section.mynavi .detail-column h2{margin-bottom:28px;padding-bottom:22px;font-size:24px;}
	section.mynavi .detail-column h3{margin-bottom:20px;padding:30px 25px;font-size:18px;}
	section.mynavi .detail-column p{margin-bottom:25px;font-size:15px;line-height:1.8;}
	section.mynavi .detail-column p img{display:block;margin-bottom:-3px;}
	section.mynavi .detail-column p.caption__text{margin-top:-15px;margin-bottom:30px;font-size:12px;}
	
	section.mynavi .talkblock{display:flex;margin-bottom:40px}
	section.mynavi .talkblock__thumb{width:90px;height:90px;flex:0 0 90px}
	section.mynavi .talkblock__text{padding:25px 30px;margin-left:30px;font-size:15px;}
	section.mynavi .talkblock__text::before{top:36px;left:-16px;}
	
	section.mynavi .profile{padding:30px 25px 20px;}
	section.mynavi .profile div{width:150px;margin-right:20px;}
	section.mynavi .profile dl{font-size:15px;}
	
}