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

/*=============================
	Base
===============================*/

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

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

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, figure, article, section, header, footer {
  margin: 0;
  padding: 0; }

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

a img {
	max-width: 400px;
  -moz-transition: all  0.4s;
  -o-transition: all  0.4s;
  -webkit-transition: all  0.4s;
  transition: all  0.4s; }

a {
  -moz-transition: all  0.4s;
  -o-transition: all  0.4s;
  -webkit-transition: all  0.4s;
  transition: all  0.4s; }

a:hover,
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-transition: all  0.4s;
  -o-transition: all  0.4s;
  -webkit-transition: all  0.4s;
  transition: all  0.4s; }

/* List_group */
ul, ol, li {
  list-style: none; }


/*=============================
	Common
===============================*/

body{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

/* --------------------- HEADER ---------------------*/

.header{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	position: absolute;
	z-index: 700;
	position: fixed;
	background: #000;
	height: 60px;
	width: 100%;
}

.header_menu{
	width: 100%;
	height: 60px;
	position: relative;
}

.header_logo{
	width: 93px;
	height: auto;
	padding: 10px 0 0 10px;
}

/* --------------------- MENU ---------------------*/

#nav-toggle {
    position: absolute;
    top: 0;
    right: 15px;
    height: 60px;
    cursor: pointer;
}
    
#nav-toggle div {
    position: relative;
    width: 27px;
  }

#nav-toggle div span {
    width: 100%;
    height: 2.7px;
    left: 0;
    display: block;
    background: #fff;
    position: absolute;
    transition: transform .3s ease-in-out, top .3s ease;
		-moz-transition:transform .3s ease-in-out, top .3s ease;
 	 -o-transition: transform .3s ease-in-out, top .3s ease;
 	 -webkit-transition: transform .3s ease-in-out, top .3s ease;
	}
#nav-toggle .menu__line--top {
      top: 18px;
    }
#nav-toggle .menu__line--center{
      top: 29px;
    }
#nav-toggle .menu__line--bottom{
      top: 40px;
    }

.open #nav-toggle .menu__line--top {
      top: 29px;
      transform: rotate(45deg);
}
.open #nav-toggle .menu__line--center {
      top: 29px;
      width: 0;
      left: 50%;
    }
.open #nav-toggle .menu__line--bottom {
      top: 29px;
      transform: rotate(-45deg);
    }

#nav-toggle {
    z-index: 1000;
}

#gloval-nav {
		margin: 0 auto;
		max-width: 750px;
		margin-top: 60px;
    background: #ccc;
    color: #000;
		position: absolute;
		position: fixed;
		width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    text-align: left;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease, visibility .4s ease;
		-moz-transition: opacity .4s ease, visibility .4s ease;
		-o-transition: opacity .4s ease, visibility .4s ease;
		-webkit-transition: opacity .4s ease, visibility .4s ease;
		/*flex-direction: column;
		justify-content: center;
		align-items: center;*/
}

#gloval-nav nav{
	width: 100%;
	padding:30px 0 0 0;
}
#gloval-nav a {
	font-size: 15px;
	display: block;
	color: #000;
	font-weight: bold;	
	text-decoration: none;
	padding: 20px 0 20px 35px;
}

#gloval-nav a:hover {
	background: #b3b3b3;
}
  
#gloval-nav ul {
    list-style: none;
}

#gloval-nav ul li a{
	position: relative;
}

#gloval-nav a.here:before{
	content:"";
	border-left: solid 4px #000;
	position: absolute;
	top: 17px;
	left: 0px;
	width: 3px;
	height: 25px;
}

#gloval-nav ul li a:hover:before{
	content:"";
	border-left: solid 4px #000;
	position: absolute;
	top: 17px;
	left: 0px;
	width: 3px;
	height: 25px;
}

#gloval-nav ul li a:after{
	content:"";
	background: url(../img/icon_allow_01.png) no-repeat 0 0;
	position: absolute;
	top: 26px;
	right: 35px;
	width: 7px;
	height: 10px;
}

#gloval-nav ul li:nth-of-type(6) a:after,
#gloval-nav ul li:nth-of-type(7) a:after{
	content:"";
	background: url(../img/icon_square_01.png) no-repeat 0 0;
	position: absolute;
	top: 26px;
	right: 35px;
	width: 13px;
	height: 13px;
}

/* open */
.open {
    overflow: hidden;
}

/*.open #nav-toggle{
	position: fixed;
}*/

.open #gloval-nav {
    visibility: visible;
    opacity: 1;
  }

.open #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition:  transform 0.5s ease, opacity .6s ease;
  }

/* --------------------- CONTENT---------------------*/

.content{
	width: 100%;
	padding-top:60px;
}

.inner{
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}

.bnr_line{
	padding-top: 30px;
	padding-bottom: 40px;
	display: block;
}


/*=============================
	Footer
===============================*/

.footer{
	background:#ccc;
}

.footer_inner{
	width: 100%;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
}

.footer_logo img{
	width: 115px;
	height: auto;
}

.footer_nav ul li a{
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	position: relative;
}

.footer_nav ul li a:before{
	content:"";
	background: url(../img/icon_allow_01.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	left: -25px;
	width: 7px;
	height: 10px;
}

.footer_nav ul li:nth-of-type(6) a:before,
.footer_nav ul li:nth-of-type(7) a:before{
	content:"";
	background: url(../img/icon_square_01.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	left: -28px;
	width: 13px;
	height: 13px;
}

.footer_copyright{
	text-align: center;
	font-size: 11px;
	padding: 20px 0 5px 0;
}


/*=============================
	TOP
===============================*/

.top_floor h2,
.top_shop h2{
	text-align: center;
	padding-bottom: 25px;
	padding-top: 50px;
}

.top_floor h2 img,
.top_shop h2 img{
	height: 43px;
	width: auto;
}
.top_floor p,
.top_shop p{
	padding-bottom: 35px;
}

.top_shop ul li{
	padding-bottom: 18px;
}
.top_shop ul li img{
	width: 100%;
}

.top_shop ul li span{
	font-size: 13px;
	display: block;
	padding-top: 10px;
	line-height: 0;
}


/*=============================
	Floor Map
===============================*/

.floor h2{
	text-align: center;
	padding-bottom: 30px;
	padding-top: 50px;
}

.floor h2 img{
	height: 43px;
	width: auto;
}
	
.floor iframe{
	width: 100%;
	height: 450px;
}

.floor p{
	font-size: 14px;
	margin-bottom: 5px;
}

.floor ul.floor_shop{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	margin-bottom: 40px;
	max-width: 400px;
}

.floor .floor_shop li{
	width: 49%;
	height: auto;
	padding-bottom: 2%;
}

.floor .floor_shop li img{
	width: 100%;
}

.floor .floor_gm{
	margin-bottom: 25px;
	display: block;
}

.floor .floor_top{
	padding-bottom: 10px;
	display: block;
	width: 88%;
	margin: 0 auto;
}

.btn_pdf{
	border: 2px solid #000;
	height: 25px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	padding-top: 7px;
	margin-top: 5px;
	max-width: 400px;
}

.btn_pdf a{
	color: #000;
	width: 100%;
	height: 25px;
	display: block;
	font-weight: bold;
}


/*=============================
	Shop
===============================*/
	
.shop h2{
	text-align: center;
	padding-bottom: 25px;
	height: 71px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.shop iframe{
	width: 100%;
	height: 450px;
}

.btn_shop_pdf{
	border: 2px solid #000;
	height: 25px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	padding-top: 7px;
	margin-top: 5px;
	max-width: 400px;
}

.btn_shop_pdf a{
	color: #000;
	width: 100%;
	height: 25px;
	display: block;
	font-weight: bold;
}

/* --------------------- CAINZ---------------------*/

.cainz h2{
	background: #005f3a;
}

.cainz h2 img{
	width: 93px;
	height: auto;
	padding-top: 22px;
}

/* --------------------- MaxValu---------------------*/

.maxvalu h2{
	background: #a7165d;
}

.maxvalu h2 img{
	width: 100px;
	height: auto;
	padding-top: 14px;
}

/* --------------------- Matsukiyo---------------------*/

.matsukiyo h2{
	background: #ffe402;
}

.matsukiyo h2 img{
	width: 147px;
	height: auto;
	padding-top: 24px;
}


/*=============================
	404
===============================*/
	
.notFound{
	margin-top: 100px;
	margin-bottom: 100px;
}

.notFound h3{
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 10px;
}