/* ---------------------------------------------------------------
start COMMON CSS
--------------------------------------------------------------- */

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../font/NotoSansJP-Regular.woff2) format('woff2'),
		url(../font/NotoSansJP-Regular.woff) format('woff'),
		url(../font/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../font/NotoSansJP-Medium.woff2) format('woff2'),
		url(../font/NotoSansJP-Medium.woff) format('woff'),
		url(../font/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../font/NotoSansJP-Bold.woff2) format('woff2'),
		url(../font/NotoSansJP-Bold.woff) format('woff'),
		url(../font/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("Noto Serif JP"),
		url(../font/NotoSerifJP-Light.woff2) format('woff2'),
		url(../font/NotoSerifJP-Light.woff) format('woff'),
		url(../font/NotoSerifJP-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Noto Serif JP"),
		url(../font/NotoSerifJP-Regular.woff2) format('woff2'),
		url(../font/NotoSerifJP-Regular.woff) format('woff'),
		url(../font/NotoSerifJP-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local("Noto Serif JP"),
		url(../font/NotoSerifJP-Medium.woff2) format('woff2'),
		url(../font/NotoSerifJP-Medium.woff) format('woff'),
		url(../font/NotoSerifJP-Medium.otf) format('opentype');
}

* {
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

body {
	width: 100%;
	margin: 100px 0 0 0;
	padding: 0;
	color: #000;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif;
	-webkit-text-size-adjust: 100%;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	z-index: 0;
	transition: opacity .1s;
}

body.font-load {
	opacity: 1;
}

.mincho {
	font-family: 'Noto Serif JP', serif;
}

.notosans {
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
}

.vertical {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

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

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

a {
	outline: none;
	color: #00a0e9;
	text-decoration: underline;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

button {
	outline: none;
}

img {
	width: 100%;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

ul {
	list-style: none;
}

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

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.alignjust {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.ml1em {margin-left: 1em;}

.w100{
	width: 100%;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.note {
	font-size: .7em;
}

.red {
	color: #e60012;
}

.under {
	text-decoration: underline;
}

.iblock {
	display: inline-block;
}

.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}

.indent1 * {
	text-indent: 0;
}

#Wrapper {
	overflow: hidden;
}


/* --------------- header --------------- */

header {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.inner_header {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 0 2%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
}

.logo_header {
	width: 56px;
	margin: 0;
	padding: 0;
	transition: .2s;
}

.cont_header {
	width: calc(100% - 56px);
	padding: 0 0 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;
}

.nav_haeder {
	width: auto;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;
}

.nav_haeder ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
}

.nav_haeder ul li {
	margin: 0;
	padding: 0 13px;
	text-align: center;
}

.nav_haeder ul li a {
	padding: 0 1px;
	font-weight: 500;
	font-size: 14px;
	color: #5e5d5d;
	text-decoration: none;
	position: relative;
	z-index: 0;
}

.nav_haeder ul li a:before {
	content: "";
	width: 0%;
	height: 2px;
	margin: 0;
	padding: 0;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: -4px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.nav_haeder ul li.current a:before,
.nav_haeder ul li a:hover:before {
	width: 100%;
}

.subnav {
	display: none;
}

.btn_shop_header,
.btn_contact_header {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	transition: .2s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.btn_shop_header {
	width: 168px;
	height: 50px;
	margin: 6px 30px 0 10px;
	padding: 0 0 0 9px;
	background-image: url(../img/btn_header_shop.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.btn_contact_header {
	width: 121px;
	height: 63px;
	margin: 6px 0 0 0;
	padding: 0 0 10px 3px;
	background-image: url(../img/btn_header_contact.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

#menubtn {
	display: none;
}

.search_news {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  width: 100%;
  border: 2px solid #ff801e;
  border-radius: 90px;
  position: relative;
  overflow: hidden;
}
.search_news input[type=text] {
  margin: 0 60px 0 0;
  padding: 6px 0 6px 10px;
  width: calc( 100% - 60px );
  line-height: 1.2em;
  font-size: 16px;
  box-sizing: border-box;
  border: none;
  -webkit-appearance: none;
  outline: none;
}
.search_news input[type=submit] {
  margin: -20px 0 0 0;
  padding: 0 0 0 0;
  width: 40px;
  height: 40px;
  line-height: 1.2em;
  font-size: 16px;
  text-indent: -9999px;
  background: url("../img/news/icon_search.png") no-repeat center center;
  background-size: 25px;
  box-sizing: border-box;
  border: none;
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-appearance: none;
  z-index: 1;
  cursor: pointer;
}


/* --------------- footer --------------- */

footer {
	margin: 0;
	padding: 38px 0 16px;
	color: #fff;
	background-color: #000;
}

.inner_footer {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.cont_l_footer {
	width: 260px;
}

.logo_footer {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.address_footer {
	margin: 0 0 30px;
	font-size: 13px;
	font-style: normal;
}

ul.sns_footer {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

ul.sns_footer li {
	width: 38px;
	margin: 0 15px 0 0;
	padding: 0;
}

ul.sns_footer li:last-of-type {
	margin-right: 0;
}

ul.sns_footer li a {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	display: block;
}

ul.sns_footer li a img,
ul.sns_footer li a svg {
	width: 100%;
	height: auto;
}

ul.sns_footer li a .desvg path {
	fill: #fff;
	transition: .2s;
}

.cont_r_footer {
	width: calc(100% - 260px);
	padding: 0 0 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: flex-end;
}

ul.link_footer {
	min-width: 6em;
	margin: 0 38px 0 0;
	padding: 0;
	font-size: 14px;
}

ul.link_footer:last-of-type {
	margin-right: 0;
}

ul.link_footer li {
	margin: 0 0 10px;
	padding: 0 0 0 12px;
	text-indent: -12px;
	line-height: 1.6;
}

ul.link_footer li.parent_link {
	margin-bottom: 5px;
}

ul.link_footer li.sublink {
	margin-bottom: 2px;
	margin-left: 1em;
}

ul.link_footer li * {
	text-indent: 0;
}

ul.link_footer li a {
	color: #fff;
	text-decoration: none;
}

ul.link_footer li:before {
	content: "\003E";
	margin: 0 4px 0 0;
}

.copyright {
	text-align: center;
	font-size: 12px;
	font-weight: 350;
}

.pagetop {
	width: 82px;
	height: 82px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background-color: rgba(89,87,87,0.6);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 5;
	cursor: pointer;
	transition: background .3s;
	-moz-transition: background .3s;
	-webkit-transition: background .3s;
	display: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.pagetop:before {
	content: "";
	width: 20px;
	height: 20px;
	margin: -6px 0 0 -10px;
	padding: 0 0 0 0;
	border-left: solid 2px #fff;
	border-top: solid 2px #fff;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}




/* --------------- common --------------- */

.col_pagettl {
	height: 190px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.col_pagettl .cont {
	margin: 0;
	padding: 0;
	text-align: center;
}

.col_pagettl .cont .en {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}

.col_pagettl .cont .pagettl {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.5;
}

.col_topShop {
	margin: 0;
	padding: 120px 0 0 0;
}

.col_topShop .mds_top1 {
	margin-bottom: 65px;
}

.bg_topShop {
	padding: 0 0 5.8vw;
	background-color: #eaeaea;
	position: relative;
	z-index: 0;
}

.bg_topShop:before {
	content: "";
	border-top: 15vw solid #fff;
	border-right: 100vw solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.bg_topShop:after {
	content: "";
	border-bottom: 5vw solid #fff;
	border-right: 100vw solid transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.wrap_topShop {
	margin: 0 0 5.5vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 0;
	top: -20px;
}

.wrap_topShop a {
	height: 32vw;
	margin: 0;
	color: #fff;
	text-decoration: none;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	transition: .2s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrap_topShop a * {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrap_topShop a:last-of-type {
	margin-right: 0;
}

.wrap_topShop a.Umeshu {
	width: 21.17vw;
	padding: 0 0 2vw 1vw;
	background-image: url(../img/top/bg_topshop1.png);
}

.wrap_topShop a.Shochu {
	width: 21.17vw;
	margin-left: -0.3vw;
	margin-top: 5vw;
	padding: 2vw 0 0 1.5vw;
	background-image: url(../img/top/bg_topshop2.png);
}

.wrap_topShop a.Jizake {
	width: 22.2vw;
	margin-left: -0.4vw;
	padding: 0 0 2vw 1.7vw;
	background-image: url(../img/top/bg_topshop3.png);
}

.wrap_topShop a.Season {
	width: 22.2vw;
	margin-left: -2vw;
	margin-top: 5vw;
	padding: 1.1vw 0 0 3.3vw;
	background-image: url(../img/top/bg_topshop4.png);
}

.wrap_topShop a dl {
	height: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
}

.wrap_topShop a:nth-child(odd) dl {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.wrap_topShop a dl dt {
	margin: 1.4vw 0 1vw;
	padding: 0;
	font-size: 1.65vw;
	line-height: 1;
	letter-spacing: 0.2em;
}

.wrap_topShop a dl dd {
	margin: 0;
	padding: 0;
	font-size: 5vw;
	line-height: 1;
}

.wrap_topShop a:nth-child(even) dl dt {
	-webkit-box-ordinal-group: 2;
	           -ms-flex-order: 1;
	                    order: 1;
}

.wrap_topShop a:nth-child(even) dl dd {
	-webkit-box-ordinal-group: 1;
	           -ms-flex-order: 0;
	                    order: 0;
}

.col_topShop .btn_topmore {
	width: 92px;
}

.col_topContent {
	margin: 0;
	padding: 100px 0 0;
}

.inner_topContent {
	width: 88%;
	margin: 0 auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.inner_topContent a {
	width: 48%;
	color: #fff;
	font-size: 34px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	transition: .3s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.inner_topContent a * {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.inner_topContent a.voice {
	width: 46.45%;
	height: 23vw;
	margin-top: 1vw;
	margin-right: 7.5%;
	padding-bottom: 2.9vw;
	background-image: url(../img/top/bg_voice.jpg);
}

.inner_topContent a.trivia {
	width: 46.05%;
	height: 24.5vw;
	padding-bottom: 2.5vw;
	background-image: url(../img/top/bg_trivia.jpg);
}

.inner_topContent a:last-of-type {
	margin-right: 0;
}

.inner_topContent a .mds_top1 {
	line-height: 3.2vw;
}

.inner_topContent a .mds_top1 .en {
	font-size: 1.5vw;
}

.inner_topContent a .mds_top1 .ja {
	font-size: 3vw;
}

.col_topContact {
	margin: 0;
	padding: 52px 0 110px;
}

.inner_topContact {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.col_topContact .mds_top1 {
	margin-bottom: 15px;
}

.col_topContact .mds_top1 .ja {
	font-size: 34px;
}

.txt_topContact {
	margin: 0 0 38px;
	text-align: center;
	line-height: 2;
	font-weight: 500;
}

.btnarea_topContact {
	max-width: 662px;
	margin: 0 auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btnarea_topContact a {
	width: 47%;
	height: 74px;
	margin: 0 6% 0 0;
	color: #000;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	text-decoration: none;
	border: solid 1px #000;
	transition: .2s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
}

.btnarea_topContact a.tel {
	font-size: 24px;
}

.btnarea_topContact a.mail {
	font-size: 20px;
}

.btnarea_topContact a:last-child {
	margin-right: 0;
}

.btnarea_topContact a.tel img,
.btnarea_topContact a.mail img {
	vertical-align: text-bottom;
	display: inline-block;
}

.btnarea_topContact a.tel img {
	width: 25px;
	margin-right: 25px;
}

.btnarea_topContact a.mail img {
	width: 46px;
	margin-right: 30px;
}



.mds_subpage1 {
	margin: 0 0 65px;
	padding: 0;
	font-weight: 500;
	line-height: 1.7;
	text-align: center;
}

.mds_subpage1 .en {
	font-size: 20px;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}

.mds_subpage1 .ja {
	font-size: 34px;
	line-height: 1.25;
}

.col_topShop.subpage {
	padding-top: 90px;
}

.subpage .wrap_topShop {
	margin-bottom: 4.5vw;
}

.subpage .wrap_topShop a.Shochu {
	margin-left: -1.35vw;
}

.subpage .wrap_topShop a.Jizake {
	margin-left: -1.45vw;
}

.subpage .wrap_topShop a.Season {
	margin-left: -3.2vw;
}

.subpage .btn_topmore {
	width: 92px;
	margin: 0 auto;
	color: #000;
	text-decoration: none;
	line-height: 1.6;
	font-weight: 500;
	text-align: center;
	display: block;
}

.subpage .btn_topmore img,
.subpage .btn_topmore svg {
	width: 100%;
	display: block;
	transition: .2s;
}

.subpage .btn_topmore .desvg path {
	fill: #000;
	transition: .2s;
}

.subpage .btn_topmore .desvg path:first-of-type {
	stroke: #000;
}

.col_topContact.subpage .mds_subpage1 {
	margin-bottom: 10px;
}

.inner_topContent a .mds_subpage1 {
	margin: 0;
	line-height: 3vw;
}

.inner_topContent a .mds_subpage1 .en {
	font-size: 1.5vw;
}

.inner_topContent a .mds_subpage1 .ja {
	font-size: 3vw;
}