/**/
*{box-sizing:border-box;}

html{
height:100%;
width:100%;
font-size:10px;
overflow:auto;
position:relative;
}
body{
font-family: 'kozuka-gothic-pr6n', 'Kozuka Gothic Pr6N', '小塚ゴシック Pr6N', 'YakuHanJP', 'Noto Sans JP', 'Meiryo', 'メイリオ', sans-serif;
font-style: normal;
font-weight: 400;
font-feature-settings:'palt';
height:100%;
width:100%;
background:#fff;
color:#004B6C;
line-height:2;
letter-spacing:0.03em;
position:relative;
}

/*IEフォント調整*/
@media all and (-ms-high-contrast: none) {
	body{font-family: 'Meiryo', 'メイリオ', sans-serif;}
}

h1{font-size:2.0rem;padding-top:0em;padding-bottom:0em;margin-top:0;margin-bottom:20px;font-weight:normal;}
h2{font-size:1.8rem;padding-top:0em;padding-bottom:0em;margin-top:0;margin-bottom:20px;font-weight:normal;}
h2.bottom_half{margin-bottom:10px;}
h3, .h3{font-size:1.7rem;padding-top:0em;padding-bottom:0em;margin-top:0;margin-bottom:20px;font-weight:normal;}
h4, .h4{font-size:1.5rem;padding-top:0em;padding-bottom:0em;margin-top:0;margin-bottom:10px;font-weight:normal;}
h4.h3{font-size:1.7rem;}
h5{font-size:1.4rem;padding-top:0em;padding-bottom:0em;margin-top:0;margin-bottom:10px;font-weight:normal;}
h6{font-size:1.3rem;padding-top:0em;padding-bottom:0em;margin-top:0;margin-bottom:10px;font-weight:normal;}


p{font-size:1.2rem;margin:0 0 2em;}
p.nomargin, ul.nomargin, ol.nomargin{margin-bottom:0;}
table{font-size:1.2rem;margin:0 0 2em;}

img{max-width:100%;}
ul, ol{margin:0;padding:0;}
ul li, ol li{list-style-type:none;}
button{cursor:pointer;}

a{
	text-decoration:none;
	color:#004B6C;
}
a.current{
	color:#E74F17;
}
a.underline{
	text-decoration:underline;
}
.hidden{display:none;}
.fixed{
	position:fixed;
	top:0;left:0;
	width:100%;
	-webkit-transition: .0s;
	transition: .0s;
}
header.fixed{
	z-index:3;
	background:rgba(255,255,255,1);
	transition: all .0s;	
}
.fixed_content{padding-top:90px;}

.center{text-align:center;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.indent{padding-left:1em;text-indent: -1em;}
.small{font-size:0.85em;}
.alert{color:#E74F17;}
.line_height_0{line-height:0;}

/*colors*/
.bg_lightblue{background-color:#D6E0F1;}

/*delay表示*/
.delayview{}
.delayview .title{transition: .8s;}
.delayview .list div{}


/*develop*/
.lz_devmemo{border:dotted 1px red; padding:5px;margin:10px 0; display:none;}
.lz_devmemo:after{content:'これは開発メモです';display:block;color:red;margin-top:10px;font-size:10px;}
.lz_devimg{width:100%;min-height:300px;height:100%;background:#ccc;}


/* ページトップ */
#lz_pagetop {
    position: fixed;
    bottom: 0px;
    right: 10px;
    font-size: 1.1rem;
	z-index:1;
	letter-spacing:0.01em;
}
#lz_pagetop a {
    background: rgba(0,0,0,0.3);
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#lz_pagetop a:hover {
    text-decoration: none;
    background: #999;
}

/* LZ Spacing class add */
.mt-0	{ margin-top: 0 !important;}
.mt-xs	{ margin-top: 20px !important;}
.mt-md	{ margin-top: 40px !important;}
.mt-lg	{ margin-top: 80px !important;}
.mt-xl	{ margin-top: 160px !important;}
.mr-0	{ margin-right: 0 !important;}
.mr-xs	{ margin-right: 5px !important;}
.mr-md	{ margin-right: 20px !important;}
.mr-lg	{ margin-right: 40px !important;}
.mr-xl	{ margin-right: 80px !important;}
.mb-0	{ margin-bottom: 0 !important;}
.mb-1em	{ margin-bottom: 1em !important;}
.mb-xs	{ margin-bottom: 10px !important;}
.mb-s	{ margin-bottom: 20px !important;}
.mb-md	{ margin-bottom: 40px !important;}
.mb-ml	{ margin-bottom: 60px !important;}
.mb-lg	{ margin-bottom: 80px !important;}
.mb-xl	{ margin-bottom: 160px !important;}
.ml-0	{ margin-left: 0 !important;}
.ml-08em	{ margin-left: 0.8em !important;}
.ml-xs	{ margin-left: 5px !important;}
.ml-md	{ margin-left: 20px !important;}
.ml-lg	{ margin-left: 40px !important;}
.ml-xl	{ margin-left: 80px !important;}

.pt-xs10	{padding-top:10px !important;}
.pt-xs	{padding-top:20px !important;}
.pt-md	{padding-top:40px !important;}
.pb-0	{padding-bottom:0px !important;}
.pb-xs	{padding-bottom:20px !important;}
.pb-md	{padding-bottom:40px !important;}
.pb-lg	{padding-bottom:60px !important;}

.letter-space-xs{letter-spacing:-0.01em;}
.border-top{border-top:0.5px solid #004B6C;}
.border-bottom{border-bottom:0.5px solid #004B6C;}
	
/*layout*/
.row{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.row.reverse{flex-flow: row-reverse;}

/*button*/

.link_more{text-align:right;padding:10px;font-size:1.4rem;}
.link_more a{color:#727171;}
.link_more a:hover{text-decoration:underline;}
.link_more:before{
	content:url(/images/common/icon_more_link_arrow.svg);
	margin-right:10px;
}
.link_more_tri{text-align:right;padding:10px;font-size:1.2rem;position:relative;}
.link_more_tri a{color:#727171;}
.link_more_tri a:hover{text-decoration:underline;}
.link_more_tri a:before{
	content:url(/images/common/icon_more_link_tri.svg);
	margin-right:10px;
}


.img_scale{overflow:hidden;}
.img_scale img{transition: 0.5s;}
.img_scale img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  /*拡大される比率を設定*/
}

/*header*/
header{
	position:relative;
	border-bottom:none;
}
header h1{margin:0;padding:0;}
#header_logo a{line-height:0;}
/*footer*/
footer{padding-bottom:40px;}
footer ul{margin:0;padding:0;}
#foot_copyright{
	padding:20px 0;
	font-size:1.0rem;
}

/*top*/
.item_image_slide{
	position:relative;
	padding-bottom:50px;
}
#top_slide_copy{
	position:absolute;
	color:#ccc;
	font-size:7rem;
	z-index:3;
	top:10%;
	left:10%;
	font-weight:300;
	display:none;
}
.top section{padding:0 0 30px 0;}
.top section:first-child{padding-top:0;}

	/*business*/
.top_business{
	padding-top:0px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.top_business .item_box .title_bg{
	position:absolute;
	top:0;bottom:0;left:0;right:0;
	background-image: linear-gradient(rgba(0,0,0,0) 75%, rgba(0,0,0,0.7));
}
.top_business .item_box a{color:#fff;}
.top_business .item_box{position:relative;line-height:1;}
.top_business .item_box img{width:100%;}
.top_business .item_box .item_box_text{
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
	padding:10px 20px;
}
.top_business .item_box h3{
	position:absolute;
	bottom:15px;
	right:20px;
	color:#fff;margin:0;padding:0;
	font-size:1.2rem;
	z-index:2;
}

.top_business .item_box:hover .item_box_text {
	opacity:1;
}

.btn{text-align:center;}
.btn.normal a{
	border:0.5px solid #004B6C;
	font-size:1.1rem;
	height:30px;
	width:160px;
	font-weight:bold;
	display:block;
	margin:auto;
	line-height:30px;
	transition:.4s;
}
.btn.normal.sizeM a{width:180px;}
.btn.left a{margin-left:0;}
.btn.normal a:hover{
	color:#E74F17;
	background:#ddd;
	transition:.4s;
}
.btn.catalogue a{
	border:0.5px solid #004B6C;
	font-size:1.1rem;
	width:100%;
	font-weight:bold;
	display:block;
	margin:auto;
}
.btn.catalogue a:hover{
	color:#E74F17;
	background:#ddd;
}

.flow_box{
	position:relative;
	padding:0.1px 0 0.1px 75px;
}
.flow_box img{line-height:1;}
.flow_box::before{
  content: "";
  position: absolute;
  top: 0;
  left: 11px;
	width:6px;
	background-color:#426BBC;
	height:100%;
}
.flow_box::after {
  content: "";
  position: absolute;
  top: 50%;
	transform:translateY(-50%);
  left: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #426BBC;
  border-radius: 50%;
  text-align: center;
}
.flow_box:first-child::before{
  top: 50%;
	height:50%;
}
.flow_box:last-child::before{
	bottom:50%;
	height:50%;
}

.flow_box_inner{
	position:relative;
	background:#fff;
	border-radius:15px;
	padding:30px 30px 30px 30px;
	margin:20px 0;
}
.flow_box_inner::before {
  content: "";
  position: absolute;
  top: calc(50%);
  left: -65px;
  margin-top: -25px;
  border: 25px solid transparent;
  border-right: 40px solid #fff;
}

	/*infomation*/
.top_info_outer{
	padding-top:30px;
	padding-bottom:10px;
}
.top_info_outer h2{margin-top:0;padding-top:0;}
.top_info .info_box{margin-bottom:0.5em;padding:0 20px;}


/*2nd page common*/
.kv_2nd{line-height:0;}
h2.page_title{margin-top:20px;}
.pages section{padding-bottom:30px;}
.pages section.nomargin{padding-bottom:0;}

.pankuzu ul{
	display:flex;
	flex-wrap: wrap;
	font-size:1.1rem;
	margin:0px;
	padding:5px 20px 0;
}
.pankuzu ul li{padding:0;font-weight:bold;}
.pankuzu ul li a.current{font-weight:normal;}
.pankuzu ul li:after{
	content:'\03e';
	margin:0 8px;
}
.pankuzu ul li:last-child:after{
	content:'';
	margin:0;
}
.pages_submenu{padding-bottom:10px;}
.pages_submenu ul{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.pages_submenu ul li.nolink,
.pages_submenu ul li a{
	border:0.5px solid #004B6C;
	height:30px;
	font-size:1.1rem;
	display:block;
	text-align:center;
	font-weight:bold;
	line-height:30px;
}
.pages_submenu ul li a:hover{
	color:#E74F17;
	background:#ddd;
}

/*corporate*/
.profile_logo_text p:last-child{margin-bottom:0;}
.profile_logo_image img{width:100%;}
.profile_table{}
.profile_table table{width:100%;}
.profile_table table tr td{
	padding:0 10px 1.5em 0;
	vertical-align:top;
}
.profile_table table tr td dl{
	margin:0 0 0px 0;
	display:flex;
}
.profile_table table tr td dl dt,
.profile_table table tr td dl dd{
padding:0;margin:0;
}
.profile_table.group_table table tr td{
 	padding-bottom:0;
}

.floor{padding-left:3em;}
.floor p{margin-bottom:0;}

/*business*/
.biz_top_main{position:relative;}
.biz_top_main_copy{
	position:absolute;
	color:#ccc;
	font-size:5rem;
	z-index:3;
	font-weight:400;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.biz_top_main_image img{width:100%;}

.biz_logo_list ul{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.biz_logo_list ul li{
	position:relative;
	line-height:0;
	margin-bottom:20px;
}
.biz_logo_list.circle ul li{
	/* border:1px solid #ddd; */
	border-radius:50% 50%;
	overflow:hidden;
}
.biz_logo_list.circle ul li img{object-fit: contain;}
.biz_logo_list.circle ul li.border{
	border:1px solid #ddd;
}
.biz_logo_list ul li a{
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
	background-color:	rgba(0,0,0,.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
	border-radius:50% 50%;
}

.related_banner ul{
	display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
.related_banner ul li{line-height:0;margin-bottom:10px;}
.related_banner ul li a img{width:230px;}

.alert_blue_bold{
	font-size:1.7rem;
	font-weight:bold;
/*	color:#0070c0;	*/
}
.alert_blue_bold .big{
	color:#E74F17;
}

.item_wine_spec table tr td{line-height:1.8;}
.item_wine_spec table tr td:first-child{padding-right:2em;}

/*guide*/
.guide_content ul, .guide_content ol{font-size:1.2rem;margin:0 0 2em;}
.guide_content ul li{
	padding-left:0.8em;
	text-indent: -0.8em;
}
.guide_content ul li:before{
	content:' ･ ';
}
.guide_content ol{padding-left:15px;}
.guide_content ol li{list-style-type:decimal;}


/*new*/
.new_table{}
.new_table table{width:100%;}
.new_table table tr td{
	padding:0 0px 1.5em 0;
	vertical-align:top;
}
.basic_table{}
.basic_table table{width:100%;border-collapse:collapse;}
.basic_table table tr th,
.basic_table table tr td{
	padding:0.5em 1em;
	vertical-align:top;
	border:0.5px solid #004B6C;
}

/*inquiry*/
.form_table{}
.form_table table{width:100%;}
.form_table table tr td{
	padding:0 0px 1.5em 0;
	vertical-align:top;
}

/*sitemap*/
.sitemap ul li{
	font-size:1.2rem;
	
}
.sitemap ul li.level0{}
.sitemap ul li.level1{margin-top:1em;margin-left:1em;}
.sitemap ul li.level2{margin-left:2em;}
.sitemap ul li.level3{margin-left:3em;}


/*form*/
button{border:none;}
.hissu, span.hissu{color:#004B6C;font-weight:bold;margin-left:0px;font-size:1.2rem;}
.error{margin:5px 0 0 0;padding:0;line-height:1;display:none;}

form input[type="text"],
form input[type="tel"],
form input[type="email"],
form select,
form textarea{
max-width:100%;
font-size:1.2rem;
border:0.5px solid #004B6C;
padding:4px 4px;
height:30px;
}

form .noedit {
readOnly:true;
border:0px white ;
background:transparent;
}

form textarea{
height:10em;
}

form input[type="submit"],
form input[type="button"]{
	border:0.5px solid #004B6C;
	background:white;
	font-size:1.1rem;
	height:30px;
	width:160px;
	font-weight:bold;
	color:#004B6C;
	display:block;
	margin:auto;
	line-height:30px;
	cursor:pointer;
}

form input[type="submit"]:hover,
form input[type="button"]:hover{
	color:#E74F17;
	background:#ddd;
}
form input{vertical-align:middle;}


/* NGなら赤くする */
form input:focus:invalid {
  border : tomato 2px solid;
}
form input:focus:invalid + .error {
  display:block;
}
/* 操作中、入力値が正しい場合は、不正エラーを消す */
form input:focus:valid + .error .invalid {
  display : none;
}
/* OKなら、その他のテキストボックス以外を緑にする */
form input:valid:not(:last-child) {
  border : seagreen 2px solid;
}


select.item_sort{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 30px;
    background: transparent;
    position: relative;
    z-index: 1;
	padding: 0 40px 0 5px;
}
select.item_sort::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 6px;
    right: 8px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #d3d3d3;
  border-right: 2px solid #d3d3d3;
  transform: rotate(45deg);
}

.pager ul{
	display:flex;
	font-size:1.2rem;
	margin:0;padding:0 0 20px;
}
.pager ul li{
	margin:0;padding:0;
}
.pager ul li a{
	display:block;
	margin:5px;
	padding:5px;
	text-align:center;
}
.pager ul li a.active:after{
	content:'';
	display:block;
	background:#ddd;
	margin:5px auto;
	width:6px;
	height:6px;
	border-radius:50%;
}


/* ==== trash ===*/

.faq dl{font-size:1.6rem;padding:1em 0;}
.faq dt{margin:0 0 0.5em 1.8em;}
.faq dt:before{
	content:'Q.';
	font-size:2.2rem;
	margin-left:-1.2em;
	margin-right:0.2em;
	font-weight:200;
}
.faq dd{margin:0 0 2.5em 1.8em;}
.faq dd:before{
	content:'A.';
	font-size:2.2rem;
	margin-left:-1.2em;
	margin-right:0.2em;
	font-weight:200;
}
.faq dd br.likeP{margin-bottom:1em;}




/*flexslider overwrite*/
#carousel .flex-active-slide{box-shadow:0px 0px 0px 3px #666 inset;}
#carousel .flex-active-slide img{opacity:0.8;}

/*slick slide*/
.slide_outer{}
.slide_descript{
    opacity: 0;
    transition: 3s;
}
.slick-initialized{
    opacity: 1
}
.slide_thumb{
	display:flex;
	flex-wrap:wrap;
}
.slide_thumb .slide_thumb_item {
	width:16.6666%;
	line-height:0;
	position: relative;
}
.slide_thumb .slide_thumb_item::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.0);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition:all .3s;
}
.slide_thumb .slide_thumb_item.thumbnail-current::after{
	opacity:0;
}
.slide_thumb .slide_thumb_item.thumbnail-current{
}