@charset "UTF-8";
/* ===============================================
    ! Foundation !
=============================================== */
/* =====================================
    * setting for animation style *
===================================== */
.fadeIn {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1500ms;
    transition: all 1500ms;
}
  
  /* jQueryでスクロール量に応じて付与された 'scrollIn' のスタイル */
  .fadeIn.scrollIn {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  @keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}
.ikon{
    animation: rotate_image 13s linear infinite;
    transform-origin: 50% 50%;
}
/* =================
	all
================= */

a:hover img{
	opacity: 0.7;
}

img{
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}
.main-area .main-inner{
    width: 100%;
    max-width: none;
}
#LimitedColor_skr{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 203 * (100vw / 750));
    font-feature-settings: normal;
    box-sizing: border-box;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
.flexbox{
    display: flex;
}
.skr_201005 .txt{
    font-size: calc( 24 * (100vw / 750));
    letter-spacing: 0.05em;
    line-height: 2;
    text-align: justify;
}
.skr_201005 .ttl{
    position: absolute;
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: calc( 78 * (100vw / 750));
    writing-mode: vertical-rl;
}
.price{
    font-family: quasimoda, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc( 24 * (100vw / 750));
    letter-spacing: 0.1em;
    line-height: 1.5;
}
.pc_only{
    display: none !important;
}
/* =================
    top
================= */
.skr_201005 .topbox{
    margin-bottom: calc( 162 * (100vw / 750));
}
.skr_201005 .topbox h2{
    text-align: center;
    font-feature-settings: normal;
    margin-bottom: calc( 60 * (100vw / 750));
}
.skr_201005 .topbox h2 span:nth-of-type(1){
    font-size: calc( 32 * (100vw / 750));
    line-height: 2;
    letter-spacing: 0.04em;
	font-weight: 500;
}
.skr_201005 .topbox h2 span:nth-of-type(2){
    font-size: calc( 48 * (100vw / 750));
    line-height: 1.71;
    letter-spacing: 0.04em;
	font-weight: 500;
}
.skr_201005 .topbox figure{
    width: calc( 675 * (100vw / 750));
    margin: 0 auto;
    padding-bottom: calc( 47 * (100vw / 750));
}
.skr_201005 .topbox .txt{
    width: calc( 660 * (100vw / 750));
    margin: 0 auto;
    text-align: left;
    padding-bottom: calc( 24 * (100vw / 750));
    font-feature-settings: normal;
    letter-spacing: 0.05em;
    line-height: 2;
}
.skr_201005 .topbox .price{
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: underline;
}
/* =================
    sec1
================= */
.skr_201005 .sec1{
    margin-bottom: calc( 169 * (100vw / 750));
}
.skr_201005 .sec1 .blk_01{
    display: flex;
    flex-wrap: wrap-reverse;
}
.skr_201005 .sec1 .ikonbox{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
}
.skr_201005 .sec1 .positionbox_01{
    position: relative;
    margin-left: calc( 76 * (100vw / 750));
}
.skr_201005 .sec1 .positionbox_01::before{
    content: '';
    position: absolute;
    width: calc( 601 * (100vw / 750));
    height: calc( 900 * (100vw / 750));
    top: 0;
    left: calc( -40 * (100vw / 750));
    background-color: #bfbecc;
    z-index: -1;
}
.skr_201005 .sec1 .positionbox_01 a img{
    position: relative;
    width: calc( 601 * (100vw / 750));
    margin-bottom: calc( 66 * (100vw / 750));
    z-index: 1;
}
.skr_201005 .sec1 .positionbox_01 .ikon{
    width: calc( 250 * (100vw / 750));
    position: absolute;
    top: calc( 15 * (100vw / 750));
    left: calc( 441 * (100vw / 750));
    z-index: 2;
}
.skr_201005 .sec1 .ikonbox .credit{ 
    margin-left: calc( 38 * (100vw / 750));
    margin-bottom: calc( 99 * (100vw / 750));
}
.skr_201005 .sec1 .ikonbox .credit .txt{
    width: calc( 670 * (100vw / 750));
    padding-bottom: calc( 15 * (100vw / 750));
	letter-spacing: 0.1em;
}
.skr_201005 .sec1 .colorbox{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
}
.skr_201005 .sec1 .colorbox h3{
    background-color: #bfbecc;
    width: calc( 430 * (100vw / 750));
    height: calc( 50 * (100vw / 750));
    text-align: center;
    margin: 0 auto;
    margin-bottom: calc( 39 * (100vw / 750));
}
.skr_201005 .sec1 .colorbox h3 span{
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc( 28 * (100vw / 750));
    line-height: calc( 50 * (100vw / 750));
    color: #ffffff;
}
.skr_201005 .sec1 .colorbox .positionbox_02{
    position: relative;
    width: calc( 375 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 73 * (100vw / 750));
}
.skr_201005 .sec1 .colorbox .positionbox_02 .ttl{
    top: calc( 47 * (100vw / 750));
    right: calc( -49 * (100vw / 750));
    color: #bfbecc;
}
.skr_201005 .sec1 .blk_02 .flexbox{
    width: calc( 676 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 67 * (100vw / 750));
}
.skr_201005 .sec1 .blk_02 .model{
    width: calc( 360 * (100vw / 750));
}
.skr_201005 .sec1 .blk_02 .model._02{
    margin-top: calc( 200 * (100vw / 750));
    margin-left: calc( -44 * (100vw / 750));
}
.skr_201005 .sec1 .blk_02 .txt{
    width: calc( 675 * (100vw / 750));
    margin: 0 auto;
}
/* =================
    sec2
================= */
.skr_201005 .sec2{
    margin-bottom: calc( 170 * (100vw / 750));
}
.skr_201005 .sec2 .flexbox{
    display: block;
}
.skr_201005 .sec2 .colorbox{
    position: relative;
    width: calc( 375 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 60 * (100vw / 750));
}
.skr_201005 .sec2 .colorbox .ttl{
    top: calc( 137 * (100vw / 750));
    right: calc( -49 * (100vw / 750));
    color: #bf847c;
}
.skr_201005 .sec2 .ikonbox .positionbox{
    position: relative;
    width: calc( 563 * (100vw / 750));
    margin-left: calc( 111 * (100vw / 750));
    margin-bottom: calc( 65 * (100vw / 750));
}
.skr_201005 .sec2 .ikonbox .positionbox::before{
    content: '';
    position: absolute;
    width: calc( 562 * (100vw / 750));
    height:calc( 843 * (100vw / 750));
    top: 0;
    right: calc( -40 * (100vw / 750));
    background-color: #bf847c;
    z-index: -1;
}
.skr_201005 .sec2 .ikonbox .ikon{
    width: calc( 250 * (100vw / 750));
    position: absolute;
    top: calc( 10 * (100vw / 750));
    left: calc( -115 * (100vw / 750));
    z-index: 2;
}
.skr_201005 .sec2 .ikonbox .credit{
    width: calc( 670 * (100vw / 750));
    margin-left: calc( 38 * (100vw / 750));
}
.skr_201005 .sec2 .ikonbox .txt{
    margin-bottom: calc( 18 * (100vw / 750));
	letter-spacing: 0.08em;
}
/* =================
    sec3
================= */
.skr_201005 .sec3{
    margin-bottom: calc( 160 * (100vw / 750));
}
.skr_201005 .sec3 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
}
.skr_201005 .sec3 .colorbox{
    position: relative;
    width: calc( 375 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 69 * (100vw / 750));
}
.skr_201005 .sec3 .colorbox .ttl{
    top: calc( 30 * (100vw / 750));
    right: calc( -49 * (100vw / 750));
    color: #63111f;
}
.skr_201005 .sec3 .ikonbox .positionbox{
    position: relative;
    width: calc( 563 * (100vw / 750));
    margin-left: calc( 76 * (100vw / 750));
    margin-bottom: calc( 65 * (100vw / 750));
}
.skr_201005 .sec3 .ikonbox .positionbox::before{
    content: '';
    position: absolute;
    width: calc( 562 * (100vw / 750));
    height:calc( 843 * (100vw / 750));
    top: 0;
    left: calc( -40 * (100vw / 750));
    background-color: #63111f;
    z-index: -1;
}
.skr_201005 .sec3 .ikonbox .ikon{
    width: calc( 250 * (100vw / 750));
    position: absolute;
    top: calc( 10 * (100vw / 750));
    right: calc( -115 * (100vw / 750));
    z-index: 2;
}
.skr_201005 .sec3 .ikonbox .credit{
    width: calc( 675 * (100vw / 750));
    margin-left: calc( 38 * (100vw / 750));
}
.skr_201005 .sec3 .ikonbox .txt{
    margin-bottom: calc( 18 * (100vw / 750));
}
/* =================
    secs4
================= */
.skr_201005 .sec4{
    margin-bottom: calc( 147 * (100vw / 750));
}
.skr_201005 .sec4 .blk_01{
    display: flex;
    flex-wrap: wrap;
}
.skr_201005 .sec4 .ikonbox{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
}
.skr_201005 .sec4 .positionbox_01{
    position: relative;
    margin-left: calc( 76 * (100vw / 750));
}
.skr_201005 .sec4 .positionbox_01::before{
    content: '';
    position: absolute;
    width: calc( 601 * (100vw / 750));
    height: calc( 900 * (100vw / 750));
    top: 0;
    left: calc( -40 * (100vw / 750));
    background-color: #C7B9B6;
    z-index: -1;
}
.skr_201005 .sec4 .positionbox_01 a img{
    position: relative;
    width: calc( 601 * (100vw / 750));
    margin-bottom: calc( 66 * (100vw / 750));
    z-index: 1;
}
.skr_201005 .sec4 .positionbox_01 .ikon{
    width: calc( 250 * (100vw / 750));
    position: absolute;
    top: calc( 15 * (100vw / 750));
    left: calc( 441 * (100vw / 750));
    z-index: 2;
}
.skr_201005 .sec4 .ikonbox .credit{ 
    margin-left: calc( 38 * (100vw / 750));
    margin-bottom: calc( 99 * (100vw / 750));
}
.skr_201005 .sec4 .ikonbox .credit .txt{
    width: calc( 675 * (100vw / 750));
    padding-bottom: calc( 15 * (100vw / 750));
}
.skr_201005 .sec4 .colorbox{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
}
.skr_201005 .sec4 .colorbox h3{
    background-color: #C7B9B6;
    width: calc( 430 * (100vw / 750));
    height: calc( 50 * (100vw / 750));
    text-align: center;
    margin: 0 auto;
    margin-bottom: calc( 39 * (100vw / 750));
}
.skr_201005 .sec4 .colorbox h3 span{
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc( 28 * (100vw / 750));
    line-height: calc( 50 * (100vw / 750));
    color: #ffffff;
}
.skr_201005 .sec4 .colorbox .positionbox_02{
    position: relative;
    width: calc( 375 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 100 * (100vw / 750));
}
.skr_201005 .sec4 .colorbox .positionbox_02 .ttl{
    top: calc( 40 * (100vw / 750));
    right: calc( -49 * (100vw / 750));
    color: #C7B9B6;
}
.skr_201005 .sec4 .blk_02 .flexbox{
    flex-wrap: wrap;
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 67 * (100vw / 750));
}
.skr_201005 .sec4 .blk_02 .model{
    width: calc( 390 * (100vw / 750));
}
.skr_201005 .sec4 .blk_02 .model._01{
    z-index: 2;
}
.skr_201005 .sec4 .blk_02 .model._02{
    margin-top: calc( 300 * (100vw / 750));
    margin-left: calc( -30 * (100vw / 750));
    margin-bottom: calc( 69 * (100vw / 750));
    z-index: 1;
}
.skr_201005 .sec4 .blk_02 .txt{
    width: calc( 675 * (100vw / 750));
    margin: 0 auto;
}
/* bnt */
.skr_201005 .skr_201005_bnt{
    width: calc( 675 * (100vw / 750));
    height: calc( 134 * (100vw / 750));
    margin: 0 auto;
    border: calc( 1 * (100vw / 750)) solid #000000;
    line-height: calc( 129 * (100vw / 750));
    letter-spacing: 0.06em;
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: calc( 38 * (100vw / 750));
    text-align: center;
    box-sizing: border-box;
}
.skr_201005 .skr_201005_bnt a{
    display: block;
}
/* for tablet */
@media only screen
and (min-device-width: 561px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
	.sp_only {
		display: none !important;
    }
    /* =================
        all
    ================= */
    #LimitedColor_skr{
        width: calc( 1400 * (100vw / 1400));
        margin-bottom: calc( 142 * (100vw / 1400));
    }
    .skr_201005 .txt{
        font-size: calc( 13 * (100vw / 1400));
    }
    .skr_201005 .ttl{
        font-size: calc( 60 * (100vw / 1400));
    }
    .price{
        font-size: calc( 13 * (100vw / 1400));
    }
    /* =================
        top
    ================= */
    .skr_201005 .topbox{
        margin-bottom: calc( 115 * (100vw / 1400));
    }
    .skr_201005 .topbox h2{
        margin-bottom: calc( 36 * (100vw / 1400));
    }
    .skr_201005 .topbox h2 span:nth-of-type(1){
        font-size: calc( 20 * (100vw / 1400));
    }
    .skr_201005 .topbox h2 span:nth-of-type(2){
        font-size: calc( 30 * (100vw / 1400));
    }
    .skr_201005 .topbox figure{
        width: calc( 550 * (100vw / 1400));
        padding-bottom: calc( 34 * (100vw / 1400));
    }
    .skr_201005 .topbox .txt{
        width: calc( 475 * (100vw / 1400));
        padding-bottom: calc( 9 * (100vw / 1400));
    }
    /* =================
        sec1
    ================= */
    .skr_201005 .sec1{
        margin-bottom: calc( 143 * (100vw / 1400));
    }
    .skr_201005 .sec1 .ikonbox{
        margin-left: calc( 159 * (100vw / 1400));
        margin-right: calc( 159 * (100vw / 1400));
    }
    .skr_201005 .sec1 .positionbox_01::before{
        width: calc( 481 * (100vw / 1400));
        height: calc( 720 * (100vw / 1400));
        left: calc( -20 * (100vw / 1400));
    }
    .skr_201005 .sec1 .positionbox_01 a img{
        width: calc( 481 * (100vw / 1400));
        margin-bottom: calc( 34 * (100vw / 1400));
    }
    .skr_201005 .sec1 .positionbox_01 .ikon{
        width: calc( 192 * (100vw / 1400));
        top: calc( 10 * (100vw / 1400));
        left: calc( 385 * (100vw / 1400));
    }
    .skr_201005 .sec1 .ikonbox .credit{ 
        margin-left: calc( -20 * (100vw / 1400));
    }
    .skr_201005 .sec1 .ikonbox .credit .txt{
        width: calc( 502 * (100vw / 1400));
        padding-bottom: calc( 7 * (100vw / 1400));
    }
    .skr_201005 .sec1 .colorbox h3{
        width: calc( 276 * (100vw / 1400));
        height: calc( 32 * (100vw / 1400));
        margin-left: calc( 31 * (100vw / 1400));
        margin-bottom: calc( 20 * (100vw / 1400));
    }
    .skr_201005 .sec1 .colorbox h3 span{
        font-size: calc( 18 * (100vw / 1400));
        line-height: calc( 32 * (100vw / 1400));
    }
    .skr_201005 .sec1 .colorbox .positionbox_02{
        width: calc( 280 * (100vw / 1400));
    }
    .skr_201005 .sec1 .colorbox .positionbox_02 .ttl{
        top: calc( 34 * (100vw / 1400));
        right: calc( -34 * (100vw / 1400));
    }
    .skr_201005 .sec1 .blk_02{
        margin-top: calc( -380 * (100vw / 1400));
        margin-left: calc( 689 * (100vw / 1400));
    }
    .skr_201005 .sec1 .blk_02 .flexbox{
        width: calc( 570 * (100vw / 1400));
    }
    .skr_201005 .sec1 .blk_02 .model{
        width: calc( 301 * (100vw / 1400));
    }
    .skr_201005 .sec1 .blk_02 .model._02{
        margin: calc( 100 * (100vw / 1400)) 0 calc( 36 * (100vw / 1400)) calc( -32 * (100vw / 1400));
    }
    .skr_201005 .sec1 .blk_02 .txt{
        width: calc( 300 * (100vw / 1400));
        margin-left: calc( 270 * (100vw / 1400));
    }
    /* =================
        sec2
    ================= */
    .skr_201005 .sec2{
        margin-bottom: calc( 147 * (100vw / 1400));
    }
    .skr_201005 .sec2 .colorbox{
        width: calc( 280 * (100vw / 1400));
        margin-top: calc( 51 * (100vw / 1400));
        margin-left: calc( 266 * (100vw / 1400));
    }
    .skr_201005 .sec2 .colorbox .ttl{
        top: calc( 113 * (100vw / 1400));
        left: calc( -30 * (100vw / 1400));
    }
    .skr_201005 .sec2 .ikonbox{
        margin-left: calc( -164 * (100vw / 1400));
    }
    .skr_201005 .sec2 .ikonbox .positionbox{
        width: calc( 451 * (100vw / 1400));
        margin-right: calc( 253 * (100vw / 1400));
    }
    .skr_201005 .sec2 .ikonbox .positionbox::before{
        width: calc( 451 * (100vw / 1400));
        height:calc( 675 * (100vw / 1400));
        right: calc( -20 * (100vw / 1400));
    }
    .skr_201005 .sec2 .ikonbox .ikon{
        width: calc( 192 * (100vw / 1400));
        top: calc( 10 * (100vw / 1400));
        left: calc( -95 * (100vw / 1400));
    }
    .skr_201005 .sec2 .ikonbox .txt{
        width: calc( 278 * (100vw / 1400));
        margin-right: calc( 38 * (100vw / 1400));
        margin-bottom: calc( 6 * (100vw / 1400));
    }
    .skr_201005 .sec2 .ikonbox .price{
        margin-bottom: calc( -4 * (100vw / 1400));
    }
    /* =================
        sec3
    ================= */
    .skr_201005 .sec3{
        margin-bottom: calc( 148 * (100vw / 1400));
    }
    .skr_201005 .sec3 .colorbox{
        width: calc( 280 * (100vw / 1400));
        margin: calc( 51 * (100vw / 1400)) calc( 259 * (100vw / 1400)) 0 calc( -9 * (100vw / 1400));
    }
    .skr_201005 .sec3 .colorbox .ttl{
        top: calc( 23 * (100vw / 1400));
        right: calc( -34 * (100vw / 1400));
    }
    .skr_201005 .sec3 .ikonbox{
        margin-right: calc( -170 * (100vw / 1400));
    }
    .skr_201005 .sec3 .ikonbox .positionbox{
        width: calc( 451 * (100vw / 1400));
        margin-left: calc( 253 * (100vw / 1400));
    }
    .skr_201005 .sec3 .ikonbox .positionbox::before{
        width: calc( 451 * (100vw / 1400));
        height:calc( 675 * (100vw / 1400));
        left: calc( -20 * (100vw / 1400));
    }
    .skr_201005 .sec3 .ikonbox .ikon{
        width: calc( 192 * (100vw / 1400));
        top: calc( 10 * (100vw / 1400));
        right: calc( -95 * (100vw / 1400));
    }
    .skr_201005 .sec3 .ikonbox .credit{
        width: calc( 289 * (100vw / 1400));
        margin-left: calc( 40 * (100vw / 1400));
    }
    .skr_201005 .sec3 .ikonbox .txt{
        margin-bottom: calc( 13 * (100vw / 1400));
    }
    .skr_201005 .sec3 .ikonbox .price{
        margin-bottom: calc( -4 * (100vw / 1400));
    }
    /* =================
        secs4
    ================= */
    .skr_201005 .sec4{
        margin-bottom: calc( 65 * (100vw / 1400));
    }
    .skr_201005 .sec4 .ikonbox{
        margin-left: calc( 150 * (100vw / 1400));
    }
    .skr_201005 .sec4 .positionbox_01::before{
        width: calc( 481 * (100vw / 1400));
        height: calc( 720 * (100vw / 1400));
        right: calc( -20 * (100vw / 1400));
    }
    .skr_201005 .sec4 .positionbox_01 a img{
        width: calc( 480 * (100vw / 1400));
        margin-bottom: calc( 36 * (100vw / 1400));
    }
    .skr_201005 .sec4 .positionbox_01 .ikon{
        width: calc( 192 * (100vw / 1400));
        top: calc( 10 * (100vw / 1400));
        left: calc( -97 * (100vw / 1400));
    }
    .skr_201005 .sec4 .ikonbox .credit{ 
        margin-left: calc( 126 * (100vw / 1400));
    }
    .skr_201005 .sec4 .ikonbox .credit .txt{
        width: calc( 374 * (100vw / 1400));
        padding-bottom: calc( 8 * (100vw / 1400));
    }
    .skr_201005 .sec4 .colorbox h3 span{
        font-size: calc( 18 * (100vw / 1400));
        line-height: calc( 32 * (100vw / 1400));
    }
    .skr_201005 .sec4 .colorbox .positionbox_02{
        width: calc( 280 * (100vw / 1400));
        margin: calc( 52 * (100vw / 1400)) 0 0 calc( 306 * (100vw / 1400));
    }
    .skr_201005 .sec4 .colorbox .positionbox_02 .ttl{
        top: calc( 19 * (100vw / 1400));
        left: calc( -30 * (100vw / 1400));
    }
    .skr_201005 .sec4 .blk_02{
        margin-top: calc( -380 * (100vw / 1400));
        margin-left: calc( 165 * (100vw / 1400));
    }
    .skr_201005 .sec4 .blk_02 .model{
        width: calc( 300 * (100vw / 1400));
    }
    .skr_201005 .sec4 .blk_02 .model._02{
        margin: calc( 296 * (100vw / 1400)) calc( 340 * (100vw / 1400)) calc( 36 * (100vw / 1400)) calc( -30 * (100vw / 1400));
    }
    .skr_201005 .sec4 .blk_02 .txt{
        width: calc( 278 * (100vw / 1400));
        margin: calc( 679 * (100vw / 1400)) calc( 41 * (100vw / 1400)) 0 calc( -300 * (100vw / 1400));
    }
    /* bnt */
    .skr_201005 .skr_201005_bnt{
        width: calc( 380 * (100vw / 1400));
        height: calc( 60 * (100vw / 1400));
        border: calc( 1 * (100vw / 1400)) solid #000000;
        line-height: calc( 59 * (100vw / 1400));
        font-size: calc( 20 * (100vw / 1400));
    }
}