@charset "UTF-8";

/*----------------------
 common
----------------------*/
#wrapper.dark {
	color: #ffffff;
	background-color: #0f0f0f;
}
.dark .layoutType06 .textWrap {
	background-color: #0f0f0f;
}
.hide-content{
	position: relative;
}
.hide-content::after{
	content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.hide-content-textbox{
	text-align: center;
	color: #ffffff;
	position: absolute;
	z-index: 1;
	width: 90%;
  top: 4%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  -webkit- transform: translateY(0%) translateX(-50%);
}
.hide-content-text__title{
	font-size: 24px;
	margin-bottom: 40px;
	line-height: 1.6;
	font-weight: bold;
}
.hide-content-text__text{
	font-size: 16px;
	line-height: 1.8;
}
@media screen and (min-width:769px){
	.hide-content-text__title{
		font-size: 28px;
	}
	.hide-content-text__text{
		font-size: 20px;
	}
}
/*----------------------
 mainVisual
----------------------*/
#mainVisual .content {
	padding: 0 0 40px 0;
}
#mainVisual .bg {
	background-image: url(/whisky/makersmark/img/drink/bg_main_sp@2x.jpg);
}
#mainVisual .textWrap {
	padding: 29px 24px 0 24px;
}
#mainVisual .title .darkImage {
	display: none;
	opacity: 0;
	transition: opacity 1s;
}
#mainVisual .title .whiteImage {
	display: block;
	opacity: 1;
	transition: opacity 1s;
}
.dark #mainVisual .title .darkImage {
	display: block;
	opacity: 1;
}
.dark #mainVisual .title .whiteImage {
	display: none;
	opacity: 0;
}
@media screen and (min-width:769px) {
	#mainVisual .content {
		padding: 0 0 118px 0;
	}
	#mainVisual .bg {
		background-image: url(/whisky/makersmark/img/drink/bg_main@2x.jpg);
	}
	#mainVisual .textWrap {
		min-height: 153px;
		margin-top: -153px;
		padding: 70px 95px 0 110px;
	}
	#mainVisual .title {
		width: calc(449 / 715 * 100%);
	}
}

/*----------------------
 conceptShop
----------------------*/
#conceptShop .contentInner {
}
#conceptShop .bg {
	background-image: url(/whisky/makersmark/img/drink/img_01@2x.jpg);
}
#conceptShop .textWrap {
	display: block;
	text-align: left;
	padding: 20px 0 50px 0;
}
#conceptShop .textWrap .title {
	font-size: 26px;
	line-height: 40px;
	margin: 0 0 13px 0;
}
#conceptShop .textWrap .text {
	font-size: 15px;
	line-height: 27px;
	margin: 0;
	padding: 0;
}
@media screen and (min-width:769px) {
	#conceptShop .content {
		padding: 0 0 110px 0;
	}
	#conceptShop .contentInner {
		position: relative;
		width: 92%;
		max-width: 940px;
	}
	#conceptShop .contentInner:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: calc(100% + 60px);
		width: 304px;
		height: 242px;
		background-image: url(/whisky/makersmark/img/drink/parts_01.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#conceptShop .textWrap {
		padding: 20px 0 0 0;
	}
	#conceptShop .textWrap .title {
		padding: 0;
	}
	#conceptShop .textWrap .text {
		margin: 0 0 26px 0;
	}
}

/*----------------------
 conceptShopIntro
----------------------*/
#conceptShopIntro .contentInner {
}
#conceptShopIntro .list {
	display: block;
	text-align: left;
}
#conceptShopIntro .item {
	margin: 0 0 50px 0;
}
#conceptShopIntro .item .image {
	overflow: hidden;
	position: relative;
	margin: 0 0 30px 0;
	padding: calc(417 / 750 * 100%) 0 0 0;
}
#conceptShopIntro .item .image img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#conceptShopIntro .item .title {
	width: 92%;
	font-size: 26px;
	line-height: 46px;
	margin: 0 auto 10px auto;
}
#conceptShopIntro .item .text {
	width: 92%;
	font-size: 15px;
	line-height: 27px;
	margin: 0 auto;
}
@media screen and (min-width:769px) {
	#conceptShopIntro .content {
		padding: 0 0 114px 0;
	}
	#conceptShopIntro .contentInner {
		width: 92%;
	}
	#conceptShopIntro .list {
		display: flex;
		justify-content: space-between;
	}
	#conceptShopIntro .item {
		flex-basis: calc(416 / 1346 * 100%);
		margin: 0;
	}
	#conceptShopIntro .item .image {
		margin: 0 0 34px 0;
		padding: 100% 0 0 0;
	}
	#conceptShopIntro .item .title {
		width: 100%;
		margin: 0 auto 20px auto;
	}
	#conceptShopIntro .item .text {
		width: 100%;
	}
}

/*----------------------
 shopInfo
----------------------*/
#shopInfo .content {
	padding: 0 0 40px 0;
}
#shopInfo .contentInner {
	width: 100%;
	color: #ffffff;
	background-color: #0f0f0f;
}
#shopInfo .navItem .mapWrap {
	overflow: hidden;
}
#shopInfo .navItem .map {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: calc(387 / 750 * 100%) 0 0 0;
	transform: scale(1.2, 1.2);
	transition: transform 1.5s ease 0.5s;
}
#shopInfo .loaded .navItem .map {
	transform: scale(1, 1);
}
#shopInfo .navItem .map iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	margin: auto;
}
#shopInfo .navItem .text {
	padding: 48px 24px 40px 24px;
}
#shopInfo .navItem .title {
	display: block;
	width: calc(475 / 750 * 100%);
	margin: 0 auto 20px auto;
}
#shopInfo .navItem .list {
}
#shopInfo .navItem .list .item {
	display: flex;
	margin: 0 0 2px 0;
}
#shopInfo .navItem .list .item .business_hours {
	margin-bottom: 10px;
}
#shopInfo .navItem .list .item .business_hours th,
#shopInfo .navItem .list .item .business_hours td {
    font-size: 15px;
    line-height: 18px;
    vertical-align: top;
}
#shopInfo .navItem .list .item .business_hours th {
	text-align:  center;
	padding-right: 10px;
}


#shopInfo .navItem .list dt {
	min-width: 6em;
	font-size: 15px;
	line-height: 26px;
	vertical-align: top;
}
#shopInfo .navItem .list dd p {
	font-size: 15px;
	line-height: 26px;
}
#shopInfo .navItem .list dd p+p {
	padding: 20px 0 0 0;
}
@media screen and (min-width:769px) {
	#shopInfo .content {
		padding: 0 0 100px 0;
	}
	#shopInfo .contentInner {
		max-width: 100%;
	}
	#shopInfo.bottomNavType02 .navItem {
		display: flex;
		align-items: center;
	}
	#shopInfo.bottomNavType02 .navItem .mapWrap {
		flex-basis: calc(800 / 1600 * 100%);
		order: 1;
		box-sizing: border-box;
	}
	#shopInfo .navItem .map {
		padding: calc(560 / 800 * 100%) 0 0 0;
	}
	#shopInfo .navItem .title {
		width: 100%;
		margin: 0 auto 70px auto;
	}
	#shopInfo .navItem .text {
		flex-basis: calc(800 / 1600 * 100%);
		position: relative;
		padding: 70px calc(50 / 1600 * 100%) 60px calc(185 / 1600 * 100%);
		box-sizing: border-box;
	}
	#shopInfo .navItem .list dt {
		min-width: 7em;
	}
}

/*----------------------
 mapArea
----------------------*/
/* introArea */
#mapArea .introArea {
	position: relative;
	color: #ffffff;
	text-align: center;
	background-color: #af272f;
	padding: 70px 0 75px 0;
}
#mapArea .introArea:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 5px;
	background-image: url(/whisky/makersmark/img/common/bg_wave_03.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 5px;
}
#mapArea .introArea .title {
	margin: 0 0 33px 0;
}
#mapArea .introArea .title .sub {
	font-size: 17px;
	margin: 20px 0 0 0;
}
#mapArea .introArea .text {
	font-size: 14px;
	line-height: 26px;
}
@media screen and (min-width:769px) {
	#mapArea .introArea {
		overflow: hidden;
		padding: 70px 0 75px 0;
	}
	#mapArea .introArea:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 5px;
		background-image: url(/whisky/makersmark/img/common/bg_wave_01.png);
		background-position: center center;
		background-repeat: repeat-x;
		background-size: auto 5px;
	}
	#mapArea .introArea .bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	#mapArea .introArea .bg:before {
		content: "";
		position: absolute;
		top: -50px;
		left: 1%;
		width: calc(200 / 960 * 100%);
		max-width: 317px;
		height: 296px;
		background-image: url(/whisky/makersmark/img/drink/parts_02@2x.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#mapArea .introArea .title {
		position: relative;
	}
	#mapArea .introArea .title .sub {
		font-size: 28px;
		margin: 26px 0 0 0;
	}
	#mapArea .introArea .text {
		position: relative;
		font-size: 16px;
		line-height: 26px;
	}
}
#mapArea .content {
	position: relative;
	z-index: 1;
}
#mapArea .areaNavWrap {
	display: none;
}
#mapArea .areaWrap {
}
#mapArea .accordionTrigger {
	position: relative;
	width: 100%;
	font-size: 23px;
	line-height: 23px;
	text-align: center;
	background-color: #fbe1ad;
	padding: 15px 0;
}
#mapArea .accordionTrigger:before {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #85785e;
}
#mapArea .accordionTrigger:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10%;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: 3px solid #af272f;
	border-left: 3px solid #af272f;
	transform: rotate(225deg);
	transition: all 0.4s;
}
#mapArea .open .accordionTrigger:after {
	top: 5px;
	transform: rotate(45deg);
}
#mapArea .areaList {
	display: none;
	width: 92%;
	margin: auto;
	margin-top: -50px;
	padding-top: 50px;
}
#mapArea .areaList.open {
	display: block;
}
#mapArea .areaList .title {
	font-size: 23px;
	line-height: 23px;
	text-align: center;
	margin: 0 0 25px 0;
	padding: 40px 0 0 0;
}
#mapArea .areaList .title .line {
	display: inline-block;
	padding: 0 0 19px 0;
	border-bottom: 2px solid #af272f;
}
#mapArea .areaList .intro {
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 43px 0;
}
#mapArea .areaList .areaItem {
	margin: 30px 0 0 0;
}
#mapArea .areaList .intro+.areaItem {
	margin-top: 0;
}
#mapArea .areaList .areaItem .areaName {
	color: #ffffff;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	background-color: #af272f;
	padding: 7px 0;
}
#mapArea .areaList .areaItem .shopList {
}
#mapArea .areaList .areaItem .shopData {
	margin: 0 0 14px 0;
	padding: 30px 0 0 0;
}
#mapArea .areaList .areaItem .shopData .textWrap {
	margin: 0 0 30px 0;
}
#mapArea .areaList .areaItem .shopData .shopName {
	font-size: 20px;
	line-height: 35px;
	font-weight: 700;
	margin: 0 0 26px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #af272f;
}
#mapArea .areaList .areaItem .shopData .info {
	margin: 0 0 40px 0;
}
#mapArea .areaList .areaItem .shopData .info p {
	font-size: 15px;
	line-height: 22px;
}
#mapArea .areaList .areaItem .shopData .desc {
}
#mapArea .areaList .areaItem .shopData .desc+.desc {
	padding: 40px 0 0 0;
}
#mapArea .areaList .areaItem .shopData .desc dt {
	font-size: 15px;
	line-height: 23px;
	font-weight: 700;
	margin: 0 0 11px 0;
}
#mapArea .areaList .areaItem .shopData .desc dd {
	font-size: 15px;
	line-height: 23px;
}
#mapArea .areaList .areaItem .shopData .desc .listItem {
	font-size: 15px;
	line-height: 23px;
	text-indent: -0.8em;
	padding: 0 0 0 0.8em;
}
#mapArea .areaList .areaItem .shopData .desc .listItem+.listItem {
	margin-top: 10px;
}
#mapArea .areaList .areaItem .shopData .desc .numItem li {
	font-size: 15px;
	line-height: 23px;
	text-indent: -0.8em;
	padding: 0 0 0 0.8em;
}
#mapArea .areaList .areaItem .shopData .desc .circleListItem li {
	font-size: 15px;
	line-height: 23px;
	text-indent: -0.8em;
	padding: 0 0 0 0.8em;
}
#mapArea .areaList .areaItem .shopData .desc .circleListItem li:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	vertical-align: middle;
	margin: 0 5px 0 0;
	border: 1px solid #0f0f0f;
	border-radius: 50%;
}
#mapArea .areaList .areaItem .shopData .desc dd .note {
	font-size: 12px;
	line-height: 21px;
}
#mapArea .areaList .areaItem .shopData .image {
	width: calc(510 / 750 * 100%);
	margin: auto;
}
#mapArea .areaList .areaItem .shopData .image img {
	margin: 0 0 10px 0;
}
@media screen and (min-width:769px) {
	#mapArea .content {
		padding: 0 0 134px 0;
	}
	#mapArea .areaNavWrap {
		display: block;
		position: relative;
		background-color:#fbe1ad;
		padding: 35px 0 37px 0;
	}
	#mapArea .areaNavWrap:before {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 0;
		right: 0;
		z-index: 1;
		height: 5px;
		background-image: url(/whisky/makersmark/img/common/bg_wave_02.png);
		background-position: center center;
		background-repeat: repeat-x;
		background-size: auto 5px;
	}
	#mapArea .areaNavWrap:before {
		content: "";
		position: absolute;
		bottom: -5px;
		left: 0;
		right: 0;
		z-index: 1;
		height: 5px;
		background-image: url(/whisky/makersmark/img/common/bg_wave_02.png);
		background-position: center center;
		background-repeat: repeat-x;
		background-size: auto 5px;
	}
	#mapArea .areaNav {
		position: relative;
		left: -10px;
		width: 365px;
		background-image: url(/whisky/makersmark/img/drink/img_map@2x.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		padding: 374px 0 0 0;
	}
	#mapArea .areaNav .list {
		position: absolute;
		top: 17%;
	}
	#mapArea .areaNav .list:nth-child(1) {
		right: -168px;
	}
	#mapArea .areaNav .list:nth-child(2) {
		left: -177px;
	}
	#mapArea .areaNav .item {
		background-color: #fbe1ad;
	}
	#mapArea .areaNav .item a {
		display: block;
		width: 172px;
		font-size: 15px;
		line-height: 15px;
		text-align: center;
		margin: 0 0 12px 0;
		padding: 16px 0;
		border: 1px solid #0f0f0f;
		border-radius: 3px;
	}
	#mapArea .areaList {
		width: 100%;
		margin-top: -65px;
		padding-top: 65px;
	}
	#mapArea .areaList .title {
		font-size: 30px;
		line-height: 30px;
		padding: 79px 0 0 0;
	}
	#mapArea .areaList .areaItem {
		width: 92%;
		max-width: 960px;
		margin: 80px auto 0 auto;
	}
	#mapArea .areaList .areaItem .areaName {
	}
	#mapArea .areaList .areaItem .shopList {
	}
	#mapArea .areaList .areaItem .shopData {
		display: flex;
		justify-content: space-between;
		padding: 65px 0 0 0;
	}
	#mapArea .areaList .areaItem .shopData .textWrap {
		flex-basis: calc(560 / 960 * 100%);
		margin: 0;
	}
	#mapArea .areaList .areaItem .shopData .shopName {
	}
	#mapArea .areaList .areaItem .shopData .info {
		margin: 0 0 44px 0;
	}
	#mapArea .areaList .areaItem .shopData .info p {
	}
	#mapArea .areaList .areaItem .shopData .desc {
	}
	#mapArea .areaList .areaItem .shopData .desc dt {
		font-size: 16px;
		line-height: 21px;
	}
	#mapArea .areaList .areaItem .shopData .desc dd {
		font-size: 15px;
		line-height: 23px;
	}
	#mapArea .areaList .areaItem .shopData .image {
		flex-basis: calc(360 / 960 * 100%);
		width: auto;
	}
}

/*----------------------
 bottomNav
----------------------*/
#bottomNav {
}
#bottomNav .navItem .bg {
	background-image: url(/whisky/makersmark/img/drink/bg_bottomNav_01@2x.jpg);
}