@charset "UTF-8";

/* mainArea */
#mainArea {
  margin: 0 0 30px;
}

/* leadArea */
#leadArea {
  margin: 0 0 40px;
}

/*overview*/
.overview .btnShop {
  width: 252px;
  margin: auto auto 0;
}
.overview .btnShop a {
  display: block;
  background-color: #ff9933!important;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 25px;
  padding: 10px 0!important;
}
.overview .btnShop a:hover {
  opacity: 0.7;
}
.overview .btnShop a span {
    background-image: url(/img/icon/icon_blank_white@2x.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px 9px;
    padding-right: 20px;
}

/*detail*/
.detail {
  margin-bottom: 50px;
}
.detail .tb-style {
  width: 100%;
  margin: 0 0 10px;
}
.detail .tb-style th {
    background-color: #64a70b;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: 275px;
    padding: 10px 15px;
    border: 2px solid #64a70b;
}
.detail .tb-style td {
    vertical-align: middle;
    font-size: 16px;
    padding: 10px 15px;
    border: 2px solid #64a70b;
}

/*card*/
.card {
  font-size: 14px;
}
.card .block03 {
  border: 2px solid #64a70b;
  width: 100%;
  height: 100%;
  padding: 2%;
}
.card .block03 .innerL {
  width: 35%;
  float: left;
}
.card .block03 .innerR {
  width: 63%;
  float: left;
  margin-left: 15px;
}
.card .block03 .innerR .btn {
  width: 252px;
  margin: auto auto 0;
}
.card .block03 .innerR .btn a {
  display: block;
  background-color: #64a70b;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 25px;
  padding: 10px 0;
}

@media screen and (min-width: 600px) {
  /* 共通 */
  #mainwrap {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  #mainArea,
  #leadArea {
    margin-bottom: 20px;
  }
  #leadArea .leadL,
  #leadArea .leadR {
    float: none;
    width: 100%;
    padding: 0;
  }
  #leadArea .leadL {
    font-size: 14px;
    margin-bottom: 15px;
  }
  #leadArea .leadR {
    text-align: center;
  }
  #leadArea .leadR img {
    width: 290px;
  }

  /*detail*/
  .detail .tb-style > tbody > tr > th,
  .tb-style > tbody > tr > td {
    display: list-item;
    width: 100%;
    font-size: 14px;
    list-style-type: none;
  }

  /*card*/
  .card .block03 .innerL {
    width: 100%;
    margin-bottom: 15px;
  }
  .card .block03 .innerR {
    width: 100%;
    margin: 0 auto!important;
  }
  .card .block03 .innerR .btn a {
    margin-bottom: 15px;
  }
}

/* SNSここから */
.snsArea {
  margin: 0 0 50px;
}
.snsArea ul {
	float: right;
}
.snsArea ul li {
	width: 56px;
	float: left;
	margin: 0 10px 0 0;
}
.snsArea ul li:last-child {
	margin: 0;
}
.snsArea ul li a {
	text-indent: -9999px !important;
	background-repeat: no-repeat !important;
	background-size: 56px !important;
	background-position: top left !important;
	width: 56px !important;
	height: 56px !important;
	display: block !important;
}
.snsArea ul li a:hover {
	opacity: 0.7;
}
.snsArea ul li:nth-child(1) a {
	background-image: url(/img/sns/icon_x_sp.png) !important;
}
.snsArea ul li:nth-child(2) a {
	background-image: url(/img/sns/icon_facebook_sp.png) !important;
}
.snsArea ul li:nth-child(2) .fbShare {
	background-color: #fff !important;
}
.snsArea ul li:nth-child(3) a {
	background-image: url(/img/sns/icon_line_sp.png) !important;
}
.snsArea .fbShare {
	background: none;
	padding: 0;
}
.snsArea .snsAreaL .tit {
	text-align: center;
	margin-bottom: 10px;
}
.snsArea .snsAreaL #sns ul {
	float: none;
}
.snsArea .snsAreaL,
.snsArea .snsAreaR {
	text-align: center;
}
.snsArea .snsAreaL #sns ul li,
.snsArea .snsAreaL #sns ul li a,
.snsArea .snsAreaR .btnInstagram,
.snsArea .snsAreaR .btnInstagram a {
	width: 54px !important;
	height: 54px !important;
	background-size: 100% !important;
	display: inline-block !important;
	float: none !important;
}
.snsArea .snsAreaR {
	float: right;
	width: 36%;
}
.snsArea .snsAreaL .snsTit {
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

@media screen and (min-width: 601px) {
	.snsArea {
		float: right;
	}
	.snsArea .snsAreaL .snsTit {
		font-size: 16px;
	}
	.snsArea .snsAreaL {
		width: 100%;
	}
  .snsArea ul li:nth-child(1) a {
    background-image: url(/img/sns/icon_x_pc.png) !important;
  }
  .snsArea ul li:nth-child(2) a {
    background-image: url(/img/sns/icon_facebook_pc.png) !important;
  }
  .snsArea ul li:nth-child(3) a {
    background-image: url(/img/sns/icon_line_pc.png) !important;
  }
}
/* SNSここまで */