@charset "UTF-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;}
img{max-width: 100%;}
a {color:#0064FF;text-decoration:none;-webkit-touch-callout:none;outline:none;}
a:link{color:#0064FF;}
a:visited{color:#0064FF;}
a:hover{color:#FFA0A0;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top; border-style:none;//IE8}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.dn {display:none;}
.vh{visibility: hidden;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{filter: alpha(opacity=60);opacity: 0.6;}
.forPc{display:block;}
.forSp{display:none;}
.delay {
  transition-property:all;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  transition-delay:0;
}

/* Common
 * --------------------------------------------------------*/
body {
  background: #FFFFF5;
  color: #737373;
	letter-spacing: 1px;
  font: 14px/1.8 "秀英丸ゴシック B", "Shuei MaruGo B","ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrapper {
	width: 950px;
	margin: 0 auto;
  background: #FFF;
}
/* header */
header {
  width: 950px;
  margin: 0 auto;
	position: relative;
}
header h1 {
  padding: 27px 0;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}
#about {
  width: 796px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 33px;
  letter-spacing: 0.1em;
  color: #333;
  padding: 50px 0 60px 0;
}
#about .nav {
  display: table;
  width: 170px;
}
#about .nav li{
  padding-bottom: 10px;
}

#point{
  width: 796px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.1em;
  color: #333;
  padding: 60px 0 0 0;
}
#point .btn_size {
  padding: 15px 0 40px 0;
}
#point .detail_size h3 {
  padding-bottom: 5px;
}
#point .detail_size li {
  padding-bottom: 48px;
}

.eachPage li {
  padding: 0 5px;
}
#infomations {
  text-align: center;
}
#infomations .update {
  font-size: 13px;
  padding: 74px 0 40px 0;
  letter-spacing: 0.2em;
}

#infomations .btn_store_haramaki {
  display: table;
  margin: 50px auto 0 auto;
}
#infomations .btn_store_haramaki p {
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}


/* footer */
footer {
      width: 1000px;
	padding: 50px 0 30px 0;
	margin: 0 auto;
	text-align: center;
  background: #FFF;
	border-top: 3px solid #737373;
}
footer ul {
  padding-bottom: 15px;
}
footer li {
  vertical-align: middle;
	padding: 0 32px;
}
footer .ft_home{
  padding-left: 168px;
}
footer .copy {
	padding-top: 40px;
}


/* sp
 * --------------------------------------------------------------------------- */
@media only screen and (max-width: 769px) {
	body {width: 100%;margin: 0 auto;}
	img{max-width:100%;height:auto;}
	.hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
	.wrapper{width: 95%;padding: 0 10px;box-sizing: border-box;}
	.fl,.fr {float: none;}

  header {
    width: 100%;
  }
  header h1 {
    width: 89%;
    margin: 0 auto;
    padding: 20px 0;
  }

  #about {
    width: 90%;
    font-size: 14px;
    line-height: 28px;
    padding: 30px 0 40px 0;
  }
  #about .nav {
    margin: 0 auto;
    text-align: center;
  }
  .explain {
    padding-bottom: 30px;
  }
  .eachPage li {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
  }


  #point{
    width: 95%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.1em;
    padding: 40px 0 0 0;
  }
  #point .btn_size {
    padding: 15px 0 40px 0;
  }
  #point .detail_size li {
    padding-bottom: 48px;
  }
  #point .detail_size h3 {
    padding-bottom: 5px;
  }


  #infomations .btn_store_haramaki {
    margin: 50px auto 0 auto;
  }
  #infomations .btn_store_haramaki p {
    margin-bottom: 10px;
  }
  #infomations .update {
    padding: 30px 0;
  }

  /* [sp] footer */
	footer {
		width: 100%;
    padding: 30px 0 30px 0;
	}
	footer li{
		display: inline-block;
		padding: 0 2px;
		width: 22%;
	}
  footer .ft_home{
    padding-left: 0;
  }
  footer .copy {
  	padding-top: 20px;
  }
}