@charset "UTF-8";

/* リセットCSS
===================================== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,button,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

li,
dd {
	list-style-type: none;
}

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

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

q,
blockquote {
	quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none;
}

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

img {
	border: none;
	vertical-align: bottom;
}


/* =============================================================================


        基本設定


============================================================================= */

html {
	font-size: 62.5%;
	max-width: 100%;
}

* {
	box-sizing: border-box;
}

body {
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	line-height: 1.6;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	opacity: .7;
}

.inner {
	margin: auto;
}

@media screen and (max-width: 640px) {
	.inner {
		padding: 0px;
	}
}

@font-face {
	font-family: 'DJBGetDigital';
	src: url("../font/DjbGetDigital.ttf");
}

@font-face {
	font-family: 'TrajanPro';
	src: url("../font/TrajanPro.ttf");
}

.tab-br {
	display: none;
}

@media screen and (max-width: 1209px) {
	.tab-br {
		display: block;
	}
}

.tab-none {
	display: block;
}

@media screen and (max-width: 1209px) {
	.tab-none {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.sp-none {
		display: none;
	}
}

.sp-dis {
	display: none;
}

@media screen and (max-width: 640px) {
	.sp-dis {
		display: inline;
	}
}

.tb-dis {
	display: none;
}

@media screen and (max-width: 1000px) {
	.tb-dis {
		display: inline;
	}
}

.sm-dis {
	display: none;
}

@media screen and (max-width: 600px) {
	.sm-dis {
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.sm-none {
		display: none;
	}
}


/***********************
   top
***********************/

#pageTop {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

@media screen and (max-width: 640px) {
	#pageTop {
		right: 5.5px;
	}
}

#pageTop i {
	padding: 2px 8px 0px 2px;
	font-size: 2rem;
}

#pageTop a {
	display: block;
	z-index: 999;
	padding: 8px 0 0 8px;
	border-radius: 0px;
	width: 35px;
	height: 35px;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#pageTop a {
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
	#pageTop a i{
		padding:2px 0 0;
	}
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}


/***********************
   header
***********************/

header {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: space-between;
	position: fixed;
	height: 148px;
	padding: 30px 30px 35px;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	background: #fff;
	-webkit-transition: .3s;
	transition: .3s;
}

@media screen and (max-width: 1209px) {
	header{
		padding-left:20px;
		padding-right:20px;
	}
}

@media screen and (max-width: 1000px) {
	header {
		height: 84px;
		padding: 0px 0 5px;
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 640px) {
	header {
		height: 54px;
		padding: 9px 0;
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
}

.is-animation {
	/* padding: 5px 0; */
	/* height: 90px; */
	-webkit-box-align: bottom;
	align-items: bottom;
}

@media screen and (max-width: 1209px) {
	.is-animation {
		/* height: 100px; */
		/* padding: 10px; */
	}
}

@media screen and (max-width: 640px) {
	.is-animation {
		/* height: 54px; */
	}
}

header .img-logo {
	margin:0;
}

@media screen and (max-width: 1050px) {
	header .img-logo {
		margin: 0 2%;
	}
	header .img-logo img{
		max-width:240px;
	}
}

@media screen and (max-width: 640px) {
	header .img-logo {
		margin: 0 0 0 10px;
	}
}

@media screen and (max-width: 640px) {
	header .img-logo img {
		width: 121.5px;
		height: 36.5px;
	}
}
.header-left{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;width: 610px;
	margin-left: 0;
}
.language {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-transition: .3s;
	transition: .3s;
	padding-top: 0;
}

.language-link {
	padding: 7px;
	width: 135px;box-shadow: 1.4px 1.4px 5px 0 rgba(0, 0, 0, 0.3);
	background-color: #eeeeee;
	display: block;
	font-size: 1.6rem;
	line-height: 1;
}

.language-link img {
	margin-right: 15px;
}

.language-item + .language-item {
	margin-left: 18px;
}

@media screen and (max-width: 1200px) {
	.header-left{
		width:auto;
	}
	.language {
		flex-direction:column;
		margin-top:-30px;
		margin-left:15px;
	}
	.language-item + .language-item{
		margin:5px 0 0;
	}
	.language-link{
		width: 122px;
	}
	.language-link img{
		margin-right:8px;
	}
}
@media screen and (max-width: 1000px) {
	.language {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.header-nav {
		display: none;
	}
}

.nav-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
}

.nav-link {
	width: 106px;
	height: 84px;
	opacity: 0.6;
	background: #0091ac;
	display: block;
	color: #fff;
	font-size: 1.5rem;
	line-height: 2.2rem;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
	letter-spacing: -0.03em;
}
.other_lang .nav-link {
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.child .nav-link {
	background:#eb6877;
}
.nav-link span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.nav-link-anime {
	/* height: 60px; */
	/* margin-bottom: 7px; */
	/* margin-top: 10px; */
}

.nav-item + .nav-item {
	margin-left: 9px;
}
.black-bg {
	display:none;
}
@media screen and (max-width: 1400px) {
	.nav-link,
	.other_lang .nav-link{
		width:90px;
		font-size:1.25rem;
	}
	.nav-item + .nav-item{
		margin-left:5px;
	}
}
@media screen and (max-width: 1000px) {
	header .img-logo img {
		width: 100%;
	}
	.header-left{
		width:auto;
		padding:0;
		margin:0;
	}
	.header-nav {
		display: none;
	}
	.hamburger {
		width: 84px;
	}
	.global-nav {
		position: fixed;
		right: -320px;
		/* これで隠れる */
		top: 0;
		width: 300px;
		/* スマホに収まるくらい */
		height: 100vh;
		padding-top: 120px;
		background-color: #eeeeee;
		-webkit-transition: all .6s;
		transition: all .6s;
		z-index: 200;
		overflow-y: auto;
		/* メニューが多くなったらスクロールできるように */
	}
	.hamburger {
		position: absolute;
		right: 0;
		top: 0;
		/* クリックしやすいようにちゃんと幅を指定する */
		height: 100%;
		/* クリックしやすいようにちゃんと高さを指定する */
		cursor: pointer;
		z-index: 300;
		background: #eeeeee;
	}
	.global-nav__list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.global-nav__item {
		text-align: center;
		padding: 0 14px;
	}
	.global-nav__item a {
		display: block;
		padding: 8px 0;
		border-bottom: 1px solid #eee;
		text-decoration: none;
		color: #111;
		font-size: 2rem;
	}
	.global-nav__item a:hover {
		background-color: #eee;
	}
	.hamburger__line {
		position: absolute;
		left: 20px;
		width: 44px;
		height: 3px;
		background-color: #333333;
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	.hamburger__line--1 {
		top: 20px;
	}
	.hamburger__line--2 {
		top: 33px;
	}
	.hamburger__line--3 {
		top: 46px;
	}
	.hamburger-text {
		top: 54.5px;
		position: absolute;
		left: 28px;
		font-size: 0.8rem;
		font-weight: bold;
	}
	.black-bg {
		display:block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
		background-color: #000;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .6s;
		transition: all .6s;
		cursor: pointer;
	}
	/* 表示された時用のCSS */
	.nav-open .global-nav {
		right: 0;
	}
	.nav-open .black-bg {
		opacity: .8;
		visibility: visible;
	}
	.nav-open .hamburger__line--1 {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 20px;
	}
	.nav-open .hamburger__line--2 {
		width: 0;
		left: 50%;
	}
	.nav-open .hamburger__line--3 {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 20px;
	}
}

@media screen and (max-width: 640px) {
	.global-nav {
		position: fixed;
		right: -320px;
		/* これで隠れる */
		top: 0;
		width: 300px;
		/* スマホに収まるくらい */
		height: 100vh;
		padding-top: 60px;
		background-color: #eeeeee;
		-webkit-transition: all .6s;
		transition: all .6s;
		z-index: 200;
		overflow-y: auto;
		/* メニューが多くなったらスクロールできるように */
	}
	.hamburger {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		/* クリックしやすいようにちゃんと幅を指定する */
		height: 100%;
		/* クリックしやすいようにちゃんと高さを指定する */
		cursor: pointer;
		z-index: 300;
		background: #eeeeee;
	}
	.hamburger__line {
		position: absolute;
		left: 16px;
		width: 22px;
		height: 3px;
		background-color: #333333;
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	.hamburger__line--1 {
		top: 9px;
	}
	.hamburger__line--2 {
		top: 17px;
	}
	.hamburger__line--3 {
		top: 24px;
	}
	.hamburger-text {
		top: 30.5px;
		position: absolute;
		left: 12px;
		font-size: 0.8rem;
		font-weight: bold;
	}
}


/***********************
   mv
***********************/

#mv {
	position: relative;
	margin-top: 148px;
}

@media screen and (max-width: 1000px) {
	#mv {
		margin-top: 78px;
	}
}

@media screen and (max-width: 640px) {
	#mv {
		margin-top: 54px;
		padding: 0;
	}
}

.mv-contents {
	position: absolute;
	top: 14.5%;
	left: 0%;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	z-index: 10;
	width: 100%;
}

@media screen and (max-width: 1209px) {
	.mv-contents {
		top: 7.5%;
	}
}

@media screen and (max-width: 640px) {
	.mv-contents {
		top: 4.2%;
		width: 100%;
		left: 0%;
	}
}

.swiper-container {
	position: relative;
	-webkit-transition: 6s;
	transition: 6s;
}

.swiper-container:after {
	position: absolute;
	content: "";
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	background-size: cover;
	height: 100%;
}

.swiper-container {
	width: 100%;
	height: 825px;
}

@media screen and (max-width: 640px) {
	.swiper-container {
		height: 393.5px;
	}
}

.swiper-container .swiper-wrapper .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.mv-title {
	font-size: 3.35rem;
	font-weight: bold;
	padding: 12px 2.5% 12px 12%;
	background: rgba(0, 145, 172, 0.8);
	color: #fff;
	display: inline-block;
	letter-spacing: 0.402rem;
}

@media screen and (max-width: 1209px) {
	.mv-title {
		font-size: 2rem;
	}
}

@media screen and (max-width: 640px) {
	.mv-title {
		font-size: 1.1rem;
		padding: 3px 14px 1px 9.5px;
		letter-spacing: 0.132px;
	}
}

.mv-text {
	font-size: 8rem;
	font-weight: bold;
	color: #fff;
	padding-left: 198px;
	margin-top: 16px;
	line-height: 1.2;
	letter-spacing: -0.1rem;
}

@media screen and (max-width: 1209px) {
	.mv-text {
		font-size: 5rem;
		padding-left: 12%;
	}
}

@media screen and (max-width: 640px) {
	.mv-text {
		font-size: 2.5rem;
		padding-left: 9.5px;
		letter-spacing: -0.1rem;
		line-height: 1.3;
		margin-top: 11px;
	}
}

.mv-sub {
	margin-top: 60px;
	text-align: center;
	padding-bottom: 62px;
}

@media screen and (max-width: 640px) {
	.mv-sub {
		padding: 0 8px 32.5px 9px;
		margin-top: 21px;
	}
}

.mv-sub img {
	height: 214px;
	width: 259px;
}

@media screen and (max-width: 640px) {
	.mv-sub img {
		width: 87.5px;
		height: 72.5px;
	}
}

.mv-sub-text {
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 2rem;
	letter-spacing: 0.06rem;
	margin-top: 64px;
}

.mv-sub-text p + p {
	margin-top: 2em;
}

@media screen and (max-width: 1209px) {
	.mv-sub-text {
		text-align: left;
		margin: 64px 50px 0 50px;
	}
}

@media screen and (max-width: 640px) {
	.mv-sub-text {
		font-size: 1.3rem;
		margin: 18.5px 0 0 0;
		line-height: normal;
		letter-spacing: normal;
		text-align: justify;
	}
}


/***********************
   arrival
***********************/

#arrival {
	padding: 47px 0 44px 0;
	background: #f2f2f2;
	text-align: center;
	margin: auto;
}

@media screen and (max-width: 640px) {
	#arrival {
		padding: 19.5px 8px 12.5px 8px;
	}
}

.arrival-title {
	width: 570px;
	font-size: 2.6rem;
	line-height: 4rem;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-family: "Yu Mincho", "YuMincho", serif;
	padding: 17px 0 14px;
	margin: auto;
	margin-bottom: 29px;
}

@media screen and (max-width: 640px) {
	.arrival-title {
		width: 100%;
		font-size: 1.3rem;
		padding: 10.5px 0 4.5px 0;
		margin-bottom: 19px;
		line-height: 2rem;
		-webkit-box-align: center;
		align-items: center;
	}
}

.arrival-contents {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	align-items: baseline;
	line-height: 0;
}

@media screen and (max-width: 640px) {
	.arrival-contents {
		-webkit-box-align: center;
		align-items: center;
	}
}

.arrival-contents img {
	width: 106px;
	height: 88px;
	margin-right: 15px;
}

@media screen and (max-width: 640px) {
	.arrival-contents img {
		width: 43px;
		height: 36px;
		margin-right: 8px;
	}
}

.arrival-contents p{
	font-size:0;
}
.arrival-contents p span {
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 3rem;
	font-weight: 600;
	color: #0091ac;
	margin-right: 35px;
	display:inline-block;
	text-align:left;
}

@media screen and (max-width: 640px) {
	.arrival-contents p span {
		font-size: 1.3rem;
		line-height: 0.78rem;
		letter-spacing: normal;
		margin-right: 8px;
	}
}

.arrival-contents p span.num {
	color: #007ac3;
	font-family: DJBGetDigital;
	font-size: 10.15rem;
	margin: 0 12px 0 27px;
	display: inline-block;
	width: 1.95em;
	text-align:right;
}
.en .arrival-contents p span.txt01 {
	width: 6.75em;
	white-space: nowrap;
}
.es .arrival-contents p span.txt01 {
	width: 5.25em;
	white-space: nowrap;
}
@media screen and (max-width: 640px) {
	.arrival-contents p span.num {
		font-size: 4.4rem;
		line-height: 2.6rem;
		letter-spacing: normal;
		margin: 0 10px;
	}
	.en .arrival-contents p span.txt01 {
		width: 7.5em;
	}
	.es .arrival-contents p span.txt01 {
		width: 6em;
	}
}

.drink {
	margin-top: 7px;
}

.select_sale {
	margin-top: 7px;
}

@media screen and (max-width: 600px) {
	.drink {
		margin-top: 7.5px;
	}
	.select_sale {
		margin-top: 7.5px;
	}
}

.drink p {
	color: #eb6877;
}

.drink p span,
.drink p span.num{
	color: #eb6877;
}

.select_sale p,
.select_sale p span {
	color: #d3a003;
}

.arrival-sec-text {
	margin-top: 25px;
	font-size: 1.6rem;
	letter-spacing: 0.15rem;
}

@media screen and (max-width: 640px) {
	.arrival-sec-text {
		margin-top: 2.5px;
		font-size: 1rem;
		line-height: normal;
		letter-spacing: -0.1rem;
	}
}


/***********************
   info
***********************/

.shopinfo-container {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	align-items: flex-start;
	padding: 97px 0px 79px;
}

@media screen and (max-width: 640px) {
	.shopinfo-container {
		padding: 26.5px 0px 50px;
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
}

.shopname-contents {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	align-items: center;
	width: 50%;
}

@media screen and (max-width: 1209px) {
	.shopname-contents {
		margin-bottom: 50px;
		width: 100%;
		-webkit-box-pack: center;
		justify-content: center;
	}
}

@media screen and (max-width: 640px) {
	.shopname-contents {
		width: 100%;
		-webkit-box-align: start;
		align-items: flex-start;
		margin-bottom: 26.5px;
	}
}

.mascot {
	margin-right: 14px;
}

@media screen and (max-width: 640px) {
	.mascot img {
		width: 89.5px;
		height: 94px;
		margin-left: 30px;
	}
}

@media screen and (max-width: 640px) {
	.mascot {
		width: 47%;
		margin-right: 0;
		text-align: center;
	}
}

.mascot-name {
	margin-top: 12px;
	font-size: 1.6rem;
	line-height: 1.2;
	letter-spacing: -0.2rem;
	text-align: center;
	padding: 0 12px 0 0;
}

@media screen and (max-width: 640px) {
	.mascot-name {
		font-size: 1rem;
		padding: 0;
	}
}

.shopname-text {
	color: #0091ac;
	font-family: "Yu Mincho", "YuMincho", serif;
	text-align: left;
	margin-top: 46px;
	padding: 0 53px 0 8px;
}

@media screen and (max-width: 640px) {
	.shopname-text {
		width: 50%;
		margin-top: 0px;
		padding: 0;
	}
}

.shopname {
	font-size: 4rem;
	font-weight: 600;
	line-height: 3.65rem;
}

@media screen and (max-width: 640px) {
	.shopname {
		font-size: 2.4rem;
		line-height: 2.2rem;
	}
}

.shop-eng {
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 1.95rem;
	letter-spacing: 0.15rem;
	font-family: TrajanPro;
}

@media screen and (max-width: 640px) {
	.shop-eng {
		margin-top: 7.5px;
		font-size: 0.9rem;
		line-height: 1.18rem;
		letter-spacing: -0.108px;
	}
}

.name-info {
	border-left: 1px solid #0091ac;
	padding: 3px 0 4px 11px;
	font-size: 2rem;
	line-height: 2.7rem;
	letter-spacing: -0.01rem;
	margin-top: 15px;
	font-family: TrajanPro;
}

@media screen and (max-width: 640px) {
	.name-info {
		font-size: 1.2rem;
		line-height: 1.62rem;
		margin-top: 11.5px;
		letter-spacing: 0;
		padding: 0px 0 0px 7px;
	}
}

.shopinfo-item + .shopinfo-item {
	margin-top: 17px;
}

@media screen and (max-width: 640px) {
	.shopinfo-item + .shopinfo-item {
		margin-top: 9px;
	}
}

.shopinfo-item {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
}

@media screen and (max-width: 640px) {
	.shopinfo-item {
		padding: 0 8px 0 9px;
		flex-wrap: nowrap;
		-webkit-box-pack: center;
		justify-content: center;
	}
}

.shopinfo-item:last-child {
	margin-top: 9px;
}

@media screen and (max-width: 640px) {
	.shopinfo-item:last-child {
		margin-top: 11px;
	}
}

.shopinfo-item dt {
	width: 145px;
	padding: 7px 0;
	border: 1px solid #000;
	font-size: 2rem;
	font-family: "Yu Mincho", "YuMincho", serif;
	text-align: center;
	letter-spacing: 0.24rem;
}

@media screen and (max-width: 640px) {
	.shopinfo-item dt {
		width: 85px;
		padding: 4px 0 5.5px 0px;
		font-size: 1.3rem;
		letter-spacing: normal;
	}
}

.shopinfo-item dd {
	margin-left: 41px;
	font-size: 2.2rem;
	letter-spacing: 0.1rem;
	line-height: 1.4;
}

@media screen and (max-width: 640px) {
	.shopinfo-item dd {
		margin-left: 10.5px;
		font-size: 1.3rem;
		letter-spacing: 0.156rem;
		line-height: normal;
		width: 72%;
	}
}

.shopinfo-item dd a {
	padding: 10px 7px 9px 2px;
	background: #048645;
	font-size: 1.6rem;
	letter-spacing: 0.048rem;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	color: white;
	display: inline-block;
	margin-top: 8px;
}

@media screen and (max-width: 640px) {
	.shopinfo-item dd a {
		padding: 7px 12.5px 9px 10.5px;
		font-size: 1rem;
		margin-top: 1.5px;
	}
}

.adress-item {
	-webkit-box-align: start;
	align-items: flex-start;
}

.adress-item dd {
	margin-left: 35px;
	letter-spacing: 0.01rem;
}

@media screen and (max-width: 1209px) {
	.adress-item dd {
		margin-left: 30px;
	}
}

@media screen and (max-width: 640px) {
	.adress-item dd {
		margin-left: 11px;
		margin-top: 11px;
		line-height: 1.2;
		letter-spacing: normal;
	}
}

.tel-item dd {
	margin-left: 35px;
	letter-spacing: 0.01rem;
	background-color: #fff;
}

.tel-item dd a {
	background-color: #fff;
	text-decoration: none;
	color: #000;
}

@media screen and (max-width: 640px) {
	.tel-item dd {
		margin-left: 11px;
	}
}

.address {
	letter-spacing: -0.01rem;
}

.shopinfo-contents {
	width: 50%;
}

@media screen and (max-width: 1209px) {
	.shopinfo-contents {
		width: auto;
	}
}

@media screen and (max-width: 640px) {
	.shopinfo-contents {
		width: auto;
		margin: auto;
	}
}

.floor-info-container {
	padding: 63px 0 54px;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background: rgba(0, 115, 109, 0.1);
}

@media screen and (max-width: 1209px) {
	.floor-info-container {
		padding: 50px 8px 22px 9px;
		flex-wrap: wrap-reverse;
	}
}

@media screen and (max-width: 1209px) {
	.floor-contents {
		width: 100%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 640px) {
	.floor-contents {
		margin-bottom: 17px;
	}
}

.floor-contents img {
	width: 502px;
	height: 281px;
}

@media screen and (max-width: 1209px) {
	.floor-contents img {
		width: 100%;
		height: auto;
	}
}

.floor-contents p {
	font-size: 2.2rem;
	margin-top: 7px;
	letter-spacing: -0.05rem;
}

@media screen and (max-width: 1209px) {
	.floor-contents p {
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	.floor-contents p {
		text-align: left;
		font-size: 1.3rem;
		margin-top: 3px;
		letter-spacing: normal;
	}
}

@media screen and (max-width: 640px) {
	.floor-contents .floor-fa-text {
		letter-spacing: 0.156rem;
	}
}

.floor-contents span {
	background: #048645;
	color: #fff;
	font-size: 2.2rem;
	letter-spacing: 0.264rem;
	line-height: 2.66;
	padding: 7px 20px 8px 20px;
	margin-right: 12px;
}

@media screen and (max-width: 640px) {
	.floor-contents span {
		font-size: 1.3rem;
		padding: 4px 7px 4px 6px;
		margin-right: 12px;
	}
}

.floor-contents + .floor-contents {
	margin-left: 116px;
}

@media screen and (max-width: 1209px) {
	.floor-contents + .floor-contents {
		margin-left: 0;
	}
}


/***********************
   select
***********************/

.select {
	margin: auto;
	text-align: center;
	margin-top: 125px;
	padding: 0 3.4%;
}

@media screen and (max-width: 640px) {
	.select {
		margin-top: 25px;
	}
}

.select img {
	max-width: 100%;
}


/***********************
   gallery
***********************/

#gallery {
	position: relative;
	padding: 114px 0 0 0;
	margin: auto;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#gallery {
		padding: 32px 0 0 0;
	}
}

@media screen and (max-width: 640px) {
	.sec-logo-img {
		width: 123px;
		height: 30.5px;
	}
}

.section-title {
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 2.8rem;
	font-weight: 600;
	color: #010101;
	line-height: 1.03;
	letter-spacing: 0.084rem;
	margin-top: 25px;
	position: relative;
}

@media screen and (max-width: 640px) {
	.section-title {
		font-size: 2.0rem;
		margin-top: 4px;
		line-height: 1.03;
		letter-spacing: 0.042rem;
	}
	#gallery .section-title {
		font-size: 1.4rem;		
	}
	#gallery .section-title h3{
		display:inline-block;
	padding: 0 55px;}
}
.sec-th-title {
	text-align:center;
}
.section-title h3 {
	display: inline;
	position: relative;
}
.section-title h3:before,
.section-title .center:before {
	content: '';
	position: absolute;
	width: 105px;
	height: 87px;
	background-image: url(../img/dec.png);
	display: inline-block;
	background-size: contain;
	top: -58px;
	left: -39%;
}
.sec-th-title h3 span{
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
}
@media screen and (max-width: 640px) {
	.section-title h3:before,
	.section-title .center:before  {
		left: 0;
		width: 50px;
		height: 42px;
		top: auto;
		bottom:0;
	}
}

.section-title h3:after,
.section-title .center:after  {
	content: '';
	position: absolute;
	width: 105px;
	height: 87px;
	background-image: url(../img/dec.png);
	display: inline-block;
	background-size: contain;
	right: -41%;
	top: -58px;
}

@media screen and (max-width: 640px) {
	.section-title h3:after,
	.section-title .center:after {
		right: 0;
		width: 50px;
		height: 42px;
		top: auto;
		bottom:0;
	}
}

.sec-th-title .center{
	display:inline-block;
	padding:0 140px;
	margin-bottom:20px;
	position:relative;
}
.sec-th-title .center:before{
	left:0;
}
.sec-th-title .center:after{
	right:0;
}

@media screen and (max-width: 640px) {
	.sec-th-title .center{
		display:inline-block;
		padding:0 60px;
		margin-bottom:20px;
		
	}
}
.gallery-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	align-items: baseline;
	max-width: 1500px;
	margin: 66px auto 0 auto;
}

@media screen and (max-width: 1209px) {
	.gallery-list {
		padding: 0 10px;
	}
}

@media screen and (max-width: 640px) {
	.gallery-list {
		margin-top: 22px;
		padding: 0 8px 0 9px;
	}
}

.gallery-item {
	width: 568px;
	text-align: left;
	margin-bottom: 69px;
}

@media screen and (max-width: 1209px) {
	.gallery-item {
		width: calc(50% - 15px);
	}
}

@media screen and (max-width: 640px) {
	.gallery-item {
		margin-bottom: 26px;
		width: 100%;
	}
	.gallery-item:nth-child(2) {
		margin-bottom: 28px;
	}
	.gallery-item:nth-child(3) {
		margin-bottom: 47px;
	}
}

.gallery-item img {
	width: 568px;
}

@media screen and (max-width: 1209px) {
	.gallery-item img {
		max-width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.gallery-item img {
		width: 100%;
		min-height: auto;
	}
}

.gallery-item:nth-child(2n) {
	margin-left: 4%;
}

@media screen and (max-width: 1209px) {
	.gallery-item:nth-child(2n) {
		margin-left: 30px;
	}
}

@media screen and (max-width: 640px) {
	.gallery-item:nth-child(2n) {
		margin-left: 0;
	}
}

.gallary-title {
	margin-top: 22px;
	line-height: 2.4rem;
	font-size: 2rem;
}

@media screen and (max-width: 640px) {
	.gallary-title {
		margin-top: 10px;
		font-size: 1.4rem;
		letter-spacing: normal;
		line-height: normal;
	}
}

.gallery-text {
	margin-top: 22px;
	line-height: 2.4rem;
	font-size: 1.6rem;
	text-align: justify;
}
.gallery-text p + p{
	margin-top:1.5em;
}

@media screen and (max-width: 640px) {
	.gallery-text {
		margin-top: 2px;
		line-height: normal;
		font-size: 1.3rem;
		letter-spacing: -0.013rem;
	}
}

.text-dec {
	letter-spacing: 0.025rem;
	margin-top: 28px;
}

@media screen and (max-width: 640px) {
	.text-dec {
		font-feature-settings: "palt";
	}
}

@media screen and (max-width: 640px) {
	.gallary-sec-title {
		font-size: 1.5rem;
		margin-top: 15px;
		font-feature-settings: "palt";
	}
}

@media screen and (max-width: 640px) {
	.gallary-thr-title {
		margin-top: 17px;
	}
}

.gallery-sec-text {
	line-height: 2.4rem;
	font-size: 1.6rem;
}

@media screen and (max-width: 640px) {
	.gallery-sec-text {
		line-height: 1.5;
		font-size: 1.3rem;
		letter-spacing: 0.09rem;
		font-feature-settings: "palt";
	}
}

.gallery-sec-text a {
	text-decoration: underline;
	color: #ff0000;
}
.btn_style {
	margin:30px 0;
	text-align:left;
}
.btn_style.center{
	text-align:center;
}
.btn_style a {
	display:inline-block;
	font-size:1.7rem;
	background:#66bdcd;
	border:#66bdcd solid 1px ;
	padding:8px 20px;
	color:#fff;
	letter-spacing:-0.03em;
	font-weight:600;
}


/***********************
   sec-select
***********************/

.sec-select {
	margin-top: 45px;
	margin: 45px auto 0 auto;
	text-align: center;
	padding: 0 3.4%;
}

@media screen and (max-width: 640px) {
	.sec-select {
		margin-top: -4px;
	}
}

.sec-select img {
	max-width: 100%;
}


/***********************
   view
***********************/

@media screen and (max-width: 640px) {
	#view {
		padding: 42px 0 0 0;
		text-align: center;
	}
}

.view-container {
	margin: 148px auto 0 auto;
	background: #000;
	padding: 106px 0 112px;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.view-container {
		margin: 21px auto 0 auto;
		padding: 34px 0 50px;
	}
}

.view-title {
	font-size: 2.4rem;
	line-height: 4.05rem;
	letter-spacing: 0.72px;
	font-family: "Yu Mincho", "YuMincho", serif;
	position: relative;
	font-feature-settings: "palt";
}

@media screen and (max-width: 640px) {
	.view-title {
		font-size: 1.9rem;
	}
}

.view-title:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -35px;
	/*線の上下位置*/
	display: inline-block;
	width: 150px;
	/*線の長さ*/
	height: 1px;
	/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	/*位置調整*/
	background-color: #fff;
	/*線の色*/
	border-radius: 2px;
	/*線の丸み*/
}

@media screen and (max-width: 640px) {
	.view-title:before {
		left: 49%;
		top: -3px;
		width: 75.5px;
	}
}

.view-title:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -28px;
	/*線の上下位置*/
	display: inline-block;
	width: 150px;
	/*線の長さ*/
	height: 1px;
	/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	/*位置調整*/
	background-color: #fff;
	/*線の色*/
	border-radius: 2px;
	/*線の丸み*/
}

@media screen and (max-width: 640px) {
	.view-title:after {
		left: 49%;
		bottom: 1px;
		width: 75.5px;
	}
}

.sec-sec-title {
	color: #fff;
	margin-top: 87px;
}

@media screen and (max-width: 640px) {
	.sec-sec-title {
		color: #010101;
		text-align: center;
	}
}

.sec-sec-title h3:before {
	left: -22%;
	top: -55px;
}

@media screen and (max-width: 1209px) {
	.sec-sec-title h3:before {
		left: -60%;
		top: -37px;
	}
}

@media screen and (max-width: 640px) {
	.sec-sec-title h3:before {
		left: -66%;
		top: -10px;
	}
}

.sec-sec-title h3:after {
	right: -20%;
}

@media screen and (max-width: 1209px) {
	.sec-sec-title h3:after {
		top: -37px;
		right: -45%;
	}
}

@media screen and (max-width: 640px) {
	.sec-sec-title h3:after {
		top: -10px;
		right: -46%;
	}
}

.view-img {
	width: 800px;
	height: 600px;
	margin: 48px auto 0 auto;
}

@media screen and (max-width: 1209px) {
	.view-img {
		width: auto;
		height: auto;
		padding: 0 12px 0 9px;
	}
}

@media screen and (max-width: 640px) {
	.view-img {
		margin: 24px auto 0 auto;
	}
}

@media screen and (max-width: 1209px) {
	.view-img img {
		width: 100%;
		height: auto;
	}
}


/***********************
   sns
***********************/

.sns-container {
	text-align: center;
	padding: 135px 0 0 0;
}

@media screen and (max-width: 640px) {
	.sns-container {
		padding: 53px 0 0 0;
	}
}

.sns-text {
	display: block;
	padding: 15px 0;
	background: rgba(0, 115, 109, 0.1);
	color: #0091ac;
	font-weight: bold;
	font-size: 3rem;
	letter-spacing: 0.78px;
	margin-top: 27px;
}

@media screen and (max-width: 640px) {
	.sns-text {
		line-height: normal;
		margin-top: 24px;
		margin-left: 0;
		font-size: 1.7rem;
		letter-spacing: .039rem;
	}
}

.sec-th-title h3 {
	padding-right: 15px;
}

@media screen and (max-width: 640px) {
	.sec-th-title h3 {
		padding-right: 0;
	display: inline-block;padding: 0 55px;}
}

.sec-th-title h3:before {
	top: -50px;
	left: -73%;
}

@media screen and (max-width: 640px) {
	.sec-th-title h3:before {
		top: auto;
		left: 0;
	bottom: 0;}
}

.sec-th-title h3:after {
	top: -50px;
	right: -69%;
}

@media screen and (max-width: 640px) {
	.sec-th-title h3:after {
		top: auto;
		right: 0;
	bottom: 0;}
}

.sns-contents {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-top: 35px;
}



@media screen and (max-width: 640px) {
	.sns-contents {
		margin-top: 14px;
	}
}

.fb-container {
	height: 570px;
}

@media screen and (max-width: 640px) {
	.fb-container {
		height: 301px;
	}
}

.fb-big-page {
	display: block !important;
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: 0;
	height: 570px;
}

@media screen and (max-width: 1209px) {
	.fb-big-page {
		margin-right: auto;
	}
}

@media screen and (max-width: 640px) {
	.fb-big-page {
		display: none !important;
	}
}

.fb-sm-page {
	display: none !important;
}

@media screen and (max-width: 640px) {
	.fb-sm-page {
		display: block !important;
		width: 100%;
		max-width: 301px;
		margin-left: auto;
		margin-right: auto;
		height: 301px;
	}
}

.fb-container,
.insta-container,
.line-container {
	width: calc(50% - 67px);
	margin-bottom: 65px;
}

@media screen and (max-width: 1209px) {
	.fb-container,
	.insta-container,
	.line-container {
		width: 100%;
	}
}

.tw-container {
	height: 570px;
	width: calc(50% - 67px);
}

@media screen and (max-width: 1209px) {
	.tw-container {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.tw-container {
		height: 301px;
		width: 301px;
		margin: 0 auto 0px auto;
	}
}

@media screen and (max-width: 640px) {
	.insta-container {
		width: 100%;
		padding: 0 12px;
		margin-bottom: 20px;
	}
}

.insta-container img {
	width: 500px;
	height: auto;
}

@media screen and (max-width: 640px) {
	.insta-container img {
		width: 100%;
		min-height: 105.8px;
	}
}

.fb-container,
.insta-container {
	text-align: right;
}

@media screen and (max-width: 1209px) {
	.fb-container,
	.insta-container {
		text-align: center;
	}
}

.tw-container {
	text-align: left;
}

@media screen and (max-width: 1209px) {
	.tw-container {
		text-align: center;
	}
}

.fb-container + .tw-container {
	margin-left: 67px;
}

@media screen and (max-width: 1209px) {
	.fb-container + .tw-container {
		margin-left: 0;
	}
}

@media screen and (max-width: 640px) {
	.fb-container + .tw-container {
		margin-left: auto;
	}
	.tw-container iframe{
		height:301px !important;
	}
}

.line-container {
	text-align: left;
	padding-left: 173px;
}

@media screen and (max-width: 1209px) {
	.line-container {
		padding: 0px;
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	.line-container {
		padding: 0px;
		margin-bottom: 30px;
		text-align: center;
	}
}

.line-container .line-img {
	margin-top: 10px;
	margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
	.line-container .line-img {
		margin-bottom: 30px;
		width: 163.5px;
		height: 124px;
	}
}

.line-a {
	padding-left: 90px;
}

@media screen and (max-width: 1209px) {
	.line-a {
		padding: 0;
	}
}

.insta-container {
	padding-right: 27px;
}

@media screen and (max-width: 1209px) {
	.insta-container {
		padding-right: 0;
	}
}

@media screen and (max-width: 600px) {
	.insta-container {
		padding: 0 10px;
	}
}

.sns-contents.banners{
	justify-content:center;
}
.sns-contents.banners .single-container{
	width:100%;
}
.sns-contents.banners .line-container,
.sns-contents.banners .insta-container{
	padding: 0;
	width: auto;
	margin:30px 36px;
}
.sns-contents.banners .single-container img,
.sns-contents.banners .line-container img,
.sns-contents.banners .insta-container img{
	width:auto;
	max-width:100%;
height: auto;min-height: 0;}
.qr-container {
	width: 100%;
}

@media screen and (max-width: 640px) {
	.sns-contents.banners{
		margin:0 4%;
	}
	.sns-contents.banners .single-container{
		margin:10px 0;	
	}
	.sns-contents.banners .line-container,
	.sns-contents.banners .insta-container{
		margin:10px 0;
		width:48%;
	}
	.sns-contents.banners .line-container{
		margin-left:4%;
	}
	.qr-container {
		margin: auto;
		width: 300px;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
	}
	.sns-contents.banners .select{
		margin-top:10px;
	}
}

@media screen and (max-width: 640px) {
	.qr-container img {
		width: 80.5px;
		height: 80.5px;
	}
	.qr-container img:nth-child(1) {
		-webkit-box-ordinal-group: 1;
		order: 0;
	}
	.qr-container img:nth-child(2) {
		-webkit-box-ordinal-group: 3;
		order: 2;
	}
	.qr-container img:nth-child(3) {
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
	.qr-container img:nth-child(4) {
		-webkit-box-ordinal-group: 4;
		order: 3;
	}
}

.qr-container img + img {
	margin-left: 75px;
}

@media screen and (max-width: 1209px) {
	.qr-container img + img {
		margin-left: 0;
	}
}

@media screen and (max-width: 640px) {
	.qr-container img + img {
		/*margin-left: 16px;*/
	}
	.qr-container img + img:nth-child(2) {
		margin-left: 0;
	}
}

.select-container {
	margin-top: 121px;
	width: 100%;
}

@media screen and (max-width: 640px) {
	.select-container {
		margin-top: 15px;
		padding: 0 10px 0 10px;
	}
}

.select-container img {
	/* width: 531px; */
	/* height: 266px; */
}

@media screen and (max-width: 1209px) {
	.select-container img {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 640px) {
	.select-container img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
}

.select-container a + a {
	margin-left: 72px;
}

@media screen and (max-width: 1209px) {
	.select-container a + a {
		margin-left: 0;
		margin-top: 30px;
	}
}


/***********************
   access
***********************/

.access-container {
	padding: 168px 0 0 0;
	position: relative;
	text-align: center;
	width:100%;
	oveflow:hidden;
}

@media screen and (max-width: 640px) {
	.access-container {
		padding: 48px 0 0 0;
	}
}

.sec-access-title h3:before {
	top: -41px;
	left: -127%;
}

@media screen and (max-width: 640px) {
	.sec-access-title h3:before {
		top: -19px;
		left: -120%;
	}
}

.sec-access-title h3:after {
	right: -107%;
	top: -41px;
}

@media screen and (max-width: 640px) {
	.sec-access-title h3:after {
		top: -19px;
		right: -107%;
	}
}

.access-title {
	font-size: 2.8rem;
	line-height: 2.88rem;
	letter-spacing: 0.84px;
	font-family: "Yu Mincho", "YuMincho", serif;
}

.access-text {
	margin-top: 8px;
	font-size: 2.2rem;
	letter-spacing: 0.4px;
}

@media screen and (max-width: 640px) {
	.access-text {
		text-align: justify;
		font-size: 1.5rem;
		margin-top: 10px;
		letter-spacing: normal;
		line-height: 1.58;
		padding-left: 8px;
		padding-right: 8px;
		box-sizing: border-box;
	}
}

.access-text span {
	font-size: 1.7rem;
}

@media screen and (max-width: 640px) {
	.access-text span {
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.06rem;
		text-align: left;
	}
}

.assess-img {
	margin-top: 17px;
}

.assess-img img {
	vertical-align: top;
}

.assess-img img + img {
	margin-left: 23px;
}

.map {
	position: relative;
	margin-top: 17px;
}

@media screen and (max-width: 640px) {
	.map {
		margin-top: 13px;
	}
}

@media screen and (max-width: 640px) {
	.map iframe {
		height: 270.5px;
	}
}

.access-dec .dec-1 {
	position: absolute;
	left: -3%;
	top: -35%;
	opacity: 0.3;
	z-index: -1;
}

@media screen and (max-width: 1209px) {
	.access-dec .dec-1 {
		width: 175px;
		left: -0%;
		top: -21%;
	}
}

@media screen and (max-width: 640px) {
	.access-dec .dec-1 {
		display: none;
	}
}

.access-dec .dec-2 {
	position: absolute;
	left: 11%;
	top: -21%;
	opacity: 0.3;
	z-index: -1;
	width: 150px;
	height: 124px;
}

@media screen and (max-width: 1209px) {
	.access-dec .dec-2 {
		display: none;
	}
}

.access-dec .dec-3 {
	position: absolute;
	right: 11%;
	top: -21%;
	opacity: 0.3;
	z-index: -1;
	width: 150px;
	height: 124px;
}

@media screen and (max-width: 1209px) {
	.access-dec .dec-3 {
		display: none;
	}
}

.access-dec .dec-4 {
	position: absolute;
	right: -3%;
	top: -35%;
	opacity: 0.3;
	z-index: -1;
}

@media screen and (max-width: 1209px) {
	.access-dec .dec-4 {
		width: 175px;
		right: -0%;
		top: -21%;
	}
}

@media screen and (max-width: 640px) {
	.access-dec .dec-4 {
		display: none;
	}
}

.access-info {
	background: rgba(0, 115, 109, 0.1);
	padding: 75px 0 60px 0;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

@media screen and (max-width: 640px) {
	.access-info {
		padding: 23px 0 34px 0;
	}
}

.access-logo {
	width: 366px;
	height: 160px;
	background-color: #ffffff;
	position: relative;
	margin-bottom: 50px;
}

@media screen and (max-width: 640px) {
	.access-logo {
		margin: 0 10px 0 12px;
		width: 299px;
		height: 82px;
	}
}

.access-logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 279px;
	height: 85px;
}

@media screen and (max-width: 640px) {
	.access-logo img {
		width: 129px;
		height: 39px;
	}
}

.access-info-contents {
	width: 652px;
}

.access-info-title {
	font-size: 2.4rem;
	line-height: 2.4rem;
	letter-spacing: 1.44px;
	font-weight: bold;
	color: #0091ac;
}

@media screen and (max-width: 640px) {
	.access-info-title {
		font-size: 1.4rem;
		text-align: center;
		margin-top: 21px;
		letter-spacing: 0.084rem;
		line-height: 0.86;
	}
}

.access-info-text {
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-top: 20px;
	letter-spacing: 0.03rem;
	text-align: justify;
}

@media screen and (max-width: 640px) {
	.access-info-text {
		font-feature-settings: "palt";
		font-size: 1.3rem;
		line-height: 1.3;
		margin-top: 11px;
		letter-spacing: 0.06rem;
		padding: 0 10px;
	}
}

.access-info-list {
	margin-top: 23px;
	font-size: 1.6rem;
	line-height: 2.3rem;
	letter-spacing: 0.96px;
	padding-left: 3px;
}

@media screen and (max-width: 640px) {
	.access-info-list {
		margin-top: 38px;
		font-size: 1.3rem;
		line-height: 1.1;
		letter-spacing: -0.01rem;
		padding-left: 9.5px;
	}
}

.access-info-item {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	align-items: flex-start;
}

.access-info-item dt {
	width: 173px;
	padding: 0.25em 0 0.25em 12px;
	background: transparent;
	/*背景透明に*/
	border-left: solid 5px #0091ac;
	/*左線*/
}

@media screen and (max-width: 640px) {
	.access-info-item dt {
		width: 86px;
		border-left: solid 2px #0091ac;
		/*左線*/
		padding-left: 6px;
		padding: 2px 0 0 6px;
	}
}

.access-info-item dd {
	padding: 0.25em 0 0 0;
}

.access-info-item + .access-info-item {
	margin-top: 13px;
}

@media screen and (max-width: 640px) {
	.access-info-item + .access-info-item {
		margin-top: 11px;
	}
}

.access-info-item + .access-sec-item {
	margin-top: 16px;
}
.access-info-item a{
	text-decoration:underline;
}
.access-info-item a:hover{
	text-decoration:none;
}
@media screen and (max-width: 640px) {
	.access-info-item + .access-sec-item {
		margin-top: 16px;
	}
}

.access-logo + .access-info-contents {
	margin-left: 180px;
}

@media screen and (max-width: 1209px) {
	.access-logo + .access-info-contents {
		margin-left: 10px;
	}
}

@media screen and (max-width: 1209px) and (max-width: 640px) {
	.access-logo + .access-info-contents {
		margin-left: 0;
	}
}

.access-banner {
	margin-top: 60px;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 1209px) {
	.access-banner {
		width: 400px;
		margin: 60px auto 0 auto;
	}
}

@media screen and (max-width: 640px) {
	.access-banner {
		width: 100%;
		margin: 20px auto 0 auto;
	}
}


/*.access-banner img {
  width: 389px;
  height: 108px;
}*/

.access-banner img:first-of-type {
	margin-right: 30px;
}

@media screen and (max-width: 1209px) {
	.access-banner img {
		width: 100%;
		height: auto;
	}
	.access-banner img:first-of-type {
		margin-right: 0;
		margin-top: 10px;
	}
	.access-banner .tequila {
		width: 60%!important;
	}
}

@media screen and (max-width: 640px) {
	.access-banner{
		margin: 20px 2% 0;
	}
	.access-banner img {
		width: 49%;
		height: auto;
	}
}

.access-banner img + img {
	margin-left: 220px;
}

@media screen and (max-width: 1209px) {
	.access-banner img + img {
		margin-left: 0;
		margin-top: 20px;
	}
}

.youtube-container{
	text-align:center;
	padding:120px 0;
	background: rgba(0, 115, 109, 0.1);
}

.youtube-container .movie-container{
	margin-top:30px;
}
.movie-container .iframe_wrap{
	width:700px;
	max-width:100%;
margin: auto;}
.movie-container .iframe_wrap iframe{
	display:block;
	width:100%;
}
.access-info{
	background:#fff;
}

@media screen and (max-width: 640px) {
	.youtube-container{
		padding:60px 4%;
		background: rgba(0, 115, 109, 0.1);
	}
	.youtube-container .movie-container{
		margin-top:0px;
	}
	.movie-container .iframe_wrap{
		width:100%;
		position:relative;
		padding-bottom:56.25%;
	}
	.movie-container .iframe_wrap iframe{
		position:absolute;
		top:0;bottom:0;
		left:0;right:0;
		margin:auto;
		width:100%;
		height:100%;
	}
}

/***********************
   footer
***********************/

@media screen and (max-width: 640px) {
	footer {
		padding: 0;
	}
}

.footer-container {
	background: #1a1d75;
	color: #fff;
	text-align: center;
	height: 247px;
	padding: 106px 0 0 0;
}

@media screen and (max-width: 640px) {
	.footer-container {
		height: 108px;
		padding: 30px 0 0 0;
	}
}

.footer-sns {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.footer-sns li + li {
	margin-left: 19px;
}

@media screen and (max-width: 640px) {
	.footer-sns li + li {
		margin-left: 17px;
	}
}

.sns-icon {
	color: #fff;
	font-size: 3rem;
}

.copy {
	font-size: 1.2rem;
	line-height: 2.88rem;
	letter-spacing: 0.36px;
	margin-top: 40px;
}

@media screen and (max-width: 640px) {
	.copy {
		font-size: 1.1rem;
		margin-top: 10px;
	}
}


/*************************************************************
ストリートビュー追加
*************************************************************/

.street_view_wrapper {
	width: 800px;
	height: 600px;
	margin: 48px auto 0 auto;
}

.view-txt {
	font-size: 2.4rem;
	line-height: 4.05rem;
	letter-spacing: 0.72px;
	font-family: "Yu Mincho", "YuMincho", serif;
	position: relative;
	font-feature-settings: "palt";
}

.street_view {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%;
}

.street_view iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 800px) {
	.street_view_wrapper {
		width: 100%;
		height: auto;
		margin: 48px auto 0 auto;
	}
}

@media screen and (max-width: 640px) {
	.street_view_wrapper {
		width: 85%;
		height: auto;
		margin: 48px auto 0 auto;
	}
	.view-txt {
		line-height: 2.05rem;
		font-size: 1.6rem;
	}
}


/**************************en******************************/

.en .mv-text {
	font-size: 6rem;
	padding-left: 100px;
}

.en .sec-sec-title h3:before {
	left: -18%;
	top: -61px;
}

.en .sec-sec-title h3:after {
	right: -5%;
	top: -61px;
}

.en .sec-th-title h3:before {
	/* left: -73%; */
}

.en .sec-th-title h3:after {
	/* right: -63%; */
}

@media screen and (max-width: 640px) {
	.en .mv-text {
		font-size: 2rem;
		padding-left: 10px;
	}
	.en .kinemonlogo img {
		margin-bottom: 40px;
	}
	.en .section-title h3:before {
		/* left: -110%; */
	}
	.en .section-title h3:after {
		/* right: -110%; */
	}
	.en .sec-th-title h3:before {
		/* left: -84%; */
	}
	.en .sec-th-title h3:after {
		/* right: -89%; */
	}
	.en .sec-sec-title h3:before {
		left: -13%;
		top: 14px;
	}
	.en .sec-sec-title h3:after {
		right: -30%;
		top: 14px;
	}
}


/**************************es******************************/

.es .mv-text {
	font-size: 6rem;
	padding-left: 100px;
}

.es .sec-sec-title h3:before {
	left: -19%;
	top: -61px;
}

.es .sec-sec-title h3:after {
	right: -10%;
	top: -61px;
}

.es .section-title h3:before {
	left: -22%;
}

.es .section-title h3:after {
	right: -21%;
}

.es .section-title .view_tit:before {
	left: -20%!important;
}

.es .section-title .view_tit:after {
	right: -5%!important;
}

@media screen and (max-width: 640px) {
	.es .mv-text {
		font-size: 2rem;
		padding-left: 10px;
	}
	.es .kinemonlogo img {
		margin-bottom: 40px;
	}
	.es .section-title h3:before {
		left: 0;
	}
	.es .section-title h3:after {
		right: 0;
	}
	.es .sec-th-title h3:before {
		left: 0;
	}
	.es .sec-th-title h3:after {
		right: 0;
	}
	.es .sec-sec-title h3:before {
		left: -14%;
		top: -20px;
	}
	.es .sec-sec-title h3:after {
		right: 0;
		top: -20px;
	}
	.es .section-title .sp_tit {
		font-size: 1.3rem;
	}
	.es .section-title .sp_tit:before {
		left: -18%!important;
		top: -23px;
	}
	.es .section-title .sp_tit:after {
		right: -3%!important;
		top: -23px;
	}
}

.coming p {
	font-size: 4rem;
	text-align: center;
	margin-top: 306px;
	margin-bottom: 180px;
}

@media screen and (max-width: 640px) {
	.coming p {
		font-size: 3rem;
		text-align: center;
		margin-top: 168px;
		margin-bottom: 100px;
	}
}

.article_page main{
	margin-top:148px;
}

.sitewrap{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.article_page section#media{
	padding-top:100px;
	padding-bottom:75px;
}

.box_style{
	margin:60px 0;
	background:#e5f1f0;
	border:solid 2px #0091ac;
}
.box_style .ttl{
	background:#0091ac;
	color:#fff;
	text-align:center;
	font-size:2.4rem;
	font-weight:bold;
	padding:10px;
	margin-bottom:40px;
}
.box_style .reverse_wrap{
	display:flex;
	justify-content:space-between;
}
.box_style .reverse_wrap .pht{
	order:2;
	margin-right:30px;
margin-left: 10px;}
.box_style .reverse_wrap .text{
	order:1;
	margin:50px 0 0 30px;
	font-size:1.6rem;
}
.ttl_style{
	font-family:"Yu Mincho", "YuMincho", serif;
	font-size:2.6rem;
	text-align:center;
}
.ttl_style span{
	display:block;
	max-width:560px;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	margin:auto;
	padding:15px;
}
.card_style{
	margin:65px 0 0;
}
.card_style ul{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:50px;
}
.card_style ul li{
	border:solid 1px #0091ac;
	font-size:1.6rem;
	width:48%;
	margin-top:55px;
}
.card_style ul li:nth-child(2n){
	margin-left:4%;
}
.card_style ul .ttl{
	background:#e5f1f0;
	color:#0091ac;
	font-weight:bold;
	display:flex;
	font-size:2rem;
	align-items:center;
	height:100px;
	line-height:1.2;
}
.card_style ul .large .ttl{
	height:150px;
}
.card_style ul .ttl img{
	transform:translate(0,-10%);
	margin:0 20px 0 -5px;
}
.card_style ul .media01 .ttl img{
	transform:translate(0,-25%);
	margin:0 10px 0 10px;
}
.card_style ul .media02 .ttl img{
	transform:translate(0,-25%);
	margin:0 10px 0 -25px;
}
.card_style ul .ttl span{
	display:inline-block;
	padding-right:10px;
}
.card_style ul .ttl i{
	font-style:normal;
	font-size:1.4rem;
	display:inline-block;
	margin-left:-0.5em;
}
.card_style ul .box {
	overflow:hidden;
	padding:25px 20px 10px;
	font-size:1.55rem;
	letter-spacing:-0.03em;
}
.card_style ul .box.right_bottom .img{
	float:right;
	clear: both;
	margin-right:-10px;
}
.card_style ul .box.right_bottom .space{
	float:right;
	height:70px;
}
.card_style ul .media02 .box.right_bottom .space{
	float:right;
	height:100px;
}
.card_style ul .box.right .img{
	float:right;
	clear: both;
	margin:0 0 0 15px;
}
.card_style ul .box.bottom .img{
	text-align:center;
	margin:15px 0;
}
.card_style ul .media05 .img{
	margin-left:10px;
}
.fix_box{
	font-size:1.6rem;
	margin-top:85px;
}
.fix_box:after{
	content:"";
	display:block;
	clear:both;
}
.fix_box .name,
.fix_box .detail{
	float:right;
	width:643px;
}
.fix_box .detail .mb1{
	margin-bottom:1em;
}

.fix_box .pht{
	float:left;
	width:315px;
}
.fix_box .name{
	font-size:2.4rem;
	font-weight:600;
	border-bottom:solid 1px #0091ac;
	padding-bottom:5px;
	margin-bottom:15px;
}
.fix_box .detail .box{
	background:#e5f1f0;
	padding:30px 25px;
	margin:20px 0;
}
.fix_box .detail .box li{
	line-height:1.4;
	text-indent:-1em;
	margin-left:1em;
}
.fix_box .detail .box li + li{
	margin-top:5px;
}
.fix_box .detail .box li b{
	font-weight:bold;
}
.fix_box .pht dl dt{
	margin:20px 0 10px;
	color:#0091ac;
	font-weight:bold;
	font-size:1.8rem;
}
.fix_box .pht dl dd{
	font-size:1.5rem;
	letter-spacing:-0.03em;
	line-height:1.3;
	margin-bottom:5px;
}


#buyer-taster{
	margin-bottom:110px;
}
.page_link{
	display:block;
	padding-top:188px;
	margin-top:-188px;
	position: relative;
	z-index: -5;
}
.fix_box .detail .box li + .mt15{
	margin-top:15px;
}
.pc-none{
	display: none;
}
@media screen and (max-width: 1209px) {
	.sitewrap{
		max-width:100%;
	}
	.sitewrap > *{
		padding-left:4%;
		padding-right:4%;
	}
	.sitewrap img{
		max-width:100%;
		height:auto;
	}
	.card_style ul .ttl{
		height:auto;
	}
	.card_style ul .large .ttl{
		height:auto;
	}
	.card_style ul .ttl br{
		display:none;
	}
	.fix_box .name,
	.fix_box .detail{
		width:60%;
	}
	.fix_box .pht{
		width:35%;
	}
	.box_style{
		margin-left:4%;
		margin-right:4%;
		padding:0;
	}
	.pc-none{
		display: block;
	}
}
@media screen and (max-width: 1209px) and (min-width: 641px){
	.box_style .reverse_wrap .pht{
		margin:0 30px 30px;
	}
	.box_style .reverse_wrap .text{
		margin:0 30px 30px;
	}
	.card_style ul .box.right_bottom .space,
	.card_style ul .media02 .box.right_bottom .space{
		display:none;
	}
	.card_style ul .box.right_bottom{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
	}
	.card_style ul .box.right_bottom .img{
		order:5;
		float:none;
		margin:15px auto 0;
	}
	.card_style ul .media02 .box.right_bottom .img{
		margin:0 auto;
	}
	.card_style ul .ttl{
		height:100px;
		font-size:1.8rem;
	}
	.card_style ul .large .ttl{
		height:120px;
	}
	.card_style ul .ttl img{
		margin-right:10px;
	}
	.card_style ul .media01 .ttl img{
		width:84px;
	}
	.card_style ul .media02 .ttl img{
		width:132px;
	}
	.card_style ul .media03 .ttl img{
		width:82px;
	}
	.card_style ul .media04 .ttl img{
		width:124px;
	}
}
@media screen and (max-width: 1000px) {
	.article_page main{
		margin-top:84px;
	}
	.article_page section#media{
		padding-top:80px;
	}
	.page_link{
		padding-top:124px;
		margin-top:-124px;
	}	
}
@media screen and (max-width: 640px) {
	.sitewrap > *{
		padding-left:2%;
		padding-right:2%;
	}
	.article_page main{
		margin-top:50px;
	}
	.article_page section#media{
		padding-top:60px;
		padding-bottom:60px;
	}
	.page_link{
		padding-top:80px;
		margin-top:-80px;
	}	
	.article_page  .sec-th-title .center{
		font-size:2.0rem;
	}
	.article_page  .sec-th-title .center:before,
	.article_page  .sec-th-title .center:after{
		top: auto;
		bottom:0;
		margin:auto;
	}
	.box_style{
		margin:20px 2%;
		padding:0;
		display:block;
	}
	.box_style .ttl{
		font-size:16px;
		margin-bottom:0;
	}
	.box_style .reverse_wrap{
		display:block;
		padding:15px;
	}
	.box_style .reverse_wrap .pht{
		text-align:center;
		margin:0;
	}
	.box_style .reverse_wrap .text{
		margin:10px 0 0;
		font-size:1.4rem;
	}
	.ttl_style{
		font-size:1.8rem;
	}
	.card_style{
		margin:40px 0 0;
	}
	.card_style ul{
		display:block;
		margin-bottom:50px;
	}
	.card_style ul li{
		font-size:1.4rem;
		width:100%;
		margin-top:40px;
	}
	.card_style ul li:nth-child(2n){
		margin-left:0;
	}
	.card_style ul .ttl{
		font-size: 1.7rem;
		height:80px;
	}
	.card_style ul .large .ttl{
		height:100px;
	}
	.card_style ul .ttl img{
		transform:translate(0,-15%);
		margin:0 10px 0 5px;
		width:74px;
	}
	.card_style ul .media01 .ttl img{
		transform:translate(0,-15%);
		width:71px;
	}
	.card_style ul .media02 .ttl img{
		transform:translate(0,-20%);
		width:114px;
		margin:0 10px 0 -8px;
	}
	.card_style ul .media04 .ttl{
		height:80px;
	}
	.card_style ul .media04 .ttl img,
	.card_style ul .media05 .ttl img{
		transform:translate(0,-10%);
		width:108px;
		margin:0 10px 0 -5px;
	}
	.card_style ul .ttl i{
		font-style:normal;
		font-size:1.4rem;
		display:inline-block;
		margin-left:-0.5em;
	}
	.card_style ul .box {
		overflow:hidden;
		padding:15px 10px 10px;
		font-size:1.3rem;
	}
	.card_style ul .box.right_bottom{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
	}
	.card_style ul .box.right_bottom .img{
		order:5;
		float:none;
		margin:0 auto 0;
	}
	.card_style ul .box.right_bottom .space,
	.card_style ul .media02 .box.right_bottom .space{
		display:none;
	}
	.card_style ul .media01 .box.right_bottom .img{
		width:150px;
	}
	.card_style ul .media02 .box.right_bottom .img{
		width:160px;
	}
	.card_style ul .media03 .box.right .img{
		width:100px;
	}
	.card_style ul .media04 .box.bottom .img{
		width:220px;
		margin:10px auto 10px;
	}
	.card_style ul .media05 .box .img{
		width:150px;
		float: none;
		margin: 15px auto 10px;
	}
	.fix_box{
		font-size:1.4rem;
		margin-top: 20px;
		margin-bottom:50px
	}
	.fix_box .name,
	.fix_box .detail{
		float:none;
		width:auto;
	}
	.fix_box .pht{
		float:none;
		width:auto;
		position:relative;
		display:flex;
		margin-bottom:15px;
	}
	.fix_box .pht img{
		width:156px;
		height: 184px;
	}
	.fix_box .pht dl{
		margin-left:10px;
	}
	.fix_box .pht dl dt{
		margin:0 0 5px;
		color:#0091ac;
		font-size:1.6rem;
	}
	.fix_box .pht dl dd{
		font-size: 1.3rem;
		margin-bottom:5px;
		line-height:1.3;
	}
	.fix_box .name{
		font-size:2.4rem;
		font-weight:600;
		border-bottom:solid 1px #0091ac;
		padding-bottom:5px;
		margin-bottom:15px;
	}
	.fix_box .detail{
		font-size:1.2rem;
		border-top:dotted 1px #999;
		padding-top:10px;
	}
	.fix_box .detail .box{
		background:#e5f1f0;
		padding:10px 10px;
		margin: 10px 0;
	}
	#buyer-taster{
		margin-bottom:80px;
	}
}