@charset "UTF-8";
/* CSS Document */

/*共通*/
html {
	font-size: 62.5%;
	font-family: 'Noto Serif JP', serif;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	line-height: 2.6;
	color: #333333;
}

.wrap {
	max-width: 1400px;
	margin: 0 auto;
}

.center {
	text-align: center;
}


.only-sp {
	display: none;
}

.only-pc {
	display: block;
}


a {
	text-decoration: none;
}

h1 {
	font-family: 'Noto Serif JP', serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 4.2rem;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.3rem;
}

h2 {
	font-family: 'Tangerine', cursive;
	font-size: 4.5rem;
	font-weight: 700;
	margin-left: 100px;
	line-height: 5.5rem;
	letter-spacing: 0.2rem;
}

.h2_dec {
	margin-left: 100px;
}

h3 {
	font-family: 'Noto Serif JP', serif;
	font-size: 2.6rem;
	font-weight: 600;
	margin-bottom: 20px;
	letter-spacing: 0.1rem;

}

h4 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.1rem;
	font-weight: 300;
}

h5 {
	margin-left: 10%;
	font-family: 'Noto Serif JP', serif;
	line-height: 4.0rem;
	font-size: 1.8rem;
	margin-top: 80px;
	letter-spacing: 0.2rem;

}

.en h5 {
	margin-left: 8%
}

p {
	font-weight: 300;
}

table {
	font-weight: 300;
}

th,
dt,
dd {
	font-weight: 300;
}



/*header*/
.header-top {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	height: 70px;
	z-index: 50;
	top: -500px;
}


/*slider*/

#slide {
	height: 100vh;
	position: relative;
	overflow: hidden;
	z-index: 10;
	background-color: #666;
}

#slide li {
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#slide li div {
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#slide img {
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	overflow: hidden;
	position: relative;
	max-width: inherit;
	z-index: 15;

}

.slide-position {
	position: absolute;
	top: -70px;
}

.fadeout {
	opacity: 0;
	transition: 3s ease-in-out;
	-webkit-transition: 3s ease-in-out;
}

.fadein {
	opacity: 1;
	transition: 3s ease-in-out;
	-webkit-transition: 3s ease-in-out;
}

.kv_logo {
	width: 38%;
	position: absolute;
	top: 52%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}

/*scroll*/
/*スクロールダウン全体の場所*/
.scrolldown1 {
	/*描画位置※位置は適宜調整してください*/
	position: absolute;
	left: 50%;
	bottom: 10px;
	/*全体の高さ*/
	height: 50px;
	z-index: 1;
	font-family: 'Noto Serif JP';
}

/*Scrollテキストの描写*/
.scrolldown1 span {
	/*描画位置*/
	position: absolute;
	left: -17px;
	top: -20px;
	/*テキストの形状*/
	color: #eee;
	font-size: 1.1rem;
	letter-spacing: 0.12em;
}

/* 線の描写 */
.scrolldown1::after {
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 1px;
	height: 30px;
	background: #eee;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity: 0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
	0% {
		height: 0;
		top: 0;
		opacity: 0;
	}

	30% {
		height: 30px;
		opacity: 1;
	}

	100% {
		height: 0;
		top: 50px;
		opacity: 0;
	}
}

/*ハンバーガーメニュー*/
.hamburger-menu {
	display: block;
	width: 39px;
	height: 39px;
	position: relative;
	z-index: 90;
	border: none;

}

.g-nav {
	font-family: 'Noto Serif JP', serif;
	margin-top: 20px;
	margin-right: 80px;
	z-index: 90;
	left: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.g-nav ul li {
	font-size: 1.0rem;
	padding-left: 40px;
	color: #ffffff;
}

.g-nav {
	width: 100%;
	height: 100%;
	position: fixed;
	/*		top: 0;*/
	top: auto;
	left: 0;
	/*leftの値を変更してメニューを画面外へ*/
	background-color: #ffffff;
	/*transition: all 0.5s;アニメーション設定*/
	margin-top: 0;
	display: none;
	z-index: 29
}

.g-nav ul {
	padding: 70px 10px 0;
	display: block;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.g-nav ul li {
	border-bottom: solid 1px #f5f5f5;
	list-style: none;
	padding: 0;
}

.g-nav ul li a {
	display: block;
	width: 100%;
	font-size: 15px;
	box-sizing: border-box;
	color: #333333;
	text-decoration: none;
	padding: 9px 0px 10px 0;
	position: relative;
}

.g-nav ul li img {
	width: 120px;
	margin-top: 30px;
	margin-bottom: 20px;
}


#menu-btn-check:checked~.g-nav {
	display: block;
	/*メニューを画面内へ*/
}

html.noscroll {
	overflow: hidden;
}


.menu-btn {
	position: fixed;
	top: 0px;
	right: 0px;
	display: flex;
	height: 60px;
	width: 60px;
	justify-content: center;
	align-items: center;
	z-index: 90;
	background: #000000;
	opacity: 0.7;
}

.menu-btn span {
	opacity: 1;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
	content: '';
	display: block;
	height: 1px;
	width: 22px;
	background-color: #ffffff;
	position: absolute;
}

.menu-btn span:before {
	bottom: 6px;
}

.menu-btn span:after {
	top: 6px;
}

#menu-btn-check:checked~.menu-btn span {
	background-color: rgba(255, 255, 255, 0);
	/*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked~.menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
}

#menu-btn-check:checked~.menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
}

#menu-btn-check {
	display: none;
}

.hamburger-menu.close #menu-btn-check span::before {
	transform: translate(-50%, 10px) rotate(45deg);
	transition: transform .3s;
}

.hamburger-menu.close #menu-btn-check span {
	opacity: 0;
	transition: opacity .3s;
}

.hamburger-menu.close #menu-btn-check span::after {
	transform: translate(-50%, -8px) rotate(-45deg);
	transition: transform .3s;
}

#menu-btn-check:checked~.g-nav {
	display: none;
	/*メニューを画面内へ*/
}

/*lang JP*/
.jp_lang {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	z-index: 100;
	left: 40px;
	top: 10px;
	letter-spacing: 1.5px;
	z-index: 19;
	/*font-family: 'Noto Serif JP';*/
}

.jp_lang .jp-link {
	border-bottom: 1px solid #333;
	margin-right: 8px;
	height: 33px
}

.jp_lang .en-link {
	color: #989898;
	height: 33px;
}

.jp_lang .en-link:hover {
	border-bottom: 1px solid #989898;
	transition: 0.3s;
}

/*lang en*/
.en_lang {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	z-index: 100;
	left: 40px;
	top: 10px;
	letter-spacing: 1.5px;
	z-index: 19;
	/*font-family: 'Noto Serif JP';*/
}

.en_lang .en-link {
	border-bottom: 1px solid #333;
	margin-left: 8px;
	height: 33px
}

.en_lang .jp-link {
	color: #989898;
	height: 33px;
}

.en_lang .jp-link:hover {
	border-bottom: 1px solid #989898;
	transition: 0.3s;
}

/*
.jp_lang a:after{
	content: "";
    bottom: -2px;
    width: 0;
    height: 1px;
    position: absolute;
    display: inline-block;
    transition: 0.2s;
    background-color: #fff;
}*/

/*lang*/
.home .jp_lang .jp-link,
.home .en_lang .en-link {
	border-bottom: 1px solid #fff;
	color: #fff;
}


/*news*/

#news {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	height: 45px
}

#news h2 {
	font-family: 'Noto serif JP', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	margin: 0;
	letter-spacing: 0.1rem;
}

#news dl {
	padding-left: 50px;
	font-size: 1.2rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-top: 13px;
}

#news dt {
	letter-spacing: 0.1rem;
}

#news dd {
	padding-left: 20px;
}

hr {
	background-color: #ececec;
	height: 1px;
	margin-bottom: 170px;
	border: none;
}

/*Concept*/

/*下から上にフェードイン*/
.down-to-top {
	opacity: 0;
	transform: translateY(10%);
	transition: all 1.5s;
}

.down-to-top.scrollin {
	opacity: 1;
	transform: translateY(0);
}

.down-to-top_02 {
	opacity: 0;
	transform: translateY(10%);
	transition: all 1.5s;
}

.down-to-top_02.scrollin {
	opacity: 1;
	transform: translateY(0);
}


#concept {
	padding-bottom: 260px;
}

#concept h1 {
	margin-bottom: 60px;
}

#concept p {
	width: 600px;
	margin: 0 auto;
	line-height: 3.3rem;
	letter-spacing: 0.12rem;
}

#concept h2 {
	margin-top: 110px;
}

.bg-beige {
	background-color: rgba(235, 234, 220, 0.4);
	max-height: 550px;
	width: 800px;
}

#concept ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	color: #555;
}

#concept ul p {
	letter-spacing: 0;
}

.store_description {
	background-color: rgba(235, 234, 220, 0.4);
	padding: 0px 130px 0 60px;
	margin-top: 210px;
	width: 510px;
	height: 410px;
	margin-right: -60px;
	color: #333;
}

.store_description02 {
	background-color: rgba(235, 234, 220, 0.4);
	padding: 0px 70px 0 140px;
	margin-top: 210px;
	z-index: -10;
	width: 510px;
	height: 410px;
	margin-left: -60px;
	color: #333;
}


/*ボタン*/
.button {
	margin-bottom: 60px;
}

.button a {
	background: #000;
	opacity: 0.7;
	position: relative;
	display: block;
	text-align: center;
	max-width: 260px;
	padding: 8px 0;
	color: #FFF;
	transition: opacity 0.2s;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}

@media (hover: hover) {

	/*ホバーアクションをPCだけにしたい場合、←のメディアクエリで囲む*/
	.button a:hover {
		opacity: 0.5;
	}
}

.button a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 1.5px solid #FDFDFB;
	border-right: 1.5px solid #FDFDFB;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	transition: 0.3s ease-in-out;
}






.glass_logo {
	width: 80px;
	height: auto;
	margin-bottom: 70px;
	margin-top: -150px;
	margin-left: 40px;

}

.img001_container,
.img002_container {
	width: 800px;
	height: 550px;

}

.img001,
.img002 {
	width: 100%;

}


.bar_description {
	margin-bottom: 210px;
	justify-content: flex-end;
}

.studio_description {
	justify-content: flex-start;
}

.img003 {
	width: 210px;
	height: auto;
	margin-bottom: 40px;
	margin-top: -50px;
	margin-left: 280px;
}


#concept ul li p {
	width: 310px;
	line-height: 2.8rem;
}

/*Menu*/
#menu {
	padding-bottom: 70px;
}


.img004_container {
	width: 720px;
	height: 520px;
	overflow: hidden;
	margin-left: 41%;
	margin-top: -300px;
}

.img004 {
	width: 100%;
	min-width: 720px;
}

.img005_container {
	width: 540px;
	height: auto;
	overflow: hidden;
	margin-left: 90px;
	margin-top: -120px;
}

.img005 {
	width: 100%;
	min-width: 540px;


}

#menu table {
	margin-top: -160px;
	letter-spacing: 0.05rem;
	margin-left: 770px;
}

th {
	display: block;
}

#menu table td {
	display: block;
	padding-left: 0;
}


#menu table td {
	padding-bottom: 10px;
}

.en #menu table {
	width: 320px
}

/* .en #menu table .flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
} */

.en #menu table th {
	line-height: 2.8rem
}

.en #menu table td {
	/* padding-bottom: 0; */
	line-height: 2.8rem
}

.en #menu table tr {
	margin-bottom: 10px;
	display: block;
}

/* #menu table .space_01 {
	margin-left: 146px;
} */

/* #menu table .space_02 {
	margin-left: 42px;
} */

#menu table .space_02_en {
	margin-left: 0;
}

#menu table .space_03 {
	margin-left: 174px;
}

#menu table .space_03_en {
	margin-left: 157px;
}

/*Access*/
#access {
	padding-bottom: 100px;
	background-color: rgba(235, 234, 220, 0.4);
	background: linear-gradient(180deg, #fff 0%, #fff 407px, rgba(235, 234, 220, 0.4) 407px, rgba(235, 234, 220, 0.4) 100%);
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.access-inner {
	max-width: 1400px;
	margin: 0 auto;
}


.g-map {
	height: 0;
	overflow: hidden;
	padding-bottom: 41%;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.g-map iframe {
	position: absolute;
	top: 80px;
	height: 100%;
	width: 100%;
	filter: grayscale(100%);

}

.address {
	margin-top: 80px;
	margin-left: 150px;
}

.address p {
	margin-bottom: 20px;
}

#access table {
	margin-left: 150px;
}

#access table th {
	padding-top: 0;
	display: block;
}

#access table td {
	padding-left: 25px;
}

.en #access table td {
	line-height: 2.6rem
}

.en #access table th,
.en #access table td {
	padding-bottom: 10px;
	vertical-align: initial;
}

.en #access table td p+p {
	margin-top: 6px
}

.img006_container {
	width: 450px;
	overflow: hidden;
	margin-left: 57%;
	margin-top: -520px;
}

.img006 {
	width: 100%;
	min-width: 450px;
}

.img007_container {
	width: 320px;
	margin-left: 37%;
	margin-top: -170px;
	margin-bottom: 110px;
}

.en .img007_container {
	margin-left: 40%
}

.img007 {
	width: 100%;
	min-width: 320px;
}


.online-store {
	margin: 0 auto;
	text-align: center;
	background-color: rgba(235, 234, 220, 0.4);
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.online-store img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.8;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.online-store h5 {
	margin-left: 0;
	margin-bottom: 30px;
	margin-top: 0px;
}

.online-store img {
	width: 440px;
	margin-bottom: 80px;
}

/*footer*/
footer {
	display: block;
	background-color: rgba(235, 234, 220, 0.4);
	padding-bottom: 30px;
}

footer img {
	display: block;
	margin: 0 auto;
	width: 120px;
	margin-bottom: 20px;
}

small {
	color: #666;
	font-weight: 300;
	letter-spacing: 0.05rem;
}


/*スライド*/

.slider {
	position: relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 100vh;
	margin-top: -70px;
	background-color: #333;
}

/*　背景画像設定　*/

.slider-item01 {
	background: url("../img/kv_01.jpg");
}

.slider-item02 {
	background: url(../img/kv_03.jpg);
}

.slider-item03 {
	background: url(../img/kv_02.jpg);
}

.slider-item {
	width: 100%;
	/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: 100vh;
	/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	background-repeat: no-repeat;
	/*背景画像をリピートしない*/
	background-position: center;
	/*背景画像の位置を中央に*/
	background-size: cover;
	/*背景画像が.slider-item全体を覆い表示*/
}


/*ページトップボタン*/
/*リンクの形状*/
#page-top a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.6rem;
	transition: all 0.3s;
}

#page-top a img {
	width: 20px;
	transform: rotate(90deg);
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove {
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*　下に下がる動き　*/

#page-top.DownMove {
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 1;
		transform: translateY(100px);
	}
}

/*TB*/
@media screen and (max-width: 1180px) {

	.bar_description {
		flex-direction: column-reverse;
		margin-bottom: 0;
	}

	.studio_description {
		flex-direction: column;
	}

	.img001_container,
	.img002_container {
		margin: 0 auto;
	}

	.store_description {
		margin-top: 0;
	}

	#concept ul li p {
		margin: 0 0 20px 0;
	}

	.en #concept ul li p {
		text-align: left;
	}

	.bg-beige {
		margin: 0 auto;
	}

	.glass_logo {
		width: 40px;
		margin-bottom: -90px;
		margin-top: 40px;
		margin-left: 230px;
	}

	.store_description {
		width: 100%;
		padding: 0 30px;
		height: 320px;
		margin-top: 0;
		max-width: 800px;
		margin: 0 auto;
	}

	.store_description02 {
		width: 100%;
		max-width: 800px;
		height: 360px;
		position: relative;
		padding: 60px 30px 0;
		margin: 0 auto;
	}

	.button {
		margin-bottom: 0;
	}

	.img003 {
		margin: 0;
		margin-left: -30px;
		position: absolute;
		top: 300px;
		right: 0;
		width: 240px;

	}

	.menu-container {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	#menu table {
		margin-left: 0;
		margin-top: 10px;
	}

	h5 {
		text-align: center;
		margin-bottom: 40px;
		margin-left: 0;
	}

	.img004_container {
		width: 720px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.img005_container {
		width: 540px;
	}

	.img006_container,
	.img007_container {
		margin: 0 auto;
	}

	.img006_container {
		margin-bottom: 30px;
	}
}


/*sp*/
@media screen and (max-width: 950px) {

	.menu-container {
		display: block;
	}

	.img005_container {
		margin: 0 auto;
	}

	#menu table {
		margin: 0 auto;
	}


	/*sp*/
	@media screen and (max-width: 450px) {


		.only-sp {
			display: block;
		}

		.only-pc {
			display: none;
		}

		h1 {
			font-size: 1.8rem;
			letter-spacing: 0.2rem;
		}

		h2 {
			font-size: 3.8rem;
			padding-bottom: 20px;
			text-align: center;
			margin-left: 0;
		}

		.jp_lang,
		.en_lang {
			left: 20px
		}

		.en h5,
		h5 {
			margin: 0;
			text-align: center;
			margin-bottom: 30px;
			font-size: 1.6rem;
			letter-spacing: 0.4rem;
			line-height: 2.8rem;
			padding: 0 20px;
			margin-left: 0
		}

		.h2_dec {
			margin-left: 120px;
			margin-top: -25px;
		}

		.header-top {
			height: 200px;
		}

		.img001_container,
		.img002_container,
		.img004_container,
		.img005_container,
		.img006_container,
		.img007_container,
		.en .img007_container {
			width: 100%;
			margin: 0;
			height: auto;
		}


		/*　背景画像設定　*/
		.slider {
			position: relative;
			z-index: 1;
			/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
			height: 100vh;
			margin-top: -200px;
			background-color: #333;
		}

		/*　背景画像設定　*/

		.slider-item01 {
			background: url("../img/kv_01_sp.jpg");
		}

		.slider-item02 {
			background: url(../img/kv_03_sp.jpg);
		}

		.slider-item03 {
			background: url(../img/kv_02_sp.jpg);
		}

		.slider-item {
			width: 100%;
			/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
			height: 100vh;
			/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
			background-repeat: no-repeat;
			/*背景画像をリピートしない*/
			background-position: center;
			/*背景画像の位置を中央に*/
			background-size: cover;
			/*背景画像が.slider-item全体を覆い表示*/
		}

		.kv_logo {
			width: 65%;
			top: 47%;
		}

		/*news*/
		#news {
			margin-top: 0px;
			height: 55px;
			padding: 0 10px;
		}

		#news h2 {
			padding-bottom: 0;
			padding-top: 0;
			width: 40px
		}

		#news dl {
			padding-left: 10px;
			max-width: calc(100% - 40px);
			box-sizing: border-box;
		}

		#news dt {
			width: 100px
		}

		#news dl a {
			width: calc(100% - 100px)
		}

		#news dd {
			padding-left: 5px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			box-sizing: border-box;
		}

		hr {
			margin-top: 0;
		}

		/*concept*/

		.bg-beige {
			width: 100%;
		}

		#concept {
			padding-bottom: 180px
		}

		#concept h1 {
			margin-top: -70px;
			font-size: 1.6rem;
			letter-spacing: 0.4rem;
			line-height: 2.8rem;
			padding: 0 20px
		}

		#concept p {
			width: 300px;
			text-align: justify;
			font-size: 1.4rem;
			letter-spacing: 0.2rem;
			line-height: 2.6rem;
		}

		.en #concept p {
			text-align: left;
		}

		.img001,
		.img002,
		.img004,
		.img005,
		.img006 {
			min-width: 0;
		}

		.img004,
		.img006 {
			margin-bottom: 30px;
		}




		/*menu*/

		#menu h2 {
			margin-top: 60px;
		}

		#menu .h2_dec,
		#access .h2_dec {
			margin-left: 140px;
		}


		#menu table {
			margin-left: 20px;
			margin-top: 40px;
		}



		/*access*/

		#access {
			background: linear-gradient(180deg, #fff 0%, #fff 348px, rgba(235, 234, 220, 0.4) 348px, rgba(235, 234, 220, 0.4) 100%);
		}

		.address {
			margin-top: 0px;
			margin-left: 20px;
		}

		.en .address {
			margin-top: 0px;
			margin-left: 0px;
			padding: 0 20px
		}

		#access table {
			margin-left: 20px;
		}

		.en #access table {
			margin: 0 20px
		}

		#access table th {
			width: 60px;
		}

		.en #access table th {
			width: 130px;
		}

		.img006_container {
			margin-top: 30px;
		}

		.g-map {
			padding-bottom: 150%;
		}

		.g-map iframe {

			height: 100%;
			width: 95%;
			left: 2.5%;
		}

		/*online store*/
		.online-store img {
			width: 90%;
			min-width: 0;
		}

		/*info*/
		#information th {
			padding: 10px 0 10px 10px;
			width: 100px;
		}

		#information table tr td span {
			padding-left: 32px;
		}

		#information td {
			padding: 10px 0 10px 10px;
		}



	}
}