@charset "UTF-8";
/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea,section
{margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}

/*==================================================== */
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; cursor:pointer;}

a:link{ color:#fff; text-decoration: underline;}
a:visited{ color:#fff; text-decoration:none;}
a:hover{ color:#fff; text-decoration:none;}
a:active{ color:#fff; text-decoration:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
header:after,
footer:after,
nav:after,
article:after,
section:after,
dl:after,
.inner:after,
.clrFx:after{content:''; clear:both; display:block;}
img{-ms-interpolation-mode: bicubic;}

/* chrome bug fix*/
*{max-height:999999px;}
*,*::before,*::after {will-change:all;}
textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;}
textarea{resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,1) inset; outline:none;}
input,button{ outline:none;}

/* BASE SET
__________________________________________________*/
html{overflow:visible;}
body {position:static; overflow:auto; width:auto; *overflow-y:hidden; color:#000; background:#fff;}
.mincho {font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;}


/* leyoutblock */
header,footer,section,main,.fat-nav {font-size:0;}
header img,footer img,section img,main img {width:100%; height:auto;}


/* 
	for PC
	
*****************************************************/
@media screen and (min-width:641px){
	
	.spbr {display: none;}
	
	/* menu-icon */	
	.hamburger {display: block; width: 71px; height: 71px; background-color: #000; position: fixed; top: 0; left: 0; z-index: 10000; padding: 35px 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
	.hamburger__icon {position: relative;}
	.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after { display: block; width: 37px; height: 1px; background-color: #fff;
	-moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform;
	-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
	.hamburger__icon:before, .hamburger__icon:after { position: absolute; content: "";}
	.hamburger__icon:before {top: -10px;}
	.hamburger__icon:after {top: 10px;}
	.hamburger.active .hamburger__icon { background-color: transparent;}
	.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after { background-color: #fff;}
	.hamburger.active .hamburger__icon:before { -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg);}
	.hamburger.active .hamburger__icon:after { -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
	
	/* menu-window */
	.fat-nav { top: 0; left: 0; z-index: 9999; position: fixed; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 1);
	-moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform;
	-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;
	overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
	
	.fat-nav__wrapper {width: 100%; height: 100%;table-layout: fixed;}
	.fat-nav.active {-moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
	.fat-nav nav {width: 100vw;  display: table-cell; vertical-align: middle; margin: 0; padding: 0;}
	.fat-nav nav p {font-size: 0; border-bottom: 1px solid #888;}
	.fat-nav nav p:first-child {border-top: 1px solid #888;}
	.fat-nav nav p a {width: 100vw; height: 185px; display: block;}
	.fat-nav nav .nav01 {margin-top: 144px;}
	.fat-nav nav .nav01 a {background: url(../images/menu01.png) center no-repeat; background-size: 118px 87px;}
	.fat-nav nav .nav01 a:hover {opacity: 0.7;}
	.fat-nav nav .nav02 a {background: url(../images/menu02.png) center no-repeat; background-size: 414px 89px;}
	.fat-nav nav .nav02 a:hover {opacity: 0.7;}
	.fat-nav nav .nav03 a {background: url(../images/menu03.png) center no-repeat; background-size: 277px 86px;}
	.fat-nav nav .nav03 a:hover {opacity: 0.7;}
	
	/* modal */
	.lock {overflow:hidden;}
	.modal-content {position:relative; display:none; width:600px; margin:30px;}
	.modal-content p .modal_img {margin:0; padding:0; border: 1px solid #ffcc00;}
	.modal-overlay {z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.9);}
	.modal-wrap {z-index:2; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto;}
	.modal-open {color:#00f; text-decoration:underline;}
	.modal-open:hover {cursor:pointer; color:#f00;}
	.modal-close {width: 51px; display: block; margin: 20px auto;}
	.modal-close:hover {opacity: 0.7;}
	
}


/* 
	for SP
	
*****************************************************/
@media screen and (max-width:640px){
	
	.pcbr {display: none;}
	
	/* menu-icon */	
	.hamburger {display: block; width: 11.09375vw; height: 11.09375vw; background-color: #000; position: fixed; top: 0; left: 0; z-index: 10000; padding: 5.46875vw 2.5vw; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
	.hamburger__icon {position: relative;}
	.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after { display: block; width: 5.78125vw; height: 0.3125vw; background-color: #fff;
	-moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform;
	-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
	.hamburger__icon:before, .hamburger__icon:after { position: absolute; content: "";}
	.hamburger__icon:before {top: -1.5625vw;}
	.hamburger__icon:after {top: 1.5625vw;}
	.hamburger.active .hamburger__icon { background-color: transparent;}
	.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after { background-color: #fff;}
	.hamburger.active .hamburger__icon:before { -moz-transform: translateY(1.5625vw) rotate(45deg); -ms-transform: translateY(1.5625vw) rotate(45deg); -webkit-transform: translateY(1.5625vw) rotate(45deg); transform: translateY(1.5625vw) rotate(45deg);}
	.hamburger.active .hamburger__icon:after { -moz-transform: translateY(-1.5625vw) rotate(-45deg); -ms-transform: translateY(-1.5625vw) rotate(-45deg); -webkit-transform: translateY(-1.5625vw) rotate(-45deg); transform: translateY(-1.5625vw) rotate(-45deg);}
	
	/* menu-window */
	.fat-nav { top: 0; left: 0; z-index: 9999; position: fixed; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 1);
	-moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform;
	-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;
	overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
	
	.fat-nav__wrapper {width: 100%; height: 100%;table-layout: fixed;}
	.fat-nav.active {-moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
	.fat-nav nav {width: 100vw;  display: table-cell; vertical-align: middle; margin: 0; padding: 0;}
	.fat-nav nav p {font-size: 0; border-bottom: 1px solid #888;}
	.fat-nav nav p:first-child {border-top: 1px solid #888;}
	.fat-nav nav p a {width: 100vw; height: 28.90625vw; display: block;}
	.fat-nav nav .nav01 {margin-top: 22.5vw;}
	.fat-nav nav .nav01 a {background: url(../images/menu01.png) center no-repeat; background-size: 18.4375vw 13.59375vw;}
	.fat-nav nav .nav01 a:active {opacity: 0.7;}
	.fat-nav nav .nav02 a {background: url(../images/menu02.png) center no-repeat; background-size: 64.6875vw 13.90625vw;}
	.fat-nav nav .nav02 a:active {opacity: 0.7;}
	.fat-nav nav .nav03 a {background: url(../images/menu03.png) center no-repeat; background-size: 43.28125vw 13.4375vw;}
	.fat-nav nav .nav03 a:active {opacity: 0.7;}
	
	/* modal */
	.lock {overflow:hidden;}
	.modal-content {position:relative; display:none; width:93.75vw; margin:3.125vw;}
	.modal-content p .modal_img {margin:0; padding:0; border: 1px solid #ffcc00;}
	.modal-overlay {z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.9);}
	.modal-wrap {z-index:2; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto;}
	.modal-open {color:#00f; text-decoration:underline;}
	.modal-open:hover {cursor:pointer; color:#f00;}
	.modal-close {width: 7.96875vw; display: block; margin: 3.125vw auto;}
	.modal-close:hover {opacity: 0.7;}
	
}