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




.clearfix{
	clear:both;
}


html, body {
　height:100%;
/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	min-width:1080px;
	
}






p{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing: antialiased;

}

h1{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing: antialiased;

}

h2{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing: antialiased;

}

h3{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing: antialiased;

}





img {
    border-style:none;
}


a{
	cursor:pointer;
	text-decoration: none;
}


a:link { color:#000; }
a:visited { color:#000; }
a:hover { color:#000; }
a:active { color:#000; }
a{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#000;
	font-size:14px;
	line-height:30px;
	letter-spacing:0.1em;
	font-weight:lighter;
}



.orange{
	color:#FF6633;
	font-weight:bold;
}




a.btn{
  display: inline-block;
  width: 120px;
  padding: 16px 10px;
  border: 1px solid #FF6633;
  -moz-border-radius: 24px;    /* 古いFirefox */
   -webkit-border-radius: 24px; /* 古いSafari,Chrome */
   border-radius: 24px; 
  background: transparent;
  color:#FFF;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:bold;
	-webkit-font-smoothing: antialiased;
	font-size:0.8em;
	letter-spacing:0.15em;
	background-color:#FF6633;
}



a.more {
  position:relative;
  z-index:2;
  overflow:hidden;
}
a.more::after {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:0;
  height:0;
  margin:0;
  border-radius:50%;
  background:#FFF;
  transition:.3s;
}
a.more:hover {
  color:#FF6633;
}
a.more:hover::after {
  width:260px;
  height:260px;
  margin:-130px 0 0 -130px;
}





a.btn2{
  display: inline-block;
  width:200px;
  padding: 16px 10px;
  border: 1px solid #FF6633;
  -moz-border-radius: 24px;    /* 古いFirefox */
   -webkit-border-radius: 24px; /* 古いSafari,Chrome */
   border-radius: 24px; 
  background: transparent;
  color:#FFF;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:bold;
	-webkit-font-smoothing: antialiased;
	font-size:0.9em;
	letter-spacing:0.15em;
	background-color:#FF6633;
}



a.more2 {
  position:relative;
  z-index:2;
  overflow:hidden;
}
a.more2::after {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:0;
  height:0;
  margin:0;
  border-radius:50%;
  background:#FFF;
  transition:.3s;
}
a.more2:hover {
  color:#FF6633;
}
a.more2:hover::after {
  width:400px;
  height:260px;
  margin:-130px 0 0 -190px;
}




a.btn3{
  display: inline-block;
  width: 164px;
  padding: 16px 10px;
  border: 1px solid #33CC66;
  background: transparent;
  color:#33CC66;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:bold;
	-webkit-font-smoothing: antialiased;
	font-size:0.8em;
	letter-spacing:0.15em;
}



a.more3 {
  position:relative;
  z-index:2;
  overflow:hidden;
}
a.more3::after {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:0;
  height:0;
  margin:0;
  border-radius:50%;
  background:#33CC66;
  transition:.3s;
}
a.more3:hover {
  color:#FFF;
}
a.more3:hover::after {
  width:260px;
  height:260px;
  margin:-130px 0 0 -130px;
}



.pocket_ninja_m a{
	

	
}

.google_plusone_ninja_m a img{
	
	
}


.google_plusone_ninja_m a img{
	
	
}

.line_ninja_20x20 a img{
	
}


.hatena_standard a img{
	
	
}

.twitter_tweet_count_no_m a img{

	
}

.facebook_share_original_count a img{
	
	
}


.ninja_onebutton iframe:first-child { margin-top:7px!important;}

.wrap-omatome-icnfont-button{ margin-top:6px!important;}




/* = header
-------------------------------------------------------------- */




#header{
	background-image:url(../images/keyVisual_gauss.jpg);
	background-size:cover;
	height:580px;
	background-position:center;
	position:relative;
	
	border-left:solid 10px #FFF;
	border-right:solid 10px #FFF;
	border-top:solid 60px #FFF;
	overflow:hidden;
	min-width:1060px;
}



#headerSns{
	position:absolute;
	bottom:0;
	right:0;
	z-index:50;
}


@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
#pageTitle{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.4em;
letter-spacing:0.09em;
color:#666;
font-weight:lighter;
text-align:center;
margin-top:40px;
margin-bottom:20px;
padding-bottom:6px;
}

#pageTitle span{
	border-bottom:solid thin #666;

}

#pageMainVisual{
	float:left;
	margin-left:10%;
	margin-right:40px;
	margin-top:-40px;
}

#pageMainVisual img{
	height:500px;
}




#mainCatch{
	font-size:2.3em;
	line-height:1.4em;
	letter-spacing:0.04em;
	font-weight:lighter;
	margin-left:30%;
	margin-top:50px;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color:#333;
width:700px;
}
	
#mainText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.98em;
letter-spacing:0.09em;
text-align:left;
line-height:2.0em;
color:#333;
margin-top:30px;
margin-left:30%;
width:700px;
}



#toFeature{
	margin-top:30px;
	
}

#nav{
	height:50px;
	background:#FFF;
	border-bottom:solid thin #CCC;
	position:fixed;
	z-index:15350000;
	opacity:0.95;
	min-width:1080px;
	width:100%;
}






#appleStore{
	margin-top:20px;
}




#menuLogo{
	float:left;
	padding-top:5px;
	padding-left:10px;
	opacity:1.0;
}

#menu{
	float:left;

}
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
#menuIntro{
	float:left;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.09em;
color:#666;
font-weight:bold;
height:13px;
margin:4px 0;
padding:15px 20px;
border-right:solid thin #CCC;

}

#menu li{
	float:left;
	
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
#menu li a p{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.1em;
letter-spacing:0.09em;
text-align:center;
padding-left:18px;
padding-right:18px;
padding-top:12px;
padding-bottom:8px;
font-weight:lighter;

}




.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}



.button {
	background-color:#FFF;
	color:#093;
}
.button:hover{
	background-color: #FF6633;
	color:#FFF;
}


.button:hover a p{
	color:#FFF;
}

	
.linkButton:hover img{
	opacity:0.7;
}

#external{
	float:left;
	background:#CCC;
	height:50px;
}

#external a{
	float:left;
	padding:10px 10px;
	height:50px;
}


#PCmenuWrap{
	float:right;
}









/* = feature
-------------------------------------------------------------- */



#feature{
	margin:50px auto;
	
	
}


	
#feature ul{
	width:960px;
	margin:0px auto;
}

#feature ul li{
	width:920px;
	float:left;
	padding:0 20px;
	border-bottom:solid thin #CCC;
	padding-top:30px;
}


#feature ul li:first-child{
	padding-top:0px;
}

#feature ul li:last-child{
	
}



.featureImage{
	float:left;
	margin-bottom:-3px;
	margin-right:20px;
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
.featureCaption{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.9em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#FF6633;
margin:30px 0;
}

.featureCatch{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.2em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#000;
margin:8p 0x;
}


.featureText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.9em;
letter-spacing:0.03em;
text-align:center;
line-height:2.0em;
color:#333;
margin:30px 0;
padding-right:20px;
}






/* = footer
-------------------------------------------------------------- */

#footer{
	background-color:#595757;
}


#spec{
	width:720px;
	margin:0 auto;
	padding:20px 0;
	border-bottom:solid thin #444;
	
}


#specTitle{
	float:left;
	color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
width:120px;
text-align:right;
height:100%;
font-weight:bold;
}


#specInfo{
	float:left;
	color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
margin-left:40px;
}


#footerAppleStore{
	float:right;
}
	
	

#siteMap{
	width:720px;
	margin:0 auto;
	padding:20px 0;
}

#siteMapTitle{
	float:left;
	color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
width:120px;
text-align:right;
height:100%;
font-weight:bold;
}

#siteMapInfo{
	float:left;
	margin-left:40px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
}
	
#footerToTop{
display:inline;
}


#footerToTop p{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
color:#AEAEAF;
display:inline;
}




#footerMenu{
	margin-top:20px;
}


#footerMenu li{
	float:left;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
color:#AEAEAF;
margin-right:15px;

}



#footerMenuTitle{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.9em;
letter-spacing:0.03em;
line-height:1.6em;
color:#FFF;
margin-right:14px;
font-weight:bold;
}


#siteMapInfo a:hover p{
	text-decoration:underline;
}




#copyright{
	background-color:#333;
	text-align:left;
	padding:4px 20px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.7em;
letter-spacing:0.03em;
line-height:1.6em;
color:#FFF;
height:120px;
overflow:hidden;

}


#copyright p{
	padding:2px 0;
}

#sns{
	float:right;
}


.pageTop{
	position:fixed;
	bottom:120px;
	right:20px;
}

.pageTop img{
	width:50px;
}



/* = Media (Responsive Setting)
-------------------------------------------------------------- */

@media only screen and (min-width: 1080px){


.record3step{
	width:1080px;
	margin:0 auto;
	text-align:center;
}

.record3step img{
	margin-bottom:40px;
}

#topIphone{
	left:8%;
}


html, body {
	background-color:#FFF;
}


.SP{
	display:none;
}

.PC{
	display:block;
}

.TB{
	display:none;
}

.miniTB{
	display:none;
}

#mainCatch{
	font-size:2.3em;
	line-height:1.4em;
	letter-spacing:0.04em;
	font-weight:lighter;
	margin-left:30%;
	margin-top:50px;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color:#333;
padding-right:100px;
width:auto;
}

#mainText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.05em;
letter-spacing:0.09em;
text-align:left;
line-height:2.0em;
color:#333;
margin-top:30px;
margin-left:30%;
padding-right:100px;
width:auto;
}



#feature ul{
	width:1080px;
	margin:0px auto;
}


#feature ul li{
	width:1040px;
	float:left;
	padding:0 20px;
	border-bottom:solid thin #CCC;

}





#feature ul li:first-child{
	
	margin-top:0px;
}

#feature ul li:last-child{
	margin-top:0px;
}



.featureImage{
	float:left;
	margin-bottom:-3px;
	margin-left:0px;
	margin-top:20px;
	margin-right:20px;
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
.featureCaption{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#FF6633;
margin:40px 0;
}

.featureCatch{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.4em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#000;
margin:30px 0;
}


.featureText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.95em;
letter-spacing:0.03em;
text-align:center;
line-height:2.0em;
color:#333;
margin:12px 0;

}







} /*Query End*/


@media only screen and (min-width: 960px) and (max-width: 1079px) {
	
.record3step{
	width:960px;
	margin:0 auto;
	text-align:center;
}

.record3step img{
	margin-bottom:40px;
}


html, body {
	
}





.SP{
	display:none;
}

.PC{
	display:none;
}


.TB{
	display:block;
}

.miniTB{
	display:none;
}



@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
#pageTitle{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.4em;
letter-spacing:0.09em;
color:#666;
font-weight:lighter;
text-align:center;
margin-top:40px;
margin-bottom:20px;
padding-bottom:6px;
}

#pageTitle span{
	border-bottom:solid thin #666;

}

#pageMainVisual{
	float:left;
	margin-left:10%;
	margin-right:40px;
	margin-top:-40px;
}

#pageMainVisual img{
	height:500px;
}




#mainCatch{
	font-size:1.9em;
	line-height:1.4em;
	letter-spacing:0.04em;
	font-weight:lighter;
	margin-left:30%;
	margin-top:50px;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color:#333;
width:600px;
}
	
#mainText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.98em;
letter-spacing:0.09em;
text-align:left;
line-height:2.0em;
color:#333;
margin-top:30px;
margin-left:30%;
width:600px;
}



#toFeature{
	margin-top:30px;
	
}

#appleStore{
	margin-top:20px;
}



/*---------------------------------------------------------
  					slide menu
---------------------------------------------------------*/
#menuToggle{
	position:fixed;
	top:14px;
	right:20px;
	z-index:1000;
}

.toggleText{
	margin-top:-3px; 
	margin-right:10px;
	 float:left;
	 font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.09em;
color:#666;
font-weight:bold;
}

#menuToggle:hover{
	opacity:0.6;
}


.slideout-menu {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #333;
	z-index: 100;
}
.slideout-menu h3 {
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 4px solid #222;
	
}
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.slideout-menu .slideout-menu-toggle:hover {
	color: #fff;
}
.slideout-menu ul {
	list-style: none;
	font-weight: 300;
	border-top: 1px solid #151515;
	border-bottom: 1px solid #454545;
}
.slideout-menu ul li {
	border-top: 1px solid #454545;
	border-bottom: 1px solid #151515;
}
.slideout-menu ul li a {
	display: block;
	padding: 10px;
	color: #999;
	text-decoration: none;
}
.slideout-menu ul li a:hover {
	background: #000;
	color: #fff;
}

html, body {
　height:100%;
/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	min-width:960px;
	
}



.wrapper{
	width:920px;
	padding:0 20px;
	margin:0 auto;
}



#header{
	background-image:url(../images/keyVisual_gauss.jpg);
	background-size:cover;
	height:580px;
	background-position:center;
	position:relative;
	
	border-left:solid 10px #FFF;
	border-right:solid 10px #FFF;
	border-top:solid 60px #FFF;
	overflow:hidden;
	min-width:960px;
}


#nav{
	height:50px;
	background:#FFF;
	border-bottom:solid thin #CCC;
	position:fixed;
	z-index:15350000;
	opacity:0.95;
	min-width:960px;
	width:100%;
}




















#spec{
	width:720px;
	margin:0 auto;
	padding:20px 0;
	border-bottom:solid thin #444;
	
}

#siteMap{
	width:720px;
	margin:0 auto;
	padding:20px 0;
}


} /*Query End*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


.record3step{
	width:600px;
	margin:0 auto;
	text-align:center;
}

.record3step img{
	width:600px;
	margin-bottom:40px;
}


.PC {display: none;}
.SP {display: none;}
.TB{
	display:none;
}
.miniTB{
	display:block;
}








html, body {
　height:100%;
/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	min-width:600px;
	
}



.wrapper{
	width:560px;
	padding:0 20px;
	margin:0 auto;
}



#header{
	background-image:url(../images/keyVisual_gauss.jpg);
	background-size:cover;
	height:480px;
	background-position:center;
	position:relative;
	width:auto;
	border-left:none;
	border-right:none;
	border-top:solid 60px #FFF;
	overflow:hidden;
	min-width:600px;
}



@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
#pageTitle{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.4em;
letter-spacing:0.09em;
color:#666;
font-weight:lighter;
text-align:center;
margin-top:40px;
margin-bottom:20px;
padding-bottom:6px;
}

#pageTitle span{
	border-bottom:solid thin #666;

}

#pageMainVisual{
	float:left;
	margin-left:3%;
	margin-right:20px;
	margin-top:-40px;
}

#pageMainVisual img{
	height:400px;
}




#mainCatch{
	font-size:1.3em;
	line-height:1.4em;
	letter-spacing:0.04em;
	font-weight:lighter;
	margin-left:30%;
	margin-top:50px;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color:#333;
width:auto;
padding-right:40px;
}
	
#mainText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.85em;
letter-spacing:0.09em;
text-align:left;
line-height:2.0em;
color:#333;
margin-top:20px;
margin-left:30%;
width:auto;
padding-right:40px;
}



#toFeature{
	float:left;
	margin-top:20px;
	
}

#appleStore{
	float:left;
	margin-top:20px;
	margin-left:20px;
}

a.btn2{
  display: inline-block;
  width:100px;
  padding: 16px 10px;
  border: 1px solid #FF6633;
  -moz-border-radius: 24px;    /* 古いFirefox */
   -webkit-border-radius: 24px; /* 古いSafari,Chrome */
   border-radius: 24px; 
  background: transparent;
  color:#FFF;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:bold;
	-webkit-font-smoothing: antialiased;
	font-size:0.85em;
	letter-spacing:0.15em;
	background-color:#FF6633;
}

#nav{
	height:50px;
	background:#FFF;
	border-bottom:solid thin #CCC;
	position:fixed;
	z-index:15350000;
	opacity:0.95;
	min-width:600px;
	width:100%;
}




#feature ul{
	width:600px;
	margin:0px auto;
}


#feature ul li{
	width:560px;
	float:left;
	padding:0 20px;
	border-bottom:solid thin #CCC;

}





#feature ul li:first-child{
	
	margin-top:0px;
}

#feature ul li:last-child{
	margin-top:0px;
}



.featureImage{
	float:left;
	margin-bottom:-3px;
	margin-left:0px;
	margin-top:20px;
	margin-right:20px;
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
.featureCaption{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.9em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#FF6633;
margin:20px 0;
}

.featureCatch{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.2em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#000;
margin:8p 0x;
}


.featureText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.8em;
letter-spacing:0.03em;
text-align:center;
line-height:2.0em;
color:#333;
margin:12px 0;

}











#qanda{
	background-color:#F0F1F1;
	padding:30px 0;
	min-width:600px;
	width:100%;
}


#footerAppleStore{
	float:none;
	width:600px;
	text-align:center;
	margin-top:20px;
}


#spec{
	width:560px;
	margin:0 auto;
	padding:20px 0;
	border-bottom:solid thin #444;
	
}

#siteMap{
	width:560px;
	margin:0 auto;
	padding:20px 0;
}




#siteMapTitle{
	float:left;
	color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
width:144px;
text-align:left;
height:100%;
font-weight:bold;

}

#siteMapInfo{
	float:none;
	margin-left:0px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
}
	
#footerToTop{
display:inline;
}


#footerToTop p{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
color:#AEAEAF;
display:inline;
margin-top:0px;
margin-left:0px;
}




#footerMenu{
	margin-top:20px;
}


#footerMenu li{
	float:left;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
color:#AEAEAF;
margin-right:15px;

}



#footerMenuTitle{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.9em;
letter-spacing:0.03em;
line-height:1.6em;
color:#FFF;
margin-right:14px;
font-weight:bold;

}







/*---------------------------------------------------------
  					slide menu
---------------------------------------------------------*/

#menuToggle{
	position:fixed;
	top:14px;
	right:20px;
	z-index:1000;
}

.toggleText{
	margin-top:-3px; 
	margin-right:10px;
	 float:left;
	 font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.09em;
color:#666;
font-weight:bold;
}

.slideout-menu {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #333;
	z-index: 100;
}
.slideout-menu h3 {
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight:bold;
	border-bottom: 4px solid #222;
}
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.slideout-menu .slideout-menu-toggle:hover {
	color: #fff;
}
.slideout-menu ul {
	list-style: none;
	font-weight: 300;
	border-top: 1px solid #151515;
	border-bottom: 1px solid #454545;
}
.slideout-menu ul li {
	border-top: 1px solid #454545;
	border-bottom: 1px solid #151515;
}
.slideout-menu ul li a {
	display: block;
	padding: 10px;
	color: #999;
	text-decoration: none;
}
.slideout-menu ul li a:hover {
	background: #000;
	color: #fff;
}



} /*Query End*/


@media only screen and (max-width: 599px) {
	
	
.record3step{
	width:320px;
	margin:0 auto;
	text-align:center;
	display:none;
}

.record3step img{

	margin-bottom:40px;
}	
	
	
.PC {display: none;}
.SP {display: block;}
.TB{
	display:none;
}

.miniTB{
	display:none;
}







html, body {
　height:100%;
/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	min-width:320px;
	
	
}






.wrapper{
	width:320px;
	padding:0px;
	margin:0 auto;
}



#header{
	background-image:url(../images/keyVisual_gauss.jpg);
	background-size:cover;
	height:400px;
	background-position:center;
	position:relative;
	border-left:none;
	border-right:none;
	border-top:solid 60px #FFF;
	overflow:hidden;
	width:100%;
	min-width:320px;
}



#pageTitle{
	display:none;
}


@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
#SPpageTitle{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.4em;
letter-spacing:0.09em;
color:#666;
font-weight:lighter;
text-align:center;
margin-top:40px;
margin-bottom:20px;
padding-bottom:6px;
}

#SPpageTitle span{
	border-bottom:solid thin #666;

}

#pageMainVisual{
	float:none;
	margin:0 auto;
	margin-top:-0px;
	width:280px;
}

#pageMainVisual img{
	height:520px;
}




#mainCatch{
	font-size:1.3em;
	line-height:1.4em;
	letter-spacing:0.04em;
	font-weight:lighter;
	margin-left:0;
	margin-top:50px;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color:#333;
text-align:center;
padding-right:40px;
padding-left:40px;
width:auto;
}
	
#mainText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.85em;
letter-spacing:0.09em;
text-align:left;
line-height:2.0em;
color:#333;
margin-top:20px;
margin-left:0;
width:auto;
padding-right:40px;
padding-left:40px;
text-align:center;
}



#toFeature{
	float:none;
	margin-top:20px;
	text-align:center;
	
}

#appleStore{
	float:none;
	margin-top:20px;
	text-align:center;
}

a.btn2{
  display: inline-block;
  width:200px;
  padding: 16px 10px;
  border: 1px solid #FF6633;
  -moz-border-radius: 24px;    /* 古いFirefox */
   -webkit-border-radius: 24px; /* 古いSafari,Chrome */
   border-radius: 24px; 
  background: transparent;
  color:#FFF;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:bold;
	-webkit-font-smoothing: antialiased;
	font-size:0.85em;
	letter-spacing:0.15em;
	background-color:#FF6633;
}


#menuLogo img{
	width:250px;
}


#nav{
	height:50px;
	background:#FFF;
	border-bottom:solid thin #CCC;
	position:fixed;
	z-index:15350000;
	opacity:0.95;
	min-width:320px;
	width:100%;
}







#feature ul{
	width:320px;
	margin:0px auto;
}


#feature ul li{
	width:280px;
	float:left;
	padding:0 20px;
	border-bottom:solid thin #CCC;
	margin:0

}


#feature{
	margin:0;
}


#feature ul li:first-child .featureImage{
	
	margin-top:-10px;
}

#feature ul li:last-child{
	margin-top:0px;
}



.featureImage{
	float:none;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:20px;
	margin-right:0px;
	text-align:center;
	
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
.featureCaption{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.9em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#FF6633;
margin:20px 0;
}

.featureCatch{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.2em;
letter-spacing:0.09em;
text-align:center;
line-height:2.0em;
color:#000;
margin:8p 0x;
}


.featureText{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.8em;
letter-spacing:0.03em;
text-align:center;
line-height:2.0em;
color:#333;
margin-top:20px;
margin-bottom:40px;

}



#qanda{
	background-color:#F0F1F1;
	padding:30px 0;
	min-width:320px;
	width:100%;
}


#qandaText{
	text-align:center;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.75em;
letter-spacing:0.03em;
margin:10px 0;
}



#footerAppleStore{
	float:none;
	width:320px;
	text-align:center;
	margin-top:20px;
}


#spec{
	min-width:320px;
	margin:0 auto;
	padding:20px 0;
	border-bottom:none;
	width:100%;
	
}




#specTitle{
	float:none;
	color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
width:320px;
margin:20px auto;
text-align:center;
height:100%;
font-weight:bold;
margin-bottom:20px;
}


#specInfo{
	float:none;
	color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.85em;
letter-spacing:0.03em;
line-height:1.6em;
margin-left:0px;
min-width:320px;
text-align:center;
}


#footerAppleStore{
	float:none;
	text-align:center;
	width:320px;
	margin:20px auto;
}






#siteMap{
	width:320px;
	margin:0 auto;
	padding:20px 0;
	display:none;
}




#siteMapTitle{
	float:left;
	color:#FFF;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
width:144px;
text-align:left;
height:100%;
font-weight:bold;

}

#siteMapInfo{
	float:none;
	margin-left:0px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
}
	
#footerToTop{
display:inline;
}


#footerToTop p{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
color:#AEAEAF;
display:inline;
margin-top:0px;
margin-left:0px;
}




#footerMenu{
	margin-top:20px;
}


#footerMenu li{
	float:left;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.03em;
line-height:1.6em;
color:#AEAEAF;
margin-right:15px;

}



#footerMenuTitle{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:0.9em;
letter-spacing:0.03em;
line-height:1.6em;
color:#FFF;
margin-right:14px;
font-weight:bold;

}







/*---------------------------------------------------------
  					slide menu
---------------------------------------------------------*/

#menuToggle{
	position:fixed;
	top:14px;
	right:20px;
	z-index:1000;
}

.toggleText{
	margin-top:-3px; 
	margin-right:10px;
	 float:left;
	 font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:1.0em;
letter-spacing:0.09em;
color:#666;
font-weight:bold;
}


.slideout-menu {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #333;
	z-index: 100;
}
.slideout-menu h3 {
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight:bold;
	border-bottom: 4px solid #222;
}
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.slideout-menu .slideout-menu-toggle:hover {
	color: #fff;
}
.slideout-menu ul {
	list-style: none;
	font-weight: 300;
	border-top: 1px solid #151515;
	border-bottom: 1px solid #454545;
}
.slideout-menu ul li {
	border-top: 1px solid #454545;
	border-bottom: 1px solid #151515;
}
.slideout-menu ul li a {
	display: block;
	padding: 10px;
	color: #999;
	text-decoration: none;
}
.slideout-menu ul li a:hover {
	background: #000;
	color: #fff;
}

#sns{
	text-align:right;
	margin-top:-26px;
	display:none;
}


} /*Query End*/