html {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

body {
}

a:hover {
	opacity: 0.6;
}

h1,h2,h3,h4,h5,p {
	margin: 0;
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 0.25em;
}

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

del {
	opacity: 0.8;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

::-webkit-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
}

/*=============================================
                  helper
=============================================*/
/*margin-top--------------------*/
.mt05em {
	margin-top: 0.5em!important;
}
.mt1em {
	margin-top: 1em!important;
}
.mt2em {
	margin-top: 2em!important;
}
.mt3em {
	margin-top: 3em!important;
}
.mt5em {
	margin-top: 5em!important;
}
/*margin-bottom------------------*/
.mb05em {
	margin-bottom: 0.5em!important;
}
.mb1em {
	margin-bottom: 1em!important;
}
.mb2em {
	margin-bottom: 2em!important;
}
.mb3em {
	margin-bottom: 3em!important;
}
.mb5em {
	margin-bottom: 5em!important;
}
/*padding-top---------------------*/
.pt05em {
	padding-top: 0.5em!important;
}
.pt1em {
	padding-top: 1em!important;
}
.pt2em {
	padding-top: 2em!important;
}
.pt3em {
	padding-top: 3em!important;
}
.pt5em {
	padding-top: 5em!important;
}
/*padding-bottom------------------*/
.pb05em {
	padding-bottom: 0.5em!important;
}
.pb1em {
	padding-bottom: 1em!important;
}
.pb2em {
	padding-bottom: 2em!important;
}
.pb3em {
	padding-bottom: 3em!important;
}
.pb5em {
	padding-bottom: 5em!important;
}
/*background-color----------------*/
.bg-gray {
	background: #c9c2b6!important;
}
.bg-wineRed {
	background: #762c43!important;
}
.bg-greenYellow {
	background: #dfd358!important;
}
.bg-blue {
	background: #a6abb8!important;
}
.bg-pink {
	background: #e2a3ac!important;
}
/*pc/sp------------------------------*/
@media screen and (min-width: 64.3125em) {
	.onlyPc-hide {
		display: none!important;/*pc画面時は非表示*/
	}
}
@media screen and (max-width: 64.3124em) {
	.onlyPc {
		display: none!important;/*pc画面時以外は非表示*/
	}
}
/*sp（640px以下）で有効*/
@media screen and (min-width: 40.1em) {
	.onlySp {
		display: none!important;/*40em以上は非表示*/
	}
}
@media screen and (max-width: 40em) {
	.onlySp-hide {
		display: none!important;/*40em以下は非表示*/
	}
}

/*text-align-----------------------*/
.inline-center {
	text-align: center !important;
}
/*基準ボックス化-------------------*/
.relative {
	position: relative;
}

/*=============================================
                  hamburger
=============================================*/
.hamburger {
	opacity: 0.5;
	border-radius: 1rem;
	display : block;
	position: fixed;
	z-index : 10;
	right : 13px;
	top   : 20px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}
.hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left    : 6px;
	background : #000;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition   : 0.5s ease-in-out;
	transition        : 0.5s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2) {
	top: 20px;
}
.hamburger span:nth-child(3) {
	top: 30px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top : 20px;
	left: 6px;
	width: 20px;
	background : #fff;/*men-grandprix_only*/
	-webkit-transform: rotate(315deg);
	-moz-transform   : rotate(315deg);
	transform        : rotate(315deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 20px;
	background : #fff;/*men-grandprix_only*/
	width: 20px;
	-webkit-transform: rotate(-315deg);
	-moz-transform   : rotate(-315deg);
	transform        : rotate(-315deg);
}
nav.globalMenuSp {
	line-height: 0em!important;
	display: none;
	position: fixed;
	z-index : 9;
	top  : 0;
	left : 0;
	/*men-grandprix_only*/
	background: #56380c;
	opacity: 0.95;
	text-align: left;
	width: 100%;
	padding: 1.5em 0 0 3em;
}
nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
	opacity: 0.9;
}
nav.globalMenuSp ul li a {
	display: block;
	color: #fff;
	padding: 1em 0;
	text-decoration :none;
}
/* .activeをjQueryで付与・削除する */
nav.globalMenuSp.active {
	display: block;
}
/* .visibleをjQueryで付与・削除する */
@keyframes visible {
	0% { opacity: 0;},
	100% { opacity : 1;}
}
nav.globalMenuSp.visible {
	animation: visible .9s ease;
}

@media screen and (min-width: 64.3125em) {
	.hamburger {
		display: none;
	}
}

/*=============================================
                  slider
=============================================*/
.slider .slider-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 64.3125em) {
	.slider .slider-image {
		height: 15em!important;
		width: 15em!important;
	}
}
@media screen and (min-width: 50em) and (max-width: 64.3125em) {
	.slider .slider-image {
		height: 12em!important;
		width: 12em!important;
	}
}
@media screen and (min-width: 40em) and (max-width: 50em) {
	.slider .slider-image {
		height: 11em!important;
		width: 11em!important;
	}
}
@media screen and (max-width: 40em) {
	.slider .slider-image {
		height: 8em!important;
		width: 8em!important;
	}
}

/*=============================================
               トップへ戻るボタン
=============================================*/
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 4%;
	bottom: 2%;
	background: #762c43;/*wineconcierge_only*/
	opacity: 0.5;
	border-radius: 50%;
}
@media screen and (min-width: 64.3125em) {
	#page_top {
		right: 10%;
	}
}
#page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -5px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

/*=============================================
                    kv
=============================================*/
#topimages {
	clear: both;
	width: 100%;
	position: relative;
}

/* .main-visual {
	position: absolute;
	left: 0;
	top: 0;
}
 */
/* #topimages .main-visual:first-child {
	position: relative;
} */
/* .main-visual {
	border-bottom: 1.6em solid;
} */

.main-visual img {
	width: 100%;
}
.underpage-top-visual {
}
.underpage-top {
	padding: 1.5em 10% 1.5em 10%;
	margin-bottom: 1em;
	background: rgb(156,118,12);
	background: linear-gradient(90deg, rgba(156,118,35,1) 60%, rgba(131,98,21,1) 100%);
	font-size:1.21em;
}

/*=============================================
                  common-Layout
=============================================*/
#header {
	padding: 0;
	overflow: hidden;
}

.header-image {
	margin: 0;
	float: left;
	overflow: hidden;
}

.header-info {
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0;
	padding: 3em 2em 3em 2em;
	float: left;
	overflow: hidden;
}
@media screen and (max-width: 30em) {
	.header-info {
		float: left;
		padding: 0 1em 1em 1em;
	}
}
.header-mail {
	display: none;
}

.header-tel {
	display: none;
}

.global-navi {
	clear: both;
	width: 100%;
	padding: 1em 0 0.5em 3em;
	display: none;
}

.global-navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.global-navi li {
}

.global-navi a {
	text-decoration: none;
}
#page {
	
}
.document {
	clear: both;
	padding: 0;
	overflow: hidden;
}

.contents {
	clear: both;
	/*! line-height: 2em; *//*行間調節*/
}

.contents a {
	text-decoration: none;
}

/* .toppage .contents {
	text-align: left;
} */

/* .toppage .contents h1 {
	clear: both;
	font-size: 26px;
	font-size: 1.625rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	margin: 0 1.23em;
	padding: 0;
} */
#footer {
	clear: both;
	padding-top: 1.5em;
	padding-left: 2em;
}

#footer .footer-global-navi {
	font-size: 12px;
	font-size: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0 0 2em;
}

#footer .footer-navi {
	display: none;
}

#footer .footer-navi li {
}

#footer .footer-global-navi a,
#footer .footer-navi a {
	text-decoration: none;
}

/*for sp-------------------------------------*/
@media screen and (max-width: 40em) {
	.contents {
		font-size: 12px;
	}
	.header-image {/*←===========本番画像挿入時要調整============*/
		width: 4em;
		padding: 0.6em 0 0.5em 1.375em;
	}
}
/*for tablet----------------------------------*/
@media screen and (min-width: 40em) and (max-width: 50em) {
	.underpage-top {
		font-size: 0.8em;
	}
	.header-image {/*←===========本番画像挿入時要調整============*/
		width: 5em;
		padding: 0.6em 0 0.5em 1.375em;
	}
}
/*for big-tablet-------------------------------*/
@media screen and (min-width: 50em) and (max-width: 64.3125em) {
	.underpage-top {
		font-size: 1em
	}
	.header-image {/*←===========本番画像挿入時要調整============*/
		width: 5em;
		padding: 0.6em 0 0.5em 1.375em;
	}
}
/*for pc----------------------------------------*/
@media screen and (min-width: 64.3125em) {
	#page {
		margin: 0 auto;
		max-width: 1025px;
		position: relative;
	}
	
	#header {
		border-bottom: none!important;/*wineconcierge_only*/
	}

	.header-image {/*←===========本番画像挿入時要調整============*/
		width: 6em;
		padding: 0.6em 0 0.5em 1.375em;
	}
	.header-info {
		font-size: 16px;
		font-size: 1rem;
		margin: 0;
		padding: 2.625em 0 0 1em;
		float: left;
		height: 3em;
		overflow: hidden;
	}

	.header-mail {
		display: block;
		margin: 0;
		padding: 2em 1em 0 0;
		float: right;
		height: 3.625em;
	}

	.header-mail a {
		display: block;
		font-size: 10px;
		font-size: 0.625rem;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		background-image: url("../img/icon-mail.png");
		background-size: contain;
		background-repeat: no-repeat;
		text-decoration: none;
		line-height: 3.2;
		height: 3.5em;
		padding-left: 6em;
		padding-right: 1.5em;
	}

	.header-tel {
		display: block;
		margin: 0;
		padding: 1em 1em 0.5em 0;
		float: right;
		overflow: hidden;
	}

	.header-menu-button {
		display: none;
	}

	.global-navi {
		clear: both;
		width: 100%;
		height: 3.6875em;
		text-align: center;
		padding: 0;
		display: block;
		position: static;
	}

	.global-navi li {
		display: inline-block;
		margin: 1.125em 0.875em 0;
	}

	.global-navi a {
		text-decoration: none;
	}
	
/* 	.main-visual {
	  border-bottom: 3.7em solid;
  } */

  .toppage .contents {
  	text-align: center;
  }
  
  #footer {
  	padding: 1em 1.5em 1.5em;
  	overflow: hidden;
  }

  #footer .footer-global-navi {
  	list-style: none;
  	width: 100%;
  	margin: 0;
  	padding: 0 0 1em;
  	text-align: center;
  }

  #footer .footer-global-navi li {
  	display: inline-block;
  	margin: 0 0.5em 0;
  }

  #footer .footer-navi {
  	display: block;
  	float: left;
  	font-size: 12px;
  	font-size: 0.75rem;
  	width: 12em;
  	list-style: none;
  	margin: 0 0 1em 4em;
  	padding: 0;
  }
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
             .contents内  ↓
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*=============================================
                 wrapper
=============================================*/
.contents__section-01 {
	margin: 0 10%;
}
.contents__section-kv01 {
	margin: 0;
}
.contents__section-wide {
	margin: 0 10%;
}
.customBgCr {
	/*japancup-only*/
	background: linear-gradient(180deg, #c3a357 7%, #fff2bf 100%); 
}


.single-imgBox {
}
.single-imgBox__img {
	display: block;
	margin: 0 auto;
}

.flex-section,
.flex-section--spaceBetween,
.flex-section--spaceAround,
.allways-flex-section,
.custom-flex-section {
	display: flex;
}
.flex-section {
	flex: start;
}
.flex-section--spaceBetween {
	justify-content: space-between;
}
.flex-section--spaceAround {
	justify-content: space-around;
}
.flex-section__img {
	max-width: 100%;
	width:100%;
	height: auto;
}
@media screen and (max-width: 35em) {
	.flex-section,
	.flex-section--spaceBetween,
	.flex-section--spaceAround {
		display: block;
	}
}
@media screen and (max-width: 40em) {
	.flex-section__custom-img,
	.flex-section__custom-table {
		width: auto;
		margin: 0 auto;
	}
}

/*=============================================
                shop-list
=============================================*/
.shop-list {
	font-weight: bold;
}
@media screen and (min-width: 40.1em) and (max-width: 64.3124em) {
	.shop-list {
		width: 65%;
		margin: 0 auto;
	}
}
.shop-list--absolute {
	position: absolute;
	top: 13.7%;
	left: 12%;
}
.shop-list__flex-section {
	display: flex;
}

/*pc-------------------------------------------*/
@media screen and (min-width: 64.3125em) {/*pc幅のみ*/
	.shop {
		background: #fff;
		color: #45200d!important;
		width: 315px;
		height: 55px;
		line-height: 19px;
		margin-bottom: 7.5px;
		margin-right: 138px;
		box-sizing: border-box;
		border-top: 19px solid #fff;/*一行の店名の高さ調整*/
		font-size: 16px;
	}
	.borderTopAdjust {/*二行の店名の高さ調整*/
		border-top: 10px solid #fff!important;
	}
	.shop:hover {
		opacity: 1.0;
		color: red!important;
	}
}

/*not-pc----------------------------------------*/
.shop-list-sp {
	
}
.shop-sp {
	margin: 0 auto;
	margin-bottom: 5%;
	background: #fff;
	border-radius: 8px;
  font-weight: bold;
  box-shadow: 1px 1px 1px #45200d;
}
.shop-sp__L {
	text-align: center;
	width: 1em;
	background: #45220e;
	border-radius: 5px;
	margin: auto;
	margin-left: -2vw;/*左はみ出し*/
	color: #fff;
	padding: 3px 8px;
	font-size: 1.5em;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.shop-sp__C {
	width: 70%;
	display: block;
	font-size: 1em;
	color: #45200d!important;
	padding: 8px;
	padding-left: 1.4em;
}
.shop-sp__C--long {
	font-size: 1em;/*仮*/
}
.shop-sp__C:hover {
	color: red!important;
	opacity: 1;
}
.shop-sp__R {
	width: 20%;
	color: #45200d;
	padding: 8px;
	font-size: 1em;
}


@media screen and (max-width: 40em) {
	.shop-sp {
		margin: 0 auto;
		margin-bottom: 5%;
		width: 90%;
		background: #fff;
		border-radius: 8px;
    font-weight: bold;
    box-shadow: 1px 1px 1px #45200d;
  }
  .shop-sp__L {
	  text-align: center;
	  width: 1em;
	  background: #45220e;
	  border-radius: 5px;
	  margin: auto;
	  margin-left: -2vw;/*左はみ出し*/
	  color: #fff;
	  padding: 3px 8px;
	  font-size: 4vw;
	  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .shop-sp__C {
  	width: 70%;
	  display: block;
	  font-size: 2.6vw;
	  color: #45200d!important;
	  padding: 8px;
	  padding-left: 1.4em;
  }
  .shop-sp__C--long {
	  font-size: 2.4vw;/*仮*/
  }
  .shop-sp__C:hover {
	  color: red!important;
	  opacity: 1;
  }
  .shop-sp__R {
	  width: 20%;
	  color: #45200d;
	  padding: 8px;
	  font-size: 2.6vw;
  }
}

/*mark-area---------------------------------*/
.mark-area {
	width: 90%;
	display: flex;
	margin: 0 auto;
}
.mark-area__img {
	width: 2em;
	height: 2em;
}
.mark-area__text {
	font-weight: normal;
	font-size: 10px;
	padding: 0.4em 1em;
	color: #45200d;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/*=============================================
                  table
=============================================*/
.simple-table-row2__th {
	width: 5em;
}
@media screen and (max-width: 64.3125em) {
	.simple-table-row2 {
		font-size: 1.73vw;
	}
}
@media screen and (max-width: 40em) {
	.simple-table-row2 {
		font-size: 1em;
	}
}


/*=============================================
                  title
=============================================*/
.custom-h1 {
	text-align: center;
	font-size: 8vw;
	text-shadow: 1px 1px 1px #fff;
	color: #45200d;
}
@media screen and (min-width: 40.1em) {
	.custom-h1 {
		font-size: 2.5em;
	}
}
.custom-h2--maruGothicBlue,
.custom-title--maruGothic,
.custom-title--maruGothicBlue,
.custom-title-02--maruGothicBlue {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.custom-title-02,
.custom-title-02--maruGothicBlue {
	font-weight: bold;
	font-size: 1.8em;
}
.custom-h2--maruGothicBlue {
	color: #00a0e8;
}
.custom-h3 {
	font-size: 0.95em;
	margin: 0.3em 0;
}
.custom-title--maruGothic {
	font-weight: bold;
	font-size: 2em;
}
.custom-title--maruGothicBlue,
.custom-title-02--maruGothicBlue {
	color: #00a0e8;
}
.ph-title {
}
.ph-title-02 {
}
.ph-title-02__img {
	display: block;
	width: 80%;
	margin: 0 auto;
}
@media screen and (min-width: 64.3125em) {
	.ph-title {
		margin: 0 auto;
		width: 70%;
	} 
}

/*=============================================
                  textbox
=============================================*/
.textBox-01 {
	font-size: 12px;
	margin: 0;
}
.textBox-02,
.textBox-02--maruGothicRed,
.textBox-02--maruGothic {
	font-size: 16px;
}
.textBox-02--maruGothicRed,
.textBox-02--maruGothic {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.textBox-02--maruGothicRed {
	color: #c7000b;
}



/**
 * >= 370px以下(小スマホ画面)
 */

/* @media screen and (max-width: 23.125em) {
	.form {
		font-size: 0.8em;
	}
} */


/**
 * >= 640px以下(スマホ画面)
 */

@media screen and (max-width: 40em) {
}

/**
 * >= 640~800px
 */

@media screen and (min-width: 40em) and (max-width: 50em) {
}

/**
 * >= 800px(小サイズ除くタブレット)
 */

@media screen and (min-width: 50em) and (max-width: 64.3125em) {
}

/**
 * >= 1029px(PC画面)
 */

@media screen and (min-width: 64.3125em) {
/* 	.main-visual {
	  border-bottom: 3.7em solid;
  } */
}