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

html {
  scroll-behavior: smooth;
}

.pc{
display: visible;
}
.sp{
display: none;
}

.main-content_coupon{
width: 100%;
margin: 0 auto;
}

div.main_v > *{
box-sizing: border-box;
font-family: "heisei-maru-gothic-std", sans-serif;

}
.main_v{
position: relative;

}

.main_v img{
image-rendering: -webkit-optimize-contrast;

}

.cp_main{
font-size: 18px;
font-weight: bold;
color: #000000;
}


.text_c{
text-align: center!important;

}



/*メイン画像*/

img.main_img{
 border-radius: 10px;
width: 100%;
max-width: 960px;
margin: 0 auto;
display: block;
}

/*ナビ*/

.cp_nav{
position: relative;
width:100%;
max-width: 960px;
margin: 20px auto;
box-sizing: border-box;
padding: 10px;
}

.cp_nav ul{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;

}

.cp_nav ul li{
display: block;
width: calc(100% / 3 - 10px);
padding: 0;
margin: 0;
background-color: #ff5f8b;
box-sizing: border-box;
padding: 0.5em;
text-align: center;
border-radius: 8px;
font-size: 1.3em;
font-weight: bold;
position: relative;
height: 76px;

}
.cp_nav ul li:hover{
background-color: #D82657;
box-sizing: border-box;


}
.cp_nav ul li a{
text-decoration: none;
color: #FFFFFF;
width: 100%;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
position: absolute;
 height: 100%;
 top:0;
 left: 0;

}

.cp_nav ul li p{
display: block;
font-size: 16px;
margin-left: 0.25em;
}


/*content*/

.info{
padding: 20px 0;
background-color: #FFFFFF;
font-family: "heisei-maru-gothic-std", sans-serif;
}

.info_block{
position: relative;
background-color: #FFFFFF; 
margin: 0 auto;
padding: 100px 20px;
}

.info_block_g{
background-color: #f1f1f1; 
}

.info_block_cotnet{
width: 100%;
max-width: 960px;
margin: 0 auto;


}

.coupon_inner p{
display: block;
padding: 10px;
text-align: center
}

/*タイトル*/

h2.coupon{
margin: 0;
padding: 10px;
color: #ff5f8b;
font-size: 36px;
font-family: corporate-logo-ver2, sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 2px;
}


.info_block h3{
width:100%;
margin: 0 auto 0 0;
padding: 0;
color:#ff5f8b;
font-size: 30px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: left;
}
.info_block h3 span{
font-size: 16px;
}

h3.cp_hl {
  position: relative;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  font-size: 2.5rem;
}
 
h3.cp_hl:before,
h3.cp_hl:after {
position: relative;
display: inline-block;
content: "";
background: #ff5f8b;
width: 4px;
height: 1em;
margin: 0 1em;
margin-top: -.2em;
vertical-align: middle;
border-radius: 2px;
}
 
h3.cp_hl:before {
  transform: rotate(-35deg);
}
 
h3.cp_hl:after {
  transform: rotate(35deg);
}

.note{
font-size:13px;
}


.note02{
width: 100%!important;
text-align: center!important;
border: none!important;
padding: 0!important;
margin: 0 0 0 10px!important;
}

.note_5 {
font-size:18px!important;
 background: linear-gradient(transparent 60%, #FBEB15 60%);
font-weight: bold!important; 
color: #000000!important;

}

.note_6 {
font-size:30px!important;
font-weight: bold!important; 
color: #ff5f8b!important;
display: block;
margin-top: 5px!important;

}



.highlight{
font-weight: bold;
font-size:36px!important;
color: #111111;
font-feature-settings: "palt";
}


.note a{
text-decoration: none;
	color: #0029AD;

}


.note_04{
display: block;
	font-size:13px;
    text-align: center;
width: 100%;
margin-top: 10px;
font-weight: bold;

}

.note_07{
display: block;
font-size:20px;
    text-align: center;
width: 100%;
margin-top: 0;
font-weight: bold;

}

.link_btns {
    display: block;
    widows: 80%;
    padding: 0.5em 0.3em 0.3em;
    text-decoration: none;
    color: #ff5f8b;
    border: solid 3px #ff5f8b;
    border-radius: 3px;
    transition: .4s;
	text-align: center;
	font-size: 1.5em;
    font-weight: bold;
	margin: 10px 0;
	background-color: #fff;
	box-sizing: border-box;
	
}
.link_btns span {
	text-align: center;
	font-size: 10px;

	
}
.link_btns:hover {
    background: #ff5f8b;
    color: white;
	text-decoration: none;
}

.link_btns:a {
text-decoration: none;
}

/*content1*/

.cp_date{
width: 96%!important;
margin: 20px auto 30px;
padding: 20px 0;
position: relative;
}

#block01{
width: 96%;
padding: 20px;
box-sizing: border-box;
margin: 20px auto 30px;
border-radius: 10px;
border: #ff5f8b solid 6px;
background-color: #fff;

}
.coupon_mk{
list-style: none;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
font-size: 20px;
margin: 0 auto;
flex-wrap: wrap;
width:820px;
padding: 0;
}

.coupon_mk li{
font-weight: bold;
display: block;
margin: 10px;
padding: 0.25rem!important;
box-sizing: border-box;
border-radius: 5px;
width: calc(100% / 4 - 20px);
text-align: center;

}
.coupon_mk_j{
text-align: center;
font-size: 12px;
display: block;

}

.cp_mk_logo{
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

h3#p01::before,h3#p02::before,h3#p03::before{
content: '';
  display: inline-block;
 margin-right: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}


h3#p01::before{
  width: 22px;
  height: 40px;
  background-image: url("/PC/ja/asset/img/nw/feature/campaign/cp_icon/tire_img.png");
}
h3#p02::before{
  background-image: url("/PC/ja/asset/img/nw/feature/campaign/cp_icon/wheel_img.png");
  width: 40px;
  height: 40px;
}
h3#p03::before{
  background-image: url("/PC/ja/asset/img/nw/feature/campaign/cp_icon/parts_img.png");
  width: 40px;
  height: 40px;
}

.product_01{
border-bottom: dashed 2px #ff5f8b;
margin-bottom: 10px;
}


.product_02{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
width: 96%;
margin: 0 auto 40px;
position: relative;
}
.product_02_01{
    width:60%;
    box-sizing: border-box;
    margin: 0;
}

.product_02_02{
    width:40%;
    box-sizing: border-box;
    margin: 0;
	padding-left: 30px;
}

.product_02 div　h3{
   display: 100%;
}

.product_02_02 img{
    width:100%;

}


.product_02_f{
border-right: dashed 2px #ff5f8b;
}

.product_02_01 ul{
text-align: left;
font-size: 20px!important;
list-style: none;
margin: 0;
padding: 0;
color: #000000!important;
}

.product_02_01 ul li{
line-height: 1.5;
margin: 0.8em 0;

}

.product_02_01 ul li span{
font-size: 16px!important;
color: #000000!important;

}
/*content1　クーポン部分*/

.coupon_price_wrapper{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
margin:0 auto;
}

.coupon_price{
list-style: none;
font-size: 20px;
margin: 10px auto;
width:calc(50% - 20px);
padding: 20px;
box-sizing: border-box;
border-right: solid 40px #ff5f8b;
box-sizing: border-box;
border-radius: 10px;
background-color: #FFFFFF;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
border: #ff5f8b solid 3px;

}

.coupon_price dt{
font-weight:bold;
vertical-align:middle;
display:block;
padding:0;
min-height:1.5em;
text-align: left;
width: 100%;
line-height: 1.2;

}

.coupon_price dd{
display:block;
vertical-align:middle;
min-height:1.5em;
position: relative;
font-size: 24px;
color: #1F1F1F;
margin: 0 0 0 10px;
}


.coupon_price dd::before,
.coupon_price dd::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.coupon_price dd::before{
left: 20px;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 20px solid transparent;
	border-left: 20px solid #ff5f8b;
}

.coupon_price dd::after{
left: 0;
	width: 24px;
	height:20px;
	border-left: 30px solid #ff5f8b;
}
.coupon_price_blank{
border: none;

}

.coupon_price_txt{
font-weight:bold;
font-size: 24px;
}


.price_txt_s{
font-size: 16px;
}
.coupon_price_content{
color: #ff5f8b;
font-weight: bold;
font-size: 50px;
display: inline-block;
margin-left: 50px;
	
}

.price_01{
font-size: 28px;
}
.price_02{
font-size: 40px;
}


.coupon.products_btn{

text-align: center;
margin-bottom: 20px;

}

/*content2　クーポン注意文*/
.cp_note{
background: #FFFFFF;
margin: 10px auto;
width:100%;
padding: 14px;
border-radius: 10px;
box-sizing: border-box;
border: #DBDBDB solid 2px;
}

/*content3*/


.web_icon_b:before {
 content: '';
  display: inline-block;
  width: 50px;/*画像の幅*/
  height:28px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/web_icon.png);
background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	margin-right: 0.25rem;
}
.shop_icon_b:before {
 content: '';
  display: inline-block;
  width: 50px;/*画像の幅*/
  height:28px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/shop_icon.png);
background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	margin-right: 0.25rem;
}
.web_icon_w:before {
 content: '';
  display: inline-block;
  width: 50px;/*画像の幅*/
  height:28px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/web_icon_w.png);
background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
	margin-right: 0.25rem;
	margin-bottom: 0.5rem
}
.shop_icon_w:before {
 content: '';
  display: inline-block;
  width: 50px;/*画像の幅*/
  height:28px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/shop_icon_w.png);
background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
margin-right: 0.25rem;
}

#block04, #block05{
background-color: #FFFBDD;
width: 860px;
padding: 10px 20px 20px;
box-sizing: border-box;
margin: 20px auto 35px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.select_btn_wrapper {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
margin: 40px auto 60px;
}
.select_btn,
a.select_btn,
button.select_btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
margin: 0 20px;

}

a.select_btn--circle {
  width: 270px;
  height: 120px;
  padding: 10px 0 0;
  color: #ff5f8b;
  background: #FFFBDD;
  border: 3px solid #ff5f8b;
}

a.select_btn--circle:hover {
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
  -webkit-box-shadow: 0 3px 0 #ff5f8b;
  box-shadow: 0 3px 0 #ff5f8b;
}

.howto_inner{
padding:10px 20px 20px;

}
.howto_inner img{
width: 100%;
margin: 20px 0;
border-radius: 10px;
}
.howto_txt{
font-weight: bold;
text-align: center;
font-size: 16px;
display: block;
width: 100%;
}
.howto_txt span{
font-weight: normal;
font-size: 14px;
color: #ff5f8b;
}


.howto_point{
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  padding: 1rem 4rem;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ff5f8b;
  border: #ff5f8b solid 6px;
  background-color: #fff;
  border-radius: 10px;
font-feature-settings: "palt";

}

.howto_point span{
  font-size: 1.4rem;
  font-weight: bold;
}



.shop_app{
    padding: 0.5em 1em 0;
    margin: 2em 0 1em;
    color: #000;
    background: #fff100;
    border-radius: 10px;
    text-align: center;
}

.shop_app img{margin: 0.5em 0 0}

.shop_app_link{ 
    padding: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 1px 3px 5px;;
}

.shop_app_qr {
    max-width: 450px;
    margin: 0; 
    padding: 30px;
}

.shop_app_demo{
    max-width: 450px;
    margin: 0 auto;
}

.coupon_price_info{
 font-size: 14px;
display: block;
line-height: 1.5;
font-weight: bold;
}
.coupon_price_info span{
 font-size: 16px;
}

.point_note{
font-size: 16px!important;
color: #272727!important;
display: block;
text-align: center;
line-height: 1.6;
background-color: #ffffff;
background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #ffffff 0%, #ffffff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
  padding: 2em 0 0.2em;
}




/* 20231031 キャンペーン終了 */

.close_contet{position: relative;}

.close{
 position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: linear-gradient(to bottom, #646464, transparent);
  z-index: 20;
}

.close .text{
  position: absolute;
  left: 50%; 
  top: 45%;
  width: 100%;
  transform: translate(-50%, 0);
  color: rgba(250, 250, 250, 1);
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  text-shadow: 3px 4px 3px rgb(61 70 70);
}

.close .text span{
  font-size: 24px;
}

.web_howto{
font-size: 24px;
background-color:#ff5f8b;
margin: 0 auto!important;
color: #FFFFFF!important;
box-sizing: border-box;
border-radius: 9999px!important;
width: 92%!important;
}


.cp-icon{
 content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/cp_icon.svg);
  background-size: contain;
  vertical-align: middle;
 margin-bottom: 0.25em;
background-repeat: no-repeat;
}
.point-icon{
 content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/202410_cp/point_icon.svg);
  background-size: contain;
  vertical-align: middle;
 margin-bottom: 0.25em;
background-repeat: no-repeat;
}
.note-icon{
 content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/note_icon.svg);
  background-size: contain;
  vertical-align: middle;
 margin-bottom: 0.25em;
background-repeat: no-repeat;
}

.note-icon_02{
 content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/note_icon.svg);
  background-size: contain;
  vertical-align: middle;
 margin-bottom: 0.25em;
background-repeat: no-repeat;
}

.arrow{
 content: '';/*何も入れない*/
  display: block;
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/arrow_icon.svg);
  background-size: contain;
  vertical-align: middle;
  margin: -10px auto 0;
position: absolute;
right: 45%;
bottom:0;

}
.arrow_r{
 content: '';/*何も入れない*/
  display: block;
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/arrow_icon_r.png);
  background-size: contain;
  vertical-align: middle;
  margin: -10px auto 0;
background-repeat: no-repeat;
}

.arrow_right{
 content: '';/*何も入れない*/
  display: block;
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/arrow_icon.svg);
  background-size: contain;
  vertical-align: middle;
  margin: -10px auto 0;
position: absolute;
right: 5%;
bottom:30%;
transform: rotate(-90deg);
}

.info-title{
width: 100%;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}

.info-title h2{
display: block;
}

.info-title span{
display: block;
}

.cp-icon_r{
 content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/202410_cp/cp_icon_p.svg);
  background-size: contain;
  vertical-align: middle;
 margin-top: 0.2em;
	margin-right: 0.5em;
background-repeat: no-repeat;
}
.point-icon_r{
 content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/202410_cp/point_icon_p.svg);
  background-size: contain;
  vertical-align: middle;
margin-bottom: 0;
	margin-right: 0.5em;
background-repeat: no-repeat;
}
.note-icon_r{
 content: '';
  display: block;
  width: 36px;
  height: 36px;
  background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/note_icon_p.svg);
  background-size: contain;
  vertical-align: middle;
 margin-bottom: 0.5em;
background-repeat: no-repeat;
}

.cp_mk_img{
width: 100%;
max-width: 160px;
display: block;
margin: 0 auto;
}


.plus_icon{
width: 80px;
display: block;
margin:40px auto!important;

}
.tenpo_service{
display: block;
width: calc(50% - 20px);
padding:0;
}

.cp_exclude{
display: block;
box-sizing: border-box;
border: solid 2px #6C6C6C;
margin: 20px 10px;
padding: 10px;
border-radius: 10px;
}


.cp_exclude ul{
padding: 20px;
margin: 0 ;
box-sizing: border-box;
font-size: 15px;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}

.cp_exclude ul li{
margin: 0 1em ;
display: block;
}


.f-c_r{
color: #EB0003!important;
}

.cp_schedule{
display: block;
margin: 20px auto;
}

.date_hd{
display: block;
background-color: #ff5f8b;
color: #FFFFFF!important;
border-radius: 100vh;
box-sizing: border-box;
padding: 0.3em 6em 0.1em;
margin: 10px auto 20px;
font-weight: bold;
vertical-align: middle;
font-size: 20px!important;
width: 100%;
 position: relative;

}

.date_hd:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ff5f8b;
}


.point_info{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 840px;
margin: 20px auto 40px;
}

.point_info div{
box-sizing: border-box;
border: #FF5F8B solid 6px;
border-radius: 10px;
width: calc(50% - 20px);
display: block;
padding: 20px;
background-color: #FFFFFF;

}

.point_info div img{
width: 100%;

}

.point_info_text{
display: block;
text-align: center;
width: 100%;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
margin-top: 20px;
}

.point_info_btn{
display: block;
max-width: 720px;
width: 100%;
margin: 20px auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}

.point_info_btn div{

width: 50%;


padding: 0.5em;
text-align: center;
border-radius: 8px;
font-size: 1.3em;
font-weight: bold;

z-index: 1;
}

a.point_info_btn_link {
display: block;
box-sizing: border-box;
text-decoration: none;
color: #FFFFFF;
width: 100%;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
position: absolute;
position: relative;
height: 76px;
border-radius: 8px;
transition: .2s;
background-color: #ff5f8b;
}

a.point_info_btn_link a:hover{
background-color: #BD2751;

}


a.point_info_btn_link p{
font-size: 20px;
line-height: 1.5;

}
a.point_info_btn_link p span{
font-size: 14px;

}

.point_info_btn_sub{
font-size: 14px;
font-weight: nomal!important;
display: block;
margin-top: 10px;
line-height: 1.5;
}

.point_info_btn_sub a{
text-decoration: none;
color: #0005FF;
}

.point_howtouse {
    margin: 20px auto;
    background-color: #FFFFFF;
    width:100%;
	max-width: 900px;
    border-radius: 10px;
    border: solid 1px #000000;
	
}

.point_howtouse_title {
    padding: 0.5em 0.2em !important;
    background-color: black;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px !important;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    text-align: center;
}

.point_howtouse_info {
    line-height: 1.6;
    font-size: 14px;
    padding: 0 0 0 28px !important;
    margin: 10px 10px 20px !important;
font-feature-settings: "palt";
}

.point_howtouse_info li {
    margin-bottom: 6px;
}

.cp_date_note{
display: block;
font-size: 16px!important;
}


.point_notice{
font-size: 16px!important;
font-feature-settings: "palt";
color: #000000!important;
display: block;
}


.point_notice span{
font-size: 20px!important;

}
.red_1128{
color: red;
font-weight: bold;

}

.p-anchor {
    padding-top: 20px;
    margin-top: -20px;
    z-index: -1;
    display: block;
    position: relative;
}

@media screen and (max-width: 768px) {
	  .pc {
    display: none !important;
  }
  .sp {
    display: block!important;

}
	.cp_main{
font-size: 16px;


}

.highlight {
    font-weight: bold;
    font-size: 20px !important;
    color: #111111;
    font-feature-settings: "palt";
}
.date_hd {
    display: block;
    background-color: #ff5f8b;
    color: #FFFFFF !important;
    border-radius: 100vh;
    box-sizing: border-box;
    padding: 0.5em 0;
    margin: 10px auto 20px;
    font-weight: bold;
    vertical-align: middle;
    font-size: 16px !important;
    width: 100%;
    position: relative;
}
.point_note {
text-align: left;
}
.product_02_02 {
    width: 46%;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.point_info div {
    width: calc(50% - 10px);
}
.cp_nav ul li {
    display: -webkit-box;
display: flex;
	
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    background-color: #ff5f8b;
    box-sizing: border-box;
    padding: 0.5em;
    text-align: center;
    border-radius: 8px;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    height: 76px;
}
	}
@media screen and (max-width: 600px) {

	.main_v {
padding: 20px 10px;

}
    .cp_main {
        font-size: 14px;
    }
	
  .coupon_inner p {
    display: block;
    padding: 10px 0;
    text-align: left;
  }
  .coupon_price_info {
    font-size: 13px;
    display: block;
    line-height: 1.5;
  }
  .highlight {
    font-weight: bold;
    font-size: 14px;
    color: #111111;
  }

  .howto_txt span {
    font-weight: bold;
    font-size: 18px;
    color: #ff5f8b;
  }

  .nut_list {
    list-style: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    line-height: 1.5;
  }
  ul.nut_sheet_img li {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px;
    padding: 0 0 20px;
    border-bottom: #ff5f8b dashed 1px;
  }
  ul.nut_sheet_img li > img {
    width: 40%;
  }
  ul.nut_sheet_img li > p {
    color: #ff5f8b;
    display: block;
    box-sizing: border-box;
    width: 60%;
    padding: 0 0 0 10px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    height: 70px;
  }
  ul.nut_sheet_img li > span {
    line-height: 1.5;
    display: block;
    width: 60%;
    position: absolute;
    top: 50px;
    right: 0;
    padding: 20px 0 10px 10px;
    padding-bottom: 10px;

    box-sizing: border-box;
    font-size: 13px;
  }
  .info {
    padding: 0;
  }
  .howto_txt {
    font-weight: bold;
    text-align: justify;
    font-size: 14px;
    display: block;
    width: 100%;
  }
  .nut_size_info {
    display: block;
    width: 100%;
    text-align: justify;
    margin-right: 0;
    font-size: 14px;
    line-height: 1.5;
	margin-bottom: 10px;
  }
  .nut_size_img {
    width: 100%;
  }

  .nut_size_img img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
h2.coupon {
    margin: 0;
    padding: 10px 0;
    color: #ff5f8b;
    font-size: 24px;
    font-family: corporate-logo-ver2, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
	  }
.howto_point {
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
    padding: 1rem 0.5rem;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #ff5f8b;
    border: #ff5f8b solid 3px;
    background-color: #fff;
    border-radius: 10px;
    font-feature-settings: "palt";
    margin-top: 20px;
}
.cp_date {
    width: 100%!important;
	    display: block;
    line-height: 1.4;
    padding: 0 10px;
	margin: 20px auto 0;
}
	.cp_date_note {
    display: block;
    font-size: 14px !important;
}
	
.info-title {
    width: 100%;
    display: -webkit-box;
    display: flex
;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
  .info_block {
    position: relative;
    margin: 0 auto;
    padding: 10px;
  }
  #block04,
  #block05 {
    background-color: #fffbdd;
    width: 100%;
    padding: 10px 0 20px;
    box-sizing: border-box;
    margin: 20px auto 35px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
  .w01 {
    width: 100px;
  }

  .w02 {
    width: 60px;
  }

  .nut_info_wrapper > table > tr > ts {
    font-size: 13px;
  }
  .close .text {
    font-size: 18px;
  position: absolute;
  left: 50%; 
  top: 20%;

  }
  .howto_inner {
    padding: 10px 10px 20px;
  }
  .cp_note {
    background: #ffffff;
    margin: 10px auto;
    width: 96%;
    padding: 14px;
    border-radius: 10px;
    box-sizing: border-box;
    border: #dbdbdb solid 2px;
  }
  .detail_2 {
    padding: 0 0 0 16px;
    font-size: 13px;
  }

.cp_nav ul li {
    display: -webkit-box;
display: flex;
	
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    background-color: #ff5f8b;
    box-sizing: border-box;
    padding: 0.5em;
    text-align: center;
    border-radius: 8px;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    height: 76px;
}
  .arrow {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/PC/ja/asset/img/nw/feature/campaign/cp_icon/arrow_icon.svg);
    background-size: contain;
    vertical-align: middle;
    margin: 0 auto;
    position: absolute;
    right: 45%;
    bottom:0;
  }
.point_note {
    font-size: 13px !important;
text-align: left;
}
.product_02_01 {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
.info_block h3 {
    width: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    color: #ff5f8b;
    font-size: 24px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    display: block;
    line-height: 1.5;
}
	.product_02 {
width: 100%;
    position: relative;
}
	
.product_02_01 ul {
    text-align: left;
    font-size: 16px !important;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000000 !important;
}
.product_02_01 ul li span {
    font-size: 13px !important;
    color: #000000 !important;
}

.point_info div {
    width:100%;
	margin-bottom: 20px;

}
	.product_02_02 {
    width: 46%;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    bottom: -20%;
    right: 0;
}
.point_info_text {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 14px;
}
.point_info div img {
    width: 80%;
	margin: 0 auto;
	display: block;
}
.point_info_btn div {
    width: 100%;
 margin-bottom: 10px;
}
.point_howtouse_info {
    line-height: 1.6;
    font-size: 14px;
    padding: 0 0 0 10px !important;
    margin: 10px 10px 20px !important;
    font-feature-settings: "palt";
}
}
@media screen and (max-width: 480px) {
  ul.nut_sheet_img li > span {
    line-height: 1.5;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    padding: 20px 0 10px 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    font-size: 13px;
  }

  ul.nut_sheet_img li {
    border-bottom: #ff5f8b dashed 1px;
  }
	
  .close .text {
    font-size: 16px;

  }
	.product_02_02 {
    width: 60%;
}
}