@charset "utf-8";
/* CSS Document */
/*2021SS*/

.title {width:100%;text-align:center;}
.title h1 {font-size: 4.5rem;font-weight:bold;margin:3rem 0 3rem;text-align:center;}
.title p{  width:100%;  font-size:2.7rem;line-height:140%;text-align:center;font-weight:bold;}

.title .topbtn{display:inline-block;margin:0.5rem 0.5rem 4rem 0.5rem;width:260px;float:right;}
.title ul li p{width:100%;}

p.term {margin: 2rem auto 3rem; background:#b5091f; padding: 0.5rem; color: #fff; font-size:2.2rem; text-align:center;width:500px;}

.topnavi {width:260px;
	display:block;
    margin: 0 0.5rem;
    box-sizing: border-box;
    padding: 1.5rem 0rem;
    border-radius: 0.5rem;
    background: #002539;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 1.8rem;
}
.topnavi::after {
    font-family: "icomoon";
    content: "\e900";
    display: inline-block;
    margin-left: 1rem;
    font-size: 0.8em;
    font-weight: normal;
}
.normalPrice_s .small{font-size:85%; text-decoration: none;}
.cvS_value_ss{font-size:1.2rem;
    margin-top: -1.5rem;
    margin-bottom: 1.5rem;}

#sale_cv{clear:both;}
#sale_cv .salecopy{font-size:1.5rem; text-align: left;color:#333;font-weight: bold; padding:  0 1rem 0.5rem;line-height:150%;}

/* 限定数*/
 #sale_cv .saletxt{
	position:relative;
	margin:0 0px 2px;
	font:bold 25px/1.6 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
	background:#f0e800;
	/*-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);*/
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2);
}

.soldouttxt{
	position:relative;
	margin:0 0px 2px;
	font:bold 25px/1.6 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#f00;
	background:#ffcc00;/*#FF5F00;*/
	/*-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);*/
	text-shadow:1px 1px 0 rgba(50,50,50,1);
	box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2);
}
.productOverview .coution_link {
	  font-size: 1.3rem;
  font-weight: bold;
}
.badge.badge_sale_10::after {
  background: url("../../sale/img/icon_limited_badge_10.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_sale_50::after {
  background: url("../../sale/img/icon_limited_badge_50.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_sale_55::after {
  background: url("../../sale/img/icon_limited_badge_55.png") no-repeat;
  background-size: 100% auto;
}

.badge.badge_rate_70::after {
  background: url("../../sale/img/icon_rate_badge_70.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_rate_60::after {
  background: url("../../sale/img/icon_rate_badge_60.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_rate_50::after {
  background: url("../../sale/img/icon_rate_badge_50.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_rate_57::after {
  background: url("../../sale/img/icon_rate_badge_57.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_rate_35::after {
  background: url("../../sale/img/icon_rate_badge_35.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_rate_30::after {
  background: url("../../sale/img/icon_rate_badge_30.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_rate_20::after {
  background: url("../../sale/img/icon_rate_badge_20.png") no-repeat;
  background-size: 100% auto;
}
.badge.badge_rate_40::after {
  background: url("../../sale/img/icon_rate_badge_40.png") no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 747px) 
	
#sale_cv{padding-top:2rem;}

	 #sale_cv .saletxt{
		font:bold 20px/1.6 Arial, Helvetica, sans-serif;}
.productOverview .coution_link {
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
}


@media screen and (max-width: 747px) {
	 #soldouttxt .saletxt{
		font:bold 20px/1.6 Arial, Helvetica, sans-serif;}
}


.sale_att{font-size: 1.5rem;
    text-align: left;
    display: block;
    margin: 2rem 3rem 5rem;

    font-weight: normal;}


.lineup_btns p{
    /*width: 49%;flex-basis: 49%;*/
	width: 100%;flex-basis: 100%;
    height: 50px;
    line-height: 50px;
    display:block;
	margin:0 0 2rem 0;
}
.baseLinkBtn {display:block;cursor: pointer;
    width: 49%;
    height: 50px;
    line-height: 50px;
    flex-basis: 49%;
}
.cartLinkBtn{width:49%;    flex-basis: 49%;}
.cartLinkBtn input{color:#FFF;    width: 100%;cursor: pointer;
    height: 50px;}
.cartLinkBtn::after{display:none;}
.marker {background: linear-gradient(to bottom, transparent 0%,transparent 70%,#fff100 70%,#fff100 100%);color:#e50012;font-weight:bold;}

.normalPrice_s{    margin: 1rem 0rem;
    font-size: 1.3rem;
/*color:#e50011;*/
    line-height: 160%;/*font-weight:bold;*/
/*background-color:#fffae1;*/background-color:#E0E0E0;text-align:center;padding:1rem 0;
	}
.normalPrice_s span{/*font-size:1rem; text-decoration: line-through;*/}
@media screen and (max-width: 980px) {#gift h2{width:100%;}.topnavi{padding:1.5rem 0;}
}

@media screen and (max-width: 747px) {
.title .topbtn{width:100%;}
	.title p{font-size:2rem; text-align: left;}
p.term {margin: 1rem auto 2rem; text-align: center!important;padding: 0.3rem ; font-size:1.8rem; width:auto;}
.topnavi {width:75%;margin:0 auto;font-size:1.5rem;padding:1.2rem 0;}

.sale_att{font-size: 1.3rem;
    text-align: left;
	margin:1rem 1rem 3rem;
}
		.cvS_value{
  font-size: 1.8rem!important;
}
	.cvS_value span span {
  font-size: 2.8rem!important;
}
}
@media screen and (max-width: 540px) {
	
		.title p{font-size:1.5rem;}

}
.tekiou {
	background: #E9D16A;
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	margin: 0.5rem 0;
	
}
/* spec */
p.spec {
	background:#f5f5f5;
	padding:1rem;
}

@media screen and (max-width: 640px) {
p.spec {
	margin:2rem 0;
}
}

/* spec */
.spec {
	background-color:#f0edea;
	font-size:1.4rem;
	vertical-align:middle;
	margin:1rem auto 10rem;
	padding:1.6rem;
	width:980px;
}
.spec .red {
	color:#f80011;
	font-weight: bold;
}

@media screen and (max-width: 980px) {
.spec {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}
@media screen and (max-width: 747px) {
.spec {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:95%;
}
}
@media screen and (max-width: 640px){
	.spec {
	width:95%;
}
}
/* spec */

/* coution */
#coution p {
	padding:1rem;
}

#coution h4{
	width:100%;
	background:#f5deb3;
	font-weight:bold;
	font-size:1.8rem;
	padding:0.8rem 1.2rem;
	line-height: 1.2;
}
@media screen and (max-width: 640px) {
p#coution {
	margin:2rem 0;
}
	#coution h4{
	font-size:1.6rem;
}
}

/* coution */
#coution {
	background-color:#fafad2;
	font-size:1.4rem;
	vertical-align:middle;
	margin:1rem auto;
	padding:1rem 1rem 1.6rem;
	width:980px;
}
@media screen and (max-width: 980px) {
#coution {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}
@media screen and (max-width: 747px) {
#coution {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:95%;
}
}


/* product_head */
.product_head {
	width:100%;
	/* background:#fcd4d4;*/
	background:#f5deb3;
	font-weight:bold;
	font-size:2.2rem;
	text-align: center;
	padding:3rem 1rem;
	margin: 2rem 0;
	line-height: 1.5;
}

@media screen and (max-width: 747px) {
.product_head {
	font-size:1.8rem;
	padding:2rem 1rem;
}
}


/***************************
 ** 説明エリア
 */

.tiparea{border: #B2C1C0 5px solid; padding: 2rem 1rem 1rem; margin: 1rem 0 2rem;
    border-radius: 5px;}

.tipSList li {
  margin-bottom: 3rem;
}

.tipTxt{font-size:1.4rem; text-align: left;color:#333;font-weight: none; padding:  0.5rem 1rem 0.5rem;line-height:150%;}
.tipTtl{font-size:1.8rem; text-align: center; font-weight: bold;padding:  0.5rem 1rem 0.25rem;line-height:150%;}
.tipcopy{font-size:2.4rem; text-align: center;color:#333;font-weight: bold; padding:  0.5rem 1rem 2.5rem;line-height:150%;}
.tipcopy span{background: #dd0000; border-radius: 2rem; font-size: 2.4rem; font-weight: bold; color: #fff;padding: 0.5rem 1.5rem;text-shadow: 1px 2px 4px #803333;}

.productLinkBtn {
    display: block;
    cursor: pointer;
    width: 400px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background:#3F8086;
    color: #fff;
    border-radius: 20px;
	margin: 0 auto 2rem;
   /* box-shadow: 0 3px 0 #295254;*/
    position: relative;
    text-decoration: none;
}
.productLinkBtn{  flex-basis: 49%;}
.productLinkBtn::after{display:none;}
.productLinkBtn a {
	display: block;
    color: #fff;
	text-decoration: none;
}
.sale_hr {margin-bottom: 2rem}

@media screen and (max-width: 736px) {
  .tipSList li {
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem; 
    border-bottom: 1px solid #ccc;
  }
.productLinkBtn {color:#FFF;    width: 100%;cursor: pointer;
    height: 50px;}
}
  }
  .tipSList li:first-child {
    padding-top: 0;
  }
@media screen and (max-width: 736px){
	.productOverview {
	display: block!important;}
	.productOverview .cvImg {
    flex-basis: 100%!important;
    margin-right: 0%;
}
	.productOverview .productName {
    flex-basis: 100%!important;
}
	.badge {
		width: 100%;}
}
