@charset "UTF-8";

@import "/shared_resp/v0006/css/migrate.css";
/*!* -------------------------------
  old shared add
------------------------------- *!*/
#main{-webkit-box-sizing:content-box;box-sizing:content-box}
.w1200 #module_titleArea{max-width:1440px;margin:0 auto;padding:0 13px;-webkit-box-sizing:border-box;box-sizing:border-box}
.breadcrumb-list li{line-height:1.6}

/*
 ------------------------------------------------------------------- */
#category_title {
  padding-top: 6px;
  font-size: 106.25%;
  font-weight: bold;
}

#toPageTop {
  position: fixed;
  /display: none;
  bottom: 120px;
  right: -100px;
}

body.iOS #toPageTop {
  display: none;
}

#toPageTop a {
  display: block;
  width: 52px; /* +10px */
  height: 42px;
  background: #000 url(/home/suihanki/common/img/topagetop_bg.gif) no-repeat 12px 14px;
  text-indent: -9999px;
  overflow: hidden;
  zoom: 1;
}

@media only screen and (max-width: 767px){
  #category_title {
    padding: 20px 10px;
    font-size: 128.57%;
  }

  #toPageTop {
    bottom: 40px;
  }

  sup {
    vertical-align: super;
    font-size: 71.4%;
  }
}


/* foundation
 ------------------------------------------------------------------- */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.l-wrapper img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.l-wrapper a {
  text-decoration: none;
  -webkit-transition: opacity .2s ease, color .2s ease, background-color .2s ease, background-position .2s ease;
          transition: opacity .2s ease, color .2s ease, background-color .2s ease, background-position .2s ease;
}

.l-wrapper a svg {
  -webkit-transition: fill .2s, right .2s;
          transition: fill .2s, right .2s;
}


/* layout
 ------------------------------------------------------------------- */
.l-wrapper {
  max-width: 980px;
  _width: 980px;
  margin: 0 auto 100px;
  line-height: 1.75;
  color: #333;
}

.l-wrapper *,
.l-wrapper *:before,
.l-wrapper *:after {
  box-sizing: border-box;
}

.l-section + .l-section {
  margin-top: 70px;
}

.l-section__inner {
  margin: 0 40px;
}


@media only screen and (max-width: 767px){
  .l-wrapper {
    margin: 0 auto 40px;
    line-height: 1.6;
  }

  .l-section + .l-section {
    margin-top: 40px;
  }

  .l-section__inner {
    margin: 0 10px;
  }
}


/* component
 ------------------------------------------------------------------- */
.c-for-pc { display: block; }
.c-for-sp { display: none; }

.c-ttl {
  font-weight: bold;
}

.c-col-l { float: left; }
.c-col-r { float: right; }
.c-col-s { width: 30.6%; }
.c-col-m { width: 65.4%; }

.c-txt-note {
  font-size: 75%;
  color: #8c8c8c;
}

.c-list-note {
  position: relative;
  padding-left: 2.8em;
  font-size: 75%;
  color: #8c8c8c;
}

.c-list-note span {
  position: absolute;
  left: 0;
}

.c-greeting-ttl {
  margin-bottom: 30px;
  font-size:  137.5%;
  font-weight: bold;
}

.c-product-model {
  margin-bottom: .2em;
  font-size:  125%;
  font-weight: bold;
  color: #a5977a;
}

.c-product-ttl {
  font-size:  125%;
  font-weight: bold;
}

.c-profile dt {
  font-size: 87.5%;
  line-height: 1.5;
}

.c-profile dd {
  margin-top: .5em;
  font-weight: bold;
}

.c-linkbtn a {
  position: relative;
  display: inline-block;
  padding: 12px 55px 12px 35px;
  font-weight: bold;
  color: #961a27;
  border: 1px solid #961a27;
  border-radius: 4px;
}

.c-linkbtn a:hover {
  color: #fff;
  background-color: #961a27;
}

.c-arw-svg {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 13px;
  margin-top: -6px;
  fill : #961a27;
}

.c-linkbtn a:hover .c-arw-svg {
  right: 12px;
  fill : #fff;
}


@media only screen and (max-width: 767px){
  .c-for-pc { display: none; }
  .c-for-sp { display: block; }

  .c-col-l,
  .c-col-r {
    float: none;
  }

  .c-col-s,
  .c-col-m {
    width: 100%;
  }

  .c-greeting-ttl {
    margin-bottom: 20px;
    font-size:  128.5%;
  }

  .c-product-model {
    margin-bottom: 0em;
    font-size:  128.5%;
  }

  .c-product-ttl {
    font-size:  128.5%;
  }

  .c-profile dt {
    font-size: 87.5%;
    line-height: 1.5;
  }

  .c-profile dd {
    margin-top: .3em;
    font-size: 107.1%;
  }

  .c-linkbtn a {
    width: 100%;
    padding: 12px 0;
    font-size: 85.7%;
    text-align: center;
  }
}


/* project
 ------------------------------------------------------------------- */
.p-mv {
  margin-bottom: -10px;
}

.p-greeting p:not(:last-child) {
  margin-bottom: 2em;
}

.p-greeting-pct-box .c-col-s {
  text-align: center;
}

.p-greeting-pct-box .c-pct {
  width: 72%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px){
  .p-mv .c-pct img {
    min-width: 100%;
  }

  .p-greeting p:not(:last-child) {
    margin-bottom: 1.5em;
  }

  .p-greeting-pct-box .c-col-s {
    margin-top: 1.5em;
    text-align: left;
  }

  .p-greeting-pct-box .c-col-s > * {
    display: table-cell;
    vertical-align: middle;
  }

  .p-greeting-pct-box .c-pct {
    width: 39%;
  }

  .p-greeting-pct-box .c-profile {
    padding-left: 5%;
  }
}


.p-timeline .c-ttl {
  margin-bottom: 4px;
  padding: 0 12px;
  font-size: 137.5%;
  color: #fff;
  background: #a5977a;
}

.p-timeline .c-list-nav {
  margin-right: -.4%;
}

.p-timeline .c-list-nav li {
  float: left;
  width: 12.1%;
  margin-right: .4%;
  border: 1px solid #a5977a;
}

.p-timeline .c-list-nav img {
  height: 62px;
}

.p-timeline .c-list-nav a {
  display: block;
  padding-top: 6px;
  height: 130px;
  font-weight: bold;
  text-align: center;
  color: #6a5936;
  background: url(/home/suihanki/anniversary/img/history_icn_arw_01.svg) no-repeat center bottom 10px;
  background-size: 13px 8px;
}

.p-timeline .c-list-nav a:hover {
  background-position: center bottom 6px;
  background-color: #f2f0ec;
}

.p-timeline .c-list-nav .c-txt {
  display: block;
  margin-bottom: 6px;
}

@media only screen and (max-width: 767px){
  .p-timeline .c-ttl {
    margin-bottom: 10px;
    padding: 5px 12px;
    font-size: 128.5%;
  }

  .p-timeline .c-list-nav {
    margin: -2% -2% 0 0;
  }

  .p-timeline .c-list-nav li {
    width: 23%;
    margin: 2% 2% 0 0;
  }

  .p-timeline .c-list-nav img {
    height: 48px;
  }

  .p-timeline .c-list-nav a {
    height: 112px;
  }

  .p-timeline .c-list-nav a:hover {
    background-position: center bottom 6px;
    background-color: #f2f0ec;
  }

  .p-timeline .c-list-nav .c-txt {
    display: block;
    margin-bottom: 6px;
  }
}


.p-product {
  padding-top: 30px;
  border-top: 8px solid #a5977a;
}

.p-product-head {
  margin-bottom: 30px;
}

.p-product-detail .c-col-r p:not(:last-child) {
  margin-bottom: 2em;
}

.p-product-pct {
  padding: 30px 30px 25px;
  background: #f2f0ec;
}

.p-product-1972 .p-product-pct .c-pct { margin: 0 13% 5px; }
.p-product-1988 .p-product-pct .c-pct { margin: 0 10% 5px; }
.p-product-1991 .p-product-pct .c-pct { margin: 0 18% 5px; }
.p-product-1999 .p-product-pct .c-pct { margin: 0 10% 5px; }
.p-product-2001 .p-product-pct .c-pct { margin: 0 10% 5px; }
.p-product-2006 .p-product-pct .c-pct { margin: 0 8% 5px; }
.p-product-2009 .p-product-pct .c-pct { margin: 0 12% 5px; }
.p-product-2012 .p-product-pct .c-pct { margin: 0 12% 5px; }

@media only screen and (max-width: 767px){
  .p-product {
    padding-top: 20px;
  }

  .p-product-head {
    margin-bottom: 20px;
  }

  .p-product-detail .c-col-r p:not(:last-child) {
    margin-bottom: 1.5em;
  }

  .p-product-pct {
    margin-bottom: 20px;
    padding: 15px;
    text-align: center;
  }

  .p-product-1972 .p-product-pct .c-pct { margin: 0 25% 5px; }
  .p-product-1988 .p-product-pct .c-pct { margin: 0 24% 5px; }
  .p-product-1991 .p-product-pct .c-pct { margin: 0 30% 5px; }
  .p-product-1999 .p-product-pct .c-pct { margin: 0 24% 5px; }
  .p-product-2001 .p-product-pct .c-pct { margin: 0 24% 5px; }
  .p-product-2006 .p-product-pct .c-pct { margin: 0 23% 5px; }
  .p-product-2009 .p-product-pct .c-pct { margin: 0 26% 5px; }
  .p-product-2012 .p-product-pct .c-pct { margin: 0 26% 5px; }

  .p-product-pct .c-txt {
    display: inline-block;
  }

  .p-product-pct .c-txt {
    display: inline-block;
    text-align: left;
  }
}


.p-prize {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 2px solid #a5977a;
}

.p-prize .c-col-l {
  width: 23.6%;
}

.p-prize .c-col-r {
  width: 72.4%;
  margin-top: 6px;
  font-size: 75%;
}

.p-linkbox {
  margin-top: 60px;
  text-align: center;
}

.p-linkbox .c-linkbtn {
  margin-top: 10px;
}

@media only screen and (max-width: 767px){
  .p-prize {
    margin-top: 20px;
    text-align: center;
  }

  .p-prize .c-col-l {
    width: 32%;
    margin: 0 auto;
  }

  .p-prize .c-col-r {
    width: 100%;
    margin-top: -.5em;
    font-size: 85.7%;
    text-align: left;
  }

  .p-linkbox {
    margin-top: 40px;
  }
}


/* utility
 ------------------------------------------------------------------- */
.u-align-left {
  text-align: left;
}

.u-align-center {
  text-align: center;
}

.u-align-right {
  text-align: right;
}