@charset "utf-8";

:root{
	--color-con:#333;
	--color:#FFCC00;
	--color-txt:#FFA900;
	--color01:#7B02F3;
	--color01-txt:#7721CC;
	--color02:#E52D38;
	--hall-color01:#235DCC;
	--hall-color02:#00939C;
	--hall-color03:#585147;
	--wrapper:1660px;
}
.wrapper{margin:auto; width:86%; max-width:var(--wrapper);}
header #allmenu{display:none; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,.7); overflow-y:auto;}
header #allmenu>div{position:relative; z-index:1;}
header #allmenu>div>ul>li{display:flex; align-items: center; padding:20px 0px; word-break:keep-all}
header #allmenu>div>ul>li+li{border-top:1px dashed #ccc}
header #allmenu>div>ul>li>a{flex-grow:0; flex-shrink:0; display:block; text-align:center; padding:25px 10px 20px; width:20%; width:max(15%, 100px); font-size:1.15em; color:#fff; background:var(--color-txt); border-radius:5px}
header #allmenu>div>ul>li>ul{flex-grow:1; margin:20px 0px 20px 4%; font-size:0px;}
header #allmenu>div>ul>li>ul>li{display:inline-block; margin-right:5%}
header #allmenu>div>ul>li>ul>li>a{display:inline-block; padding:3px 0px; font-size:1.125em}
footer .donate{padding:30px; padding-left:120px; background:#EEE url(/GCM/img/inc/ic_donate.png) no-repeat 30px center/73px; border-radius:5px; }
footer{position:relative;}
footer .donate dt{font-weight:bold;}
footer .donate dd{margin-top:10px; font-size:.94em; color:#666}
.btn_goTop{position:absolute; right:50px; bottom:50%}
.btn_goTop a{display:block; width:45px; height:45px; text-indent:-5000px; background:#eee; border-radius:50px; transition:all ease .5s}
.btn_goTop a:before,
.btn_goTop a:after{display:block; content:''; position:absolute; transition:top ease .5s}
.btn_goTop a:before{left:36%; top:45%; width:26%; height:26%; border:2px solid #222; border-width:2px 2px 0px 0px; transform:rotate(-45deg)}
.btn_goTop a:after{opacity:0; display:block; left:calc(50% - 1px); top:45%; bottom:45%; width:2px; background:#222}
.btn_goTop a:hover{background:var(--color)}
.btn_goTop a:hover:before{top:30%; }
.btn_goTop a:hover:after{opacity:0; display:block; top:30%; bottom:10px}
.ui-loader-default{display:none;}


/***************************************************************************************************************************/


@media all and (min-width:861px){
	.dp_mb{display:none;}
	header{position:relative; z-index:900}
	header>div{display:flex; justify-content:space-between; padding:27px 0px 23px}
	header h1{flex-grow:0; font-size:0px}
	header nav{flex-grow:1; padding-left:6%}
	header nav>ul{display:flex; justify-content:space-evenly;position:relative;  padding-top:7px}
	header nav>ul>li>a{font-size:1.38em}
	header nav>ul>li.on>a{font-weight:bold;}
	header nav>ul ul{opacity:0; position:absolute; padding-left:5px; margin-top:30px; transition:opacity ease .3s, margin ease .3s, z-index ease 0s; ; transition-delay:0s, 0s, 1s; overflow:hidden; z-index:-1}
	header.on nav>ul ul{opacity:1; margin-top:40px; z-index:2; transition-delay:0s, 0s, 0s; }
	header nav>ul ul li{margin:3px 0px}
	header nav>ul ul li>a{display:inline-block; position:relative; text-decoration:none !important}
	header nav>ul ul li>a[target=_blank]{padding-right:15px}
	header nav>ul ul li>a[target=_blank]:before{display:block; content:''; position:absolute; right:0px; width:13px; height:13px; background:url(/GCM/img/inc/ic_target.svg) no-repeat center center;}
	header nav>ul ul li>a:after{display:block; content:''; position:absolute; left:50%; top:20%; width:0px; height:9px; border-radius:30px; background:var(--color); transition:all ease .3s; z-index:-1}
	header nav>ul ul li>a:hover{color:#111; font-weight:bold;}
	header nav>ul ul li>a:hover:after{opacity:.7; left:-5%; width:110%; }
	header .submenu_bg{opacity:0; position:absolute; width:100%; margin-top:-10px; transition:opacity ease .3s, margin ease .3s; transition-delay:.1s; background:#fff; box-shadow:0px 2px 3px rgba(0,0,0,.2); z-index:1}
	header.on .submenu_bg{opacity:1; margin-top:0px; transition-delay:.0s}
	header .allmenu{flex-grow:0; width:110px; margin-top:5px}
	header .allmenu a{display:block; text-align:center; padding:6px 0px 2px; border:1px solid #333; border-radius:3px}
	header #allmenu{}
	header #allmenu>div{margin:5% auto; padding:5%; padding:max(3%, 30px) max(5%, 30px); width:80%; width:min(80%, var(--wrapper)); background:#fff; border-radius:20px; box-shadow:0px 2px 5px rgba(0,0,0,0.5)}
	header #allmenu>div .logo{text-align:center; margin-bottom:30px}
	header #allmenu>div .close{position:absolute; right:20px; top:20px;  font-size:0px}
	header #allmenu>div .close a{display:block; width:50px; height:50px;}
	header #allmenu>div .close a:before,
	header #allmenu>div .close a:after{display:block; content:''; position:absolute; top:50%; left:calc(50% - 40%); width:80%; height:1px; background:#333; transform:rotate(45deg)}
	header #allmenu>div .close a:after{transform:rotate(135deg)}
	footer>div{display:flex; justify-content:space-between; align-items: center; position:relative;}
	footer{padding:60px 0px}
	footer .btm_logo img{filter:invert(40%) sepia(100%) saturate(0%) brightness(100%) contrast(100%)}
	footer .btm_info{flex-grow:1; padding-left:5%;}
	footer .btm_info *{font-size:.94rem; color:#666; letter-spacing:0px;}
	footer .btm_info .copy{margin-top:30px; font-size:.88em}
	footer .donate{width:385px;}
}

@media screen and (max-width:860px){
	.dp_pc{display:none;}
	header h1{margin-top:25px;}
	header h1 img{width:70%; max-width:250px}
	header .allmenu{position:absolute; right:10px; top:20px;}
	header .allmenu a{display:block; width:40px; height:40px; font-size:0px; text-indent:50000px;}
	header .allmenu a:before{display:block; content:''; position:absolute; left:15%; top:20%; width:70%; height:2px; background:#333; box-shadow:0px 10px 0px #333, 0px 20px 0px #333; }
	header #allmenu{width:100%; z-index:900}
	header #allmenu>div{position:absolute; left:100%; right:0px; top:0px; bottom:0px; width:calc(100% - 80px); height:100vh; background:#fff; padding:30px}
	header #allmenu p.logo{text-align:center; margin:0px auto 0px; max-width:250px}
	header #allmenu>div>ul>li>a{padding:20px 10px 15px}
	header #allmenu>div>ul>li>ul>li{min-width:calc(50% - 6%)}
	header #allmenu>div .close{position:absolute; left:-100px; top:0px; width:100px; height:100%; font-size:0px}
	header #allmenu>div .close a{display:block; height:100%; text-decoration:none;}
	footer{padding:40px 0px}
	footer .btm_logo{display:none;}
	footer .btm_info .copy{margin-top:20px}
	footer .donate{background-color:#fff; background-position-y:30px; padding-bottom:0px; margin-top:20px; border-top:1px solid #333; border-radius:0px}
	.btn_goTop{right:20px; bottom:50px; transform:scale(.8)}
}