@charset "utf-8";
/*-----------------------------------------
	GravureTop
-----------------------------------------*/

#GravureTop {
  padding: 2%;
}

.GravureSlider {
  width: 100%;
  text-align: center;
  margin: 0 auto 20px auto;
  overflow: hidden;
}

.slick-slide img {
  width: 100%;
}

#GravureTop li {
  overflow: hidden;
  width: 23vw;
  margin: 0 auto;
}

.slick-dots li.slick-active button::before {
  color: #fb637e !important;
}

.GravureSlider .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(50%);
  -moz-filter: opacity(50%);
  -o-filter: opacity(50%);
  -ms-filter: opacity(50%);
  filter: opacity(50%);
  transition: 0.2s linear;
}

.GravureSlider .slick-track {
  margin: 0 auto;
}

.Gravure_btn a {
  display: block;
  width: 300px;
  background-color: #fff;
  border: 1px solid #fb637e;
  color: #fb637e;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  line-height: 3;
  margin: 0 auto 2rem auto;
  text-indent: 8px;
  border-radius: 0;
  -webkit-appearance: none;
}
/*--SP----------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 640px) {
  /*-----------------------------------------
	GravureTop
-----------------------------------------*/
  .GravureSlider {
    position: absolute;
    /*top: 15vw;*/
  }
  .GravureSlider .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(100%);
    -moz-filter: opacity(100%);
    -o-filter: opacity(100%);
    -ms-filter: opacity(100%);
    filter: opacity(100%);
    transition: 0.2s linear;
  }
  .GravureSlider .slick-prev {
    left: 0;
  }
  .GravureSlider .slick-next {
    right: 0;
  }
  #GravureTop .GravureSlider li {
    /*
    height: calc(392 / 280 * 74vw);
  */
  }
  #GravureTop .GravureSlider li img {
    width: 74vw;
    margin: 0 auto;
  }
  /*
    #GravureTop {
        background: url(/img/gravure_top_bg_sp.jpg) no-repeat center top;
        background-size: contain;
        height: auto;
    }
    #GravureTopBox {
        padding-top: 12vw;
    }
    #GravureTopBox h2 {
        width: 65vw;
        margin: 0 auto;
    }
    #GravureTopBox h2 img {
        width: 100%;
    }
    .GravureSlider {
        width: 100vw;
        padding-top: 0;
        margin-top: 10vw;
    }
    .slick-slide img {
        height: auto;
    }
    .GravureSlider .slick-slide:not(.slick-center) {
        -webkit-filter: opacity(100%);
        -moz-filter: opacity(100%);
        -o-filter: opacity(100%);
        -ms-filter: opacity(100%);
        filter: opacity(100%);
        transition: 0.2s linear;
    }
    .GravureSlider .slick-prev {
        left: 0;
    }
    .GravureSlider .slick-next {
        right: 0;
    }
    #GravureTopBox .GravureSlider li img {
        width: 80vw;
        margin: 0 auto;
    }
    */
  /*-----------------------------------------
	GravureBody
-----------------------------------------*/
  /*
    #GravureBody {
        position: relative;
        background: url(/img/gravure_body2_bg_sp.jpg) no-repeat center top;
        background-size: contain;
        height: calc(5614 / 850 * 100vw);
        padding-bottom: 15vw;
    }
    #GravureBodyTop {
        width: 100vw;
        height: 11vw;
        margin: 20vw auto 0 auto;
    }
    #GravureBody .GravureWait {
        position: absolute;
        top: -35vw;
        left: 2vw;
        width: 25vw;
        height: 18vw;
        font-size: 1.2rem;
        line-height: 1.2;
        padding-top: 5vw;
    }
    #GravureBody .GravureWait .GravureWaitTime {
        font-size: 1.6rem;
    }
    #GravureBody .GravureWait .GravureWaitTimeSmall {
        font-size: 1.2rem;
    }
    #GravureBody .GravureWait .GravureWaitBottom {
        font-size: 1.2rem;
    }
    #GravureBodyTop .premium {
        position: absolute;
        top: -40vw;
        right: 2vw;
        left: auto;
        width: 30vw;
        height: 28vw;
    }
    #GravureBodyTop .premium img {
        width: 100%;
    }
    #GravureBodyTop .GravureButton {
        position: static;
        top: auto;
    }
    #GravureBodyMain {
        width: 100%;
        height: auto;
        text-align: center;
        padding-top: 5vw;
    }
    .GravureBodyTop {
        width: 92vw;
        margin: 0 4vw;
    }
    .GravureBodyTop h2 {
        text-align: center;
        font-size: 2.5rem;
    }
    .GravureBodyTop .GravureSize {
        font-size: 2.4rem;
    }
    .GravureBodyTop .GravureCopy {
        width: 100%;
        margin: 0 auto;
    }
    .GravureBodyTop .GravureCopy p {
        font-size: 1.2rem;
    }
    .GravureBodyTop .GravureType {
        padding-bottom: calc(5 / 300 * 100vw);
        margin: 0 auto;
    }
    .GravureBodyTop .GravureType dl {
        margin: 2vw auto 2vw auto;
    }
    .GravureBodyTop .GravureType dl img {
        width: 100%;
    }
    .GravureBodyLeft {
        position: static;
        float: none;
        width: 92vw;
        margin: 0 4vw;
    }
    .GravureBodyLeft .GravureBodyData {
        position: absolute;
        top: 75vw;
        width: 100%;
        height: auto;
    }
    .GravureBodyLeft .GravureBodyDataList {
        position: static;
    }
    .GravureBodyLeft .GravureBodyDataList dl {
        background: url(/img/profile_data_bg_sp.png) repeat-y center top;
        background-size: 100%;
        width: 92vw;
        height: 10vw;
        margin-bottom: 2vw;
    }
    .GravureBodyLeft .GravureBodyDataList dl:last-child {
        background: url(/img/profile_data_bg_sp.png) repeat-y center top;
        background-size: 100%;
        width: 92vw;
        height: 14vw;
        margin-bottom: 0;
    }
    .GravureBodyLeft .GravureBodyDataList dl dt {
        width: 39vw;
        font-size: 1rem;
    }
    .GravureBodyLeft .GravureBodyDataList dl dd {
        font-size: 1rem;
    }
    .GravureBodyRight {
        position: static;
        float: none;
        width: 100vw;
        height: auto;
    }
    .GravureBodyRight .GravureBodyOption {
        position: absolute;
        top: 170vw;
        width: 100%;
        height: auto;
        margin: 0;
        padding-top: calc(100 / 300 * 100vw);
        margin-bottom: 10vw;
    }
    .GravureBodyRight .GravureBodyOptionList {
        background: url(/img/profile_optionon_bottom_sp.png) no-repeat center bottom;
        background-size: 50vw;
        padding: 0 5vw 10vw 5vw;
    }
    .GravureBodyRight .GravureBodyOptionList ul {
        border-bottom: 2px solid #FFF;
        padding-bottom: 5vw;
    }
    .GravureBodyRight .GravureBodyOptionList ul li {
        float: left;
        width: 43vw;
        height: 5vw;
        text-align: left;
        font-size: 4vw;
        font-weight: bold;
        text-indent: 7vw;
        line-height: 1.3;
        margin-bottom: 2vw;
    }
    .GravureBodyRight .GravureBodyOptionList ul li.OptionOn {
        background: url(/img/profile_optionon_bg_sp.png) no-repeat left center;
        background-size: 5vw;
        color: #fb07ff;
    }
    .GravureBodyRight .GravureBodyOptionList ul li.OptionOff {
        background: url(/img/profile_optionoff_bg_sp.png) no-repeat left top;
        background-size: 5vw;
        color: #FFF;
    }
    */
  /*-----------------------------------------
	Diary
-----------------------------------------*/
  /*
    #Diary {
        position: absolute;
        top: 320vw;
        width: 92vw;
        height: auto;
        margin: 0 auto;
    }
    #DiaryBox {
        width: 92vw;
        margin: 0 auto;
    }
    #DiaryBox .DiaryFrame {
        width: 92vw;
        margin: 0 auto;
    }
    #DiaryBox .DiaryFrame iframe {
        height: 128vw;
    }
    */
  /*---------------------------------------
	GravureReserve
-----------------------------------------*/
  /*
    #GravureReserve {
        position: absolute;
        bottom: 0;
        width: 100vw;
        height: auto;
        margin-bottom: auto;
    }
    #GravureReserveButton {
        padding-top: 10vw;
    }
    ul.ReserveButton {
        background: none;
        width: 96vw;
        height: auto;
        padding: 0;
    }
    ul.ReserveButton li {
        display: table-cell;
        width: auto;
        padding-top: 0;
    }
    .ReserveButtonTel a {
        display: block;
        background: url(/img/bottom_reserve_tel_button.png) no-repeat center top;
        background-size: contain;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: calc(101 / 379 * 46vw);
        margin: 0 auto;
    }
    .ReserveButtonWeb a {
        display: block;
        background: url(/img/bottom_reserve_web_button.png) no-repeat center top;
        background-size: contain;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: calc(101 / 379 * 46vw);
        margin: 0 auto;
    }
    */
  /*-----------------------------------------
	Bottom
-----------------------------------------*/
  /*
    #BottomLinkBox {
        position: absolute;
        bottom: 45vw;
        width: 100vw;
        overflow: hidden;
        margin: 0 auto;
    }
    #BottomLinkBox img {
        width: 100%;
    }
    #BottomLinkBox .BottomLinkBoxLeft {
        float: none;
        margin-bottom: 2vw;
    }
    #BottomLinkBox .BottomLinkBoxRight {
        float: none;
        margin-bottom: 5vw;
    }
    #BottomLinkBox .BottomLinkBoxRight .BottomLinkBoxInner2,
    #BottomLinkBox .BottomLinkBoxRight .BottomLinkBoxInner3,
    #BottomLinkBox .BottomLinkBoxRight .BottomLinkBoxInner4 {
        width: 100vw;
        height: auto;
        margin-bottom: 2vw;
    }
    .BottomLogo {
        position: absolute;
        bottom: 20vw;
        text-align: center;
        width: 100vw;
        margin: 0 auto;
    }
    .BottomLogo img {
        width: 80vw;
        margin: 0 auto;
    }
*/
}