@charset "utf-8";

.ft-item,
.white-out {
  left: 0;
  bottom: 0;
  width: 100%
}

.c02-in,
.wrapper {
  overflow: hidden
}

h1,
h2 {
  margin: 0;
}

.c05-in-scroll,
.c08-in-btn,
.white-out {
  right: 0;
  margin: auto
}

body {
  min-width: 100%
}

.pc_disp {
  display: block
}

.sp-borad,
.sp-close,
.sp_disp {
  display: none
}

.opacity {
  opacity: 0 !important
}

.opa-img {
  opacity: 0
}

.cf:after,
.cf:before {
  content: " ";
  display: table
}

.cf:after {
  clear: both
}

.color {
  color: #00cdae
}

.shiny-btn1,
.shiny-btn1:hover {
  text-decoration: none;
  color: #fff
}

img {
  width: 100%;
  vertical-align: bottom;
  line-height: 1em
}

.white-out {
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 1000000
}

.mw750 {
  max-width: 750px;
  margin: auto;
  position: relative
}

.mw1200 {
  max-width: 1200px;
  margin: auto;
  position: relative
}

.ft-item {
  background: url(../../images/silver/af4/f-back.png) 0 13px repeat-x;
  position: fixed;
  z-index: 100;
  transition: .3s
}

.ft-inner {
  width: 100%;
  max-width: 500px;
  margin: auto;
  position: relative;
  transition: all .5s
}

.ft-in-btn,
.ft-in-btn a {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

.ft-in-btn {
  transition: all .3s
}

.ft-in-btn a {
  z-index: 50
}

.c08-in-btn,
.c09-in-btn,
.c09-2-in-btn,
.c24-in-btn {
  z-index: 10;
  transition: all .5s
}

.ft-inner:hover {
  opacity: .7
}

.hide {
  transform: translateY(100%)
}

.f-menu {
  transform: translateY(100%) !important
}

.c-01 {
  background: #004195
}

.c-02 {
  background: url(../../images/silvermoist/back/c02-01.png) top center no-repeat !important
}

.c02-in {
  position: relative
}

.c02-in-w1,
.c02-in-w1 img,
.c03-in-w1,
.c05-in-scroll,
.c08-in-btn,
.c08-in-btn a {
  position: absolute
}

.c02-in-w1 {
  width: 100%;
  top: 0;
  left: 0
}

.c02-in-w1 img {
  left: 0
}

.c02-in-btn img {
  width: 50%;
  bottom: 16%;
  left: 3%;
  position: absolute
}

.c-03 {
  background: url(../../images/silvermoist/back/c03-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c03-in-w1 {
  top: -0
}

.c-04 {
  background: url(../../images/silvermoist/back/c04-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c04-in-w1 {
  background: url(../../images/silvermoist/back/c04-02.png) top center no-repeat;
  background-size: cover !important;
}

.c-05 {
  background: url(../../images/silvermoist/back/c05-01.png) top center no-repeat
}

.c05-in-scroll {
  width: 92%;
  height: 40.8%;
  left: 0;
  top: 54.1%;
  background: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.c-17,
.c08-in-btn,
.shiny-btn1 {
  overflow: hidden
}

.c-06 {
  background: url(../../images/silvermoist/back/c06-01.png) top center no-repeat
}

.c-06-under {
  background: url(../../images/silvermoist/back/c06-02.png) top center no-repeat
}

.c-07 {
  background: url(../../images/silvermoist/back/c07-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-08 {
  background: url(../../images/silvermoist/back/c08-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-08sp {
  background: url(../../images/silver/af4/back/sems5_01sp.png) top center no-repeat;
  background-size: cover;
  height: 434px;
}

.c08-in-w1 {
  position: absolute;
  top: 0;
  left: 5px
}

.c08sp-in-w1 {
  position: absolute;
  top: 78px;
  left: 8px
}

.c08-in-Rose,
.c08sp-in-Rose {
  position: absolute;
  top: 0;
  left: 0
}

.c08-in-btn {
  width: 63%;
  height: 14%;
  left: 31%;
  top: 68%;
}

.c08-in-btn a {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: auto
}

.c08-in-btn:hover {
  background: #fff;
  opacity: .3
}

.shiny-btn1 {
  display: block;
  position: relative;
  width: 80%;
  padding: 10px 0;
  margin: 30px auto;
  border-radius: 5px;
  font-weight: 700;
  font-size: 18px;
  text-align: center
}

.c-09-line,
.c09-in-btn a,
.c09line-in,
.c09-2-in-btn,
.c09-2-in-btn a,
.c09-2ßline-in {
  margin: auto;
  width: 100%
}

.shiny-btn1::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite
}

@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: .5
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0
  }
}

.c-09 {
  background-color: #FFF
}

.c-09sp {
  background: #ebeced !important
}

.c09-in-btn {
  width: 69.4%;
  height: 22%;
  position: absolute;
  left: 20%;
  top: 45%
}

.c09-in-btn a,
.c11-in-w1 {
  top: 0;
  left: 0;
  position: absolute
}

.c09-in-btn a {
  height: 100%
}

.c09-in-btn:hover,
.c09-2-in-btn:hover {
  background: #fff;
  opacity: .3
}

.c-09-line {
  height: 7vw;
  max-height: 70px;
  background: #ebeced
}

.c-09-line2 {
  height: 7vw;
  max-height: 70px;
  background: #fff
}

.c09line-in {
  max-width: 1200px;
  height: 1px;
  background: #a1aab0
}

.c-09-2 {
  background: url(../../images/silver/af4/back/sems6_01.png) top center no-repeat
}

.c09-in-w1,
.c09-in-w2,
.c09-in-w3 {
  position: absolute;
  top: 0;
  left: 0
}

.c09-2-in-btn {
  width: 69.3%;
  height: 11%;
  position: absolute;
  left: 25%;
  top: 68%
}

.shiny-btn2 {
  display: block;
  position: relative;
  width: 80%;
  padding: 10px 0;
  margin: 30px auto;
  border-radius: 5px;
  font-weight: 700;
  font-size: 18px;
  text-align: center
}

.c09-2-in-btn a,
.c11-in-w1 {
  top: 0;
  left: 0;
  position: absolute
}

.c09-2-in-btn a {
  height: 100%
}

.c09-in-btn:hover {
  background: #fff;
  opacity: .3
}

.c-09-2-line {
  height: 7vw;
  max-height: 70px;
  background: #ebeced
}

.c09-2line-in {
  max-width: 1200px;
  height: 1px;
  background: #a1aab0
}

.c-10 {
  background: url(../../images/silvermoist/back/c10-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-11 {
  background: url(../../images/silvermoist/back/c11-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-11-1 {
  background: url(../../images/silver/af4/back/sems_43.png) top center no-repeat
}

.c11-in-w1,
.c11-in-w2,
.c11-in-w3 {
  position: absolute;
  top: 47.9%;
  left: 0
}

.c-12 {
  background: url(../../images/silver/af4/back/sems_46.jpg) top center no-repeat !important;
  background-size: cover !important;
}

.c-13 {
  background: url(../../images/silvermoist/back/c13-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-14 {
  background: url(../../images/silvermoist/back/c14-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c14-in-w1 {
  position: absolute;
  left: 0;
  top: 76.3%
}

.c-15 {
  background: url(../../images/silver/af4/back/sems_60.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-16 {
  background: #ebeced
}

.c-17 {
  background: url(../../images/silver/af4/back/sems_67.png) top center no-repeat !important;
  background-size: cover !important;
}

.c17-in-w1,
.c17-in-w2,
.c17-in-w3,
.c17-in-w4,
.c17-in-w5 {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden
}

.c-18 {
  background: url(../../images/silvermoist/back/c18-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c18-in-w1 {
  position: absolute;
  top: 68%;
  left: 0
}

.c-19 {
  background: url(../../images/silvermoist/back/c19-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-20 {
  background: url(../../images/silver/af4/back/sems_80.png) top center no-repeat !important;
  background-size: cover !important;

}

.c20-space {
  width: 100%;
  height: 8vw;
  max-height: 80px;
  background: #ebeced
}

.c-21 {
  background: url(../../images/silvermoist/back/c21-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c-22 {
  background: url(../../images/silvermoist/back/c22-01.png) top center no-repeat !important;
  background-size: cover !important;
}

.c22-in-w1,
.c22-in-w2,
.c22-in-w3 {
  position: absolute;
  left: 0;
  top: 64%
}

.c-23 {
  background: url(../../images/silver/af4/back/sems_98.jpg) top center no-repeat
}

.c23-in-w1 {
  position: absolute;
  left: 0;
}

.c-24 {
  background: url(../../images/silver/af4/back/sems_104.jpg) top center no-repeat !important;
  background-size: cover !important;
}

.c24-in-btn {
  width: 58%;
  height: 19%;
  position: absolute;
  left: 35.3%;
  top: 61.1%
}

.c24-in-btn a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto
}

.c24-in-btn:hover {
  background: #fff;
  opacity: .3
}

#slide {
  position: relative;
  margin: 50px auto
}

.multiple {
  padding: 0
}

.multiple img {
  width: 100%;
  max-width: 240px
}

.multiple div {
  margin: 0 5px
}

.multiple .slick-next {
  right: 17px;
  z-index: 100
}

.multiple .slick-prev {
  left: 23px;
  z-index: 100
}

.txt-area {
  width: 100%;
  max-width: 670px;
  color: #797979;
  padding-bottom: 30px;
  margin: auto;
  text-align: left;
  line-height: 1.6
}

#item_data {
  width: 90%
}

#item_data table td {
  line-height: 1.8;
  text-align: justify
}


/*@media screen and (max-width:768px){.pc_disp{display:none}.sp_disp{display:block}.txt-area{width:89%;font-size:2.3vw}.c-02,.c-04,.c-05,.c-06,.c-06-under,.c-08,.c-09,.c-11,.c-11-1,.c-12,.c-13,.c-15,.c-17,.c-18,.c-19,.c-20,.c-21,.c-22,.c-23,.c-24{background:0 0}}*/

.tamagoTagArea {
  display: none
}

.footer {
  background-color: #666;
  padding: 10px 0;
  margin: 5% auto 0;
  color: #fff;
}

#item_data table,
#item_data table th,
#item_data table td {
  border: solid 1px #fff !important;
  font-size: 90%;
  font-weight: normal;
}

.caption {
  font-size: 90%;
  text-align: right;
  letter-spacing: 0.05em;
  margin: 0 1em 1em 0;
}

.caption a {
  color: #a6a6a6;
  text-decoration: underline;
}

.caption a:hover {
  text-decoration: none;
  color: #004195;
}