@charset "utf-8";

/*
		common
	 1. core
	 2. default
	 3. flex
	 4. overLay

———————————————————- */

/* core	*/

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,caption,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-size:100%;
	font:inherit;
	vertical-align:baseline;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Verdana, sans-serif';
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
body{
	line-height:1.5;
	font-size: 14px;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none
}

/* default */

.clear{clear:both;}
.cf{*zoom:1;}
.cf:after {
	content:'';
	display:block;
	clear: both;
}

.bz{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.disnon{display:none;}
a{outline: none; text-decoration:none;}
a:focus {outline:none;}
img {display:block;}
.bold{font-weight:bold}
.center{text-align:center}

.red{color:red;}
.pink{color:#B5006C;}
.orange{color:#FF0000;}
.brown{color:#B91B10;}
.gray{color:#999999;}



.mincho{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

#forTop{
	position: fixed;
	width: 60px;
	height: 60px;
	bottom:3px;
	right:3px;
	display:none;
	cursor:pointer;
}

#forTop>img{
	max-width: 100%;
}

/* flex */

.fxwb{
	-js-display: flex;
	display:-webkit-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	box-pack:justify;
    flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}

.fxwa{
	-js-display: flex;
	display:-webkit-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	box-pack:distribute;
    flex-pack:distribute;
    -webkit-justify-content:space-around;
    justify-content:space-around;
}

.fxws{
	-js-display: flex;
	display:-webkit-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	box-pack:start;
    flex-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
}

.fxwc{
	-js-display: flex;
	display:-webkit-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	box-pack:center;
    flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}

.overWrap{overflow:hidden;}

/* overLay */

.overLay{
	position:fixed;
	width: 100vw;
	height:100vh;
	top:0;
	left:0;
	background:rgba(0,0,0,.8);
	z-index:100;
	display:none;
}

.burgerBtn {
	display: none;
	cursor: pointer;
	height: 44px;
	position:fixed;
	top:5px;
	text-align:center;
	font-size: 12px;
	color:#FFF;
	line-height:26px;
	right:5px;
	width: 44px;
	z-index: 1500;
	background:#020032;
	-webkit-box-shadow:rgba(0, 0, 0, .3) 1px 1px 1px 1px;
	-moz-box-shadow:rgba(0, 0, 0, .3) 1px 1px 1px 1px;
	box-shadow:rgba(0, 0, 0, .3) 1px 1px 1px 1px;
	border-radius:5px;
}

.burgerBtn::before {
	  -webkit-box-shadow: #FFF 0 5px 0;
	  box-shadow: #FFF 0 5px 0;
	  height: 2px;
	  -webkit-transform-origin: left top;
	  -ms-transform-origin: left top;
	  transform-origin: left top;
	  width: 24px;
	  top:22px;
	  left:10px;
}
.burgerBtn::after {
	  bottom: 10px;
	  height: 2px;
	  left:10px;
	  -webkit-transform-origin: left bottom;
	  -ms-transform-origin: left bottom;
	  transform-origin: left bottom;
	  width: 24px;
}
.burgerBtn::before,
.burgerBtn::after {
	  background: #FFF;
	  display: block;
	  content: '';
	  position: absolute;
	  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
	  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
}

.burgerBtn.active {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.burgerBtn.active:before {
	-webkit-box-shadow: #FFF 0 5px 0;
	 box-shadow: #FFF 0 5px 0;
	 background: #FFF;
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(0, -5px, 0);
	transform: rotate(45deg) translate3d(0, -5px, 0);
}
.burgerBtn.active:after {
	background: #FFF;
	-webkit-transform: rotate(-45deg) translate3d(0, 5px, 0);
	transform: rotate(-45deg) translate3d(0, 5px, 0);
}

@media screen and (max-width: 1000px) {
	
	body{
		-webkit-text-size-adjust: 100%;
		min-width:320px;
		background:#FFF;
		font-size: 16px;
	}
	img,iframe{
		max-width: 100%;
	}
	
	#forTop{
		width: 44px;
		height: 44px;
	}
}