@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;font-size:16px;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;font-size:16px; line-height:1.6;}

html				{overflow-y:scroll;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, textarea,	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}

/*FireFoxセンタリング位置*/
html				{overflow:scroll;}

/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border:none; background-color:transparent;}


/* font 指定 */
body {
font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
'Segoe UI',       /* Windowsの欧文 */
YuGothicM,        /* Windows8.1以上は游ゴシック */
YuGothic,         /* Macの游ゴシック */
Meiryo,           /* 游ゴシックが入っていないWindows */
sans-serif;
}

/* Windows */
@font-face {
font-family: YuGothicM;
font-weight: normal;
src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
local('Yu Gothic Medium'), /* Chrome用 */
local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
font-family: YuGothicM;
font-weight: bold;
src: local('YoGothic-Bold'), /* Boldはそのまま */
local('Yu Gothic');     /* Chrome用 */
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  font-family: "Yu Gothic", YuGothic;
}




/* clearfix */
.cf:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display:inline-block;}
* html .cf	{height:1%; }
.cf			{display:block; }





/* loading */
#loading {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
text-align: center
}

#loading .loader {
margin:auto;
position: fixed;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height:0;
width:74px;
}

#loading .loader img {width:100%;}




/* HEADER AREA
******************************************/

header	{background:rgba(255,255,255,0.9);min-width:1000px;}

header .inner {
width:1000px;
margin:0 auto;
}
header .inner:after {
content:"";
clear:both;
display:block;
}

/* header */
#top-head {
font-size:14px;
top:-100px;
position:absolute;
width:100%;
margin:100px auto 0;
padding:10px 0;
line-height:1;
z-index:999;
}
#top-head p {
	font-family: Yu Gothic Bold;
	font-size: 14px;
    margin-bottom: 6px;
}
#top-head a,
#top-head {
color:#fff;
text-decoration:none;
background-color: #ac0000;
}
#top-head .inner	{position:relative;}
#top-head .logo		{float:left;line-height:0;}

#global-nav ul {
list-style:none;
position:absolute;
top:10px;
right:0;
font-size:14px;
line-height:0;
}
#global-nav ul li {
float:left;
position:relative;
}
#global-nav ul li a {
padding:0 0 0 30px;
display:block;
text-align:center;
color:#fff;
font-family: Yu Gothic Bold;
font-weight:bold;
font-size:14px;
letter-spacing:0.05em;
line-height:1;
}
#global-nav ul li a span{
margin-top:4px;
padding:0 0 20px 0;
display:block;
line-height:1;
font-family: YuGothicM;
font-weight:normal;
font-size:10px;
letter-spacing:0.05em;
background:url(../img/gnav_arrow.png) no-repeat center 20px;
}
#global-nav ul li:first-child a {padding:0;}

#global-nav ul li a:hover 		{color:#fff;}
#global-nav ul li a:hover span	{padding:0 0 25px 0;background:url(../img/gnav_arrow_on.png) no-repeat center 25px;}



/* Fixed */
#top-head.fixed {
margin-top:0;
top:0;
position:fixed;
transition:top 0.65s ease-in;
-webkit-transition:top 0.65s ease-in;
-moz-transition:top 0.65s ease-in;
}
#top-head.fixed .logo {line-height:0;}
#top-head.fixed #global-nav ul li a {
padding:0 0 0 30px;
}



/* Transition */
#top-head,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a,
#global-nav ul li a span {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
#top-head .logo img {
	width: 264px;
}


/* Toggle Button */
#nav-toggle {
display:none;
position:absolute;
right:10px;
top:15px;
width:34px;
height:36px;
cursor:pointer;
z-index:101;
}

#nav-toggle div	 {position:relative;}
#nav-toggle span {
display:block;
position:absolute;
height:4px;
width:100%;
background:#fff;
left:0;
-webkit-transition:.35s ease-in-out;
-moz-transition:.35s ease-in-out;
transition:.35s ease-in-out;
}
#nav-toggle span:nth-child(1) {top:0;}
#nav-toggle span:nth-child(2) {top:11px;}
#nav-toggle span:nth-child(3) {top:22px;}





/* PAGE TOP AREA
******************************************/

.pagetop		{padding:20px 0;text-align:center;background:#333;line-height:0;min-width:1000px;}
.pagetop:hover	{
cursor:pointer;
opacity: .85;
-webkit-transition:.35s ease-in-out;
-moz-transition:.35s ease-in-out;
transition:.35s ease-in-out;
}
.pagetop img	{line-height:0;}



/* FOOTER AREA
******************************************/

footer		{background:#c51919;text-align:center;min-width:1000px;}
footer p	{padding:50px 0;line-height:1;color:#fff;font-size:14px;letter-spacing:0.1em;font-family:'Helvetica Neue','Segoe UI',YuGothicM,YuGothic,Meiryo,sans-serif;}






@media screen and (max-width:980px) {

header .inner		{width:100%;padding:0 0;}
#global-nav ul li a	{padding:0 0 0 0;}

}






@media screen and (max-width:768px) {

/* loading */

#loading {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
text-align: center
}

#loading .loader {
margin:auto;
position: fixed;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height:0;
width:60px;
}

#loading .loader img {width:100%;}




header	{min-width:auto;}


#top-head,
.inner {
width:100%;
padding:0;
}
#top-head {
top:0;
position:fixed;
margin-top:0;
}

#global-nav ul li a {
padding:0 0 0 0;
background:url(../img/chip_01.png) repeat-x top left;
}
#global-nav ul li:first-child a {background:none;}
#global-nav ul li a span{
margin-top:4px;
padding:0 0 20px 0;
display:block;
line-height:1;
font-family: YuGothicM;
font-weight:normal;
font-size:10px;
letter-spacing:0.05em;
background:url(../img/gnav_arrow_sp.png) no-repeat center 20px;
}
#global-nav ul li a:hover 		{color:#fff;}
#global-nav ul li a:hover span	{padding:0 0 20px 0;background:url(../img/gnav_arrow_sp.png) no-repeat center 20px;}

/* Fixed reset */
#top-head.fixed {
padding-top:0;
}


#mobile-head {
width:100%;
height:58px;
z-index:999;
position:relative;
}
#top-head.fixed .logo,
#top-head .logo {
position:absolute;
top: 10px;
left: 10px;
width: 190px;
}
header .logo img {width:100%;}
#top-head p {
    font-size: 8.5px;
    margin-left: 8px;
}
#top-head .logo img {
    width: 100%;
    margin-top: 9.5px;
}

#global-nav {
position:absolute;
/* 開いてないときは画面外に配置 */
top:-500px;
background: #9f0b0b;
width:100%;
text-align:center;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
transition:.5s ease-in-out;
}

.close #global-nav {
position:absolute;
/* 開いてないときは画面外に配置 */
top:-500px!important;
background:rgba(198,156,108,.95);
width:100%;
text-align:center;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
transition:.5s ease-in-out;
}


#global-nav ul {
list-style:none;
position:static;
right:0;
bottom:0;
font-size:11px;
}
#global-nav ul li {
float:none;
position:static;
}
#global-nav ul li:after  {
display:none;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
width:100%;
display:block;
color:#fff;
padding:23px 0 20px 0;
}
#nav-toggle {
display:block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
top:11px;
-webkit-transform:rotate(315deg);
-moz-transform:rotate(315deg);
transform:rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width:0;
left:50%;
}
.open #nav-toggle span:nth-child(3) {
top:11px;
-webkit-transform:rotate(-315deg);
-moz-transform:rotate(-315deg);
transform:rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
/* #global-nav top + #mobile-head height */
-moz-transform:translateY(556px);
-webkit-transform:translateY(556px);
transform:translateY(556px);
}



/* FOOTER AREA
******************************************/




/* PAGE TOP AREA
******************************************/

.pagetop		{padding:20px 0;text-align:center;background:#333;line-height:0;min-width:auto;}
.pagetop:hover	{
cursor:pointer;
background:#333;
-webkit-transition:.35s ease-in-out;
-moz-transition:.35s ease-in-out;
transition:.35s ease-in-out;
}
.pagetop img	{line-height:0;}



/* FOOTER AREA
******************************************/

footer		{text-align:center;min-width:auto;}
footer p	{padding:30px 0;line-height:1;color:#fff;font-size:11px;letter-spacing:0em;font-family:'Helvetica Neue','Segoe UI',YuGothicM,YuGothic,Meiryo,sans-serif;}




}