@charset "utf-8";

/* マンスリーワイン（ワンソース化）
****************************************/

/* =============================================
共通
============================================= */
#monthlywine {
    width: 990px;
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



#monthlywine {
	text-align: left;
}


#monthlywine .contents {
	background: #efefef;
}


#monthlywine a {
    text-decoration: none;
	display: block;
	transition: .4s;
}


#monthlywine a:hover {
    opacity: .7;
    cursor: pointer;
	text-decoration: none;
}




/*見出し*/

#monthlywine .cont_ttl {
	background-color: #ffffff;
	height: 140px;
	display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;	
}



#monthlywine .cont_ttl .cont_ttl_txt {
	text-align: center;
	background-color: #ffffff;
	font-size:52px;
	line-height: 1.4;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: normal;	
}


/*見出し部分　色*/
#monthlywine .cont_ttl .cont_ttl_txt span.colour {
	color: #b6944b;
} 


#monthlywine .cont_ttl .cont_ttl_txt span.cont_ttl_s_txt {
	font-size: 20px;
	line-height: 1;
} 



#monthlywine .ribbon{
	background-image: url(/ec/shop/images/campaign/202108_monthlywine/ribbon.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#monthlywine .pcmb{
	margin-bottom: 20px;
}




/*イチオシ*/
#monthlywine .box_wrapper {
    position: relative;
    overflow: hidden;
}

#monthlywine .obi_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    overflow: hidden;
}

#monthlywine .obi {
    display: inline-block;
    position: absolute;
    padding: 13px 0;
    right: 0;
    top: 20px;
    width: 226px;
    text-align: center;
    font-size: 24px;
    line-height: 25px;
    font-weight: bold;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
    color: #ffffff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(317deg);
    transform: rotate(317deg);
	background-color:#b6944b;
}





/*送料無料*/

#monthlywine .free_shipping {
	width: 93px;
	height: 28px;
	background: #e60012;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
	margin: 0 auto; 
}








/*購入するボタン*/

#monthlywine .btn_area,#monthlywine .btn_area03 {
  width: 160px;	
  margin: 15px auto 0;
}


#monthlywine .btn_area02{
  width: 160px;
  margin-top: 15px;	 
}



#monthlywine .btn_inner{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  position: relative;
  background: #4f4f4f;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}

#monthlywine .btn_inner::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}


#monthlywine .box_set {
	padding: 20px;
	border-bottom: #cccccc solid 1px;
}



#monthlywine .box_set_frame .box_set:last-child {
	margin-bottom: 20px;
	
}

#monthlywine .box_set .pic {
    margin: 0 auto 20px;
    text-align: center;
    background-color: #ffffff;
	padding-top: 8px;

}
#monthlywine .box_set .detail .txt,
#monthlywine .box_sethalf .detail .txt,
#monthlywine .box_solo .detail .txt {
	margin: 0 0 15px;
	color: #535353;
	font-size: 16px;
	line-height: 26px;
}


#monthlywine .box_set .detail .price,
#monthlywine .box_sethalf .detail .price,
#monthlywine .box_solo .detail .price {
	margin: 0 0 0.5em;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}



/*すべてのワインセット一覧 ボタン*/
#monthlywine .bnr {
	width: 725px;
	margin: 20px auto 0;
	padding-bottom: 20px;
	background: #efefef;
}


#monthlywine .bnr a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    width: 100%;
    height: 100%;
	background-color: #b6944b;
	position: relative;
	padding: 30px 0;
	text-align: center;
}


#monthlywine .bnr a::after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -6px;
}

#monthlywine .bnr a .bnr_txt01 {
	font-size:52px;
	line-height: 1;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: normal;
}

#monthlywine .bnr a .bnr_txt02 {
    font-size:18px;
	line-height: 1;
	font-weight: normal;
	padding-top: 8px;
    display: inline-block;
    letter-spacing: 0.04em;
	text-indent: -0.8em;
}



#monthlywine .box_sethalf_frame,
#monthlywine .box_solo_frame {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}




#monthlywine .box_sethalf,
#monthlywine .box_solo {
	width: calc((100% - 81px) / 2);
	padding: 0 20px;
	margin-bottom: 27px;
}

#monthlywine .box_sethalf:not(:nth-child(2n)),
#monthlywine .box_solo:not(:nth-child(2n)) {
  border-right: #cccccc solid 1px;	
}




#monthlywine .box_sethalf .pic,
#monthlywine .box_solo .pic {
	margin: 0 0 20px;
}

#monthlywine .box_sethalf .pic img,
#monthlywine .box_solo .pic img {
	width: 454px;
	height: auto;
}



#monthlywine .box_sethalf .detail,
#monthlywine .box_solo .detail {
	margin: 0;
	padding: 0;
}


#monthlywine .box_solo .detail .price .special_price {
	margin: 0 0 13px;
	color: #e60012;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}


/*ワインの色　アイコン*/

#monthlywine .box_solo .img-area {
	position: relative;
}

#monthlywine .box_solo .img-area .colour-red {
	position: absolute;
	width: 38px;
    height: 38px; 
    background-color: #ca0010;
	font-size: 16px;
    border-radius: 50%; 
	color: #fff;
	font-weight: bold;
    bottom: 5px;
	left: 5px;
    text-align: center;
    line-height: 40px;
}

#monthlywine .box_solo .img-area .colour-white {
	position: absolute;
	width: 38px;
    height: 38px; 
    background-color: #b6bb22;
	font-size: 16px;
    border-radius: 50%; 
	color: #fff;
	font-weight: bold;
    bottom: 5px;
	left: 5px;
    text-align: center;
    line-height: 40px;
}

#monthlywine .box_solo .img-area .colour-sparkling {
	position: absolute;
	width: 38px;
    height: 38px; 
    background-color: #b6bb22;
	font-size: 10px;
    border-radius: 50%; 
	color: #fff;
	font-weight: bold;
    bottom: 5px;
	left: 5px;
    text-align: center;
    line-height: 40px;
}




/*ワイン・酒　トップページボタン*/

#monthlywine .bnr_winelist_area {
	width: 552px;
	margin: 50px auto 0;
}


#monthlywine a.bnr_winelist_inner{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 81px;
  position: relative;
  background: #22469e;
  box-sizing: border-box;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight: bold;
  color: #fff;
  font-size: 30px;
  letter-spacing: normal;
}

#monthlywine a.bnr_winelist_inner span{
  font-size: 20px;
} 


#monthlywine a.bnr_winelist_inner span.arrow {
  width: 1.3em;
  height: 1.3em;
  background-image: url(/ec/shop/images/campaign/202108_monthlywine/arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  top: calc(50% - .6em);
  right: 22px;
}




#monthlywine .box_set .detail .line-h{
	line-height:27px;
}




/*PC・SP表示非表示用*/
#monthlywine .pc {
    display: block;
}

#monthlywine .sp {
    display: none;
}