@charset "utf-8";
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block; *display: inline; *zoom: 1;}
img{max-width: 100%;}
a {
	text-decoration:none;
	-webkit-touch-callout:none;
	outline:none;
	color:#0064FF;
}
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}
.clrfx:before,
.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.dn{display: none;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{filter: alpha(opacity=60);opacity: 0.6;}

/* Common
 * --------------------------------------------------------*/
body {
	letter-spacing: 1px;
  color: #4D4D4D;
	font:normal 16px/27px "TBGothic M", "Hiragino Kaku Gothic Pro", sans-serif;
	background: #fff url(../images/back.jpg) repeat-y 0 0 fixed;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

.box {
  background-color: #FFF;
  border-radius: 10px;
  margin-bottom: 30px;
}

/* header / mainSlide / intro /
 * --------------------------------------------------------*/
#header {
	position: relative;
	padding: 90px 0 40px 0;
	margin: 0 auto;
}
#header .ballon {
  position: absolute;
  top: 30px;
  left: 50px;
}
#header h1 {
  padding-left: 60px;
}
#leadArea {
  padding-top: 25px;
}
/* mainSlide */
#mainSlide{
    width: 900px;
    margin:0 auto;
}
/* intro  */
#intro {
  width: 880px;
  margin:0 auto;
  margin-top: 38px;
	margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #4D4D4D;
}
#intro #yodogawa {
	text-align: left;
}
#intro #yodogawa h2 {
  font-size: 26px;
	line-height: 40px;
	font-family: "TBゴシックB Std C8", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #006837;
	margin-bottom: 35px;
}
#intro #yodogawa p {
	padding-left: 4px;
}
#intro #yodogawa .aomushiclub {
	padding-top: 20px;
	display: block;
}
#intro #archives {
	width: 402px;
	margin: 0 auto;
}
#intro #archives li {
	margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #4D4D4D;
}
#intro #archives li:last-child {
  border-bottom: none;
}

#nav {
  width: 900px;
  margin:0 auto;
  padding-bottom: 20px;
  text-align: left;
}
#nav li {
  padding-right: 40px;
}

/* shop */
#shop {
	margin-top: 60px;
}
.kitArea {

}
#kit01 {
	position: relative;
}
#kit02 {
	position: relative;
	margin-top: 40px;
}

.forExplain {
  border-radius: 10px 10px 0 0;
  padding: 40px 25px 0 25px;
  background-color: #F6F7CF;
  text-align: left;
}
.forExplain.bkgG {
  background-color: #BEDEB7;
}
.kit_ttl {
  margin: 0 10px 20px 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #4D4D4D;
}
.kit_ttl .fr {
  padding-top: 26px;
}
.kit_txt {
  padding-left: 20px;
}
.kit_items{
  margin-top: -55px;
  padding-left: 20px;
  padding-bottom: 40px;
}
.formArea {
  border-radius: 0 0 10px 10px;
  background-color: #FFF;
  padding: 20px 0;
}


#order{
  padding: 46px 0;
  margin-bottom: 60px;
}
.cart {
	width: 210px;
	text-align: right;
}
.cart .stock {
	font-size: 13px;
	color: #f00;
	padding-right: 3px;
}

#fb_all {
  padding: 20px 0 10px 0;
}
#fb_all h5 {
  font-size: 28px;
  font-weight: bold;
	font-family: "TBゴシックB Std C8", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #006837;
  text-align: left;
  padding: 10px 0 15px 30px;
}
.fb_wrap {
  width: 800px;
  margin: auto;
}
.fb_wrap p {
  padding-top: 10px;
}
.slick-initialized .slick-slide {
  font-size: 13px;
  line-height: 21px;
  padding: 0 10px;
  text-align: left;
}
.slick-next:before, .slick-prev:before {
  opacity: 0;
}
.slick-next, .slick-prev {
  top: 25%;
  width: 32px;
  height: 32px;
}
.slick-prev {
	left: -35px;
	background: url(../images/btn_left.png) no-repeat 0 0;
}
.slick-next {
	right: -35px;
	background: url(../images/btn_right.png) no-repeat 0 0;
}
.slick-prev:hover {
	filter: alpha(opacity=60);
	opacity: 60;
}

/* footer*/
.event {
	margin-top: 40px;
}
.update {
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	margin-top: 30px;
}
#footer {
	padding: 20px 30px;
}
#footer h2 {
  font-size: 22px;
	line-height: 32px;
  font-weight: bold;
	font-family: "TBゴシックB Std C8", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #006837;
  text-align: left;
  padding: 10px 0 10px 30px;
}
#footer h5 {
  font-size: 15px;
	line-height: 24px;
  font-weight: bold;
	font-family: "TBゴシックB Std C8", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #006837;
  text-align: left;
  padding: 0 0 15px 30px;
}
#footer ul.ftNavi {
	float: left;
	text-align: left;
}
#footer ul.ftNavi li {
	display: inline;
	margin-right: 53px;
	vertical-align: middle;
}
#footer ul.ftNavi li:last-child {
	margin-right: 0;
}
#footer ul.ftNavi .ftAjst {
  padding-top: 28px;
	display: inline-block;
}
#footer ul.ftNavi .ftAjst {
  padding-top: 28px;
	display: inline-block;
}
#footer .fr {
  padding-top: 26px;
}
#logo {
  margin: 120px 0 120px 0;
}






/* sp
 * --------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	body {width: 95%;margin: 0 auto;}
	img{max-width:100%;height:auto;}
	.hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
	.fl,.fr {float: none;}
	.forPc{display:none;}
	.forSp{display:block;}

  #wrapper {
     /*overflow-x: hidden;*/
  width: 100%;
  margin: 0 auto;
  text-align: center;
  }
  #header .ballon {
    width: 40%;
    top: 17px;
    left: 0;
  }
	#header h1 {
		width: 90%;
		margin-top: -20px;
		margin-left: -43px;
		margin-bottom: -20px;
	}
  #mainSlide{
    width: 100%;
		margin-top: -12px;
		margin-bottom: -15px;
  }
  #intro {
    width: 90%;
    margin-top: 38px;
    padding-bottom: 20px;
  }
	#intro #yodogawa {
		text-align: left;
		padding-bottom: 20px;
	}
	#intro #yodogawa h2 {
	  font-size: 18px;
		line-height: 28px;
		font-family: "TBゴシックB Std C8", "Hiragino Kaku Gothic Pro", sans-serif;
	  color: #006837;
		margin-bottom: 15px;
	}
  #intro #archives {
  	width: 95%;
		margin-bottom: -15px;
  }
  #nav {
    width: 85%;
		padding-top: 15px;
    padding-bottom: 15px;
  }
  .kit_txt {
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
  }
  .kit_items{
   margin-top: 5px;
    padding-left: 0;
    padding-bottom: 40px;
  }
  .fb_wrap {
    width: 80%;
    margin: auto;
  }
	#fb_all h5 {
		font-size: 18px;
		line-height: 28px;
		font-family: "TBゴシックB Std C8", "Hiragino Kaku Gothic Pro", sans-serif;
		color: #006837;
		margin-bottom: 15px;
	}
  /* [sp] footer */
	#footer {
		width: 100%;
    box-sizing: border-box;
    padding: 20px 10px;
	}
  #footer ul.ftNavi li {
    margin-right: 0;
  }
	#footer li{
		padding: 0;
		width: 20%;
	}
}