@charset "UTF-8";

@import url("reset.css"); 

html{font-size:62.5%;}
body{font-size:1.4rem;}
artilce{}
.inr{max-width: 960px;margin: 0 auto;}

header{text-align: center;font-size: 16px;padding: 2.5em 0;}
header a{width: 66.7%;display: inline-block;transition: 0.3s all;}

.coupon_btn{width: 70%;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;transition: 0.3s all;}
#sec01 .review_wrap{width: 100%;position: absolute;top: 0;left: 0;text-align: center;}
#sec02 .review_wrap{width: 100%;text-align: center;}
.review_wrap .review-summary-container{font-size: 35px;}
.review_wrap .review-summary-container .starRating span{font-size: 2.55em;}
.review_wrap .review-summary-container .starRating .reviewNumber{font-size: 1.2em;line-height: 2.1;}
.review_wrap .review_btn{width: 37.1%;margin: 50px auto 0;transition: 0.3s all;display: block;}
#sec02 .reviewWidget_title{text-align: center;}
.singleReview_reply{display: none!important;}
.rate .reviewWidget_title_container,
.rate .review-widget-summary-container .ukmcustomfont,
[data-action=widget] .review-widget-summary-container .starRating span:last-child,
.rate .u-komi-section{display: none!important;}
.rate .review-widget-summary-container{margin: 0;}

#coupon{font-size: 18px;text-align: center;padding: 0 1em 3em;}
#coupon p{margin-top: 1em;}
.js-copybtn{width: 68.5%;margin: 0 auto;transition: 0.3s all;cursor: pointer;}
#js-copytext{display: none;}
#js-copyalert {font-size: 20px; display: none;position: fixed;top: 5em;box-shadow: 0 0 4px #d2bb1d;left: 0;right: 0;margin: 0 auto;max-width: 18em; padding: 0.5em 0;border-radius: 1rem;background: #fffbe0;transition-duration: 0.1s;z-index: 100;text-align: center;}
footer{background: #534741;color: #fff;font-size: 30px;text-align: center;line-height: 1.6;padding: 1.5em 0 5em;}


@media screen and (min-width: 641px) {
.sp{display: none;}
header a:hover,.coupon_btn:hover,.review_btn:hover,.js-copybtn:hover{opacity: 0.7;}
}

@media screen and (max-width: 960px) {
.review_wrap .review-summary-container{font-size: 4vw;}
.review_wrap .review_btn{margin: 5vw auto 0;}
footer{font-size: 4vw;}
}

@media screen and (max-width: 640px) {
.pc{display: none;}
section > figure{margin-top: -1px;}

header{font-size: 2vw;}

.coupon_btn{width: 75%;}
#coupon{font-size: 3vw;}
#coupon p{margin-top: 1em;}
.js-copybtn{width: 80%;}
#js-copyalert {font-size: 3.5vw;}
}