/** *** COMMON *** **/
body {font-family: "Yu Mincho Medium","YuMincho","Yu Mincho","游明朝体","ヒラギノ明朝 ProN","Hiragino Mincho ProN","ＭＳ 明朝","MS Mincho","Noto Serif JP","Georgia","Didot",serif; margin:auto; line-height:1rem;}
div,p,a,li,ul,ol,dl,dt,dd {box-sizing:border-box; margin:0; padding:0; text-decoration:none; list-style:none;}
a {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:1; color:#b29a57;}
a:hover {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:0.4;}

a.noblink {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
a.noblink:hover {opacity:1; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}

.text-right {text-align:right;}
/** /// COMMON /// **/

/** *** GLOBAL MENU *** **/
#global-header {}
/** /// GLOBAL MENU /// **/

/** *** GLOBAL MENU *** **/
#global-header {}
.global-menu {z-index:10; position:fixed; width:100%; height:90px; background-color:rgba(0,0,0,0.4); line-height:1.6rem;}
.global-menu .icon-hattori {float:left; width:105px; height:90px;}
.global-menu .icon-hattori a {position:relative; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); display:inline-block;}
.global-navigation {float:right; display:table; height:105px; padding:0 40px 0 0;}
.global-navigation li {height:90px; display:inline-block;}
.global-navigation li span {font-size:1.3rem; font-family:"Noto Sans SC",sans-serif; display:block;letter-spacing: 0.090rem;}
.global-navigation li a {height:90px; color:#fff; font-size:0.8rem; line-height:1.4rem; text-decoration:none; display:table-cell; vertical-align:middle; text-align:center; padding:0 15px;}
#global-header a {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:1;}
#global-header a:hover {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:0.4;}
/** ****** **/
#header-hamburger {display:none;}
/** /// GLOBAL MENU /// **/

/** *** COMTAINER *** **/
#main-contents {background-color:#f6f6f2; padding-top:90px;}
.inner-box {width:1280px; margin:0 auto;}
/** /// COMTAINER /// **/

/** *** GLOBAL FOOTER *** **/
#global-footer {background:url(/common/images/bg-bottom.jpg) no-repeat #020202; background-size:cover; padding:20px 20px; line-height:1.6rem;}
#global-footer p {color:#fff; text-align:center; padding:0 0 20px;}
#global-footer a {color:#fff;}
#global-footer a {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:1;}
#global-footer a:hover {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; opacity:0.4;}
#global-footer .footer-sign {padding:40px 0;}
#global-footer .footer-sign img {width:400px;}
/** /// GLOBAL FOOTER /// **/

.mb10 { margin-bottom:10px;}




@media screen and (max-width:720px){
	#main-contents {padding-top:50px;}
	
	#header-hamburger {display:block;}
	#global-header {display:none;}
	
	.global-menu {height:50px; padding:0 10px; background-color:rgba(0,0,0,0.8);}
	.global-menu .icon-hattori {width:50px; height:50px; padding-top:5px;}
	.global-menu .icon-hattori img {height:40px;}
	.hamburger-inner {position:fixed; z-index:9; right:0; left:0; top:0; width:100%; height:100vh; transform:translateY(-100%); background-color:#fff; transition:ease .4s;}
	.hamburger-inner.active {transform:translateY(0);}
	.btn-hamburger {float:right; width:50px; height:50px; background-color:transparent; border-color:transparent; z-index:9999; border:none;}
	.btn-hamburger span {width:100%; height:1px; background-color:#fff; position:relative; transition:ease .4s; display:block;}
	.btn-hamburger span:nth-child(1) {top:0;}
	.btn-hamburger span:nth-child(2) {margin:8px 0;}
	.btn-hamburger span:nth-child(3) {top:0;}
	.btn-hamburger.active span:nth-child(1) {top:8px; transform:rotate(45deg);}
	.btn-hamburger.active span:nth-child(2) {opacity:0;}
	.btn-hamburger.active span:nth-child(3) {top:-10px; transform:rotate(-45deg);}
	
	.global-navigation {padding:50px 0 0 0; float:none; width:100%;}
	.global-navigation li {display:table; height:auto; width:100%; border-bottom:1px solid #ccc; position:relative;}
	.global-navigation li a {color:#2f2d2e; width:100%; display:table-cell; height:auto; padding:20px 20px; vertical-align:middle; text-align:left;}
	.global-navigation li a:after {content:""; position:absolute; right:20px; top:50%; width:10px; height:10px; display:inline-block; margin-top:-4px;
		border-top:1px solid #2f2d2e; border-right:1px solid #2f2d2e; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.global-navigation li span {display:inline-block; margin-right:10px;}

	#global-footer .footer-sign img {width:75%;}

}