@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	margin: 0;
}

article,
aside,ey
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
	display: block;
}

audio,
canvas,
progress,
video{
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
}

a:active,
a:hover{
	outline: 0;
}

abbr[title]{
	border-bottom: 1px dotted;
}

b,
strong{
	font-weight: bold;
}

dfn{
	font-style: italic;
}

h1{
	margin: 0.67em 0;
	font-size: 2em;
}

mark{
	background: #ff0;
	color: #000;
}

small{
	font-size: 80%;
}

sub,
sup{
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	font-size: 75%;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

figure{
	margin: 1em 40px;
}

hr{
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre{
	overflow: auto;
}

code,
kbd,
pre,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea{
	margin: 0;
	color: inherit;
	font: inherit;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

fieldset{
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend{
	padding: 0;
	border: 0;
}

textarea{
	overflow: auto;
}

optgroup{
	font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th{
	padding: 0;
}

.pc-top-img{display: block !important;
}
.sp-top-img{display: none !important;
}

/*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

body{
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #555;
}

a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #03c;
}

a:hover,
a:active,
a:focus{
	color: #f60;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
}

q:before,q:after{
	content: '';
	content: none;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

select{
	max-width: 100%;
}
 
select{
    max-width: 100%;
}
 
textarea{
    min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	height: auto;
	max-width: 100%;
}

p{
	margin: 0 0 1em;
}

ul,
ol{
	margin-left: 40px;
	padding-left: 0;
}

li{
	margin-bottom: 0.5em;
}

/*引用*/
blockquote{
	position: relative;
	margin: 2em 0;
	padding: 76px 60px 70px;
	background: #f9eff7;
	border: 4px solid #f9eff7;
	box-shadow: 0 0 0 1px #fff inset;
	border-radius: 10px;
}

blockquote p:last-child{
	margin-bottom: 0;
}

blockquote:before{
	position: absolute;
	top: 18px;
	left: 18px;
	width: 62px;
	height: 50px;
	content: url(../images/icon/icon-laquo.png);
	border-radius: 10px;
}

blockquote:after{
	position: absolute;
	right: 18px;
	bottom: 18px;
	width: 62px;
	height: 50px;
	content: url(../images/icon/icon-raquo.png);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote:before{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(../images/icon/icon-laquo@2x.png);
			-webkit-background-size: 62px 50px;
			background-size: 62px 50px;
			content: " ";
		}

		blockquote:after{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(../images/icon/icon-raquo@2x.png);
			-webkit-background-size: 62px 50px;
			background-size: 62px 50px;
			content: " ";
		}

	}

blockquote a{
	color: #15a5e6;
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus{
	color: #f60;
}

q{
	background: #ccc;
}

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

th,
td{
	padding: 1.25em 1em;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

th{
	background-color: #e9e9e9;
	font-weight: bold;
	text-align: left;
}

thead th{
	background-color: #909090;
	color: #fff;
	text-align: center;
}
/* 2021/03/11追加 */
.line1 table,th,
td{
	padding: 0.5em 0.5em;
	border: 1px solid #987b5b;
}
.line1 tr{
	line-height:1;
}
.line1 th{
   background-color: #fcf8f4;
}
/*ここまで*/
dd{
	margin-left: 0;
	padding-left: 1em;
}

figure{
	margin: 1em 0;
}




/*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/

.container{
	position: relative;
}

.site-header,
.global-nav,
.main-body,
.breadcrumbs,
.site-footer,
.site-footer-in{
	min-width: 1200px;
}

.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.breadcrumbs-in,
.main-body-in,
.site-footer-conts{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1200px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}

.main-image-in img{
	width: 100%;
}

.main-image-in.wide,
.main-image-in-text.wide{
	width: 100%;
}

.main-body-in{
	width: 100%;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

.site-header-conts{
	width: 100%;
	padding: 20px 0;
}

/*ヘッダーロゴ*/
.site-title{
	float: left;
	margin: 25px 0 40px;
	font-size: 2.25em;
}

.site-title a{
	color: #555;
	text-decoration: none;
} 

.site-title a:hover,
.site-title a:active,
.site-title a:focus{
	text-decoration: underline;
}

.site-title img{
	width: 317px;
}


/*ヘッダー右側の要素*/
.header-box{
	float: right;
}

.header-box .header-nav{
	margin: 0;
	padding: 0;
	font-size: 0.813em;
}

.header-box li{
	float: left;
	position: relative;
	list-style: none;
	border-left: 1px solid #dcdcdc;
}

.header-box li:last-child{
	border-right: 1px solid #dcdcdc;
}

.header-box li a{
	display: block;
	padding: 35px 15px 30px 60px;
	color: #555555;
	text-decoration: none;
	
}

.header-box li .header-nav-point{
	position: absolute;
	top: 0;
	left: -105px;
	display: block;
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	background: #e18e51;
	border-radius: 100px;
	color: #fff;
	padding-top: 20px;
	text-align: center;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

.header-box li .header-nav-point:before{
	position: absolute;
	content: "";
	right:-15px;
	top: 60px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 5px 25px;
	border-color: transparent transparent transparent #e18d51;
	}

.header-box li .header-nav-point span{
	font-size: 1.154em;
}

.header-box .icon-hdr-nav01{
	background: url(../images/icon/icon-hdr-nav01.png) 18px center no-repeat;
}

.header-box .icon-hdr-nav02{
	background: url(../images/icon/icon-hdr-nav02.png) 18px center no-repeat;
}
.header-box .icon-hdr-nav03{
	background: url(../images/icon/gray_icon_sen.png) 3px center no-repeat;
}

/*ヘッダーの全画面表示*/
.full-screen{
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}

.full-screen .site-header-in{
	display: table;
}

.full-screen .site-header-conts{
	display: table-cell;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px 8px #666;
}

.full-screen .site-title{
	display: block;
}

.contact-btn{
	margin-bottom: 0;
}

.full-screen .site-header-conts h1{
	width: auto;
	margin: 0;
}

.full-screen .site-header-conts p{
	font-size: 2em;
}

.full-screen .site-header-conts p a{
	color: #fff;
	text-decoration: none;
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

.global-nav{
	border-top: 6px solid #792266;
	border-bottom: 1px solid #dcdcdc;
	padding: 0;
}

/*グローバルナビの開閉用ボタン*/
.global-nav-panel{
	display: none;
	font-size: 12px;
}

.global-nav-panel span{
	display: block;
	min-height: 20px;
	line-height: 20px;
}

.icon-gn-menu{
	padding-left: 10px;
	background: url(../images/icon/icon-gn-menu.png) left center no-repeat;
}

.icon-gn-close{
	padding-left: 10px;
	background: url(../images/icon/icon-gn-close.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-gn-menu{
			background: url(../images/icon/icon-gn-menu@2x.png) left center no-repeat;
			-webkit-background-size: 20px 20px;
			background-size: 20px 20px;
		}

		.icon-gn-close{
			background: url(../images/icon/icon-gn-close@2x.png) left center no-repeat;
			-webkit-background-size: 20px 20px;
			background-size: 20px 20px;
		}
	}

.global-nav .show-menu,
.global-nav .show-menu li ul{
	display: block!important;
}

.global-nav-in ul{
	display: table;
	width: 100%;
	margin: 0;
	padding: 15px 0;
	table-layout: fixed; /*メニューの幅を均等に*/
}

.global-nav-in li{
	display: table-cell;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 0;
	border-right: 1px solid #bcbcbc;
	text-align: center;
	font-size: 0.875em;
}

.global-nav-in li:first-child{
	border-left: 1px solid #bcbcbc;
}

.global-nav-in li a{
	display: block;
	min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/
	padding: .5em 1em; /*画像をメニューにする場合は値を0に*/
	color: #555;
	text-decoration: none;
}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	background-color: #eee;
	color: #555;
}

.global-nav-in li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	width: 100%;
	border-left: 0;
}

/*ドロップダウンメニューのデザイン*/
.global-nav li ul li{
	display: list-item;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-right: 0;
	white-space: normal;
}

.global-nav li ul li a{
	display: block;
	padding: 0.8em 2em;
}

.global-nav-in li ul ul{
	top: 0;
	left: 100%;
}

.global-nav-in .menu-item-sp{
	display: none;
}

/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/

.main-image{
	margin-bottom: 2em;
}

.main-image-in-text{
	background-repeat: no-repeat;
	background-size: cover;
}

.main-image-in-text-cont{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3em;
}

.main-image-in-text.wide .main-image-in-text-cont{
	width: 1200px;
}

.main-image-in-text p:last-child{
	margin-bottom: 0;
}

.main-copy{
	margin-bottom: 20px;
	font-size: 3em;
	text-align: center;
}

.sub-copy{
	font-size: 1.5em;
	text-align: center;
}


/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body{
	margin-top: 2em;
	padding-bottom: 30px;
}

.single .main-body,
.page .main-body,
.archive .main-body,
.no-gn .main-body{
	margin-top: 0;
}

.introduction{
	position: relative;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 60px;
	padding: 0 25px 0 15px;
	line-height: 1.8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.intro-character{
	position: absolute;
	right: 40px;
	top: 0;
	width: 428px;
}

.intro-statement{
	margin-right: 468px;
	min-height: 500px;
}

.intro-statement-in{
	padding-right: 40px;
}

.introduction .intro-statement-in p{
	margin-bottom: 35px;
}

.chatbubble-pc{
	margin-bottom: 40px;
}

.chatbubble-sp{
	display: none;
}

.chatbubble-sp img{
	width: 328px;
}

.intro-em{
	font-size: 1.375em;
}

.intro-character-in{
	margin-top: -30px;
	padding: 42px 20px 20px;
	background: #f0f0f0;
	font-size: 0.875em;
	border-radius: 10px;
}

.intro-img-character{
	text-align: center;
	margin-bottom: 0;
}

.intro-img-character img{
	width: 428px;
}

.intro-character-title{
	margin-bottom: 12px;
	font-size: 1.286em;
	text-align: center;
	font-weight: bold;
}

/*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/
.breadcrumbs{
	border-top: 1px solid #ffffff;
	background: #f2f2f2;
}

.breadcrumbs-in{
	margin-top:0;
	margin-bottom: 25px;
	padding: 8px 150px;
	color: #999;
}

.archive .breadcrumbs-in{
	padding: 8px 100px;
}

.no-gn .breadcrumbs-in{
	margin-top: 0;
}

.breadcrumbs-in a{
	color: #999;
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{
	color: #f60;
}

.breadcrumbs-in li{
	display: inline-block;
	list-style: none;
	position: relative;
    margin-right: 10px;
	margin-bottom: 0;
    padding-right: 20px;
	background: url(../images/icon/icon-brc.gif) right center no-repeat;
	font-size: .813em;
}

.breadcrumbs-in li.bcl-first{
	padding-left: 20px;
}

.breadcrumbs-in li.bcl-first:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 14px;
	content: "";
	background: url(../images/icon/icon-home-brc.png);
	background-size: contain;
}

.breadcrumbs-in li.bcl-last{
	background: none;
}

.breadcrumbs-in li.bcl-last:before{
	content: none;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	

		.breadcrumbs-in li{
			background: url(../images/icon/icon-brc@2x.gif) right center no-repeat;
			-webkit-background-size: 5px 9px;
			background-size: 5px 9px;
		}

		.breadcrumbs-in li.bcl-first:before{
			width: 12px;
			height: 12px;
			background: url(../images/icon/icon-home-brc.png);
		}

		.breadcrumbs-in li:before,
		.breadcrumbs-in li.bcl-first:before{
			display: inline-block;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

		.breadcrumbs-in li.bcl-last:before{
			width: 0;
			height: 0;
			background: none;
			content: none;
		}
	}


/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts{
	line-height: 1.8;
}

/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding: 25px;
	border: 4px solid #ebebeb;
	border-radius: 10px;
}

.single .section-wrap,
.page .section-wrap{
	border: 0;
	border-radius: 0;
	padding: 0 150px;
}

.section-wrap.wide{
	border-right: 0;
	border-left: 0;
}

.section-wrap .section-in,
.float-area{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.section-wrap .section-in{
	position: relative;
}

.float-area{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.single .float-area,
.page .float-area{
	padding: 0 150px;
}

.single .related-posts{
	padding: 0 100px;
}

.single .article-wrap .section-wrap,
.single .article-wrap .float-area{
	padding: 0;
}

.section-wrap.wide{
	width: 100%;
	padding: 25px 0;
}

.section-wrap.wide .section-in{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0;
}

.article-wrap-outer{
	width: 1000px;
	margin-right: auto;	
	margin-left: auto;
	overflow: hidden;
}

.article-wrap{
	width: auto;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	margin-left: -50px;
}

.article-wrap .section-wrap{
	width: 300px;
	margin-right: 0;
	margin-left: 50px;
	margin-bottom: 40px;
	padding: 0;
	border: 0;
}


.article-wrap .section-in{
	
}

.eye-catch{
	text-align: center;
}

.eye-catch-in{
	position: relative;
}

.eye-catch .post-cat{
	position: absolute;
	left: 5px;
	bottom: 0;
	text-align: left;
}

.ad-area .eye-catch > div{
	margin: 0 auto;
}

.entry-thumbnail{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 30px;
	float: right;
}

.article-wrap .entry-thumbnail{
	margin-left: 0;
	float: none;
	width: 300px;
	height: 250px;
	overflow: hidden;
}

/*20190411 comment out
.article-wrap iframe{
	margin-left: 0;
	float: none;
	width: 300px;
	height: 250px;
}*/

.ad-pc{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ad-sp{
	display: none;
}

.ad-area01{
	margin-bottom: 50px;
	text-align: center;
}

.ad-area03 iframe{
	display: block;
    margin: auto;
}
.top-box {
    border: 4px solid #ddd;
    margin: 2em 0;
    padding: 2em;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.site-footer{
	background: #792267;
}

.site-footer-in{
	background: #fff;
}

/*フッターナビ*/
.site-footer-nav{
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	border-top: 1px solid #792267;
}

.site-footer-nav li{
	display: inline-block;
	list-style: none;
	margin-right: 50px;
	padding: 0 0 0 13px;
	background: url(../images/icon/icon-arw-next.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.site-footer-nav li{
			background: url(../images/icon/icon-arw-next@2x.png) left center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.site-footer-nav li:last-child{
	margin-right: 0;
}

.site-footer-conts-area{
	padding: 1em 0;
}

/*コピーライト*/
.copyright{
	margin: 0;
	padding: 15px 0;
	background: #792267;
	color: #fff;
	text-align: center;
}

.copyright small{
	font-size: 100%;
}

/*200326追加ページトップボタン*/
.page-top-normal{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
}


/*ページトップボタン*/
.page-top{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
}
/*200326追加*/
.page-top .shopnav-hide{
	display: none;
}
.page-top a {
    text-decoration: none;
    color: #792267;
}


/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
	margin-top: 0;
}

.main-body h1{
	margin: 60px 0 20px;
	padding: 10px 18px;
	background: #909090;
	color: #fff;
	font-size: 1.75em;
}

.main-body h2{
	position: relative;
	margin: 60px 1px 40px;
	padding: 10px 18px;
	background: #b44980;
	border: 1px solid #975d83;
	box-shadow: 0 0 0 1px #fff inset;
	color: #fff;
	font-size: 1.3em;
}

.main-body h3{
	position: relative;
	margin: 60px 0 30px;
	padding: 10px 30px 10px;
	background-image: url(../images/common/bg-h3-left.png), url(../images/common/bg-h3-right.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat;
	background-color:  #c183b4;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
}

.main-body h3.heading-red,
.main-body h3.heading-white,
.main-body h3.heading-rose{
	padding-left: 90px;
	background: url(../images/common/bg-h3-right.png) right bottom no-repeat #c183b4;
}

.main-body h3.heading-red::before{
	position: absolute;
	left: 9px;
	bottom: 0;
	width: 78px;
	height: 79px;
	content: "";
	background-image: url(../images/icon/icon-heading-red.png);
	background-size: contain;
}

.main-body h3.heading-white::before{
	position: absolute;
	left: 9px;
	bottom: 0;
	width: 78px;
	height: 79px;
	content: "";
	background-image: url(../images/icon/icon-heading-white.png);
	background-size: contain;
}

.main-body h3.heading-rose::before{
	position: absolute;
	left: 9px;
	bottom: 0;
	width: 78px;
	height: 79px;
	content: "";
	background-image: url(../images/icon/icon-heading-rose.png);
	background-size: contain;
}

.main-body h4{
	margin: 55px 0 20px;
	padding: 8px;
	border: 2px solid #c183b4;
	font-weight: bold;
	font-size: 1.063em;
}

.main-body h5,
.main-body h6{
	margin: 55px 0 15px;
	font-weight: bold;
	font-size: 1.125em;
}

/*画像を使う場合などに見出しのデザインを解除*/
.main-body .img-title{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	outline: 0;
	box-shadow: none;
	font-weight: normal;
	font-size: 1.0em;
}

.main-body .img-title::before,
.main-body .img-title::after{
	position: static;
	content: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.main-body h1 a,
.main-body h2 a,
.main-body h3 a{
	color: #fff;
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h3 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h3 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus,
.main-body h3 a:focus{
	color: #f60;
}

/*コンテンツの外にある見出し*/
.main-body .archive-title{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	background-color: #fcf8f4;
	position: relative;
	padding: 10px 20px 10px 105px;
	border: 1px solid #987b5b;
	color: #555555;
}

.main-body .archive-title::before{
	content: "";
	width: 84px;
	height: 82px;
	background: url(../images/icon/icon-archive-title.png);
	background-size: contain;
	position: absolute;
	left: 5px;
	bottom: 0;
}

/*記事タイトルや基本単位毎の最初の見出し*/
.section-wrap .section-title{
	line-height: 1.5;
	margin: 0 0 1em;
	padding: 0;
	border: none;
	background: transparent;
	color: #555;
	box-shadow: none;
}

.section-wrap .section-title::before,
.section-wrap .section-title::after{
	position: static;
	content: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.main-body .section-title a{
	color: #555;
	text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
	color: #f60;
	text-decoration: underline;
}

/*--------------------------------------------------------
パーツ毎のスタイル
--------------------------------------------------------*/

.corkboard{
	position: relative;
	margin: 35px;
	padding: 30px;
	background: url(../images/common/bg-corkboard.jpg) repeat;
	border-radius: 10px;
    box-shadow: 5px 5px 0 0 #d9d9d9;
}

.corkboard-red::after{
	position: absolute;
	width: 140px;
	height: 223px;
	bottom: 5px;
	right: 15px;
	content:" ";
	background: url(../images/common/chara-red_l.png) no-repeat;
	background-size:contain;
}

.corkboard-white::after{
	position: absolute;
	width: 103px;
	height: 240px;
	bottom: 5px;
	right: 15px;
	content:" ";
	background: url(../images/common/chara-white_l.png) no-repeat;
	background-size:contain;
}

.corkboard-rose::after{
	position: absolute;
	width: 98px;
	height: 240px;
	bottom: 5px;
	right: 15px;
	content:" ";
	background: url(../images/common/chara-rose_l.png) no-repeat;
	background-size:contain;
}

.corkboard-in{
	position: relative;
	padding: 50px 140px 50px 50px;
	background: #fff;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.4);
}

.corkboard-in::before,
.corkboard-in::after{
	position: absolute;
	top: -18px;
	width: 49px;
	height: 59px;
	content: url(../images/common/thumbtack.png);
}

.corkboard-in::before{
	left: -4px;
}

.corkboard-in::after{
	right: 4px;
}


.style-box01{
	padding: 35px;
	background: #f9f1e6;
	box-shadow: 0 0 0 1px #fff inset;
	border: 1px solid #987b5b;
	margin-bottom: 50px;
}

.style-box01 > ul{
	margin-left: 0;
}

.style-box01 ul > li{
	list-style: none;
	padding-left: 30px;
	background: url(../images/icon/icon-style-box01-list.png) left 13px no-repeat;
}

.style-box01 > ol{
	margin-left: 0;
	padding-left: 30px;
}

.style-box01 > ol > li,
.style-box01 > ul > li{
	font-size: 1.375em;
	color: #623a16;
}

.style-box01 > ol ol,
.style-box01 > ul ol,
.style-box01 > ol ul,
.style-box01 > ul ul{
	margin-top: 10px;
}

.text-box-style-box01{
	font-size: 0.728em;
	color: #555555;
}

.style-box01 .text-box-style-box01 ul,
.style-box01 .text-box-style-box01 ol{
	margin-left: 30px;
}

.style-box01 .text-box-style-box01 ul li{
	padding-left: 0;
	background: none;
	list-style: disc;
}
/*2019-4-25added*/
.style-box02{
	padding: 30px 10px 30px 10px;
	background: #f9f1e6;
	box-shadow: 0 0 0 1px #fff inset;
	border: 1px solid #987b5b;
	margin-bottom: 80px;
}

.style-box02 > ul{
	margin-left: 0;
}

.style-box02 ul > li{
	list-style: none;
	padding-left: 30px;
}


.style-box02 > ol > li,
.style-box02 > ul > li{
	font-size: 1.2em;
	color: #623a16;
}

.style-box02 > ol ol,
.style-box02 > ul ol,
.style-box02 > ol ul,
.style-box02 > ul ul{
	margin-top: 10px;
}

/*最新情報*/
.news .news-date{
	margin-right: 1em;
}

.news-item{
	padding: 1em;
	border-bottom: 1px dotted #ccc;
}

.news-item:first-child{
	padding-top: 0;
}

.news-item:last-child{
	border-bottom: 0;
}

.news .news-thumb{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.main-body .news-title{
	margin-top: 20px;
	padding: 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 1.5em;
}

.main-body .news-item:first-child .news-title{
	margin-top: 0;
}

.news .news-date,
.news .news-cat,
.post-cat{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 0.813em;
}

.article-wrap .section-wrap .post-cat{
	display: block;
	margin-bottom: 0;
}

.post-cat{
	border-radius: 3px;
	margin-right: 10px;
}

.post-cat a{
	border: 1px solid #555555;
	text-decoration: none;
	color: #000;
	background: #fff;
	opacity: .75;
	display: inline-block;
	padding: 4px 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.news .news-cont{
	margin-bottom: 0.5em;
}

/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.dl-style01 dt{
	display: block;
	float: left;
	width: 35%;
}

.dl-style01 dd{
	padding-left: 35%;
	border-bottom: 1px dotted #909090;
}

/*記述リスト 縦並び*/
.dl-style02 dt,
.dl-style02 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	border-bottom: 1px solid #fff;
}

.dl-style02 dt{
	display: block;
	background: #909090;
	color: #fff;
}

.dl-style02 dd{
	background: #e9e9e9;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-comparison{
	margin: 3em 0;
	border-top: 0;
}

.table-comparison th,
.table-comparison td{
	padding: 10px;
	text-align: center;
}

.table-comparison thead .highlight span{
	display: block;
	margin: -11px;
	margin-top: -25px;
	padding: 11px;
	padding-top: 25px;
	border: 1px solid #cfcfcf;
	border-radius: 8px 8px 0 0;
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background: #ffcc80;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background: #f2f2f2;
}

/*段組*/
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0 0 1em;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
	margin-left: 0;
}

.col4-wrap .col{
	width: 23.5%;
}

.col4-wrap .col_2of4{
	width: 49%;
}

.col4-wrap .col_3of4{
	width: 74.5%;
}

.col3-wrap .col{
	width: 32%;
}

.col3-wrap .col_2of3{
	width: 66%;
}

.col2-wrap .col{
	width: 49%;
}

.col-link{
	border: 1px solid #ccc;
}

.col-link a{
	display: block;
	color: #555;
	text-decoration: none;
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus{
	background: #eee;
}


/*引用元へのリンク*/
.link-ref{
	text-align: right;
}

/*動画などのレスポンシブ対応*/
embed, iframe, object, video{
	max-width: 100%;
}

/*検索ボックス*/
.search-box input[type="text"]{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
	height: 30px;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: inset 1px 3px 2px #eee;
}

.btn-search{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	vertical-align: top;
	padding: 5px;
	border: 0;
	background: #8f8f8f;
	border-radius: 0;
	cursor: pointer;
}

.btn-search img{
	width: 21px;
	height: 20px;
	vertical-align: top;
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 0 0 1em;
	padding: 0;
}

.sns-list li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	margin-left: 1em;
}

.sns-list li iframe{
	max-width: none;
	margin: 0;
}

.sns-list li:first-child{
	margin-left: 0;
}

/*アイキャッチ*/
.eye-catch{

}

.post-date,
.post-author,
.post-pv{
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 0.5em;
	font-size: 0.813em;
}

.article-wrap .section-wrap .post-date{
	display: block;	
}

/*吹き出し*/
.chat-l,
.chat-r{
	position: relative;
	overflow: hidden;
	margin: 0 0 2em;
}
 
.bubble{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
	min-height: 60px;
	margin-bottom: 2em;
	padding: 1em;
	border: 2px solid #c3c3c3;
	background: #fff;
	box-shadow: 7px 7px 0 0 #e8e8e8;
	min-height: 120px;
}

.chat-l .bubble{ margin-right: 20px; }
.chat-r .bubble{ margin-left: 20px; }

.bubble .bubble-in{
	border-color: #fdfdfd;
}

.talker{
	display: block;
	width: 20%;
	height: auto;
	text-align: center;
}

.talker b{
	font-weight: normal;
}

.talker img{
	display: block;
	max-width: 150px;
	margin: auto;
	border-radius: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*ワイン三貴族*/
.chara-3nobles .talker img{
	width: 180px;
	height: auto;
	border: 4px solid #f0a066;
}

/*松尾・中山*/
.chara-matsuo .talker img,
.chara-nakayama .talker img,
.chara-01 .talker img,
.chara-03 .talker img,
.chara-azuma-san .talker img,
.chara-kiyohara-san .talker img,
.chara-nakagawa-san .talker img,
.chara-sakamoto-san .talker img{
	width: 180px;
	height: auto;
	border: 4px solid #7577cd;
}



/*伊藤・広江・ヒトミ*/
.chara-ito .talker img,
.chara-hiroe .talker img,
.chara-hitomi .talker img,
.chara-ikeda .talker img,
.chara-02 .talker img,
.chara-ito-san .talker img,
.chara-nakanishi-san .talker img{
	width: 180px;
	height: auto;
	border: 4px solid #f58a8a;
}

/*赤ワイン伯爵*/
.chara-red .talker img{
	width: 180px;
	height: auto;
	border: 4px solid #c75b8c;
}

/*白ワイン公爵*/
.chara-white .talker img{
	width: 180px;
	height: auto;
	border: 4px solid #bfc98b;
}

/*ロゼ・モアゼル*/
.chara-rose .talker img{
	width: 180px;
	height: auto;
	border: 4px solid #ff9f9f;
}


.chat-l .talker{
	float: left;
	margin-right: 2%;
}

.chat-r .talker{
	float: right;
	margin-left: 2%;
}

.chat-l .bubble{
	float: right;
}

.chat-r .bubble{
	float: left;
}

.chat-l .bubble-in::before{
	position: absolute;
	top: 35px;
	left: -40px;
	width: 40px;
	height: 32px;
	content: "";
	background: url(../images/common/tsuno-left.png);
	background-size: contain;
}

.chat-r .bubble-in::before{
	position: absolute;
	top: 35px;
	right: -46px;
	width: 46px;
	height: 32px;
	content: "";
	background: url(../images/common/tsuno-right.png);
	background-size: contain;
}

/*赤吹き出し*/
.chara-red .bubble{
	border-color: #d0b3c1;
	box-shadow: 7px 7px 0 0 #ffe0ef;
}
.chara-red.chat-l .bubble-in::before{ background: url(../images/common/tsuno-red-left.png); background-size: contain; }
.chara-red.chat-r .bubble-in::before{ background: url(../images/common/tsuno-red-right.png); background-size: contain; }

/*白吹き出し*/
.chara-white .bubble{
	border-color: #c7c7ae;
	box-shadow: 7px 7px 0 0 #eaeae3;
}
.chara-white.chat-l .bubble-in::before{ background: url(../images/common/tsuno-white-left.png); background-size: contain; }
.chara-white.chat-r .bubble-in::before{ background: url(../images/common/tsuno-white-right.png); background-size: contain; }

/*ロゼ吹き出し*/
.chara-rose .bubble{
	border-color: #e8bbc8;
	box-shadow: 7px 7px 0 0 #fdd9e3;
}
.chara-rose.chat-l .bubble-in::before{ background: url(../images/common/tsuno-rose-left.png); background-size: contain; }
.chara-rose.chat-r .bubble-in::before{ background: url(../images/common/tsuno-rose-right.png); background-size: contain; }



.bubble p:first-child{
	margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker
.together .bubble{
	width: 100%;
}

.together .talker b{
	display: inline-block;
	text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker{
	float: none;
	margin: 0 0 20px;
}

.together.chat-l .talker{
	text-align: left;
}

.together.chat-r .talker{
	text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble{
	float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
	top: auto;
	bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
	right: auto;
	left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
	right: 10%;
	left: auto;
}

.together.chat-l .bubble .bubble-in:after{
	margin-top: -20px;
	margin-left: -8px;
	border-width: 20px 8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before{
	margin-top: -21px;
	margin-left: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after{
	border-width: 20px 8px;
	margin-top: -20px;
	margin-right: -8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before{
	margin-top: -21px;
	margin-right: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.bubble-in p:last-child{
	margin-bottom: 0;
}

.star30,
.star31,
.star32,
.star33,
.star34,
.star35,
.star36,
.star37,
.star38,
.star39,
.star40,
.star41,
.star42,
.star43,
.star44,
.star45,
.star46,
.star47,
.star48,
.star49,
.star50{
	-webkit-background-size: 101px 20px;
	background-size: 101px 20px;
	padding-right: 105px;
}



.star30{ background: url(../images/icon/icon-star30.png) right center no-repeat; }
.star31{ background: url(../images/icon/icon-star31.png) right center no-repeat; }
.star32{ background: url(../images/icon/icon-star32.png) right center no-repeat; }
.star33{ background: url(../images/icon/icon-star33.png) right center no-repeat; }
.star34{ background: url(../images/icon/icon-star34.png) right center no-repeat; }
.star35{ background: url(../images/icon/icon-star35.png) right center no-repeat; }
.star36{ background: url(../images/icon/icon-star36.png) right center no-repeat; }
.star37{ background: url(../images/icon/icon-star37.png) right center no-repeat; }
.star38{ background: url(../images/icon/icon-star38.png) right center no-repeat; }
.star39{ background: url(../images/icon/icon-star39.png) right center no-repeat; }
.star40{ background: url(../images/icon/icon-star40.png) right center no-repeat; }
.star41{ background: url(../images/icon/icon-star41.png) right center no-repeat; }
.star42{ background: url(../images/icon/icon-star42.png) right center no-repeat; }
.star43{ background: url(../images/icon/icon-star43.png) right center no-repeat; }
.star44{ background: url(../images/icon/icon-star44.png) right center no-repeat; }
.star45{ background: url(../images/icon/icon-star45.png) right center no-repeat; }
.star46{ background: url(../images/icon/icon-star46.png) right center no-repeat; }
.star47{ background: url(../images/icon/icon-star47.png) right center no-repeat; }
.star48{ background: url(../images/icon/icon-star48.png) right center no-repeat; }
.star49{ background: url(../images/icon/icon-star49.png) right center no-repeat; }
.star50{ background: url(../images/icon/icon-star50.png) right center no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.star30{ background: url(../images/icon/icon-star30@2x.png) right center no-repeat; }
		.star31{ background: url(../images/icon/icon-star31@2x.png) right center no-repeat; }
		.star32{ background: url(../images/icon/icon-star32@2x.png) right center no-repeat; }
		.star33{ background: url(../images/icon/icon-star33@2x.png) right center no-repeat; }
		.star34{ background: url(../images/icon/icon-star34@2x.png) right center no-repeat; }
		.star35{ background: url(../images/icon/icon-star35@2x.png) right center no-repeat; }
		.star36{ background: url(../images/icon/icon-star36@2x.png) right center no-repeat; }
		.star37{ background: url(../images/icon/icon-star37@2x.png) right center no-repeat; }
		.star38{ background: url(../images/icon/icon-star38@2x.png) right center no-repeat; }
		.star39{ background: url(../images/icon/icon-star39@2x.png) right center no-repeat; }
		.star40{ background: url(../images/icon/icon-star40@2x.png) right center no-repeat; }
		.star41{ background: url(../images/icon/icon-star41@2x.png) right center no-repeat; }
		.star42{ background: url(../images/icon/icon-star42@2x.png) right center no-repeat; }
		.star43{ background: url(../images/icon/icon-star43@2x.png) right center no-repeat; }
		.star44{ background: url(../images/icon/icon-star44@2x.png) right center no-repeat; }
		.star45{ background: url(../images/icon/icon-star45@2x.png) right center no-repeat; }
		.star46{ background: url(../images/icon/icon-star46@2x.png) right center no-repeat; }
		.star47{ background: url(../images/icon/icon-star47@2x.png) right center no-repeat; }
		.star48{ background: url(../images/icon/icon-star48@2x.png) right center no-repeat; }
		.star49{ background: url(../images/icon/icon-star49@2x.png) right center no-repeat; }
		.star50{ background: url(../images/icon/icon-star50@2x.png) right center no-repeat; }

		.star30,
		.star31,
		.star32,
		.star33,
		.star34,
		.star35,
		.star36,
		.star37,
		.star38,
		.star39,
		.star40,
		.star41,
		.star42,
		.star43,
		.star44,
		.star45,
		.star46,
		.star47,
		.star48,
		.star49,
		.star50{
			-webkit-background-size: 101px 20px;
			background-size: 101px 20px;
		}

	}

.item-data{
	margin-bottom: 1em;
}

/*レシピ*/
.ingredient-image img{
	width: 360px;
}

.recipe-image img{
	width: 550px;
}

.recipe-data,
.recipe-data dt,
.recipe-data dd{
	margin: 0;
	padding: 0;
}

.recipe-data{
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px solid #e18e51;
}

.recipe-data dt{
	display: block;
	padding: 8px 8px 8px 42px;
	color: #fff;
	font-size: 1.125em;
}

.recipe-data dd{
	padding: 12px;
}

.recipe-box{
	margin-bottom: 50px;
}

.recipe-box .ingredient-list{
	margin: 0;
	padding: 0;
}

.ingredient-item{
	border-bottom: 1px dashed #e18e51;
	margin: 0;
	padding: 10px;
	list-style: none;
}

.ingredient-list-sub{
	margin: 0;
	padding: 10px;
	background-color: #f9f1e6;
	font-size: 1.125em;
	font-weight: bold;
}

.ingredient-item:last-child{
	border-bottom: 0;
}

.ingredient-item:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.ingredient-name{
	float: left;
	width: 70%;
}

.ingredient-amount{
	float: right;
	width: 29%;
	text-align: right;
}


.title-cooking-time{
	background: url(../images/icon/icon-title-cooking-time.png) 9px center no-repeat #e18e51;
}

.title-ingredient-list{
	background: url(../images/icon/icon-title-ingredient-list.png) 9px center no-repeat #e18e51;
}

.title-source{
	background: url(../images/icon/icon-title-source.png) 9px center no-repeat #e18e51;
}

.recipe-data .cooking-time-data{
	font-weight: bold;
	font-size: 1.125em;
}

.recipe-data .ingredient-list-data{
	padding: 0;
}

.recipe-box .title-recipe-howto,
.recipe-box .title-recipe-point{
	position: relative;
	font-size: 1.125em;
	padding: 5px 10px 5px 53px;
	background-color: #f9f1e6;
}

.recipe-box .title-recipe-howto::before,
.recipe-box .title-recipe-point::before{
	position: absolute;
	content: "";
}

.recipe-box .title-recipe-howto::before{
	background: url(../images/icon/icon-title-recipe-howto.png);
	background-size: contain;
	width: 33px;
	height: 48px;
	left: 6px;
	bottom: 4px;
}

.recipe-box .title-recipe-point::before{
	background: url(../images/icon/icon-title-recipe-point.png);
	background-size: contain;
	width: 42px;
	height: 43px;
	left: 6px;
	bottom: 4px;
}

/*文章中の間*/
.interval img{
	display: block;
	margin: 60px auto;
}


/*目次*/
.toc-area{
	position: relative;
	margin-bottom: 100px;
	padding: 35px 80px 50px;
	background-color: #fcf8f4;
	border: 1px solid #987b5b;
}

.toc-area::before,
.toc-area::after,
.toc-area-in::before,
.toc-area-in::after{
	position: absolute;
	width: 50px;
	height: 50px;
}

.toc-area::before{
	top: -1px;
	left: -1px;
	content: url(../images/common/toc-corner01.png);
}

.toc-area::after{
	top: -1px;
	right: -1px;
	content: url(../images/common/toc-corner02.png);
}

.toc-area-in::before{
	bottom: -1px;
	left: -1px;
	content: url(../images/common/toc-corner03.png);
}

.toc-area-in::after{
	bottom: -1px;
	right: -1px;
	content: url(../images/common/toc-corner04.png);
}

.main-body .img-title{
	margin-top: 0;
	margin-bottom: 40px;
	text-align: center;
}
/*2020年04月02日追加*/
.toc-area-in {
    margin-top: 0;
	margin-bottom: 10px;

}

.toc-area-in ol,
.toc-area-in ul{
	margin: 0;
	padding: 0;
}
.style-none ul li{
   list-style:none;
}

.toc-area-in li{
	padding-left: 22px;
	list-style: none;
	background: url(../images/common/icon-arw-toc.png) left 7px no-repeat;
}
.toc-area-in a{
   text-decoration: none;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.toc-area-in li{
			padding-left: 22px;
			list-style: none;
			background: url(../images/common/icon-arw-toc@2x.png) left 12px no-repeat;
			background-size: 8px 14px;
    
		}

	}

.toc-area-in ol ol ol li,
.toc-area-in ul ul ul li{
	background: none;
}

.toc-area-in .p-heading{
	background-position: left 12px;
}

.toc-area-in .p-heading > a{
	font-size: 1.1em;
}

/*商品リスト*/
.item-list-line{
	height: 0;
	padding: 0;
	border: 0;
	margin-bottom: 1.5em;
	border-top: 1px dotted #c183b4;
}

.item-data-wrap{
	overflow: hidden;
}

.item-image{
	text-align: center;
	width: 200px;
	float: left;
	margin: 0 1em 1em 0;
}

.item-image a img{
	max-width: 200px;
}

.item-image02{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;
}


.item-image04{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;
}


.item-image02 a img{
	border: 1px solid #dadada;
}

.item-image03{
	text-align: center;
	width: 360px;
	float: left;
	margin: 0 1em 1em 0;
}

.item-image03 a img{
	max-width: 360px;
}


.item-wine-data{
	margin: 0 0 10px;
}

.item-wine-data li{
	margin-bottom: 0;
	list-style: none;
	font-size: 1.125em;
}

.article-body .item-wine-name{
	margin-bottom: 0;
	font-size: 1.425em;
}

.item-description{
    overflow: hidden;
	margin-bottom: 12px;
	padding: 15px;
	background-color: #f9f1e6;
	border-radius: 8px;
}
/*2020/8/24追記*/
.lists-div{
    overflow: hidden;
	margin-bottom: 12px;
	padding: 15px;
	background-color: #f0f0f0;
	border-radius: 8px;
}


.chat-box{
	margin-bottom: 25px;
	padding: 30px;
	background-color: #f9f1e6;
	border-radius: 8px;
}

.main-body .chat-box .chat-box-title{
	margin-top: 40px;
	margin-bottom: 10px;
	padding-left: 30px;
	background: url(../images/icon/icon-style-box01-list.png) left 10px no-repeat;
	font-size: 1.25em;
	color: #623a16;
	font-weight: bold;
}

.article-body .item-description *{
	margin-bottom: 0;
}

.item-box .note{
	font-size: 0.75em;
}

/*監修者*/
.editorial-supervisor-box{
	padding: 11px; /*2022/5/6 changed*/
	border: 4px solid #c3afbd;
}

.fb-box-wrap{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}


.main-body .editorial-supervisor-box .title-es-box{
	margin-top: 10px;/*2022/5/6 changed*/	
	margin-left: 10px;/*2022/5/6 changed*/	
	font-size: 1.1em; /*2022/5/6 changed*/
	background: transparent;
	padding: 0;
	color: #333;
}

.editorial-supervisor-box *:last-child{
	margin-bottom: 0;
}

.editorial-supervisor-box .profile-image-es-box{
	float: left;
	margin: 0 1em 2em 5px; /*2022/5/6 changed*/
}

.editorial-supervisor-box .profile-image-es-box img{
	width: 200px;
	height: auto;
	border-radius: 200px;
	border: 1px solid #c3afbd;
}

.image-es-box{
	margin: 0 1em 0 0; /*2022/5/6 changed*/
}

.name-es-box{
	font-size: 1.25em;
	font-weight: bold;
	/*margin-bottom: 10px;*//*2022/5/6 changed*/
}

.desc-es-box{
	font-size: 0.875em;
	overflow: hidden;
}

.job-title-es-box{
	font-weight: bold;
}

.col-onimage > .col .text-onimage{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}

.col-onimage02 > .col{
	background-position: center center;
	background-size: cover;
}

.col-onimage02 > .col .text-onimage{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}

.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
	color: #fff;
}

.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover,
.col-onimage02 > .col a:active,
.col-onimage02 > .col a:focus{
	color: #f60;
}

/*ページ送り*/
.link-next{
	text-align: right;
}

.excerpt-area .link-next{
	font-size: 1.125em;
}

.link-next a{
	padding-left: 13px;
	background: url(../images/icon/icon-arw-next.png) left 6px no-repeat;
}

.link-back a{
	padding-left: 13px;
	background: url(../images/icon/icon-arw-prev.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.link-next a{
			background: url(../images/icon/icon-arw-next@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.link-back a{
			background: url(../images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.page-nav ol{
	margin-left: 0;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 10px;
	padding: 4px 8px;
	border: 1px solid #c1c1c1;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a,
.page-nav li .current_page{
	display: block;
	margin: -4px -8px;
	padding: 4px 8px;
	color: #555;
	text-decoration: none;
}

.page-nav li .current_page,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #c1c1c1;
	color: #fff;
}

.page-nav-bf ul{
	margin-left: 0;
}

.page-nav-bf li{
	list-style: none;
}

.page-nav-next{
	float: right;
	padding-right: 13px;
	background: url(../images/icon/icon-arw-next.png) right center no-repeat;
}

.page-nav-prev{
	float: left;
	padding-left: 13px;
	background: url(../images/icon/icon-arw-prev.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.page-nav-next{
			background: url(../images/icon/icon-arw-next@2x.png) right center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.page-nav-prev{
			background: url(../images/icon/icon-arw-prev@2x.png) left center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.single .article-body,
.page .article-body{
	margin-bottom: 20px;/*2022/5/11 changed*/
}

.article-body p{
	margin-bottom: 2.5em;
}

.cont-nav{
	padding-top: 40px;
	border-top: 1px solid #ccc;
}

/*コメント*/
.comment-form-author,
.comment-form-mail,
.comment-form-url{
	margin-bottom: 2em;
}

.comment-form-author p,
.comment-form-mail p,
.comment-form-url p{
	margin-bottom: 0;
}

.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.alignright{
	float: right;
	margin: 0 0 1em 1em;
}

.aligncenter{
	display: block;
	float: none;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

.post-tag a{
	word-break: break-all;
}


/*ページ分割*/
.link-pages{
	margin-top: 2em;
	text-align: center;
	line-height: 1.2;
}

.link-pages span{
	display: inline-block;
	margin-left: 0;
}

.link-pages a,
.link-pages span{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0.5em;
	padding: 4px 8px;
	border: 1px solid #c1c1c1;
	text-decoration: none;
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{
	background: #c1c1c1;
	color: #fff;
}

.link-pages a span{
	display: inline;
	margin-right: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.link-pages .link-pages-cap{
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.main-body .style-list001 > li{
    font-size: 1.1em;
    color: #623a16;
}


/* SNSボタン */	
.sns-btn_wrap{	
display: table;	
width: 100%;	
max-width: 850px;	
padding: 0 5px 20px;	
line-height: 1.5;	
table-layout: fixed;	
border-spacing: 5px 0;	
}	
.sns-btn_wrap > div{	
display: table-cell;	
background-color: rgba(255,255,255,0.85);	
border: 1px solid #ddd;	
border-radius: 4px;	
text-align: center;	
}	
.sns-btn_wrap > div:hover,	
.sns-btn_wrap > div:active,	
.sns-btn_wrap > div:focus{	
-webkit-transition: 0.3s;	
transition: 0.3s;	
opacity: 0.5;	
}	
.sns-btn_wrap > div a{	
display: block;	
padding: 3px 0;	
text-decoration: none;	
color: #fff;	
font-weight: bold;	
}	
.sns-btn_wrap > .sns-btn_tw a{	
color: #1da1f2;	
}	
.sns-btn_wrap > .sns-btn_fb a{	
color: #3b5998;	
}	
.sns-btn_wrap > .sns-btn_hatena a{	
color: #00a4de;	
}	
.sns-btn_wrap > .sns-btn_gplus a{	
color: #d34836;	
}	
.sns-btn_wrap > .sns-btn_line a{	
color: #00b900;	
}	
.sns-btn_wrap > div .icon_line{	
margin-right: 5px;	
}	
.sns-btn_wrap > .sns-btn_pocket a{	
color: #ef4156;	
}	
.sns-btn_wrap > .sns-btn_insta i{	
padding: 3px;	
background-color: #c40094;	
border-radius: 3px;	
}	
.sns-btn_wrap > .sns-btn_insta span{	
color: #c40094;	
}	
.sns-btn_wrap > div i{	
margin-right: 5px;	
font-size: 12px;	
}	
.sns-btn_wrap > div svg{	
margin-right: 5px;	
}	
.sns-btn_wrap_s > div i{	
display: inline;	
}	
.sns-btn_wrap > div a > span{	
font-size: 1.1rem;	
}	
.sns-btn_wrap > div i::before{	
font-size: 16px;	
}	
.sns-btn_fb .fab.fa-facebook::before, .sns-btn_fb .fab.fa-twitter::before, .sns-btn_fb.fa-get-pocket:before {	
font-weight: normal;	
}	
.f-hatena{	
display: inline-block;	
font: normal normal normal 14px/1 Verdana;	
}	
.f-hatena::before{	
font-weight: bold;	
font-size: inherit;	
content: "B!";	
}	
/*SNSフォローボタン*/	
.sns-follow-btn{	
margin: 10px 0;	
text-align: center;	
}	
.sns-follow-btn_tw,	
.sns-follow-btn_fb,	
.sns-follow-btn_insta,	
.sns-follow-btn_ws{	
display: inline-block;	
width: 25px;	
height: 25px;	
margin-bottom: 4px;	
border-radius: 4px;	
overflow: hidden;	
vertical-align: middle;	
text-align: center;	
}	
.sns-follow-btn_tw > a,	
.sns-follow-btn_fb > a,	
.sns-follow-btn_insta > a,	
.sns-follow-btn_ws > a{	
color: #fff;	
text-decoration: none;	
}	
.sns-follow-btn_tw{	
background-color: #1da1f2;	
}	
.sns-follow-btn_fb{	
background-color: #3b5998;	
}	
.sns-follow-btn_insta{	
background-color: #c40094;	
}	
.sns-follow-btn_ws{	
background-color: #aaa;	
}	
.sns-follow-btn_tw .fa-twitter,	
.sns-follow-btn_fb .fa-facebook,	
.sns-follow-btn_insta .fa-instagram,	
.sns-follow-btn_ws .fa-home{	
position: relative;	
z-index: 2;	
color: #fff;	
font-size: 16px;	
line-height: 25px;	
}	
.sns-follow-box{	
margin: 30px 0;	
background: #f0f0f0;	
border: 1px solid #ddd;	
line-height: 1.5;	
}	
.sns-follow-box_inner{	
padding: 20px;	
font-size: 1.4rem;	
text-align: center;	
}	
.sns-follow-box_btns_fb,	
.sns-follow-box_btns_tw,	
.sns-follow-box_btns_insta{	
display: inline-block;	
width: 55px;	
height: 55px;	
margin: 0 5px;	
color: #fff;	
font-size: 2.2rem;	
text-align: center;	
line-height: 55px;	
}	
.sns-follow-box_btns_fb a,	
.sns-follow-box_btns_tw a,	
.sns-follow-box_btns_insta a{	
display: block;	
border-radius: 50%;	
color: #fff;	
}	
.sns-follow-box_btns_fb a{	
background: #3b5998	
}	
.sns-follow-box_btns_tw a{	
background: #1da1f2;	
}	
.sns-follow-box_btns_insta a{	
background: #c40094;	
}	
.sns-follow-box_btns_fb a:hover,	
.sns-follow-box_btns_fb a:focus,	
.sns-follow-box_btns_fb a:active,	
.sns-follow-box_btns_tw a:hover,	
.sns-follow-box_btns_tw a:focus,	
.sns-follow-box_btns_tw a:active,	
.sns-follow-box_btns_insta a:hover,	
.sns-follow-box_btns_insta a:focus,	
.sns-follow-box_btns_insta a:active{	
opacity: 0.5;	
}	
.facebook-pageplugin-area {	
margin: 30px 0;	
text-align: center;	
}
/*--------------------------------------------------------

デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e53935!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #555;
	border-radius: 50%;
	content: "";
}
	
/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #e9e9e9;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(../images/sample09.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.7);
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; }

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }
.f075em{ font-size: 0.75em; }
.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ca7800!important; }/*橙*/
.pink{ color: #ec407a!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #7fbe25!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }/*黄*/
.box-orange{ background-color: #f90; }/*橙*/
.box-pink{ background-color: #ffccff; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }


/*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/
.outbound{
	padding: 3px;
	padding-left: 15px;
	background: url(../images/icon/icon-outbound-link.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.outbound{
			background: url(../images/icon/icon-outbound-link@2x.png) left center no-repeat;
			-webkit-background-size: 12px 13px;
			background-size: 12px 13px;
		}

	}

.hidden{
	display: none;
}

.badge-new{
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 20;
	width: 53px;
	height: 53px;
	background: #782269;
	border-radius: 27px;
	border: 2px solid #fff;
	color: #fff;
	line-height: 53px;
	text-align: center;
}

.excerpt-area{
	overflow: hidden;
}

/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.navigation:after,
.item-box-in:after,
.editorial-supervisor-box:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

/*Youtube動画
.v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

.v-wrap iframe,
.v-wrap object,
.v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

.ytube-id46-1 .v-wrap{
	margin-bottom: 30px;
}

/* 2017年5月31日 追記 */
.wine-list{
margin-bottom: 50px;
}

.wine-list-item{
padding: 20px 0;
border-bottom: 1px dotted #c582b1;
overflow: hidden;
}

.wine-list-item p{
margin-bottom: 1em;
}

.wine-list-item .data-price{
margin-right: 1em;
}


.wine-list-item-thumb{
width: 140px;
float: left;
margin-right: 18px;
margin-bottom: 10px;
}

/*2022/2/3 追記*/
.wine-list-item-thumb3{
width: 140px;
float: left;
margin-right: 18px;
margin-bottom: 10px;
}


.wine-list-item-thumb200{
width: 200px;
float: left;
margin-right: 18px;
margin-bottom: 10px;
}

.wine-list-item-thumb img{
display:block;
}

.wine-list-item-title{
font-size: 1.125em;
font-weight: bold;
}
.wine-list-item-title2{
font-size: 1.0em;
font-weight: bold;
}

.wine-list-item-title:first-letter{
font-size: 1.375em;
}

.wine-list-link-next{
	text-align: right;
	margin-bottom: 0;
}


.wine-list-link-next a{
	padding-left: 22px;
	list-style: none;
	background: url(../images/common/icon-arw-toc.png) left 12px no-repeat;
	display: inline-block;
    line-height: 2;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.wine-list-link-next a{
			background: url(../images/common/icon-arw-toc@2x.png) top 14px left 9px no-repeat;
			background-size: 8px 14px;
            line-height:2.5;
		}

	}


/* 2017年6月1日追記 */
.tasted-wine-item-thumb{
	float: left;
	width: 30%;
	max-width: 260px;
	text-align: center;
}

.tasted-wine-item-detail{
	float: right;
	width: 70%;
	max-width: 640px;
}

.tasted-wine-item-data th,
.tasted-wine-item-data td{
		padding: 5px 10px;
}

.tasted-wine-item-data th{
	background-color: #f4ecf2;
	font-weight: bold;
}

.tasted-wine-item-data td{
		background-color: #f4f4f4;
}

.vintage-info{
	margin-bottom: 20px;
	overflow: hidden;
}

.vintage-info-title{
	font-weight: bold;
}


/*2017年6月29日追記*/
.recipe-data.recipe-data-center{
    width: 500px;
    margin: auto;
    max-width: 100%;
}

/*2017年7月4日追記*/
.recipe-data.recipe-data-center .title-ingredient-list{
	background-image: url(../images/icon/icon-title-ingredient-list02.png);
}

/*2017年8月31日追記*/
.global-nav-in{
	display: none;
}

/*2017年10月13日追記*/
.data-value02{
	font-size: 0.875em;
}

/*2017年10月13日追記*/
.wine-list-item-thumb img{
	display: inline;
}

.wine-list-item-thumb{
	text-align: center;
}

.wine-list-item-desc{
	overflow: hidden;
}

/*2017年12月19日追記*/
.recipe-point,
.recipe-howto{
	overflow: hidden;
}

/*2018年4月12日追記*/
.topwine_wrap{
	letter-spacing: -.5em;
	text-align: center;
}

.topwine_bubble{
	display: inline-block;
	letter-spacing: 0;
	max-width: 50%;
}

.topwine_wines{
	display: inline-block;
	letter-spacing: 0;
	max-width: 50%;
}

/*2018年5月24日追記*/
.table-winery th{
	width: 150px;
}

.table-winery th i{
	margin-right: 10px;
}

.instagram-media{
	margin-right: auto!important;
	margin-left: auto!important;
}

/*
# SNSボタン add 19-02-06
*/
.sns-btn_wrap{
	display: table;
	width: 100%;
	max-width: 750px;
	padding: 0 5px 20px;
	line-height: 1.5;
	table-layout: fixed;
	border-spacing: 5px 0;
}

.sns-btn_wrap{
	padding: 0 0 20px
}

.sns-btn_wrap{
	margin-right: auto;
	margin-left: auto;
}

.sns-btn_wrap > div{
	display: table-cell;
	background-color: rgba(255,255,255,0.85);
	
	border-radius: 4px;
	text-align: center;
}

.sns-btn_wrap > div:hover,
.sns-btn_wrap > div:active,
.sns-btn_wrap > div:focus{
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0.5;
}

.sns-btn_wrap > div a{
	display: block;
	padding: 3px 0;
	text-decoration: none;
	color: #fff;

}

.sns-btn_wrap > .sns-btn_tw a{
	color: white;
    background-color: #79c4f2;
}

.sns-btn_wrap > .sns-btn_fb a{
	color: white;
background-color: #7d8fb3;
}

.sns-btn_wrap > .sns-btn_hatena a{
	color: white;
background-color: #62bdde;
}

.sns-btn_wrap > .sns-btn_gplus a{
	color: #d34836;
}

.sns-btn_wrap > .sns-btn_line a{
	color: #00b900;
}

.sns-btn_wrap > div .icon_line{
	margin-right: 5px;
}

.icon_line::before{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(./images/icon/icon_line.png);
	background-size: cover;
	vertical-align: bottom;
	content: "";
}

.sns-btn_wrap > .sns-btn_pocket a{
	color: #ef4156;
}

.sns-btn_wrap > .sns-btn_insta i{
	padding: 3px;
	background-color: #c40094;
	border-radius: 3px;
}

.sns-btn_wrap > .sns-btn_insta span{
	color: #c40094;
}

.sns-btn_wrap > div i{
	margin-right: 5px;
	font-size: 12px;
}

.sns-btn_wrap_s > div i{
	display: inline;
}

.sns-btn_wrap > div a > span{
	font-size: 0.8em;
}

.sns-btn_wrap > div i::before{
	font-size: 16px;
}

.f-hatena{
	display: inline-block;
	font: normal normal normal 14px/1 Verdana;
}

.f-hatena::before{
	font-weight: bold;
	font-size: inherit;
	content: "B!";
    color: white;
}
.t-right{
    text-align:right;
}
/*2020年2月10日追記*/
.wine-list02 > ul{
     margin: 0 0 60px;
     border-top: 1px solid #cccccc;
}

.wine-list02 .wine-list02-item{
	list-style: none;
	padding: 20px 0;
	border-bottom: 1px solid #cccccc;
}

.article-body .wine-list02-title{
	font-size: 1.25em;
	margin-bottom: 35px;
	line-height: 1.5;
	font-weight: bold;
}
.wine-list02-title span{
	display: block;
	font-size: 0.7em;
	font-weight: normal;
}

.wine-list02-features{
	box-sizing: border-box;
}

.wine-list02-thumb{
	box-sizing: border-box;
	margin: auto;
	margin-bottom: 40px;
	text-align: center;
}

.wine-list02-thumb a{
	position: relative;
	display: inline-block;
}

.wine-list02-thumb a img{
	width: 100%;
}

.wine-list02-thumb a::before{
	width: 44px;
	height: 30px;
	position: absolute;
	left: 7px;
	top: 7px;
	content: '';
	background-size: contain;
}

.wine-country_us a::before{ background-image: url(../images/icon/country-america.png); } /*アメリカ*/
.wine-country_ar a::before{ background-image: url(../images/icon/country-argentina.png); } /*アルゼンチン*/
.wine-country_au a::before{ background-image: url(../images/icon/country-australia.png); } /*オーストラリア*/
.wine-country_at a::before{ background-image: url(../images/icon/country-austria.png); } /*オーストリア*/
.wine-country_cl a::before{ background-image: url(../images/icon/country-chili.png); } /*チリ*/
.wine-country_fr a::before{ background-image: url(../images/icon/country-france.png); } /*フランス*/
.wine-country_de a::before{ background-image: url(../images/icon/country-germany.png); } /*ドイツ*/
.wine-country_hu a::before{ background-image: url(../images/icon/country-hungary.png); } /*ハンガリー*/
.wine-country_it a::before{ background-image: url(../images/icon/country-italy.png); } /*イタリア*/
.wine-country_jp a::before{ background-image: url(../images/icon/country-japan.png); } /*日本*/
.wine-country_nz a::before{ background-image: url(../images/icon/country-newzealand.png); } /*ニュージーランド*/
.wine-country_pt a::before{ background-image: url(../images/icon/country-portugal.png); } /*ポルトガル*/
.wine-country_sk a::before{ background-image: url(../images/icon/country-slovakia.png); } /*スロバキア*/
.wine-country_za a::before{ background-image: url(../images/icon/country-southafrica.png); } /*南アフリカ*/
.wine-country_es a::before{ background-image: url(../images/icon/country-spain.png); } /*スペイン*/
.wine-country_nn a::before{ background-image: url(../images/icon/country-non.png); } /*なし*/


.wine-list02-review li{
	list-style: none;
	margin: 0 0 10px;
	line-height: 1;
}

.wine-list02-review{
	margin: 0 0 30px;
	padding-top: 40px;
	font-size: .875em;
	box-sizing: border-box;
}

.wine-list02-review dl{
	margin: 0;
	letter-spacing: -.5em;
}

.wine-list02-review dl{
	position: relative;
}

.wine-list02-review li:first-child dl dd::before,
.wine-list02-review li:first-child dl dd::after{
	position: absolute;
	width: 1em;
	top: -1.2em;
	font-size: 1em;
	font-weight: bold;
}

.wine-list02-review li:first-child dl dd::before{
	content: "弱";
	left: 0;
	color: #ff9600;
}

.wine-list02-review li:first-child dl dd::after{
	content: "強";
	right: 0;
	color: #ff7c2f;
}

.wine-list02-label{
	display: inline-block;
	width: 3em;
	letter-spacing: 0;
	white-space: nowrap;
	line-height: 1;
	vertical-align: top;
	font-size: 1.125em;
}

.range-wrap::before,
.range-wrap::after{
	display: inline-block;
}

.range-value-wrap{
	position: absolute;
	top: 0;
	padding: 0;
	margin-left: 3em;
	letter-spacing: -.5em;
	width: 480px;
}

.range-value-wrap .range-value{
	display: none;
}

.range-figure{
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	background: -moz-linear-gradient(left, #ffd800, #ff6a2f);
	background: -webkit-linear-gradient(left, #ffd800, #ff6a2f);
	background: linear-gradient(to right, #ffd800, #ff6a2f);
	width: 480px;
	height: 12px;
}

.range-figure::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background-color: #f0f0f0;
	width: 480px;
	height: 12px;
}
.range-figure-child{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *1 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.range-figure-child2{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *2 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.range-figure-child3{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *3 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.range-figure-child4{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *4 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.range-figure-child-bl{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *1 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.range-figure-child2-bl{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *2 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.range-figure-child3-bl{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *3 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.range-figure-child4-bl{
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	width: calc( 100% / 5 *4 );
	height: 12px;
	border-left: solid 1px rgb(255 124 47 / 0.7);
}
.value50 .range-figure::after{ width: 0; }
.value40 .range-figure::after{ width: calc( 100% / 5 ); }
.value30 .range-figure::after{ width: calc( 100% / 5 *2 );}
.value20 .range-figure::after{width: calc( 100% / 5 * 3 );}
.value10 .range-figure::after{ width: calc( 100% / 5 * 4 ); }

.wine-list02-item-in{
	margin-bottom: 25px;
	padding: 0 30px 30px;
	border: 2px solid #f0f0f0;
}


.wine-list02-features{
	margin: 0 -30px;
	padding: 15px 30px;
	background-color: #f0f0f0;
}

.wine-list02-features dt,
.wine-list02-features dd{
	line-height: 1;
}

.wine-list02-item-status{
	margin: 30px;
}

.wine-list02-cat-list,
.wine-list02-features-list{
	margin: 0;
	letter-spacing: -.5em;
}

.wine-list02-features-list{
	margin-bottom: 10px;
}

.wine-list02-cat-list li,
.wine-list02-features-list li{
	letter-spacing: 0;
	list-style: none;
	display: inline-block;
	line-height: 1;
	padding: 5px;
	font-size: .875em;
	margin-right: 12px;
}

.wine-list02-cat-list li:last-child,
.wine-list02-features-list li:last-child{
	margin-right: 0;
}

.wine-list02-red .wine-list02-cat-list li{ background-color: #ffe7e8; }
.wine-list02-white .wine-list02-cat-list li{ background-color: #d9fec0; }
.wine-list02-sparkling .wine-list02-cat-list li{ background-color: #fff089; }
.wine-list02-rose .wine-list02-cat-list li{ background-color: #ffeaea; }

.wine-list02-cat-list .wine-cat{ color: #fff; }
.wine-list02-red .wine-list02-cat-list .wine-cat{ background-color: #ff565d; }
.wine-list02-white .wine-list02-cat-list .wine-cat{ background-color: #8ddb28; }
.wine-list02-sparkling .wine-list02-cat-list .wine-cat{ background-color: #edc902; }
.wine-list02-rose .wine-list02-cat-list .wine-cat{ background-color: #fd8989; }

.wine-list02-features-list li{ background-color: #f0f0f0; }

.wine-list02-description{
	clear: both;
	font-size: .875em;
}

.wine-list02-status-list{
	margin: 0;
	letter-spacing: -.5em;
}

.wine-list02-status-list dt{
	float: left;
	display: inline-block;
	width: 5em;
	letter-spacing: 0;
}

.wine-list02-status-list_price dt{
	width: 2em;
	font-size: 1.25em;
}

.wine-list02-status-list_price dd{
	font-size: 1.25em;
}

.wine-list02-status-list dd::before{
	content: '：';
	letter-spacing: 0;
}

.wine-list02-status-list dd{
	padding-left: 6em;
	letter-spacing: 0;
	text-indent: -1em;
}

.wine-list02-status-list_price dd{
	padding-left: 3em;
}

.wine-list02-status-list .data-value{
	width: 2em;
}

.current-price-notice{
	font-size: 0.8em;
}

/*ボタン*/
.wine-list02-btn-area{
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}


.wine-list02-btn-area .wine-list02-btn{
	width: 23%;
}

.wine-list02-btn-area01 .wine-list02-btn:nth-child(1){
	margin-right: 3%;
}

.wine-list02-btn-area02 .wine-list02-btn:nth-child(2){
	margin-right: 3%;
}

.wine-list02-btn-area03 .wine-list02-btn,
.wine-list02-btn-area04 .wine-list02-btn{
	margin-right: 3%;
}

.wine-list02-btn-area03 .wine-list02-btn:nth-child(3),
.wine-list02-btn-area04 .wine-list02-btn:nth-child(1){
	margin-right: 0;
}

/*順番*/
.wine-list02-btn-area02 .wine-list02-btn:nth-child(1){
	-ms-flex-order: 2;
	order: 2;
}

.wine-list02-btn-area02 .wine-list02-btn:nth-child(2){
	-ms-flex-order: 1;
	order: 1;
}

.wine-list02-btn-area04 .wine-list02-btn:nth-child(1){
	-ms-flex-order: 3;
	order: 3;
}

.wine-list02-btn-area04 .wine-list02-btn:nth-child(2){
	-ms-flex-order: 1;
	order: 1;
}

.wine-list02-btn-area04 .wine-list02-btn:nth-child(3){
	-ms-flex-order: 2;
	order: 2;
}

.wine-list02-btn a{
	display: block;
	background-color: #32bc93;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	padding: 10px 20px;
	border-radius: 6px;
	text-align: center;
}

.wine-list02-btn a:hover,
.wine-list02-btn a:active,
.wine-list02-btn a:focus{
	background-color: #99dec9;
}

.btn-article a{
	display: block;
	background-color: #203864;
}

.btn-article a:hover,
.btn-article a:active,
.btn-article a:focus{
	background-color: #909cb2;
}

.wine-list02-btn a span::before{
	content: '>';
	margin-right: .25em;
}

.btn-readmore{
	display: none;
	cursor: pointer;
}
.article-prev span{
	display: block;
	padding: 40px 5px 16px;
	background: url(../images/common/shopnav-prev_pc.png) center 20px no-repeat #f8f8f8;
	font-size: 10px;
	border-bottom: 1px dotted #792267;
}

.article-next span{
	display: block;
	padding: 40px 5px 16px;
	background: url(../images/common/shopnav-next_pc.png) center 20px no-repeat #f8f8f8;
	font-size: 10px;
}

.article-top{
	margin-top: 25px;
}

.article-top span{
	display: block;
	padding: 43px 5px 16px;
	background: url(../images/common/shopnav-backtotop_pc.png) center 13px no-repeat #f8f8f8;
	font-size: 10px;
}
/*2020月04月02日追加　目次*/
.toc-area2{
	position: relative;
	margin-bottom: 100px;
	padding: 35px 80px 20px;
	background-color: #fcf8f4;
	border: 1px solid #987b5b;
		margin: 0 auto;
		width: 350px;
}

.toc-area2::before,
.toc-area2::after,
.toc-area-in::before,
.toc-area-in::after{
	position: absolute;
	width: 50px;
	height: 50px;
}

.toc-area2::before{
	top: -1px;
	left: -1px;
	content: url(../images/common/toc-corner01.png);
}

.toc-area2::after{
	top: -1px;
	right: -1px;
	content: url(../images/common/toc-corner02.png);
}

.toc-area-in::before{
	bottom: -1px;
	left: -1px;
	content: url(../images/common/toc-corner03.png);
}

.toc-area-in::after{
	bottom: -1px;
	right: -1px;
	content: url(../images/common/toc-corner04.png);
}

.toc-area-in {
	margin-top: 0;
	margin-bottom: 40px;

}

.toc-area-in ol,
.toc-area-in ul{
	margin: 0;
	padding: 0;
}
.style-none ul li{
   list-style:none;
}

.toc-area-in li{
	padding-left: 22px;
	list-style: none;
	background: url(../images/common/icon-arw-toc.png) left 7px no-repeat;
}
.toc-area-in a{
   text-decoration: none;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.toc-area-in li{
			padding-left: 22px;
			list-style: none;
			background: url(../images/common/icon-arw-toc@2x.png) left 12px no-repeat;
			background-size: 8px 14px;
    
		}

	}

.toc-area-in ol ol ol li,
.toc-area-in ul ul ul li{
	background: none;
}

.toc-area-in .p-heading{
	background-position: left 12px;
}

.toc-area-in .p-heading > a{
	font-size: 1.1em;
}
.lists-image{
    background: url(../images/common/bg003.jpg) bottom no-repeat;
}

/*ワイン一覧用追随メニューボタン*/
.wine-list-nav{
	position: fixed;
	top: 25px;
	right: -270px;
	width: 270px;
	padding: 15px;
	background-color: rgba(252,248,244,0.9);
	border: #dfdfdf 1px solid;
	border-right: none;
	box-sizing: border-box;
	z-index: 10;
}
.wine-list-nav p{
	font-size: 0.688em;
}
.wine-list-nav p:last-child{
	margin-bottom: 0;
}
.wine-list-nav ul{
	margin-left: 0;
}
.wine-list-nav > ul{
	overflow-y: scroll;
	width: calc(100% + 32px);
	border-top: #dfdfdf 1px solid;
}
.wine-list-nav ul ul{
	overflow: auto;
	font-size: 0.875em;
}
.wine-list-nav li{
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 15px 0;
	border-bottom: #dfdfdf 1px solid;
}
.wine-list-nav li li{
	border-bottom: none;
	padding: 0;
}
.wine-list-nav li a{
	color: #000;
	display: block;
	padding: 8px 0;
	text-decoration: none;
	font-weight: bold;
}
.wine-list-nav ul ul li a,
.wine-list-nav ul .wine-list-nav_page-top a{
	padding-left: 15px;
	background: url(../images/common/wine-list-nav_arrow@2x.png) left center no-repeat;
	background-size: 8px 9px;
	font-weight: normal;
}
.wine-list-nav ul .wine-list-nav_page-top a{
	font-size: 0.875em;
}
.btn_wine-list-nav{
	position: fixed;
	bottom: 70px;
	right: 0;
	cursor: pointer;
}
.btn_wine-list-nav_close{
	display: none;
	position: absolute;
	top: -1px;
	left: -45px;
	width: 44px;
	height: 44px;
	background: url(../images/common/wine-list-nav_close@2x.png) center center no-repeat rgba(252,248,244,0.9);
	background-size: 28px 28px;
	border: #dfdfdf 1px solid;
	cursor: pointer;
}
.twitter-tweet {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
/*Facebookのシェアボタンが途中で切れるので無理やりのばす 2020/11/17*/
.sns-list iframe[src*="facebook"] {
  width:154px !important;
}
.outline {
    box-sizing: initial;
    border: 2px solid #ccc;
}
.button_wrapper a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 400px;
    width: 100%;
    padding: 7px;
    margin: 10px auto 10px auto;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    font-size: 1.0em;
    line-height: 1.8;
    background-color: #f59d3f;
    border-bottom: solid 3px #f2840f;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.button_wrapper a:hover {
    background-color: #f9c288;

}
.button_wrapper_l a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 400px;
    width: 100%;
    padding: 7px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    font-size: 1.0em;
    line-height: 1.8;
    background-color: #f59d3f;
    border-bottom: solid 3px #f2840f;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.button_wrapper_l a:hover {
    background-color: #f9c288;

}
/* ワインリストのデザイン 2021/10/12 追記 */
.item-box-wine .item-box-wine_inner{
	max-width: 660px;
	margin-right: auto;
	margin-left: auto;
}

.item-box-wine .item-box-wine_title{
	/*margin-bottom: 25px;
	background-image: url(../images/bg-h4-right.png);
	background-image: image-set(url(../images/bg-h4-right.png) 1x, url(../images/bg-h4-right@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/bg-h4-right.png) 1x, url(../images/bg-h4-right@2x.png) 2x);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	/*background-color: rgba(197,48,125,0.08);
	border-top: 2px solid #c183b4;
	border-bottom: 2px solid #c183b4;
	border-left: 0;
	border-right: 0;
	font-size: 1.063em;
	font-weight: normal;
	color: #6f0053;*/
	margin: 55px 0 20px;
	padding: 8px;
	border: 2px solid #c183b4;
	font-weight: bold;
	font-size: 1.063em;
}

.item-box-wine .item-box-wine_thumb{
	margin-bottom: 18px;
	text-align: center;
}

.item-box-wine .item-box-wine_name{
	margin-bottom: 1px;
	font-size: 1.188em;
}

.item-box-wine .item-box-wine_name a{
	color: #555;
	text-decoration: none;
}

.item-box-wine_price_wrap{
	margin-bottom:10px;
}

.item-box-wine .item-box-wine_price{
	display: inline-block;
	font-size: 1.063em;
}

.item-box-wine .item-box-wine_evaluation{
	display: inline-block;
}

item-box-wine_evaluation　.data-label{
	font-size: 0.684em;
}

.item-box-wine .item-box-wine_price_wrap .note{
	margin-bottom: 0;
	color: #8e8b8b;
	font-size: 0.688em;
}

.item-box-wine_evaluation .star30,
.item-box-wine_evaluation .star31,
.item-box-wine_evaluation .star32,
.item-box-wine_evaluation .star33,
.item-box-wine_evaluation .star34,
.item-box-wine_evaluation .star35,
.item-box-wine_evaluation .star36,
.item-box-wine_evaluation .star37,
.item-box-wine_evaluation .star38,
.item-box-wine_evaluation .star39,
.item-box-wine_evaluation .star40,
.item-box-wine_evaluation .star41,
.item-box-wine_evaluation .star42,
.item-box-wine_evaluation .star43,
.item-box-wine_evaluation .star44,
.item-box-wine_evaluation .star45,
.item-box-wine_evaluation .star46,
.item-box-wine_evaluation .star47,
.item-box-wine_evaluation .star48,
.item-box-wine_evaluation .star49,
.item-box-wine_evaluation .star50{
	padding-right: 100px;
	-webkit-background-size: 91px 18px;
	background-size: 91px 18px;
}

.item-box-wine_table{
	margin-bottom: 40px;
}

.item-box-wine_info .item-box-wine_data-table{
	margin: 0;
	border: 2px solid #f9f1e6;
	font-size: 0.813em;
}

.item-box-wine_info .item-box-wine_data-table th,
.item-box-wine_info .item-box-wine_data-table td{
	padding: 12px;
	border: 2px solid #f9f1e6;
    vertical-align: top;
}

.item-box-wine_data-table .data-label{
	width: 15%;
	background-color: #f9f1e6;
}

.item-box-wine_data-table .data-value{
	width: 35%;
}

.item-box-wine_data-table .data-value:last-child{
	border-bottom: 0;
}


.item-box-wine_visual{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}

.item-box-wine_visual .item-box-wine_graph{
	width: 100%;
	max-width: 190px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

/* 	Retina対応する場合は以下
.item-box-wine_visual .p331{
	background-image: url(../images/p331.png);
	background-image: url(../images/p331.png);
	background-image: image-set(url(../images/p331.png) 1x, url(../images/p331@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/p331.png) 1x, url(../images/p331@2x.png) 2x);
}
*/
.item-box-wine_visual .p331ss{ background-image: url(../images/p331_2.svg); }

.item-box-wine_visual .p111{ background-image: url(../images/svg/p111.svg); }
.item-box-wine_visual .p112{ background-image: url(../images/svg/p112.svg); }
.item-box-wine_visual .p113{ background-image: url(../images/svg/p113.svg); }
.item-box-wine_visual .p114{ background-image: url(../images/svg/p114.svg); }
.item-box-wine_visual .p121{ background-image: url(../images/svg/p121.svg); }
.item-box-wine_visual .p122{ background-image: url(../images/svg/p122.svg); }
.item-box-wine_visual .p123{ background-image: url(../images/svg/p123.svg); }
.item-box-wine_visual .p124{ background-image: url(../images/svg/p124.svg); }
.item-box-wine_visual .p131{ background-image: url(../images/svg/p131.svg); }
.item-box-wine_visual .p132{ background-image: url(../images/svg/p132.svg); }
.item-box-wine_visual .p133{ background-image: url(../images/svg/p133.svg); }
.item-box-wine_visual .p134{ background-image: url(../images/svg/p134.svg); }
.item-box-wine_visual .p141{ background-image: url(../images/svg/p141.svg); }
.item-box-wine_visual .p142{ background-image: url(../images/svg/p142.svg); }
.item-box-wine_visual .p143{ background-image: url(../images/svg/p143.svg); }
.item-box-wine_visual .p144{ background-image: url(../images/svg/p144.svg); }
.item-box-wine_visual .p211{ background-image: url(../images/svg/p211.svg); }
.item-box-wine_visual .p212{ background-image: url(../images/svg/p212.svg); }
.item-box-wine_visual .p213{ background-image: url(../images/svg/p213.svg); }
.item-box-wine_visual .p214{ background-image: url(../images/svg/p214.svg); }
.item-box-wine_visual .p221{ background-image: url(../images/svg/p221.svg); }
.item-box-wine_visual .p222{ background-image: url(../images/svg/p222.svg); }
.item-box-wine_visual .p223{ background-image: url(../images/svg/p223.svg); }
.item-box-wine_visual .p224{ background-image: url(../images/svg/p224.svg); }
.item-box-wine_visual .p231{ background-image: url(../images/svg/p231.svg); }
.item-box-wine_visual .p232{ background-image: url(../images/svg/p232.svg); }
.item-box-wine_visual .p233{ background-image: url(../images/svg/p233.svg); }
.item-box-wine_visual .p234{ background-image: url(../images/svg/p234.svg); }
.item-box-wine_visual .p241{ background-image: url(../images/svg/p241.svg); }
.item-box-wine_visual .p242{ background-image: url(../images/svg/p242.svg); }
.item-box-wine_visual .p243{ background-image: url(../images/svg/p243.svg); }
.item-box-wine_visual .p244{ background-image: url(../images/svg/p244.svg); }
.item-box-wine_visual .p311{ background-image: url(../images/svg/p311.svg); }
.item-box-wine_visual .p312{ background-image: url(../images/svg/p312.svg); }
.item-box-wine_visual .p313{ background-image: url(../images/svg/p313.svg); }
.item-box-wine_visual .p314{ background-image: url(../images/svg/p314.svg); }
.item-box-wine_visual .p321{ background-image: url(../images/svg/p321.svg); }
.item-box-wine_visual .p322{ background-image: url(../images/svg/p322.svg); }
.item-box-wine_visual .p323{ background-image: url(../images/svg/p323.svg); }
.item-box-wine_visual .p324{ background-image: url(../images/svg/p324.svg); }
.item-box-wine_visual .p331{ background-image: url(../images/svg/p331.svg); }
.item-box-wine_visual .p332{ background-image: url(../images/svg/p332.svg); }
.item-box-wine_visual .p333{ background-image: url(../images/svg/p333.svg); }
.item-box-wine_visual .p334{ background-image: url(../images/svg/p334.svg); }
.item-box-wine_visual .p341{ background-image: url(../images/svg/p341.svg); }
.item-box-wine_visual .p342{ background-image: url(../images/svg/p342.svg); }
.item-box-wine_visual .p343{ background-image: url(../images/svg/p343.svg); }
.item-box-wine_visual .p344{ background-image: url(../images/svg/p344.svg); }
.item-box-wine_visual .p411{ background-image: url(../images/svg/p411.svg); }
.item-box-wine_visual .p412{ background-image: url(../images/svg/p412.svg); }
.item-box-wine_visual .p413{ background-image: url(../images/svg/p413.svg); }
.item-box-wine_visual .p414{ background-image: url(../images/svg/p414.svg); }
.item-box-wine_visual .p421{ background-image: url(../images/svg/p421.svg); }
.item-box-wine_visual .p422{ background-image: url(../images/svg/p422.svg); }
.item-box-wine_visual .p423{ background-image: url(../images/svg/p423.svg); }
.item-box-wine_visual .p424{ background-image: url(../images/svg/p424.svg); }
.item-box-wine_visual .p431{ background-image: url(../images/svg/p431.svg); }
.item-box-wine_visual .p432{ background-image: url(../images/svg/p432.svg); }
.item-box-wine_visual .p433{ background-image: url(../images/svg/p433.svg); }
.item-box-wine_visual .p434{ background-image: url(../images/svg/p434.svg); }
.item-box-wine_visual .p441{ background-image: url(../images/svg/p441.svg); }
.item-box-wine_visual .p442{ background-image: url(../images/svg/p442.svg); }
.item-box-wine_visual .p443{ background-image: url(../images/svg/p443.svg); }
.item-box-wine_visual .p444{ background-image: url(../images/svg/p444.svg); }

.item-box-wine_visual .g111{ background-image: url(../images/svg/g111.svg); }
.item-box-wine_visual .g112{ background-image: url(../images/svg/g112.svg); }
.item-box-wine_visual .g113{ background-image: url(../images/svg/g113.svg); }
.item-box-wine_visual .g114{ background-image: url(../images/svg/g114.svg); }
.item-box-wine_visual .g121{ background-image: url(../images/svg/g121.svg); }
.item-box-wine_visual .g122{ background-image: url(../images/svg/g122.svg); }
.item-box-wine_visual .g123{ background-image: url(../images/svg/g123.svg); }
.item-box-wine_visual .g124{ background-image: url(../images/svg/g124.svg); }
.item-box-wine_visual .g131{ background-image: url(../images/svg/g131.svg); }
.item-box-wine_visual .g132{ background-image: url(../images/svg/g132.svg); }
.item-box-wine_visual .g133{ background-image: url(../images/svg/g133.svg); }
.item-box-wine_visual .g134{ background-image: url(../images/svg/g134.svg); }
.item-box-wine_visual .g141{ background-image: url(../images/svg/g141.svg); }
.item-box-wine_visual .g142{ background-image: url(../images/svg/g142.svg); }
.item-box-wine_visual .g143{ background-image: url(../images/svg/g143.svg); }
.item-box-wine_visual .g144{ background-image: url(../images/svg/g144.svg); }
.item-box-wine_visual .g211{ background-image: url(../images/svg/g211.svg); }
.item-box-wine_visual .g212{ background-image: url(../images/svg/g212.svg); }
.item-box-wine_visual .g213{ background-image: url(../images/svg/g213.svg); }
.item-box-wine_visual .g214{ background-image: url(../images/svg/g214.svg); }
.item-box-wine_visual .g221{ background-image: url(../images/svg/g221.svg); }
.item-box-wine_visual .g222{ background-image: url(../images/svg/g222.svg); }
.item-box-wine_visual .g223{ background-image: url(../images/svg/g223.svg); }
.item-box-wine_visual .g224{ background-image: url(../images/svg/g224.svg); }
.item-box-wine_visual .g231{ background-image: url(../images/svg/g231.svg); }
.item-box-wine_visual .g232{ background-image: url(../images/svg/g232.svg); }
.item-box-wine_visual .g233{ background-image: url(../images/svg/g233.svg); }
.item-box-wine_visual .g234{ background-image: url(../images/svg/g234.svg); }
.item-box-wine_visual .g241{ background-image: url(../images/svg/g241.svg); }
.item-box-wine_visual .g242{ background-image: url(../images/svg/g242.svg); }
.item-box-wine_visual .g243{ background-image: url(../images/svg/g243.svg); }
.item-box-wine_visual .g244{ background-image: url(../images/svg/g244.svg); }
.item-box-wine_visual .g311{ background-image: url(../images/svg/g311.svg); }
.item-box-wine_visual .g312{ background-image: url(../images/svg/g312.svg); }
.item-box-wine_visual .g313{ background-image: url(../images/svg/g313.svg); }
.item-box-wine_visual .g314{ background-image: url(../images/svg/g314.svg); }
.item-box-wine_visual .g321{ background-image: url(../images/svg/g321.svg); }
.item-box-wine_visual .g322{ background-image: url(../images/svg/g322.svg); }
.item-box-wine_visual .g323{ background-image: url(../images/svg/g323.svg); }
.item-box-wine_visual .g324{ background-image: url(../images/svg/g324.svg); }
.item-box-wine_visual .g331{ background-image: url(../images/svg/g331.svg); }
.item-box-wine_visual .g332{ background-image: url(../images/svg/g332.svg); }
.item-box-wine_visual .g333{ background-image: url(../images/svg/g333.svg); }
.item-box-wine_visual .g334{ background-image: url(../images/svg/g334.svg); }
.item-box-wine_visual .g341{ background-image: url(../images/svg/g341.svg); }
.item-box-wine_visual .g342{ background-image: url(../images/svg/g342.svg); }
.item-box-wine_visual .g343{ background-image: url(../images/svg/g343.svg); }
.item-box-wine_visual .g344{ background-image: url(../images/svg/g344.svg); }
.item-box-wine_visual .g411{ background-image: url(../images/svg/g411.svg); }
.item-box-wine_visual .g412{ background-image: url(../images/svg/g412.svg); }
.item-box-wine_visual .g413{ background-image: url(../images/svg/g413.svg); }
.item-box-wine_visual .g414{ background-image: url(../images/svg/g414.svg); }
.item-box-wine_visual .g421{ background-image: url(../images/svg/g421.svg); }
.item-box-wine_visual .g422{ background-image: url(../images/svg/g422.svg); }
.item-box-wine_visual .g423{ background-image: url(../images/svg/g423.svg); }
.item-box-wine_visual .g424{ background-image: url(../images/svg/g424.svg); }
.item-box-wine_visual .g431{ background-image: url(../images/svg/g431.svg); }
.item-box-wine_visual .g432{ background-image: url(../images/svg/g432.svg); }
.item-box-wine_visual .g433{ background-image: url(../images/svg/g433.svg); }
.item-box-wine_visual .g434{ background-image: url(../images/svg/g434.svg); }
.item-box-wine_visual .g441{ background-image: url(../images/svg/g441.svg); }
.item-box-wine_visual .g442{ background-image: url(../images/svg/g442.svg); }
.item-box-wine_visual .g443{ background-image: url(../images/svg/g443.svg); }
.item-box-wine_visual .g444{ background-image: url(../images/svg/g444.svg); }

.item-box-wine_visual .item-box-wine_graph::before{
	content: "";
	display: block;
	padding-top: 75%;
}

.data-img-list_marriage{
	margin: 0;
	letter-spacing: -.5em;
}

.data-img-list_marriage li{
	display: inline-block;
	width: 160px;
	margin-right: 10px;
}

.data-img-list_marriage li:last-child{
	margin-right: 0;
}

.item-box-wine_description{
	margin-bottom: 16px;
	padding: 20px;
	background-color: #f9f1e6;
}

.item-box-wine_description p:last-child{
	margin-bottom: 0;
}

.btn-set_wrap{
	display: flex;
	justify-content: center;
}

.btn-set_wrap .button_wrapper{
	max-width: 48%;
	width: 100%;
    margin-bottom: 2px
}

.btn-set_wrap .button_wrapper:nth-child(2){
	margin-left: 4%;
}

.item-box-wine_data h5{
	margin-top: 0;
	font-weight: normal;
}


/* スライダー */
.item-box-wine-recommended_list{
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 660px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: 2px solid #f9f1e6;
}

.item-box-wine-recommended_list{
	margin-bottom: 70px;
}

.item-box-wine-recommended_item{
	margin: 0 10px 0 0;
}

.item-box-wine-recommended_item_inner{
	display: flex;
	width: 330px;
}

.item-box-wine-recommended_thumb{
	width: 122px;
	margin-right: 10px;
}

.item-box-wine-recommended_data{
	width: 165px;
	margin: 0;
}

.item-box-wine-recommended_data dt{
	width: 165px;
	font-size: 0.875em;
}

.item-box-wine-recommended_data dt a{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
}

.item-box-wine-recommended_data dd{
	padding: 0;
	font-size: 0.813em;
}

.item-box-wine-recommended_data dd ul{
	margin: 0;
}

.item-box-wine-recommended_data dd li{
	margin-bottom: 0;
	list-style: none;
}

.item-box-wine-recommended_data .item-box-wine-recommended_evaluation{
	white-space: nowrap;
}

.item-box-wine-recommended_evaluation,
.item-box-wine-recommended_evaluation .star30,
.item-box-wine-recommended_evaluation .star31,
.item-box-wine-recommended_evaluation .star32,
.item-box-wine-recommended_evaluation .star33,
.item-box-wine-recommended_evaluation .star34,
.item-box-wine-recommended_evaluation .star35,
.item-box-wine-recommended_evaluation .star36,
.item-box-wine-recommended_evaluation .star37,
.item-box-wine-recommended_evaluation .star38,
.item-box-wine-recommended_evaluation .star39,
.item-box-wine-recommended_evaluation .star40,
.item-box-wine-recommended_evaluation .star41,
.item-box-wine-recommended_evaluation .star42,
.item-box-wine-recommended_evaluation .star43,
.item-box-wine-recommended_evaluation .star44,
.item-box-wine-recommended_evaluation .star45,
.item-box-wine-recommended_evaluation .star46,
.item-box-wine-recommended_evaluation .star47,
.item-box-wine-recommended_evaluation .star48,
.item-box-wine-recommended_evaluation .star49,
.item-box-wine-recommended_evaluation .star50{
	padding-right: 71px;
	-webkit-background-size: 71px 14px;
	background-size: 71px 14px;
}

.slick-list {
	padding: 0!important
}
.item-box-wine_info{
    margin-top: 10px;
}
.affiliate{
  text-align: left;
  margin-top: 5px;
  line-height: 1.1;
  font-size:0.9em;

}