@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:#efec64;}
a:visited{color:#efec64;}
a:hover{color:#0064FF;}
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;}
br.sp {
  display: none;
}
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@import url("//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css");
.exLink:after {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f08e';
}

/* Common
 * --------------------------------------------------------*/
body {
	letter-spacing: 0.5px;
  color: #4D4D4D;
	font:normal 16px/27px "TBGothic M", "Hiragino Kaku Gothic Pro", sans-serif;
	background-color: #20ac42;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

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

/* header / mainSlide / intro /
 * --------------------------------------------------------*/
#header {
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
}
/* mainSlide */
#mainSlide{
    width: 900px;
    margin:0 auto;
}
/* intro  */
#intro {
  width: 420px;
  margin:0 auto;
	padding-top: 30px;
  padding-bottom: 30px;
}
#intro #yodogawa {
	margin: 0 auto;
	text-align: left;
	font-size: 16px;
	line-height: 1.8em;
	color: #FFF;
	font-family: "Koburina Gothic W3 JIS2004";
}

.border {
  width: 900px;
  border-bottom: 1px solid #FFF;
}
#nav {
  width: 880px;
  margin:0 auto;
  text-align: left;
	padding-top: 10px;
	font-size: 14px;
	font-family: "Koburina Gothic W3 JIS2004";
}
#nav li {
  padding-right: 40px;
}

/* shop */
#shop {
	margin-top: 25px;
}
.forExplain {
  border-radius: 10px 10px 0 0;
  padding: 35px 30px 0 30px;
  background-color: #FFF;
  text-align: left;
}
.forExplain.bkgG {
  background-color: #FFF;
}
.kit_ttl {
  padding-bottom: 20px;
  border-bottom: 1px solid #4D4D4D;
}
.kit_space {
  width: 800px;
  margin:0 auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 1.8em;
}
.kit_space .left {
  float:left;
  width: 400px;
}
.kit_space .right {
  float:right;
	width: 400px;
	text-align: left;
}
.kit_items{
  padding-left: 20px;
  padding-bottom: 40px;
}
.btn_set {
  padding-top: 20px;
}
.formArea {
  border-radius: 0 0 10px 10px;
  background-color: #efec64;
  padding: 20px 0;
}

.info {
	width: 840px;
	margin: 0 auto;
	text-align: left;
	font-size: 20px;
	color: #fff;
	padding-bottom: 20px;
	font-family: "Koburina Gothic W3 JIS2004";
}

#order{
  padding: 46px 0;
  margin-bottom: 60px;
}
.cart {
	width: 210px;
	text-align: right;
}
.cart .stock {
	font-size: 13px;
	color: #f00;
	padding-right: 3px;
}
#contents{
  width: 840px;
	margin: 0 auto;
  padding-top: 30px;
  clear: both;
  height: auto;
  overflow: hidden;
	padding-bottom: 30px;
}
#contents li {
  float: left;
  margin-right: 10px;
	margin-bottom: 10px;
  list-style-type: none;
}


/* footer
 * --------------------------------------------------------*/
#footer {
  width: 800px;
  margin: 0 auto;
  padding-top: 30px;
	padding-bottom: 30px;
  clear: both;
  height: auto;
  overflow: hidden;
}

#footer li {
  float: left;
  margin-right: 50px;
  list-style-type: none;
}

.line {
  padding-top: 0px;
}

.home {
  padding-top: 10px;
  margin-left: 180px;
  margin-right: 0px;
}
#logo {
  padding-top: 50px;
	padding-bottom: 50px;
}
.copyright {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 40px;
}






/* 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;}
	br {
		display: none;
	}
	br.sp {
		display: inherit;
	}
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

  #wrapper {
     /*overflow-x: hidden;*/
  width: 100%;
  margin: 0 auto;
  text-align: center;
  }
	#header h1 {
		width: 100%;
	}
  #mainSlide{
    width: 100%;
		margin-top: -12px;
		margin-bottom: -15px;
  }
  #intro {
    width: 95%;
		padding-bottom: 20px;
  }
	#intro #yodogawa {
		font-size: 15px;
		line-height: 1.6em;
  }
	.forExplain {
	  padding: 20px 20px 0 20px;
	}
	.border {
	  width: 95%;
		margin: 0 auto;
	}
  #nav {
    width: 95%;
		padding-top: 20px;
    padding-bottom: 0px;
  }
	#nav img {
    width: 85%;
  }
	.kit_space {
	  width: 100%;
	}
	.kit_space .left {
	  float:none;
		width: 100%;
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 1.7em;
	}
	.kit_space .right {
	  float:none;
		width: 100%;
	}
  .kit_items{
   margin-top: 5px;
    padding-left: 0;
    padding-bottom: 40px;
  }
	.info {
    width: 95%;
		font-size: 16px;
		margin-top: -25px;
  }

	#contents {
		width: 100%;
		height: auto;
		clear: both;
		margin: 0;
		padding: 0;
		padding-top: 10px;
		text-align: center;
	}


	/*スマホ対応 フッター
   * --------------------------------------------------------*/
  #footer {
    width: 100%;
    height: auto;
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 30px;
    text-align: center;
  }

  #footer li {
    float: none;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    font-size: 13px;
  }

  #footer li img {
    width: auto;
    height: 35px;
  }

  #footer .home img {
    width: 60%;
    height: 60%;
  }

  .date {
    font-size: 13px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .copyright {
    width: 100%;
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
}