@charset "UTF-8";

/* CSS Document */

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 12px;
  font-family: "MS PGothic", "Osaka", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 12px;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th,caption {
  text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

img,fieldset {
  border: 0;
}
a:hover  img {
-moz-opacity:0.80;
opacity:0.80;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";

}



a:focus{outline:none;} 

a {overflow:hidden;}
a{
	color: #333;
	text-decoration:underline;
}
a:visited{
	color: #333;
	text-decoration:underline;
}
a:hover{
	color: #666;
	text-decoration:none;
}


img{
	line-height:1;
}


.cf:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

.cf {
	min-height:1px;
	zoom:1;
}


.fL{float:left;}
.fR{float:right;}
.txL{text-align:left;}
.txR{text-align:right;}
.txC{text-align:center;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb95{margin-bottom:95px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}
.mb160{margin-bottom:160px;}
.mb170{margin-bottom:170px;}
.mb175{margin-bottom:175px;}
.mb200{margin-bottom:200px;}
.mb410{margin-bottom:410px;}



.areaSP{
	display:none;
}

.spIm{
	display:none;
}
.spIm2{
	display:none;
}
/*-----------------------------------------------
	BASE
-----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	color: #000;
	text-align: center;
	line-height: 1.6;
	height: 100%;
}



/*-----------------------------------------------
	LAYOUT
-----------------------------------------------*/


.area{
	width: 980px;
	margin: 0 auto;
}



/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/


.footer{
	padding: 1em 0 2em;
	text-align: center;
	margin-top: 0px;
	color:#666;
	font-size:11px;
	font-family: Verdana,sans-serif;
}



/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/


/*-----------------------------------------------
	ハンバーガー
-----------------------------------------------*/
.navBtn {
	display: block;
	width: 28px;
	position:absolute;
	right:3em;
	top:2em;
	cursor: pointer;
	z-index:1003;
	text-align:center;
}
.navBtn span.line {
	display: block;
	height: 2px;
	width: 100%;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.navBtn span.tx{
	font-size:12px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
	font-weight:400;
	text-align:center;
	color:#fff;
	line-height:1.6;
}
.navBtn span.line:nth-of-type(3) {
	margin-bottom:0.1em;
}
.navBtn span.line:nth-of-type(2),
.navBtn span.line:nth-of-type(3) {
margin-top: 6px;
}
#wrapper.navOpen .navBtn{
	position:fixed;
}
#wrapper.navOpen .navBtn span.tx{
	opacity:0;
}
#wrapper.navOpen .navBtn span.line:nth-of-type(1) {
        -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
        -ms-transform: translateY(8px) translateX(0) rotate(45deg);
        transform: translateY(8px) translateX(0) rotate(45deg);
		height: 2px;
}
#wrapper.navOpen .navBtn span.line:nth-of-type(2) {
       
        opacity: 0;
        
}
#wrapper.navOpen .navBtn span.line:nth-of-type(3) {
        -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
        transform: translateY(-8px) translateX(0) rotate(-45deg);
		height: 2px;
}


/* オーバーレイ */
.overlay {
	background-color: rgba( 255, 255, 255, 0.8 );
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1000;
}



.topPan{
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1002;
	width: 85%;
	max-width: 330px;
	height: 100%;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-overflow-scrolling: touch;
}
#wrapper.navOpen .topPan{
	-webkit-transform: translateX(0%);
  	transform: translateX(0%);
  	box-shadow: 6px 0 25px rgba(0,0,0,.15);
	
	
}
.topPan ul.menu{
	margin-bottom:3em;
}
.topPan ul.menu li{
	margin-bottom:2em;
	padding-bottom:0em;
	font-size:14px;
	color:#333;
	font-family: 'EB Garamond', serif;
}
.topPan ul.menu li.none{
	margin-bottom:0.5em;
}
.topPan ul.menu li a{
	color:#333;
	text-decoration:none;
	padding-bottom:0.5em;
}
.topPan ul.menu ul{
	padding-top:1em;
	padding-left:1.5em;
	border-left:1px solid #808080;
	margin-left:1em;
	margin-bottom:1.5em;
}
.topPan ul.menu ul li{
	margin-bottom:1em;
}
.topPan ul.menu li:last-child {
	margin-bottom:0;
}
.topPan ul.menu a {
	position: relative;
	display:inline-block;
	
}
.topPan ul.menu a::after {
  position: absolute;
  bottom:0em;
  display:block;
  left: 0em;
  content: '';
  width: 0px;
  height: 1px;
  background-color: #333;
  transition: .3s;
  z-index: -1;
}
.topPan ul.menu a:visited{
	color:#333;
	text-decoration:none;
}
.topPan ul.menu a:hover{
	color:#333;
	text-decoration:none;
}
.topPan ul.menu a:hover::after {
  width: 100%;
}

.topPan .footerSns{
	text-align:left;
	margin-bottom: 0em;
    padding-top: 0em;
	padding-bottom:5em;
	
}
.topPan .footerSns li{
	padding:0;
	margin-right:1em;
	margin-left:0;
}
.topPan .footerSns li:last-child{
	margin-right:0;
}
.topPanArea{
	padding:10em 3em 3em 3em;
	
}





/* ローディング */
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#fff;
  z-index:1005;
}
.loaderArea {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
  z-index:1006;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.loader {
  margin:0px auto;
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(131,131,131, 0.2);
  border-right: 0.5em solid rgba(131,131,131, 0.2);
  border-bottom: 0.5em solid rgba(131,131,131, 0.2);
  border-left: 0.5em solid #a9a9a9;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*-----------------------------------------------
	ハンバーガー
-----------------------------------------------*/
.header{
	position:fixed;
	width:100%;
	z-index:1000;
	min-width: 1000px;
	background: rgba(255,255,255,0.8)_;
}
.headerArea{
	position:relative;
	padding-top:3em;
	padding-left:3em;
	padding-bottom:2em;
}
.header p.sLogo{
	
	width:160px;
}
#home .header p.sLogo{
	opacity:0;
}
#home .header{
	
}
.header p.sLogo img{
	width:100%;
	height:auto;
}
.navBtn {
	display: block;
	width: 28px;
	position:absolute;
	right:3em;
	top:3em;
	cursor: pointer;
	z-index:1003;
	text-align:center;
}
.navBtn span.line {
	display: block;
	height: 1px;
	width: 100%;
	background: #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.navBtn span.line:nth-of-type(3) {
	margin-bottom:0.1em;
}

.navBtn span.line:nth-of-type(2),
.navBtn span.line:nth-of-type(3) {
margin-top: 9px;
}
#wrapper.navOpen .navBtn{
	position:fixed;
}


#wrapper.navOpen .navBtn span.line:nth-of-type(1) {
        -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
        -ms-transform: translateY(10px) translateX(0) rotate(45deg);
        transform: translateY(10px) translateX(0) rotate(45deg);
		height: 1px;
}
#wrapper.navOpen .navBtn span.line:nth-of-type(2) {
       
        opacity: 0;
        
}
#wrapper.navOpen .navBtn span.line:nth-of-type(3) {
        -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-10px) translateX(0) rotate(-45deg);
        transform: translateY(-10px) translateX(0) rotate(-45deg);
		height: 1px;
}