@charset "utf-8";
/*================================================

【楽天市場】ブランドクーポン

=================================================*/

/*
 common
============================================= */
body{color: #333;}
dd{margin-left: 0!important;}

/*
 main_title
============================================= */
.title_period{
  background-color: #dfdfdf;
  padding:16px 0;
  font-size:18px;
  margin-bottom:48px;
}
.title_period p{
  text-align: center;
}
.title_period p span{
  font-weight: bold;
}

/*
 sub_title
============================================= */
.sub_title{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #b8964e;
  margin-bottom: 32px;
}
.sub_read{
  font-size: 16px;
  text-align: center;
  color: #333;
  margin-bottom: 32px;
}

/*
 content
============================================= */
.content{
  margin-bottom: 80px;
}
.content-headline__headline{
  margin: 0 0 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

/*
 coupon
============================================= */
.coupon-columnWrap{
  width: 648px;
  margin: 0 auto;
}
.couponWrap._brandcoupon .ecm-coupon-link::before{
  width:calc(100% - 2px);
  height:calc(100% - 2px);
  left:1px;
  top:1px;
  background-size: calc(55% + 1px) 100%, calc(55% + 1px) 100%;
  background-position: -1px 50%, calc(100% + 1px) 50%;
  background-image: radial-gradient(circle at center left, transparent 0, transparent 11px, #fff 12px), radial-gradient(circle at center right, transparent 0, transparent 11px, #fff 12px);
}
.couponWrap._brandcoupon .ecm-coupon-link::after{
  content: "";
  z-index: 19;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at center left, transparent 0, transparent 10px, #c4a35e 11px), radial-gradient(circle at center right, transparent 0, transparent 10px, #c4a35e 11px);
  background-size: calc(55% + 1px) 100%, calc(55% + 1px) 100%;
  background-repeat: no-repeat;
  background-position: -1px 50%, calc(100% + 1px) 50%;
  border-radius: 4px;
}
.couponWrap._brandcoupon .ecm-coupon-discount{
  color:#c4a35e;
}
.couponWrap._brandcoupon .ecm-coupon-text{
  color:#ffffff;
  background-color:#c4a35e;
}
.couponWrap._brandcoupon .ecm-coupon-text .ecm-icon-coupon-filled{
  color:#ffffff;
}
.coupon_alt{
  margin-bottom:48px;
}
.coupon_alt .txt{
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
}
.campaignLink{
  position: relative;
  width: calc((100% - 0.1px)/2)!important;
  margin-right: 0px!important;
  margin-bottom: 0!important;
  font-size: 14px;
  line-height: 1.1!important;
  text-align: center;
  box-sizing: border-box;
}
.campaignLink a span,
.campaignLink .ecm-link span{position: relative;}
.campaignLink a,
.campaignLink .ecm-link{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  color: #333333!important;
  position: relative;
  text-decoration: none;
}
.campaignLink:nth-child(2n) {
  border-left: solid 1px #b6b6b6;
}
.campaignLinkList{
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0;
  width:400px;
  margin:0 auto;
}

/*
 anchor
============================================= */
.anchor{
  margin-bottom: 92px;
}
.anchorArea{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
}
.anchorArea > li{
	width:192px!important;
	height: 80px;
	margin-right: 16px!important;
	background-color: #414141;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}
.anchorArea > :nth-child(4n){margin-right: 0!important;}
.anchorArea > li > a{
	width: 100%;
	height: 100%;
  padding-bottom: 5px;
  position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: #fff!important;
}
.anchorArea > li a::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 12px;
  margin: auto;
  width: 12px;
  height: 12px;
  border-right: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.anchorArea > li > a:hover{
  opacity:.8;
  text-decoration: none!important;
}

/*
 ecm-floating-navi-container
============================================= */
/*
.ecm-floating-navi-container[data-layout="default"]{background: #333;}
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi{
  background: #333;
  width: 960px;
  margin: 0 auto;
  height: 56px;
}
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi-item{
  color: #fff !important;
  flex:0 1 auto;
  font-weight: bold;
  width: 100%;
  font-size: 18px;
  line-height: 1.2;
}
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true]{
  border-bottom: 4px solid #c4a35e !important;
}
*/
.ecm-floating-navi-container[data-layout="search"] .ecm-floating-navi{
  background: #414141;
  height: 68px;
  padding: 7px 0;
}

/*
 brand
============================================= */
.brand__index{
  margin-bottom: 64px;
}
.brand__index .brand__indexLink{
  width: 100%;
  height: 72px;
	background-color: #fff;
  border:solid 1px #aeaeae;
  display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
  padding-bottom: 12px;
	position: relative;
}
.brand__index .brand__indexLink > p{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	color: #414141!important;
}
.brand__index .brand__indexLink::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 8px;
  margin: auto;
  width: 11px;
  height: 11px;
  border-right: 2px solid #aeaeae;
  border-top: 2px solid #aeaeae;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.brand__index .brand__indexLink:hover{
  opacity:.8;
  text-decoration: none!important;
}

/*
 ecm-search-alcor-v2
============================================= */
.ecm-search-alcor-v2-image-link-tag{
  font-size: 14px;
  line-height: 100%;
  height: 30px;
}

/*
 category
============================================= */
.category_box{
  border-radius: 4px;
  padding: 16px 16px 4px;
  box-sizing: border-box;
}
.category_box._women{border:1px solid #c45e5e;}
.category_box._men{border:1px solid #5e65c4;}
.category_subttl{
  text-align: center;
  font-size:24px;
  font-weight: bold;
  margin-bottom: 4px;
}
.category_subttl._women{
  color:#c45e5e;
  border-bottom:2px solid #c45e5e;
}
.category_subttl._men{
  color:#5e65c4;
  border-bottom:2px solid #5e65c4;
}
.cnt-search-keyword-container-list._category{
  margin-bottom: 11.25px;
}
.cnt-search-keyword-container-list._category .cnt-search-keyword-item{
  border-bottom:1px solid #ebebeb;
}
.cnt-search-keyword-container-list._category .cnt-search-keyword-item:last-child{
  border-bottom:0;
}
._category .cnt-search-keyword-item a.cnt-search-keyword-item__link{
  height: 52px;
  display: flex;
  align-items: center;
}
._category .cnt-search-keyword-item a.cnt-search-keyword-item__link:hover{text-decoration: none!important;}
._category .cnt-search-keyword-container__icon{
  width:20px;
  height: 20px;
  position: relative;
  flex: 0 0 auto;
  margin: 0 8px 0 0;
}
._category .cnt-search-keyword-container__icon::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
._category .cnt-search-keyword-container__icon img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  min-width: 30%;
  min-height: 30%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
._category .cnt-search-keyword-container__text{
  font-size:18px;
  color: #333 !important;
  flex: 1 1 auto;
  line-height: 1.2;
  display: inline-flex;
}
._category .cnt-search-keyword-container__text:hover{text-decoration: underline;}
._category .ecm-icon-chevron-right{
  margin-left: auto;
  transition: transform .2s ease;
  color: #333 !important;
}

/*
 featured
============================================= */
.moreview_btn{
  text-align: center;
}
.moreview_btn a.ecm-button{
  border-radius: 36px;
  font-size:18px;
  line-height: 2.86;
  color:#ffffff;
  width:360px;
  height:72px ;
  border-color: #414141;
  background-color: #414141;
  margin:0 auto;
  position: relative;
}
.moreview_btn a.ecm-button:hover{
  text-decoration: none!important;
  opacity:.8;
}
.moreview_btn a.ecm-button .ecm-icon-chevron-right{
  position: absolute;
  right: 24px;
  top: 50%;
  transform:translateY(-50%);
}
.moreview_btn a.ecm-button .ecm-icon-chevron-right,
.moreview_btn a.ecm-button .ecm-icon-chevron-right::before{
  line-height: inherit;
}

/*
 search_wrap
===================================*/
.search .ecm-search{
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  border:solid 1px #b8964e;
  border-radius: 4px;
  height: 54px;
}
.search .ecm-search-submit{
  padding: 0;
  background-color: #b8964e;
  width: 54px;
  height: 52px;
}
.search .ecm-search-submit .ecm-icon-search{font-size: 24px!important;}
.ecm-floating-navi-container[data-layout="search"] .ecm-search{height: 48px;}
.ecm-floating-navi-container[data-layout="search"] .ecm-search-submit{
  width: 48px;
  height: 46px;
}
.search .d-grid{
  width: 780px;
  margin: 0 auto;
}
.search .search__btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  font-size: 16px;
  color: #333 !important;
  border: solid 1px #aeaeae;
}
.search .search__btn:hover{
  text-decoration: none!important;
  opacity:.8;
}

/*
 shoplist
============================================= */
.shoplist__categoryTtl{
  color: #b8964e;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 8px;
  border-bottom:solid 1px #ababab;
}
.shoplist .ecm-card{
  padding: 12px 0 0!important;
  box-shadow: none!important;
}
.shoplist .ecm-accordion-trigger{
  padding: 0;
  display: block;
}
.shoplist .ecm-accordion-item:not(:last-child){border-bottom:none!important;}
.shoplist .ecm-accordion-trigger .ecm-icon-chevron-right{display: none;}
.shoplist .ecm-accordion-trigger.ecm-accordion-trigger-link:hover{
  background-color: inherit!important;
  text-decoration: underline;
}

/*
 rule
===================================*/
.rule{
  background-color:#f6f6f6;
  padding:80px 0;
}

/*
 footer
===================================*/
.highlight a:hover{
  opacity: .8;
}