@charset "UTF-8";
/*base*/

:root {
  --link-color: #349bf4;
  --main-color: #192c55;
  --text-color: #222;
}

*{
	box-sizing: border-box;
}
html{
	font-size: 62.5%;
}
body{
	color: var(--text-color);
	font-size: 1.2rem;
	line-height: 1.6;
	font-family: '游ゴシック体', YuGothic, 'Yu Gothic Medium', '游ゴシック Medium', 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	letter-spacing: .025em;
}
img{
	vertical-align: bottom;
}
main{
	display:block; 
}

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

/**-----------hover-----------**/

a:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
a:active,
a:hover,
a:visited{
	outline: none;
}

/*=================================
　
      特集コンテンツ部分

==================================*/
main{
	margin: 0 auto;
	padding: 0 0 80px 0;
	width: 830px;
}
.main_photo {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
p{
	font-size: 1.5rem;
	line-height: 2.8rem;
    margin: 10px 0;
}
.br_pc{
	display: block;
}

/*------メインビジュアル------*/
.mv_sp{
	display: none;
}



.m_text {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    border-left: unset;
    margin: 3.5em auto 0px auto;
    padding: 15px;
	color: #091a08;
}
.fs_text {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    border-left: unset;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 3.5em auto 1.5em auto;
    padding: 15px;
}
.lead_text {
    font-size: 1.6rem;
	line-height: 2.8rem;
    font-weight: normal;
    text-align: left;
	margin-bottom: 15px;
}

.lead_text_c {
    font-size: 1.6rem;
	line-height: 2.8rem;
    font-weight: normal;
    text-align: center;
    margin: 0em auto 8.0em auto;
    padding: 5px 15px 15px 15px;
	border: solid 1px #ccc;
}




/*============================
            ボタン
 ============================*/

/*---主要なボタン（PC中央寄せ）---*/
.primary_btn,
.primary_btn:visited{
	margin: 0 auto;
    display: block;
    width: 250px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #333;
    background: #333;
    border-radius: 0px;
    transition: 1s;
    margin-bottom: 15px;
    font-size: 1.4rem;
}
.primary_btn:hover,
.primary_btn:active{
	background: #fff;
	color: #333;
	text-decoration: none;
}
/*---主要なボタン（PC左寄せ）---*/
.primary_btn_left:link,
.primary_btn_left:visited{
	display: block;
	width: 250px;
    padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #333;
	background: #333;
	border-radius: 0px;
	transition: 1s;
	outline: none;
	margin-bottom: 15px;
    font-size: 1.4rem;
}
.primary_btn_left:hover,
.primary_btn_left:active{
	background: #D9D1CC;
	color: #333;
	text-decoration: none;
	outline: none;
}


/*-------CTAボタン（PC４カラム/SP2カラム）-------*/
.cp_btn,
.cp_btn:visited{
	margin: 0 auto;
    display: block;
    width: 180px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #a80050;
    background: #a80050;
    border-radius: 0px;
    transition: 1s;
    margin-bottom: 15px;
    font-size: 1.4rem;
}
.cp_btn:hover,
.cp_btn:active{
	background: #fff;
	color: #a80050;
	text-decoration: none;
}
/*-------CTAボタン（1カラムの場合）-------*/
.cp_btn_top,
.cp_btn_top:visited{
	display: block;
	width: 250px;
    padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #a80050;
	background: #a80050;
	border-radius: 0px;
	transition: 1s;
	margin-bottom: 15px;
    font-size: 1.4rem;
}
.cp_btn_top:hover,
.cp_btn_top:active{
	background: #fff;
	color: #a80050;
	text-decoration: none;
}
/*-------CTAボタン（1カラム中央寄せ）-------*/
.cp_btn_center,
.cp_btn_center:visited{
	margin: 0 auto;
	display: block;
	width: 50%;
    padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #a80050;
	background: #a80050;
	border-radius: 0px;
	transition: 1s;
	margin-bottom: 15px;
	font-size: 1.4rem;
}
.cp_btn_center:hover,
.cp_btn_center:active{
	background: #fff;
	color: #a80050;
	text-decoration: none;
}
/*-------矢印あり-------*/
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 40px;
    color: #252140;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample5-6::after{
   left: 5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #252140;
    border-right: 1px solid #252140;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*-----アンカーリンク（ワインの種類）-----*/
.anchor_area{
	width: 80%;
    margin: 0 auto;
}
.anchor{
	display: block;
    color: #252140;
    width: 50%;
    margin: 0px auto;
    margin-bottom: 20px;
    padding: 5px 15px 3px;
    border-bottom: 1px solid;
}
.anchor:hover,
.anchor:active{
	color: #252140;
	text-decoration: none;
}

/*-----アンカーリンク（アンダーライン）-----*/
.anchor_area_underline {
	 display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    justify-content: space-around;
}
.anchor_underline {
	border-bottom: 1px solid;
	margin-bottom: 40px;
	padding: 10px 30px 10px 10px;
	transition: 1.0s;
	text-align: center;
	width: 40%;
}
.anchor_underline:hover, .anchor_underline_3:hover {
	color: #222;
    text-decoration: none;
    background-color: #EFE9E6;
}
/*3カラム*/
.anchor_underline_3 {
	border-bottom: 1px solid;
	margin-bottom: 40px;
	padding: 10px 30px 10px 10px;
	transition: 1.0s;
	text-align: center;
	width: 30%;
	display: flex;
	align-items: center;
    justify-content: center;
}

.anchor_underline_3:nth-last-child(-n+2) {
	width: 40%;
}
/**/

/*-------オンラインショップのTOPに戻る-------*/
/*.foot_butoon {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 100%;
}*/
.foot_butoon {
	margin: 50px 0 10px;
}
.cp_btn2 {
	margin: 10px auto;
	display: block;
	width: 50%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #333333;
	background: #333333;
	border-radius: 0px;
	transition: 1s;
	font-size: 1.4rem;
}
.cp_btn2:hover {
	background: #fff;
	color: #333333;
}
/*----オンラインショップのTOPに戻る(20231114~)---*/
.shoptopBtn:link{
	display: block;
	width: 270px;
	margin: 50px auto;
	text-align: center;
	color: #222;
	text-decoration: none;
	/*border-bottom: 1px solid #222;*/
	padding: 7px 5px 3px 25px;
}
.shoptopBtn:hover,
.shoptopBtn:active{
	color: #222;
	text-decoration: none;
	opacity: 0.6;
}
.shoptopBtn:visited{
	color: #222;
	text-decoration: none;
}
.back::after{
	top: 1px;
    right: 242px;
    height: 10px;
    width: 10px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-135deg);
}
/*パターン02*/
.shoptopBtn02:link{
	display: block;
	width: 290px;
	margin: 50px auto;
	text-align: center;
	color: #222;
	text-decoration: none;
	border: 1px solid #222;
	padding: 7px 10px 10px 25px;
	border-radius: 50px;
}
.shoptopBtn02:hover,
.shoptopBtn02:active{
	color: #222;
	text-decoration: none;
	opacity: 0.6;
}
.shoptopBtn02:visited{
	color: #222;
	text-decoration: none;
	opacity: 1.0;
}
.back02::after{
	top: -3px;
    right: 242px;
    height: 10px;
    width: 10px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-135deg);
}


/*-------在庫僅少など-------*/
.item_stock_icon {
	display: inline-block;
    border: 1px solid;
    padding: 0.3rem 0.8rem;
    margin: 0.5rem auto;
}

/*商品の前に入れるアイコン*/
.item_icon {
	border: 1px solid #999;
    padding: 0.5rem 0.5rem 0.5rem 0.9rem;
    text-align: center;
}
.item_icon .item_br_sp {
	display: none!important;
}


/*-------在庫切れ-------*/
.cp_btn_sold{
	margin: 0 auto;
    display: block;
    width: 180px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #233764;
    background: #233764;
    border-radius: 0px;
    transition: 1s;
    margin-bottom: 15px;
    font-size: 1.4rem;
}
.cp_btn_sold:hover{
	color: #fff;
	text-decoration: none;
	transition: 1s;
	cursor: default
}

/*-------アンカーリンク-------*/
.anchor_area{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
    margin: 0 auto;
	justify-content: space-between;
}
/*1列に4つのボタン--------*/
.anchor {
    font-size: 1.4rem;
    position: relative;
    display: block;
    color: var(--text-color);
    width: 170px;
    margin-bottom: 20px;
    padding: 8px 25px 8px 10px;
    background-color: #D9D1CC;
    vertical-align: middle;
    text-decoration: none;
    transition: 1.0s;
    border-bottom: 1px solid;
    text-align: center;
}
/*----矢印----*/
.anchor::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample5-6::after {
    top: -6px;
    right: -140px;
	height: 10px;
    width: 10px;
    border-top: 1px solid var(--text-color);
    border-right: 1px solid var(--text-color);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.anchor:hover,
.anchor:active{
	color: var(--text-color);
	text-decoration: none;
	transition: 1.0s;
	background-color: #ece9e7;
}
/*--------1列に4つのボタン*/

/*1列に2つのボタン-----------------*/
.anchor_2:link {
    font-size: 1.5rem;
    position: relative;
    display: block;
    color: var(--text-color);
	width: 295px;
    margin-bottom: 20px;
    padding: 10px 30px 10px 10px;
    background-color: #D9D1CC;
    vertical-align: middle;
    text-decoration: none;
    transition: 1.0s;
	border-bottom: 1px solid;
	text-align: center;
}
.anchor_2:hover,
.anchor_2:active{
	color: var(--text-color);
	text-decoration: none;
	transition: 1.0s;
	background-color: #ece9e7;
}
.anchor_2:visited{
	text-decoration: none;
	transition: 1.0s;
	background-color: #ece9e7;}

/*----矢印----*/
.anchor_2::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample2::after {
    top: -6px;
    right: -256px;
    height: 10px;
    width: 10px;
    border-top: 1px solid var(--text-color);
    border-right: 1px solid var(--text-color);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*-----------------1列に2つのボタン*/


/*-------------------
アンカーリンク
-------------------*/
.anchor_3_area{
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    margin: 0 auto;
    justify-content: space-around;
}
.anchor_3 {
    font-size: 1.5rem;
    position: relative;
    display: block;
    color: var(--text-color);
    width: 230px;
    margin-bottom: 20px;
    padding: 10px 30px 10px 10px;
    background-color: #D9D1CC;
    vertical-align: middle;
    text-decoration: none;
    transition: 1.0s;
    border-bottom: 1px solid;
    text-align: center;
}
.anchor_3:link{
	color: var(--text-color);
	text-decoration: none;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
	justify-content: center;
}
.anchor_3:hover,
.anchor_3:active{
	color: var(--text-color);
	text-decoration: none;
	background-color: #EFE9E6;
}
.anchor_3:visited{
	color: var(--text-color);
	text-decoration: none;
    background-color: #D9D1CC;
}
.anchor_3 a::after{
	content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px var(--main-color);
    border-right: solid 2px var(--main-color);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}
.sample3::after {
    top: -6px;
    right: -193px;
    height: 10px;
    width: 10px;
    border-top: 1px solid var(--text-color);
    border-right: 1px solid var(--text-color);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}




/*追従するトップへ戻るボタン---------*/
.page_up_area{
    position: fixed;
    right: 30px;
    bottom: 30px;
	display: flex;/*複数ボタンがある場合は縦並びになるように*/
	flex-direction: column;
	z-index: 100;
}
.page_up{
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: #333;
    color: #fff;
	text-align: center;
	vertical-align: middle;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding: 11px 5px;
	margin-bottom: 10px;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
	text-decoration: none;
	opacity: 0;/*スクロールするまでは表示しない*/
	visibility: hidden;
	transition: 1s;
    display: flex;
    flex-direction: column;
    /*justify-content: space-around;*/
	justify-content: center;
}
.page_up p{
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
}
.page_up:hover,
.page_up:active{
	background-color: #555;
    color: #fff;
	transition: 1s;
	text-decoration: none;
}
/*このクラスが付与されると表示する*/
.active{
	opacity: 80%;
	visibility: visible;
	transition: 1s;
}
/*-------------追従するトップへ戻るボタン*/

/*アンカーリンク　商品ラインナップへ*/
.btn_toproduct{
	display: block;
    width: 300px;
    text-align: center;
    font-size: 1.4rem;
	color: #fff;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    margin: 0 auto;
	margin-bottom: 50px;
	padding: 7px 30px 7px 10px;
}
.btn_toproduct:hover,
.btn_toproduct:active{
	transition: 1.0s;
	text-decoration: none;
	transform: scale(1.1);
	color: #fff;
}
.btn_toproduct:visited{
	transition: 1.0s;
	transform: scale(1.0);
	color: #fff;
	text-decoration: none;
}


.btn_toproduct a::after{
	content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px var(--main-color);
    border-right: solid 2px var(--main-color);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}
.btn_toproduct::after {
    top: -6px;
    right: -267px;
    height: 10px;
    width: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/*他ページへリンク（矢印なし）*/
.btn_topage{
	display: block;
    width: 300px;
    text-align: center;
    font-size: 1.4rem;
	color: #fff;
    background-color: #202338;
    border: 1px solid #202338;
    margin: 30px auto;
	margin-bottom: 50px;
	padding: 7px 30px 7px 10px;
}
.btn_topage:hover,
.btn_topage:active{
	transition: 1.0s;
	text-decoration: none;
	transform: scale(1.1);
	color: #fff;
}
.btn_topage:visited{
	transition: 1.0s;
	transform: scale(1.0);
	color: #fff;
	text-decoration: none;
}
.btn_topage a::after{
	content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px var(--main-color);
    border-right: solid 2px var(--main-color);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}
.btn_topage::after {
    top: -2px;
    right: -262px;
    height: 10px;
    width: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(45deg);
}

/*-------下矢印ボタン-------*/
.arrow_down {
	display: block;
    width: 300px;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    background-color: #202338;
    border: 1px solid #202338;
    margin: 30px auto;
    margin-bottom: 50px;
    padding: 7px 30px 7px 10px;
}
.arrow_down::after {
    top: -6px;
    right: -193px;
    height: 10px;
    width: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*-------上矢印ボタン-------*/
.arrow_up {
	display: block;
    width: 300px;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    background-color: #202338;
    border: 1px solid #202338;
    margin: 30px auto;
    margin-bottom: 50px;
    padding: 7px 30px 7px 10px;
}
.arrow_up::after {
	top: 3px;
    right: -258px;
    height: 10px;
    width: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(-45deg);
}


/*ボタンの上のテキスト*/
.btnLeadTx{
	text-align:center;
	margin: 0 auto;
	margin-top: 50px;
}







.fclear { 
clear: both; 
}

#pad_top01{
	padding: 100px 0 0 0;
}
#pad_top02{
	padding: 0 0 0 0;
}


.item_3box{
	margin: 0 auto 0 auto;
	padding:  0px;
	width: 33%;
	float:  left;
}
.item_3box dt{
	margin: 0px;
	padding:  0px;
	text-align: center;
}

.item_3box dd{
	margin: 0px;
	padding:  5px 10px 0 5px;
	text-align: center;
}



/*==========inner==========*/
.inner{
	text-align: left;
	margin-bottom: 50px;
}
.inner:first-of-type{
	padding-top: 40px;
}
.inner_box{
	margin-bottom: 70px;
}
.inner_box:first-of-type{
	margin-top: 20px;
	margin-bottom: 70px;
}

/*inner_box内のコンテンツ*/
.contents_wrap {
	margin: 60px auto;
}

.product_img{
	width: 100%;
	margin: 0 auto;
}

/*mainを突き抜けて背景を画面幅いっぱいに広げる*/
.inner_wide{
	text-align: left;
	margin-bottom: 50px;
	margin: 0 calc(50% - 50vw);
	/*padding: 4px calc(50vw - 50% + 8px);*/
	width: 100vw;
	/*padding-bottom: 40px;*/
}




/*========HEAD========*/
.heading_wine{
	font-size: 4.0rem;
    font-weight: 300;
    text-align: center;
    border-left: unset;
    margin: 0 0 30px;
    line-height: 2.8rem;
    font-family: 'DM Serif Display', serif;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
}
.head{
	font-size: 1.6rem;
	font-weight: bold;
}



.heading1{
	font-size: 2.0rem;
    font-weight: 700;
    text-align: center;
    border-left: unset;
    margin: 0 0 25px;
    line-height: 3.8rem;
}
.heading2{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px 10px;
	/*margin-bottom: 20px;*/
	margin: 60px 0 15px;
	border-left: 4px solid #ccc;
}



/*背景色にborder-leftが同化してしまう場合*/
.heading2_black{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px 10px;
	margin: 10px 0;
	border-left: 4px solid #333;
}

/*商品ラインナップ*/
.heading3{
	font-size: 1.7rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 0 auto 30px;
    padding: 15px 0;
    overflow-wrap: normal;
}

/*アンダーライン　コンテンツの中で使用*/
.heading3_underline {
	font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.8;
    margin: 60px 0 15px;
	border-bottom: 1px solid #0e2467;
}


.heading4{
	font-size: 1.7rem;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
	line-height: 2.8rem;
}
/*-商品ラインナップの小見出し*/
.item_sub_heading {
	font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
	line-height: 1.8;
}

/*-「その他特集」の見出し*/
.heading2_banner {
	font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}


/*---------引用部分---------*/
blockquote{
	background-color: #ededed;
	border: none;
	margin: 10px 0px;
}


/*=======動画埋め込み=======*/

/*-------動画を囲うdiv-------*/
.video{
	position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*============================
        　　　画像
============================*/
.sub_img{
	width: 500px;
	margin: 30px auto;
}
.caption{
	font-size: 1.2rem;
	text-align: center;
	margin: 5px 0 0 0;
}

figcaption {
	margin: 10px 0;
}

.imgShadow{
	box-shadow: 0 5px 10px #ccc;
}

/*/////コンテンツ中の画像/////*/
/*headの下*/
.contents_imgbox {
	margin: 2.5rem auto 3.5rem;
    text-align: center;
	width: 600px;
}

/*文中*/
.contents_inner_imgbox {
	text-align: center;
    margin: 10px auto 30px;
	width: 600px;
}


/*============================
         カラムレイアウト
============================*/

/*-------新ヴィンテージ-------*/
.feature_box {
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
	width: 100%;
	margin-top: 30px;
}
.left_box {
	width: 49%;
	margin-right: 2%;
    text-align: left;
}
.right_box {
	width: 49%;
    text-align: left;
	padding: 0 15px;
}
.italic{
	font-style: italic;
}
.button_img {
	margin:  0px auto 0 auto;
    padding: 15px;
	width: 100%;
	text-align:  center;
}


/*-------ワイン紹介-------*/
.category {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
	margin: 2rem 0;

}
.product_box{
	display: flex;
    flex-wrap: wrap;
    padding: 0px;
    width: 100%;
    margin-bottom: 50px;
}
/*（1：1）*/
.product_img_box{
	width: 49%;
	margin-right: 2%;
	padding: 0 15px;
}
.product_text_box{
	width: 49%;
    text-align: left;
	padding: 0 15px;
}
.taste{
	width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding: 0 !important;
    text-align: left;
    margin: 0 10px 15px 0;
}
.taste:last-of-type{
	margin-bottom: 0;
}
/*（4：6）*/
.product_img_box_2{
	width: 40%;
	margin-right: 2%;
	padding: 0 15px;
}
.product_text_box_2{
	width: 58%;
    text-align: left;
	padding: 0 15px;
}



/*-------------------------------
　おすすめ商品リスト
（4商品以上の場合は左寄せ）
--------------------------------*/
.fouter_box_heading{
	font-weight: bold;
    font-size: 16px;
    background-color: #161c3b;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    margin-bottom: 24px;
}
em{
	font-size: 1.7rem;
    line-height: 2.8rem;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 30px 0 10px 0;
}
.products_list{
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
    margin-bottom: 30px;
}
.products_list dl{
	margin: 10px 1% 50px 0;
    padding: 0px;
    width: 24%;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
}
.products_list dl:nth-of-type(4n){
	margin: 10px 0 50px 0;
}
.products_list_top dt{
	margin-bottom: 5px;
	padding-top: 20px;
	position: relative;
}
.products_list dd p{
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.5;
}

/*-------------------------------
　おすすめ商品リスト
（2～3商品の場合は中央寄せ）
--------------------------------*/
.products_list_center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}
.products_list_center dl{
	margin: 10px 1% 50px 0;
    padding: 0px;
    width: 24%;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
}
.products_list_center dl:nth-of-type(4n){
	margin: 10px 0 50px 0;
}
.products_list_center dt{
	margin-bottom: 5px;
	padding-top: 20px;
	position: relative;
}
.products_list_center dd p{
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.5;
}



/*---------2カラム（1:1）---------*/
.column01{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.column01_image{
	width: 45%;
	margin-right: 2%;
}
.column01_text{
	width: 53%;
}
.column01:nth-of-type(2n),
.column_reverse{
	display: flex;
	flex-direction: row-reverse;
}

.column01:nth-of-type(2n) .column01_image,
.column_reverse .column01_image{
	margin: 0;
}
.column01:nth-of-type(2n) .column01_text,
.column_reverse .column01_text{
	margin-right: 2%;
}


/*---------reverseなしカラム（1:1）---------*/
.column02{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	justify-content: space-around;
}
.column02_box{
	width: 380px;
	margin: 10px 0 30px;
}
/* width: 100%;で残りスペースを埋める */
.spacer {
  width: 100%;
}


/*---------reverseありカラム（1:1）---------*/
.column03{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.column03:first-of-type{
	margin-top: 30px;
}
.column03:nth-of-type(2n){
	flex-direction:row-reverse;
}
.column03_box{
	width: 380px;
	margin: 10px 0 30px;
}


/*---------3カラム（1:1:1）---------*/
.column04{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	justify-content: space-between;
}
.column04_box{
	width: 32%;
}
	



/*------------------
column テキストと画像
------------------*/
.columnTxImg{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	margin-bottom: 40px;
}
.columnTxImg:nth-of-type(2n){
	flex-direction: row-reverse;
}
.columnTxImg_tx{
	width: 500px;
    margin-right: 10px;
}
.columnTxImg:nth-of-type(2n) .columnTxImg_tx{
	margin-right: 0;
	margin-left: 10px;
}
.columnTxImg_h{
	font-size: 2.6rem;
    margin: 0 10px 7px 0px;
    border-bottom: 1px solid #ccc;
    line-height: 3.5rem;
}
.columnTxImg_lead{
	padding: 0;
    margin: 0 10px 15px 0;
    line-height: 2.0rem;
    font-size: 1.4rem;
}
.columnTxImg_img{
	width: 320px;
}
/*---column内flex(img)---*/
.flexImg{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.flexImg_box{
	width: 50%;
}





/*============================
        テーブルレイアウト
============================*/

/*--------主な受賞歴---------*/
.history{
	display: block;
	width: 800px;
	border-collapse: separate;
    border-spacing: 2px 2px;
	margin: 0 auto;
}
.history_th{
	width: 100px;
	padding: 10px;
	font-size: 1.4rem;
	background-color: #fff;
	border: 1px solid #fff;
	text-align: center;
}
.history_td{
	width: 694px;
	padding: 10px;
	font-size: 1.4rem;
    background-color: #fff;
	/*display: flex;*/
	
}

/*20240408追記
.history_td {
	display: block;
}
.history_td:not(:first-child) {
	display: block;
}
*/
/*20240408追記*/
.brand_history_name_txt {
	width: 800px;
    margin: 0 auto;
}

/*============================
      　　  ブロック
============================*/
/*------リードブロック-------*/
.lead_box {
    margin-bottom: 60px;
    text-align: center;
    padding: 0 15px;
}
.lead_box_wine{
	margin: 70px 30px;
    text-align: center;
}



/*------商品詳細ブロック-------*/
.wines{
	margin-top: 60px;
}
.detail_box{
	border: 1px solid #333;
	margin: 15px;
	padding: 15px;
}
.product_name{
    font-size: 2.8rem;
    margin: 0 auto;
    text-align: center;
    color: var(--text-color);
    padding-bottom: 30px;
}
.product_lead{
	font-weight: bold;
	margin: 0;
}


/*---------トピックス---------*/
.topics{
	background-color: #D9D1CC;
    padding: 0;
    border: 1px solid #D9D1CC;
	width: 800px;
    margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.topics_img_box{
	/*width: 280px;*/
	 width: 35%;
    padding: 10px;
}
.topics_inner{
	margin: 10px;
    /*width: 498px;*/
	 width: 60%;
}




/*---------トピックス---------*/
.brand_history{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e0e1ec'/%3E%3Cstop offset='1' stop-color='%23e0e1ec' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23d1d2e8'/%3E%3Cstop offset='1' stop-color='%23d1d2e8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e4e1ec'/%3E%3Cstop offset='1' stop-color='%23e4e1ec' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23CDD2E8'/%3E%3Cstop offset='1' stop-color='%23CDD2E8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F2F0F0'/%3E%3Cstop offset='1' stop-color='%23F2F0F0' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D5D2E7'/%3E%3Cstop offset='1' stop-color='%23D5D2E7' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	padding: 20px 10px;
	box-shadow: 0 10px 10px #ccc;
	margin-bottom: 50px;
}
.brand_history_box{
	margin-bottom: 20px;
}
.brand_history_box:last-of-type{
	margin-bottom: 0;
}


/*---------NEW ITEM---------*/
.relative{
	position: relative;
}
.new{
	position: absolute;
    top: -20px;
    left: -10px;
    padding-top: 8px;
    padding-left: 8px;
    border: solid 1px #ccc;
    border-radius: 100%;
    background-color: #fff;
    font-style: italic;
    font-size: 1.0rem;
    width: 45px;
    height: 45px;
    line-height: 1.45;
}


/*------------soldout（売切れ時の冒頭誘導テキスト）-----------*/
.soldout{
	margin: 30px 0;
    border: 1px solid #999;
    padding: 20px;
}
.soldout_p{
	padding: 5px 30px;
	font-size: 1.4rem;
	line-height: 1.8;
}
.br_sp{
	display: none;
}


/*------------注意事項-----------*/
/*文中の注意事項*/
.caution {
	font-size: 1.2rem;
    margin: 5px 0 0 0;
}

/*注意事項一覧*/
.caution_list {
	 margin: 2rem 0;
}
.caution_list li {
	list-style-type: disc;
    font-size: 1.5rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
}
@media screen and (max-width:680px) {
	.caution_list li {
		font-size: 1.4rem;
	}
}
/*------------end-----------*/


/*============================
         イベント詳細
 ============================*/
.event_area {
    font-size: 1.5rem;
    margin: 5rem auto;
}
.event_area .event_list_flex {
    display: flex;
    margin: 2rem;
    justify-content: center;
}
.event_area .event_tab_area {
    width: 16%;
}
.event_area .event_txt {
    width: 60%;
    border-left: 1px solid #ccc;
    padding-left: 6rem;
}
@media screen and (max-width:680px) {
	.event_area .event_list_flex {
        margin: 2rem 0;
        justify-content: space-between;
    }
	.event_area .event_txt {
        width: 81%;
        padding-left: 1.8rem;
    }
	
}

/*============================
      　　  コンテンツ
============================*/
/*---------別枠---------*/
.lead_message {
	padding: 4rem;
    border: 1px solid #ccc;
    background: #fff;
}
.lead_message_heading2 {
	text-align: center;
    font-weight: bold;
    margin: 0 0 15px 0;
    line-height: 1.5;
	font-size: 1.7rem;
}
@media screen and (max-width: 680px) {
    .lead_message {
        padding: 2rem;
    }
	.lead_message_heading2 {
		
	}
}

/*============================
      　　  インタビュー
============================*/
.interview_q {
	font-size: 1.6rem;
    font-weight: bold;
    padding: 0 0 5px 5px;
	/*border-bottom: 1px solid #2a3a6f;*/
    margin: 3.5rem 0 15px;
	line-height: 2.8rem;
}
.interview_q_border {
    position: relative;
    padding: 0 25px;
}

.interview_q_border:before {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #222;
}

.interview_q_border:before {
    left: 0;
}
.interview_a_area {
	padding: 0 5px 5px;
}
/*文中（見出し直下意外）の画像*/
.interview_inner_img {
	text-align: center;
    margin: 10px auto 30px;
}
/**/
/*複数人の回答の場合*/
.interview_a_name {
	font-weight: bold;
    padding-right: 1.5rem;
}
.interview_a_wrap {
	margin-bottom: 2rem;
}
.interview_a_wrap:last-child {
	margin-bottom: 0;
}
/**/

/*============================
      　　 人物紹介
============================*/
.iv20Column02 {
	width: 700px;
}
.iv20Column02 {
	display: flex;
    flex-wrap: wrap;
    width: 600px;
    padding: 0;
    margin: 0 auto;
    /* margin-bottom: 30px; */
    background-color: #f2f2f2;
    margin-top: 90px;
}
.iv20Column02Img {
    width: 37%;
    margin: 0;
}
.iv20Column02Tx {
    width: 63%;
    margin: 0;
    padding: 10px 20px;
}
.iv20Column02TxH {
    font-size: 1.8rem;
    border-bottom: 1px solid #ccc;
    margin: 0;
}
.iv20Column02TxP {
    font-size: 1.3rem;
    line-height: 2.5rem;
    padding-bottom: 0 !important;
}

@media screen and (max-width: 680px) {
    .iv20Column02 {
        display: block;
        flex-wrap: wrap;
        width: 100%;
        padding: 35px;
        margin: 40px 0;
    }
	.iv20Column02Img {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .iv20Column02Tx {
        width: 100%;
        margin: 0;
        padding: 0!important;
    }
	.iv20Column02TxH {
		text-align: center;
	}
	.iv20Column02TxP {
		font-size: 1.3rem;
		line-height: inherit;
	}
}

/*============================
      　　  その他
============================*/
.tx_price{
	margin-bottom: 0;
}

/*---------LP内バナー---------*/
.lp_banner_area{
	/*margin: 80px auto;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lp_banner_area_center {
    justify-content: center;
}
.lp_banner_box{
	margin: 0 10px 20px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	width: 360px;
}
.lp_banner_p{
	font-size: 1.6rem;
    margin: 0 auto;
    text-align: center;
}
.lp_banner{
	width: 400px;
    margin: 0 auto;
}
/*--LP内バナー(大きめ)--*/
.lp_banner_p_special strong{
	font-size: 1.8rem;
}
.lp_banner_special{
	width: 600px;
    margin: 20px auto;
	text-align: center;
}


/*20240410～*/
.contents_banner_img {
	margin: 0 auto 2rem;
}

.lp_banner_head4 {
	color: #222;
    font-size: 1.7rem;
    font-weight: bold;
    padding: 0 0 5px 5px;
    margin: 0 0 15px;
    line-height: 1.5;
}
.lp_banner_area .column02 {
	justify-content: space-between;
}
.lp_banner_area .column02_box::after {
	content: "";
    display: block;
	width: 380px;
    
}


/*20240930 ボスの日カード商品並び順のためのCSS*/
.pc_bossday2024_m {
	margin-bottom: 0!important;
}

.sp_bossday2024 {
	display: none!important;
}
@media screen and (max-width:680px) {
	.pc_bossday2024 {
		display: none!important;
	}
	.sp_bossday2024 {
		display: flex!important;
	}
}
/*///end///*/




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

                     スマートフォン用

======================================================= */
@media screen and (max-width:680px) {
	main{
		width: 95%;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	p{
		font-size: 1.4rem;
	}
	h1,
	h2{
		margin-bottom: 30px;
		font-size: 1.5rem;
		overflow-wrap: normal;
	}
	.lead_box_wine{
		margin: 70px 15px;
	}
	.lead_text{
		font-size: 1.6rem;
	}
	.lead_text_c {
		text-align: left;
	}
	.m2_text{
		font-size: 1.5rem;
	}
	/*------メインビジュアル------*/
	.mv_pc{
		display: none;
	}
	.mv_sp{
		display: block;
	}
	
	/*============================
				ボタン
	 ============================*/
	/*---主要なボタン（PC中央寄せ）---*/
	.primary_btn{
		width: 60%;
	}
	/*---主要なボタン（PC左寄せ）--*/
	.cp_btn_topics{
		margin: 0 auto;
	}
	.primary_btn_left{
		margin: 0 auto;
		width: 60%;
	}
	/*---CTAボタン（PC４カラム/SP2カラム）---*/
	.cp_btn{
		width: 80%;
		margin-bottom: 0;
	}
	.cp_btn2{
        width: 80%;
        padding: 7px 10px;
	}
	/*---CTAボタン（1カラム）---*/
	.cp_btn_top{
		width: 60%;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	/*-------CTAボタン（1カラム中央寄せ）-------*/
	.cp_btn_center{
		width: 80%;
	}
	/*---在庫切れボタン---*/
	.cp_btn_sold{
		margin-bottom: 0;
		width: 80%;
	}
	
	/*============================
			アンカーリンク
	 ============================*/
	/*1列に4つのボタン*/
	.anchor_area{
		width: 100%;
		display: block;
		padding: 0;
	}
	.anchor{
		width: 60%;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.sample5-6::after{
		right: -154px;
		width: 10px;
	}
	/*1列に2つのボタン*/
	.anchor_2{
		width: 80%;
		margin: 0 auto;
		margin-bottom: 15px;
		padding:  10px 35px 10px 15px;
	}
	.sample2::after{
		right: -245px;
		width: 10px;
	}
	/*------------------
	   アンカーリンク
	------------------*/
	.anchor_3_area{
		width: 100%;
		display: block;
		padding: 0;
	}
	.anchor_3{
		width: 280px;
		margin: 0 auto;
		margin-bottom: 15px;
		padding: 10px 35px 10px 15px;
	}
	.sample3::after {
		right: -233px;
	}
	
	/*追従するトップへ戻るボタン---------*/
	
	/*アンカーリンク　商品ラインナップへ*/
	.btn_toproduct{
        width: 230px;
		margin: 0 auto;
		margin-bottom: 50px;
		padding: 10px 35px 10px 15px;
		}
	.btn_toproduct::after {
		top: -6px;
		right: -194px;
		height: 10px;
		width: 10px;
	}
	/*アンカーリンク　商品ラインナップへ*/
	.btn_topage{
        width: 230px;
		margin: 0 auto;
		margin-bottom: 50px;
		padding: 10px 35px 10px 15px;
		}
	.btn_topage::after {
		top: -6px;
		right: -194px;
		height: 10px;
		width: 10px;
	}
	
	.page_up_area{
		right: 10px;
		bottom: 15px;
		
	}
	.page_up{
		height: 50px;
		width: 50px;
		padding: 9px 0;
	}
	.page_up p{
		font-size: 1.2rem;
	}
	/*--スクロールすると現れるボタン--*/
	.page_middle{
		right: 10px;
		bottom: 80px;
	}

	/*-----アンカーリンク（アンダーライン）-----*/
	.anchor_area_underline {
		display: block;
		padding: 0 15px;
	}
	.anchor_underline_3, .anchor_underline_3:nth-last-child(-n+2), .anchor_underline {
		width: 100%;
	}
	
	/*============================
				inner
	 ============================*/
	.inner{
		margin-bottom: 40px;
	}
	.inner_box figure img{
		width: 100%;
	}
	.inner_box:first-of-type{
		margin-top: 0;
	}
	
	/*============================
         カラムレイアウト
	============================*/
	
	/*-------ワイン紹介（1：1）-------*/
	.product_box{
		display: block;
		margin-bottom: 30px;
	}
	.product_text_box{
		width: 90%;
		margin: 10px auto;
		padding: 0;
	}
	.product_img_box {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	/*-------ワイン紹介（4：6）-------*/
	.product_img_box_2{
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
	.product_text_box_2{
		width: 100%;
		padding: 10px 0;
	}
	
	/*------おすすめ商品リスト------*/
	.products_list dl{
		width: 49%;
		margin-right: 2%;
	}
	.products_list dl:nth-of-type(2n){
		margin-right: 0;
	}
	.products_list_top{
		justify-content: flex-start;
	}
	.taste{
		font-size: 1.4rem;
	}
	.fouter_box {
		margin: 0 auto 0 auto;
		padding: 0px;
		width: 100%;
	}
	/*-------------------------------
	 おすすめ商品リスト
	（2～3商品の場合は中央寄せ）
	--------------------------------*/
	.products_list_center {
		justify-content: flex-start;
	}
	.products_list_center dl {
		width: 48%;
		margin-right: 2%;
	}
		.item_icon {
    padding: 0.5rem;
}
	
.item_br_sp {
	display: block!important;
}

	
	/*-------新ヴィンテージ-------*/
	.left_box,
	.right_box{
		width: 100%;
		text-align: left;
		font-size: 1.5rem;
	}
	.left_box{
		margin-bottom: 15px;
	}
	
	
	/*-商品ラインナップの小見出し*/
	.item_sub_heading {
	font-size: 1.4rem;
	}
	
	/*============================
			  ブロック
	============================*/
	/*---------トピックス---------*/
	.topics{
		width: 100%;
		display: block;
	}
	.topics_img_box{
		padding: 20px;
		width: 80%;
		margin: 0 auto;
	}
	.topics_inner{
		width: 100%;
		margin: 0;
		padding: 10px;
	}
	/*---------由来・受賞歴---------*/
	.brand_history{
		box-shadow: 0 5px 10px #ccc;
		padding: 20px 5px;
	}
	/*-------商品詳細ブロック-------*/
	.detail_box{
		padding: 10px;
	}
	.product_name{
		margin: 10px auto;
		padding-bottom: 10px;
	}
	.product_lead{
		margin: 10px 0;
	}
	
	/*-------カラム（1:1）-------*/
	.column01,
	.column_reverse{
		display: block;
	}
	.column01_image,
	.column01_text{
		width: 100%;
		margin: 10px auto;
	}
	#pad_top01{
		padding: 0 0 0 0;
	}
	#pad_top02{
		padding: 0 0 0 0;
	}
	.item_4box,
	.item_3box,
	.item_2box{
		margin: 30px auto 0 auto;
		padding:  0px;
		width: 100%;
		float:  none;
	}
	/*---------reverseなしカラム（1:1）---------*/
	.column02{
		display: flex;
		flex-direction: column;
	}
	.column02_box{
		width: 100%;
	    margin: 0 0 20px;
	}
	/*---------reverseありカラム（1:1）---------*/
	.column03{
		display: flex;
		flex-direction: column-reverse;
	}
	.column03_box{
		width: 100%;
	    margin: 0 0 20px;
	}
	
	/*---------3カラム（1:1:1）---------*/
.column04{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	justify-content: space-between;
}
.column04_box{
	width: 100%;
}
	
	
	
	/*------------------
	column テキストと画像
	------------------*/
	.columnTxImg{
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.columnTxImg:nth-of-type(2n){
		flex-direction: row-reverse;
	}
	.columnTxImg_tx{
		width: 100%;
		margin: 20px 0 0;
	}
	.columnTxImg:nth-of-type(2n) .columnTxImg_tx{
		margin-right: 0;
		margin-left: 0;
	}
	.columnTxImg_h{
		margin: 0 0 6px;
	}
	.columnTxImg_lead{
		padding: 0;
		margin: 0 10px 10px 0;
	}
	.columnTxImg_img{
		width: 100%;
	}
	/*---column内flex(img)---*/
	.flexImg{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.flexImg_box{
		width: 48%;
	}
	/*------column内flex(img)---------*/
	.flexImg{
		width: 100%;
		margin: 0;
	}
	.flexImg_box{
		width: 50%;
		margin: 0 auto;
	}

	
	
	
	/*---------引用部分---------*/
	.blockquote{
		padding: 10px;
	}
	
	/*============================
			テーブルレイアウト
	============================*/

	/*--------主な受賞歴---------*/
	.history {
		width: 100%;
	}
	.history_th{
		width: 20%;
		padding: 5px;
		font-size: 1.3rem;
	}
	.history_td{
		width: 100%;
		padding: 5px;
		font-size: 1.3rem;
	}
		.history {
			width: 100%;
	}
	
	
	/*-----soldout（売切れ時の冒頭誘導テキスト）-----*/
	.soldout{
		padding: 10px;
	}
	.soldout_p{
		padding: 5px 15px;
	}
	
	/*============================
			　　その他	
	============================*/
	.tx_price{
		text-align: center;
		margin: 10px 0 0;
	}
	.br_sp{
		display: block;
	}
	.br_pc{
		display: none;
	}

	/*============================
			   画像
	============================*/
	.sub_img{
        width: 100%;
		margin: 20px auto;
	}
	/*/////コンテンツ中の画像/////*/
	/*headの下*/
	
	.contents_imgbox {
	width: 100%;
	}
	
	/*文中*/
	.contents_inner_imgbox {
	width: 100%;
	}
	
	/*============================
			   動画
	============================*/
	.video{
		width: 100%;
	}
	/*---------LP内バナー---------*/
	.lp_banner_box {
		margin: 10px 0;
		text-align: center;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.lp_banner_area {
        display: flex;
		justify-content: space-around;
		flex-direction: column;
	}
	.lp_banner_p{
		font-size: 1.5rem;
		margin: 0 auto;
		text-align: center;
	}
	.lp_banner{
		width: 100%;
		margin: 0 auto;
	}
	.lp_banner_special{
		width: 100%;
	}
	
	.lp_banner_head4 {
    font-size: 1.5rem;
}
	.lp_banner_area .column02_box::after {
	width: 100%;
    
}
	


	
/***/	
}
/**/


/*==============================
              JS(PC)
==============================*/

/*----------スライド----------*/

.slider-3 .slick-slide {
	margin: 0 60px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;

}
.slider-3 .slick-slide .slide-img {
	width: 800px;
	height: auto;
	transition: all 0.6s ease 0.4s;
	opacity: 0;
	box-shadow: 0 10px 10px #ccc;
	overflow: hidden;
}
.slider-3 .slick-slide.slick-current .slide-img {
	/*transform: scale(1.2);*/
	opacity: 1;
}
.slider-3 .slick-slide .slide-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slick-cloned{
	opacity: 0;
}
.slider-3 .slick-arrow {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	opacity: 0.7;
}
.slider-3 .slick-arrow::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #09000d;
	border-width: 3px 3px 0 0;
	position: absolute;
	top: 24px;
	transform: rotate(45deg);
}
.slider-3 .slick-next {
	right: 7%;
}
.slider-3 .slick-prev {
	left: 7%;
}
.slider-3 .slick-next::before {
	left: 20px;
}
.slider-3 .slick-prev::before {
	border-width: 0 0 3px 3px;
	right: 22px;
}
.dots-3 .slick-dots {
	text-align: center;
}
.dots-3 .slick-dots li {
	display: inline-block;
}
.dots-3 .slick-dots button {
	display: block;
	width: 10px;
	height: 10px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	background: #bcbcbc;
	border-radius: 50%;
}
.dots-3 .slick-dots .slick-active button {
	background: #0a467d;
}



/*==============================
              JS(SP)
==============================*/

@media screen and (max-width:680px){
	/*----------スライド----------*/
	.slider-3 .slick-slide .slide-img{
		width: 350px;
	}
	.slider-3 .slick-arrow{
		width: 40px;
		height: 40px;
	}
	.slider-3 .slick-next::before{
		left: 12px;
	}
	.slider-3 .slick-arrow::before{
	    top: 15px;
	}
	.slider-3 .slick-prev::before{
		right: 13px;
	}
	.slider-3 .slick-next {
		right: 3%;
	}
	.slider-3 .slick-prev {
		left: 3%;
	}


}