@charset "UTF-8";

/*
======== table of content. ===============

summary:トップページ要素

==========================================
*/
/*----------------------------------------
loader
------------------------------------------*/
#loader { position:relative; width:100%; height:100%; background:url(../images/bg_load.jpg) no-repeat 0 0; background-size:cover; z-index: 2000; }
	#pre_logo { position:absolute; left:0; right:0; top:0; bottom:0; width:300px; height:300px; margin:auto; padding:105px 80px; border-radius:50%; background-color:#d61519; }

#fade { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:1500; }

@media screen and (max-width: 767px) {
#loader { background-image:url(../images/bg_load_sp.jpg); }
	#pre_logo { width:240px; height:240px; margin:auto; padding:84px 64px; }
}


/*----------------------------------------
header
------------------------------------------*/
#globalnav { display:none; }
	.sec_navs { position:relative; }
		#subnav { bottom:15px; }

@media screen and (max-width: 767px) {
#globalnav { display:block; }
	.sec_navs { position:absolute; }
		#subnav { bottom:auto; }
}

/*----------------------------------------
content
------------------------------------------*/
#content { padding:0 0 41px; border-top:1px solid #d61519; }
	.main-content { padding-top:66.66%; background:url(../images/bg_content.jpg) no-repeat 0 0; background-size:cover; }
		.logo { position:absolute; right:0; top:0; width:186px; }
		.catch { position:absolute; right:226px; top:20px; margin:0; writing-mode:tb-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font-family:"Hannari", Hannari; font-size:128.5%; line-height:2; -moz-text-shadow:0 0 5px rgba(255,255,255,1); -webkit-text-shadow:0 0 5px rgba(255,255,255,1); text-shadow:0 0 5px rgba(255,255,255,1); }

@media screen and (max-width: 767px) {
#content { padding:0 0 10px; }
	.main-content { padding-top:150%; background-image:url(../images/bg_content_sp.jpg); background-position:0 center; }
	.logo { position:absolute; right:0; top:0; width:124px; }
	.catch { left:20px; right:auto; top:20px; writing-mode:lr-tb; -moz-writing-mode:horizontal-tb; -o-writing-mode:horizontal-tb; -webkit-writing-mode:horizontal-tb; writing-mode:horizontal-tb; font-size:107.2%; }
}

/*----------------------------------------
footer
------------------------------------------*/
footer { height:81px; border-top:none; }
	#footernav { display:block; position:relative; height:40px; background-color:rgba(0,0,0,0.7); }
		#footernav ul { display:table; width:980px; margin:0 auto; }
			#footernav li { display:table-cell; position:relative; padding:5px; text-align:center; }
			#footernav li:before { content:""; position:absolute; left:0; top:0; bottom:0; height:1.5em; margin:auto; border-left:1px solid #fff; }
			#footernav .nav_home:before { display:none; }
				#footernav li a { padding:2px 10px; color:#fff; font-family:"Hannari", Hannari; font-size:114.2%; }
				#footernav li a:hover { color:#e4c872; }
				#footernav li.current a { background-color:#e4c872; color:#191919; }

@media screen and (max-width: 767px) {
	#footernav { display:none; }
}