
/** *** COMMON *** **/
body {font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-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:#82a88c;}
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 {position:fixed; right:0; z-index:1000;}
/** /// GLOBAL MENU /// **/

/** *** GLOBAL MENU *** **/
#header-hamburger {display:block;}

.global-menu {height:50px; padding:0 10px; position:relative; z-index:10;}
.hamburger-inner {position:fixed; z-index:9; right:0; left:0; top:0; width:100%; height:100vh; background-color:#000; display:none;}
.btn-hamburger {float:right; width:50px; height:50px; background-color:transparent; border-color:transparent; z-index:9999; border:none; cursor:pointer;
	-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;}
.btn-hamburger: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.8;}
.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:0 0 0 0; width:100%; height:100vh; position:relative;}
.global-navigation ul {position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%);}
.global-navigation li {display:table; height:auto; width:100%; position:relative;}
.global-navigation li a {color:#fbdbb3; width:100%; display:table-cell; height:auto; padding:30px 20px; vertical-align:middle; text-align:center; font-size:2rem;}
.global-navigation li span {display:inline-block; margin-right:10px;}
/** /// GLOBAL MENU /// **/

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

/** *** GLOBAL FOOTER *** **/
#global-footer {background:#000; background-size:cover; padding:20px 20px; line-height:1.6rem;}
#global-footer p {color:#fff2e2; text-align:center; padding:0 0 20px;font-size:0.8rem;}
#global-footer a {color:#fff2e2;}
#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:2rem 0; width:334px; margin:0 auto;}
#global-footer .footer-sign img {width:65%; max-width:334px;}
#global-footer .footer-twitter {width:334px; margin:0 auto;}
#global-footer .footer-twitter 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 .footer-twitter 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-twitter img {width:65%; max-width:334px;}
/** /// GLOBAL FOOTER /// **/

.mb10 { margin-bottom:10px;}




@media screen and (max-width:720px){
	#global-footer .footer-sign {width:100%;}
	#global-footer .footer-sign img {width:40%;}
	#global-footer .footer-twitter {width:100%;}
	#global-footer .footer-twitter img {width:40%;}
	.global-navigation li a {font-size:1.4rem; padding:20px 10px;}
}