@charset "UTF-8";
.s5-categoryNav {
  margin-bottom: 0; }

.c5-container {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo,'メイリオ',"MS PGothic","MS UI Gothic", Helvetica, Arial, sans-serif;
  color: #333;
  background-color: #f5f5f5;
  font-size: 62.5%;
  /*10px*/
  padding: 15px 10px 0;
  /*sec-top*/
  /*sec-1*/
  /*sec-2*/
  /*sec-3*/
  /*最下部商品リンク*/ }
  .c5-container .c5-container-inner-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 0;
    background-color: #fff; }
  .c5-container h1, .c5-container h2, .c5-container h3, .c5-container h4, .c5-container h5, .c5-container h6, .c5-container dl, .c5-container dt, .c5-container dd, .c5-container p, .c5-container li, .c5-container textarea {
    line-height: 1em;
    font-size: 100%; }
  .c5-container img {
    width: 100%;
    height: auto;
    border: none; }
  .c5-container ol, .c5-container ul, .c5-container li {
    list-style: none; }
  .c5-container table {
    border-collapse: collapse; }
  .c5-container .pc {
    display: block; }
  .c5-container .sp {
    display: none; }
  .c5-container .txt-link {
    font-weight: bold;
    color: #000;
    text-decoration: underline; }
  .c5-container .txt-link:hover {
    text-decoration: none; }
  .c5-container .clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  .c5-container .pageTtl-box {
    display: none; }
  .c5-container .floatL {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-right: 15px; }
  .c5-container .floatR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 50%;
    padding-left: 15px; }
  .c5-container .contents {
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin: 0 auto; }
  .c5-container .color-green {
    color: #31a358; }
  .c5-container .font-bold {
    font-weight: bold; }
  .c5-container .logo_wrap {
    text-align: center;
    background: url("../img/bg-logo.png") repeat-x center left;
    margin-bottom: 10px; }
    .c5-container .logo_wrap img {
      max-width: 263px; }
  .c5-container .hero_img {
    text-align: center; }
    .c5-container .hero_img img {
      max-width: 845px; }
  .c5-container .main_copy {
    font-size: 4em;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 50px; }
  .c5-container .main_txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
    margin: 60px auto;
    font-size: 1.75em;
    line-height: 2; }
  .c5-container .sec-ttl {
    width: 100%;
    margin: 0 auto;
    font-size: 3.6em;
    background: -webkit-linear-gradient(transparent 70%, #b3ddc1 0%);
    background: -o-linear-gradient(transparent 70%, #b3ddc1 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #b3ddc1));
    background: linear-gradient(transparent 70%, #b3ddc1 0%);
    text-align: center; }
  .c5-container .sec1 .sec-ttl {
    max-width: 792px;
    margin-top: 112px;
    margin-bottom: 25px; }
  .c5-container .sec-img {
    margin: 0 auto; }
  .c5-container .sec-img.img-2 {
    max-width: 768px; }
  .c5-container .sec-img.img-3 {
    max-width: 740px; }
  .c5-container .sec-img.img-4 {
    max-width: 741px; }
  .c5-container .txt_annotation {
    font-size: .9em;
    color: #707070; }
  .c5-container .sec2 .sec-ttl {
    max-width: 975px;
    margin-top: 130px;
    margin-bottom: 40px; }
  .c5-container .sec-img.img-5 {
    max-width: 768px; }
  .c5-container .sec-img.img-6 {
    max-width: 740px; }
  .c5-container .sec3 .sec-ttl {
    max-width: 975px;
    margin-top: 123px;
    margin-bottom: 32px; }
  .c5-container .sec-img.img-7 {
    max-width: 806px; }
  .c5-container .sec-img.img-8 {
    max-width: 787px; }
  .c5-container .sec-img.img-9 {
    max-width: 740px; }
  .c5-container .prdt_box {
    max-width: 1080px;
    margin: 0 auto; }
  .c5-container .product {
    margin-top: 160px; }
  .c5-container .product h3 {
    max-width: 980px;
    margin: 0 auto 80px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 26px;
    text-align: left; }
  .c5-container .prdt_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .c5-container .prdt_img a {
    display: block;
    width: 100%;
    max-width: 333px; }
    .c5-container .prdt_img a img {
      width: 100%; }
  .c5-container .prdt_img a:first-child {
    margin-right: 70px; }
  .c5-container .prdt_info {
    max-width: 250px;
    margin: 0 auto;
    text-align: center; }
  .c5-container .prdt_info h4 {
    line-height: 1.3;
    margin-bottom: 5px; }
  .c5-container .prdt_info p {
    margin: 0; }
  .c5-container .prdt_name1 {
    font-size: 24px; }
  .c5-container .prdt_name2 {
    font-size: 39px; }
  .c5-container .s5-heading4 {
    font-weight: normal; }
  .c5-container .prdt_img img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
  .c5-container figure figcaption {
    width: 100%;
    text-align: left;
    font-size: 0.75rem;
    color: #999999;
    margin-top: 8px;
    margin: 0 auto; }
  .c5-container figure .cap1 {
    max-width: 845px; }
  .c5-container figure .cap2 {
    max-width: 768px; }
  .c5-container figure .cap3 {
    max-width: 740px; }
  .c5-container figure .cap4 {
    max-width: 741px; }
  .c5-container figure .cap5 {
    max-width: 768px; }
  .c5-container figure .cap6 {
    max-width: 740px; }
  .c5-container figure .cap7 {
    max-width: 806px; }
  .c5-container figure .cap8 {
    max-width: 787px; }
  .c5-container figure .cap9 {
    max-width: 740px; }

/* .c5-container */
@media only screen and (max-width: 1006px) {
  .c5-container .main_copy {
    font-size: 3em; }
  .c5-container .sec-ttl-wrap {
    text-align: center; }
  .c5-container .sec-ttl {
    font-size: 2.5em;
    display: inline;
    line-height: 1.5; }
  .c5-container .img-2 {
    margin-top: 26px; }
  .c5-container .sec1 {
    margin-bottom: 120px; }
  .c5-container .img-5 {
    margin-top: 40px; }
  .c5-container .img-7 {
    margin-top: 32px; } }

@media only screen and (max-width: 640px) {
  .c5-container {
    /*最下部商品リンク*/ }
    .c5-container .pc {
      display: none; }
    .c5-container .sp {
      display: block; }
    .c5-container .c5-container-inner-wrap {
      padding: 15px 0; }
    .c5-container .c5-container-inner {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px; }
    .c5-container .logo_wrap img {
      width: 55%; }
    .c5-container .main_copy {
      font-size: 2em;
      line-height: 1.3;
      text-align: left;
      margin-bottom: 30px; }
    .c5-container .main_txt {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px;
      margin: 30px auto;
      font-size: 1.4em;
      line-height: 1.8; }
    .c5-container .sec-ttl {
      font-size: 2em;
      line-height: 1.5; }
    .c5-container .img-2 {
      margin-top: 13px; }
    .c5-container .sec1 {
      margin-bottom: 60px; }
    .c5-container .img-5 {
      margin-top: 20px; }
    .c5-container .img-7 {
      margin-top: 16px; }
    .c5-container .prdt_box {
      max-width: 1080px;
      margin: 0 auto; }
    .c5-container .product {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 80px;
      padding: 0 15px; }
    .c5-container .product h3 {
      margin: 0 auto 33px;
      padding-bottom: 10px;
      font-size: 16px; }
    .c5-container .prdt_img {
      display: block; }
    .c5-container .prdt_img a {
      display: block;
      width: 80%;
      max-width: 333px;
      margin: 0 auto 27px; }
      .c5-container .prdt_img a:first-child {
        margin: 0 auto 27px; }
    .c5-container .prdt_info {
      max-width: 170px;
      margin: 0 auto; }
    .c5-container .prdt_info h4 {
      line-height: 1.5;
      margin-bottom: 5px; }
    .c5-container .prdt_info p {
      margin: 0; }
    .c5-container .prdt_name1 {
      font-size: 13px; }
    .c5-container .prdt_name2 {
      font-size: 20px; }
    .c5-container .s5-heading4 {
      font-weight: normal; } }