@charset "utf-8";

/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　ベース
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */
 
.column_wrap{margin:0; padding:0; box-sizing:border-box; font-size: 1.3em; line-height: 2em; letter-spacing: 0.07em;}

.column_wrap .txtbox{margin:1em 0 4em;}
.column_wrap .txtbox p{margin:0 0 2em;}
.column_wrap .banner{margin:2em auto; text-align:center;}
.column_wrap .banner img{width:100%;}

.column_wrap .width10{width:10% !important;} .column_wrap .width20{width:20% !important;} .column_wrap .width30{width:30% !important;}
.column_wrap .width40{width:40% !important;} .column_wrap .width50{width:50% !important;} .column_wrap .width60{width:60% !important;}
.column_wrap .width70{width:70% !important;} .column_wrap .width80{width:80% !important;} .column_wrap .width90{width:90% !important;}
.column_wrap .width100{width:100% !important;} .column_wrap .width33{width:33.3% !important;}

.column_wrap .mb0{margin-bottom:0 !important;} .column_wrap .mb1em{margin-bottom:1em!important;} .column_wrap .mb2em{margin-bottom:2em!important;}
.column_wrap .pb0{padding-bottom:0 !important;} .column_wrap .pb1em{padding-bottom:1em!important;} .column_wrap .pb2em{padding-bottom:2em!important;}
.column_wrap .text_right{text-align:right!important;} .column_wrap .text_left{text-align:left!important;} .column_wrap .text_center{text-align:center!important;}

.column_wrap .txtbox p.mb0{margin-bottom:0 !important;}
.column_wrap .txtbox p.mb1em{margin-bottom:1em!important;} 
.column_wrap .txtbox p.mb2em{margin-bottom:2em!important;}


/* ★目次 */
.column_wrap .pageindex {
	margin:1.5em auto 6em; padding:1.5em 2.5em;
	background: #f9f7f7; list-style-type:none;
}
.column_wrap .pageindex p{
	font-size:1.7em; line-height:1.33;
	margin-bottom: 1em; color: #333; font-weight: bold;
}
.column_wrap .pageindex ol {counter-reset:item;	list-style-type:none; padding-left: 0;}
.column_wrap .pageindex ol li {list-style:none !important; margin: 0.4em 0;}
.column_wrap .pageindex ol li ol{padding-left:1em !important;}
.column_wrap .pageindex ol li:before{ counter-increment:item; content:counters(item, "-")". ";}
.column_wrap .pageindex ol li a {line-height:35px !important;}


/* ★リンク */
.column_wrap a{
	color:#a21940;
	text-decoration:none; cursor:pointer;
}
.column_wrap a:hover{opacity:0.5;}


#wine_gift .column_wrap .hero_visual {
    position: relative;
	margin-bottom: 2rem;
}

#wine_gift .column_wrap .hw2{
	padding: 15px 20px;
    line-height: 1.4em;
	background: #a21940;
    font-size: 1.625rem;
    font-weight: bold;
	color: #FFFFFF;

	box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
}



/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　本文
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */

/* ★大見出し */
.column_wrap .tt1{
	padding: 10px 0; margin-bottom: 1.8rem;
	border-bottom: 2px solid#a21940;
	color:#a21940; font-size: 1.625rem; font-weight: bold;
}

/* ★小見出し */
.column_wrap .tt2{
	padding: 0 0 0 12px; margin-bottom: .5rem; border-left: 5px solid #a21940;
	color: #a21940; font-size: 1.25rem; font-weight: bold;
}

/* ★テキスト装飾 */
.column_wrap .txt_red{color:#cc1448;}
.column_wrap .txt_bold{font-weight:bold;text-align: center;}
.column_wrap .txt_ul{text-decoration:underline;}
.column_wrap .txt_size_small{font-size:0.8em;}
.column_wrap .txt_size_big{font-size:1.2em;}

/* ★背景色 */
.column_wrap .bg_red{background:#FFE8F3 !important;}
.column_wrap .bg_blue{background:#E1F2FE !important;}
.column_wrap .bg_green{background:#E8FCDB !important;}
.column_wrap .bg_yellow{background:#FFFCDB !important;}
.column_wrap .bg_violet{background:#E7D5E8 !important;}
.column_wrap .bg_orange{background:#FEECD2 !important;}
.column_wrap .bg_stripe{
	background: -webkit-repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px);
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px);
}


/* ★レイアウト */
.column_wrap .borderbox {margin:0.5em auto; padding:1em; border:1px solid #A0A0A0;}
.column_wrap .borderbox p:last-of-type, .column_wrap .borderbox li:last-of-type{margin-bottom:0 !important}


.column_wrap ul{list-style-type:none !important; padding-left:0; margin-left:0;}
.column_wrap .txtbox li{list-style: none;}
.column_wrap .list_dot li{list-style: inside circle !important; padding:0 1em;}
.column_wrap .listTab table{margin:1em auto 3em; border-top:1px solid #d4d4d4; border-collapse:collapse;}
.column_wrap .listTab table tr{ border-bottom:1px solid #d4d4d4; }
.column_wrap .listTab table th{ padding:1em; background:#ddd; text-align: center; }
.column_wrap .listTab table td{padding:1em; background:#fff;}

.column_wrap .bq{
	margin:0.5em auto; padding:1em;
	background:#eee;w
	border-left:8px solid #a21940;
}
.column_wrap blockquote{margin:0 !important; word-break:break-all;}
.column_wrap q{
	background:#fff2f2;
	padding:0.2em;
}
.column_wrap q::before,
.column_wrap q::after{
	content: "";
}

.column_wrap .itembox{overflow:hidden; padding:1.8em 2em; border:3px solid #D8D8D8; margin-bottom:2rem;}
.column_wrap .itembox .itemttl{font-weight:bold; font-size:130% !important;}
.column_wrap .itembox .itemtxt{float:right; box-sizing: border-box;}
.column_wrap .itembox .itemtxt .itemname{font-size: 150%; margin-bottom: 0.4em;}
.column_wrap .itembox .price{ font-size: 160%;}

.column_wrap .itembox .banner{ margin-top: 0;}
.column_wrap .itembox .banner .itemimg{float:left;}

.column_wrap .txtbox .btn{ width: 80%; max-width: 360px; margin: 0;}
.column_wrap .txtbox .btn a{ background: #a21940; color: #fff; text-align: center; padding: 0.8em 1.5em; border-radius: 4px; display: block; box-shadow: 0 2px 0 #6f0e2a; }
.column_wrap .btn.mgauto{ max-width: 600px; margin: 0 auto;}



@media only screen and (min-width: 601px) {
.column_wrap .itembox .itemimg{width:187px; float:left;}
.column_wrap .itembox .itemtxt{padding-left:1em;}
}

@media only screen and (max-width:600px) {
.column_wrap .itembox .itemimg, .column_wrap .itembox .itemtxt{width:100% !important; float:none;}
.column_wrap .itembox .itemimg{width:100%;}

.column_wrap .itembox{ padding:1.5em 1.2em;}

.column_wrap .txtbox .btn{ width:100%; }
}







/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　レスポンシブ
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */
 
@media only screen and (min-width: 601px) {
.column_wrap .pcnone{ display:none !important; }
.column_wrap .spnone{ display:block !important; }
}

@media only screen and (max-width:600px) {

.column_wrap{ padding: 0 1rem;}
.column_wrap .pcnone{ display:block !important; }
.column_wrap .spnone{ display:none !important; }
.column_wrap .banner img{width:100%;}
.column_wrap .listTab table{width:100%; word-break:break-all;}


}