@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
================= */

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: 1200px;
    margin: 100px auto 0;
    margin-bottom: 142px;
    font-feature-settings: normal;
    box-sizing: border-box;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
.flexbox{
    display: flex;
}
.skr_201005 .txt{
    font-size: 13px;
    letter-spacing: 0.07em;
    line-height: 1.85;
}
.skr_201005 .ttl{
    position: absolute;
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 60px;
    writing-mode: vertical-rl;
}
.price{
    font-family: quasimoda, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.055em;
    line-height: 2;
}
.sp_only{
    display: none !important;
}

/* =================
    top
================= */
.skr_201005 .topbox{
    margin-bottom: 115px;
}
.skr_201005 .topbox h2{
    text-align: center;
    font-feature-settings: normal;
    margin-bottom: 36px;
}
.skr_201005 .topbox h2 span:nth-of-type(1){
    font-size: 20px;
    line-height: 1.52;
    letter-spacing: 0.04em;
	font-weight: 500;
}
.skr_201005 .topbox h2 span:nth-of-type(2){
    font-size: 30px;
    line-height: 1.95;
    letter-spacing: 0.04em;
	font-weight: 500;
}
.skr_201005 .topbox figure{
    width: 550px;
    margin: 0 auto;
    padding-bottom: 34px;
}
.skr_201005 .topbox .txt{
    width: 475px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 9px;
    font-feature-settings: normal;
    letter-spacing: 0.07em;
    line-height: 1.85;
}
.skr_201005 .topbox .price{
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: underline;
}
/* =================
    sec1
================= */
.skr_201005 .sec1{
    margin-bottom: 143px;
}
.skr_201005 .sec1 .blk_01{
    display: flex;
    flex-wrap: wrap;
    width: 950px;
    margin-left: 60px;
}
.skr_201005 .sec1 .ikonbox{
    margin-left: 0;
    margin-right: 159px;
}
.skr_201005 .sec1 .positionbox_01{
    position: relative;
}
.skr_201005 .sec1 .positionbox_01 a::before{
    content: '';
    position: absolute;
    width: 481px;
    height: 720px;
    top: 0;
    left: -20px;
    background-color: #bfbecc;
    z-index: -1;
}
.skr_201005 .sec1 .positionbox_01 a img{
    position: relative;
    width: 481px;
    margin-bottom: 34px;
    z-index: 1;
}
.skr_201005 .sec1 .positionbox_01 .ikon{
    width: 192px;
    position: absolute;
    top: 10px;
    left: 385px;
    z-index: 2;
}
.skr_201005 .sec1 .ikonbox .credit{ 
    margin-left: -20px;
}
.skr_201005 .sec1 .ikonbox .credit .txt{
    width: 502px;
    padding-bottom: 7px;
}
.skr_201005 .sec1 .colorbox h3{
    background-color: #bfbecc;
    width: 276px;
    height: 32px;
    text-align: center;
    margin-left: 31px;
    margin-bottom: 20px;
}
.skr_201005 .sec1 .colorbox h3 span{
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #ffffff;
}
.skr_201005 .sec1 .colorbox .positionbox_02{
    position: relative;
    width: 280px;
}
.skr_201005 .sec1 .colorbox .positionbox_02 .ttl{
    top: 34px;
    right: -34px;
    color: #bfbecc;
}
.skr_201005 .sec1 .blk_02{
    margin-top: -375px;
    margin-left: auto;    
    margin-right: 40px;    
    width: 570px;
}
.skr_201005 .sec1 .blk_02 .flexbox{
    width: 570px;
}
.skr_201005 .sec1 .blk_02 .model{
    width: 301px;
}
.skr_201005 .sec1 .blk_02 .model._02{
    margin: 95px 0 36px -32px;
}
.skr_201005 .sec1 .blk_02 .txt{
    width: 300px;
    margin-left: 270px;
}
/* =================
    sec2
================= */
.skr_201005 .sec2{
    width: 880px;
    margin-left: 165px;
    margin-bottom: 147px;
}
.skr_201005 .sec2 .colorbox{
    position: relative;
    width: 280px;
    margin-top: 51px;
    margin-left: 0;
}
.skr_201005 .sec2 .colorbox .ttl{
    top: 113px;
    left: -30px;
    color: #bf847c;
}
.skr_201005 .sec2 .ikonbox{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    margin-left: -164px;
}
.skr_201005 .sec2 .ikonbox .positionbox{
    position: relative;
    width: 451px;
    margin-right: 0;
}
.skr_201005 .sec2 .ikonbox .positionbox a::before{
    content: '';
    position: absolute;
    width: 451px;
    height:675px;
    top: 0;
    right: -20px;
    background-color: #bf847c;
    z-index: -1;
}
.skr_201005 .sec2 .ikonbox .ikon{
    width: 192px;
    position: absolute;
    top: 10px;
    left: -95px;
    z-index: 2;
}
.skr_201005 .sec2 .ikonbox .credit{
    z-index: 1;
}
.skr_201005 .sec2 .ikonbox .txt{
    width: 290px;
    margin-right: 35px;
    margin-bottom: 6px;
	margin-left: -12px;
	font-feature-settings: "palt";
	letter-spacing: 0.15em;
}
.skr_201005 .sec2 .ikonbox .price{
    margin-bottom: -4px;
	margin-left: -12px;
}
/* =================
    sec3
================= */
.skr_201005 .sec3{
    width: 880px;
    margin-left: 155px;
    margin-bottom: 148px;
}
.skr_201005 .sec3 .colorbox{
    position: relative;
    width: 280px;
    margin: 51px 0 0 -10px;
}
.skr_201005 .sec3 .colorbox .ttl{
    top: 23px;
    right: -34px;
    color: #63111f;
}
.skr_201005 .sec3 .ikonbox{
    display: flex;
    align-items: flex-end;
    margin-right: -170px;
}
.skr_201005 .sec3 .ikonbox .positionbox{
    position: relative;
    width: 451px;
    margin-left: 0;
}
.skr_201005 .sec3 .ikonbox .positionbox a::before{
    content: '';
    position: absolute;
    width: 451px;
    height:675px;
    top: 0;
    left: -20px;
    background-color: #63111f;
    z-index: -1;
}
.skr_201005 .sec3 .ikonbox .ikon{
    width: 192px;
    position: absolute;
    top: 10px;
    right: -95px;
    z-index: 2;
}
.skr_201005 .sec3 .ikonbox .credit{
    width: 289px;
    margin-left: 38px;
    z-index: 1;
}
.skr_201005 .sec3 .ikonbox .txt{
    margin-bottom: 8px;
}
.skr_201005 .sec3 .ikonbox .price{
    margin-bottom: -7px;
}
/* =================
    secs4
================= */
.skr_201005 .sec4{
    margin-bottom: 65px;
}
.skr_201005 .sec4 .blk_01{
    display: flex;
    flex-wrap: wrap;
    width: 930px;
    margin-left: 205px;
}
.skr_201005 .sec4 .ikonbox{
    margin-left: 150px;
}
.skr_201005 .sec4 .positionbox_01{
    position: relative;
}
.skr_201005 .sec4 .positionbox_01 a::before{
    content: '';
    position: absolute;
    width: 481px;
    height: 720px;
    top: 0;
    right: 0;
    background-color: #C7B9B6;
    z-index: -1;
}
.skr_201005 .sec4 .positionbox_01 a img{
    position: relative;
    width: 480px;
    margin-bottom: 36px;
    z-index: 1;
}
.skr_201005 .sec4 .positionbox_01 .ikon{
    width: 192px;
    position: absolute;
    top: 10px;
    left: -97px;
    z-index: 2;
}
.skr_201005 .sec4 .ikonbox .credit{ 
    text-align: left;
    margin-left: 130px;
}
.skr_201005 .sec4 .ikonbox .credit .txt{
    width: 370px;
    padding-bottom: 8px;
	font-feature-settings: "palt";
	letter-spacing: 0.14em;
}
.skr_201005 .sec4 .colorbox h3 span{
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #ffffff;
}
.skr_201005 .sec4 .colorbox .positionbox_02{
    position: relative;
    width: 280px;
    margin: 52px 0 0 0;
}
.skr_201005 .sec4 .colorbox .positionbox_02 .ttl{
    top: 19px;
    left: -30px;
    color: #C7B9B6;
}
.skr_201005 .sec4 .blk_02{
    margin-top: -428px;
    margin-left: 65px;
}
.skr_201005 .sec4 .blk_02 .model{
    width: 300px;
}
.skr_201005 .sec4 .blk_02 .model._01{
    z-index: 10;
    height: 450px;
}
.skr_201005 .sec4 .blk_02 .model._02{
    margin: 296px 340px 36px -30px;
}
.skr_201005 .sec4 .blk_02 .txt{
    width: 278px;
    margin: 679px 41px 0 -300px;
}
/* bnt */
.skr_201005 .skr_201005_bnt{
    width: 380px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #000000;
    line-height: 59px;
    letter-spacing: 0.05em;
    font-family: regulator-nova, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    box-sizing: border-box;
}
.skr_201005 .skr_201005_bnt a{
    display: block;
}

@media all and (-ms-high-contrast: none) {
	.skr_201005 .ttl{
		transform: rotate(90deg);
	}
	.skr_201005 .sec1 .colorbox .positionbox_02 .ttl{
		right: -147px;
		top: 146px;
	}
	.skr_201005 .sec2 .colorbox .ttl{
		top: 146px;
		left: -64px;
	}
	.skr_201005 .sec3 .colorbox .ttl{
		top: 146px;
		right: -156px;
	}
	.skr_201005 .sec4 .colorbox .positionbox_02 .ttl{
		top: 146px;
		left: -157px;
	}
}

/* for tablet */
@media only screen
and (min-device-width: 561px)
and (max-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 1) {
	.sp_only {
		display: none !important;
    }
    /* =================
        all
    ================= */
    #LimitedColor_skr{
        width: calc( 1200 * (100vw / 1200));
        margin-bottom: calc( 142 * (100vw / 1200));
    }
    .skr_201005 .txt{
        font-size: calc( 13 * (100vw / 1200));
    }
    .skr_201005 .ttl{
        font-size: calc( 60 * (100vw / 1200));
    }
    .price{
        font-size: calc( 13 * (100vw / 1200));
    }
    /* =================
        top
    ================= */
    .skr_201005 .topbox{
        margin-bottom: calc( 115 * (100vw / 1200));
    }
    .skr_201005 .topbox h2{
        margin-bottom: calc( 36 * (100vw / 1200));
    }
    .skr_201005 .topbox h2 span:nth-of-type(1){
        font-size: calc( 20 * (100vw / 1200));
    }
    .skr_201005 .topbox h2 span:nth-of-type(2){
        font-size: calc( 30 * (100vw / 1200));
    }
    .skr_201005 .topbox figure{
        width: calc( 550 * (100vw / 1200));
        padding-bottom: calc( 34 * (100vw / 1200));
    }
    .skr_201005 .topbox .txt{
        width: calc( 475 * (100vw / 1200));
        padding-bottom: calc( 9 * (100vw / 1200));
    }
    /* =================
        sec1
    ================= */
    .skr_201005 .sec1{
        margin-bottom: calc( 143 * (100vw / 1200));
    }
    .skr_201005 .sec1 .blk_01{
        width: calc( 950 * (100vw / 1200));
        margin-left: calc( 60 * (100vw / 1200));
    }
    .skr_201005 .sec1 .ikonbox{
        margin-left: 0;
        margin-right: calc( 159 * (100vw / 1200));
    }
    .skr_201005 .sec1 .positionbox_01 a::before{
        width: calc( 481 * (100vw / 1200));
        height: calc( 720 * (100vw / 1200));
        left: calc( -20 * (100vw / 1200));
    }
    .skr_201005 .sec1 .positionbox_01 a img{
        width: calc( 481 * (100vw / 1200));
        margin-bottom: calc( 34 * (100vw / 1200));
    }
    .skr_201005 .sec1 .positionbox_01 .ikon{
        width: calc( 192 * (100vw / 1200));
        top: calc( 10 * (100vw / 1200));
        left: calc( 385 * (100vw / 1200));
    }
    .skr_201005 .sec1 .ikonbox .credit{ 
        margin-left: calc( -20 * (100vw / 1200));
    }
    .skr_201005 .sec1 .ikonbox .credit .txt{
        width: calc( 502 * (100vw / 1200));
        padding-bottom: calc( 7 * (100vw / 1200));
    }
    .skr_201005 .sec1 .colorbox h3{
        width: calc( 276 * (100vw / 1200));
        height: calc( 32 * (100vw / 1200));
        margin-left: calc( 31 * (100vw / 1200));
        margin-bottom: calc( 20 * (100vw / 1200));
    }
    .skr_201005 .sec1 .colorbox h3 span{
        font-size: calc( 18 * (100vw / 1200));
        line-height: calc( 32 * (100vw / 1200));
    }
    .skr_201005 .sec1 .colorbox .positionbox_02{
        width: calc( 280 * (100vw / 1200));
    }
    .skr_201005 .sec1 .colorbox .positionbox_02 .ttl{
        top: calc( 34 * (100vw / 1200));
        right: calc( -34 * (100vw / 1200));
    }
    .skr_201005 .sec1 .blk_02{
        width: calc( 570 * (100vw / 1200));
        margin-top: calc( -380 * (100vw / 1200));
        margin-right: calc( 40 * (100vw / 1200));
    }
    .skr_201005 .sec1 .blk_02 .flexbox{
        width: calc( 570 * (100vw / 1200));
    }
    .skr_201005 .sec1 .blk_02 .model{
        width: calc( 301 * (100vw / 1200));
    }
    .skr_201005 .sec1 .blk_02 .model._02{
        margin: calc( 95 * (100vw / 1200)) 0 calc( 36 * (100vw / 1200)) calc( -32 * (100vw / 1200));
    }
    .skr_201005 .sec1 .blk_02 .txt{
        width: calc( 300 * (100vw / 1200));
        margin-left: calc( 270 * (100vw / 1200));
    }
    /* =================
        sec2
    ================= */
    .skr_201005 .sec2{
        width: calc( 880 * (100vw / 1200));
        margin-left: calc( 165 * (100vw / 1200));
        margin-bottom: calc( 147 * (100vw / 1200));
    }
    .skr_201005 .sec2 .colorbox{
        width: calc( 280 * (100vw / 1200));
        margin-top: calc( 51 * (100vw / 1200));
    }
    .skr_201005 .sec2 .colorbox .ttl{
        top: calc( 113 * (100vw / 1200));
        left: calc( -30 * (100vw / 1200));
    }
    .skr_201005 .sec2 .ikonbox{
        margin-left: calc( -164 * (100vw / 1200));
    }
    .skr_201005 .sec2 .ikonbox .positionbox{
        width: calc( 451 * (100vw / 1200));
    }
    .skr_201005 .sec2 .ikonbox .positionbox a::before{
        width: calc( 451 * (100vw / 1200));
        height:calc( 675 * (100vw / 1200));
        right: calc( -20 * (100vw / 1200));
    }
    .skr_201005 .sec2 .ikonbox .ikon{
        width: calc( 192 * (100vw / 1200));
        top: calc( 10 * (100vw / 1200));
        left: calc( -95 * (100vw / 1200));
    }
    .skr_201005 .sec2 .ikonbox .txt{
        width: calc( 290 * (100vw / 1200));
        margin-right: calc( 35 * (100vw / 1200));
        margin-bottom: calc( 6 * (100vw / 1200));
        margin-left: calc( -12 * (100vw / 1200));
    }
    .skr_201005 .sec2 .ikonbox .price{
        margin-bottom: calc( -4 * (100vw / 1200));
		margin-left: calc( -12 * (100vw / 1200));
    }
    /* =================
        sec3
    ================= */
    .skr_201005 .sec3{
        width: calc( 880 * (100vw / 1200));
        margin-left: calc( 155 * (100vw / 1200));
        margin-bottom: calc( 148 * (100vw / 1200));
    }
    .skr_201005 .sec3 .colorbox{
        width: calc( 280 * (100vw / 1200));
        margin: calc( 51 * (100vw / 1200)) 0 0 calc( -10 * (100vw / 1200));
    }
    .skr_201005 .sec3 .colorbox .ttl{
        top: calc( 23 * (100vw / 1200));
        right: calc( -34 * (100vw / 1200));
    }
    .skr_201005 .sec3 .ikonbox{
        margin-right: calc( -170 * (100vw / 1200));
    }
    .skr_201005 .sec3 .ikonbox .positionbox{
        width: calc( 451 * (100vw / 1200));
    }
    .skr_201005 .sec3 .ikonbox .positionbox a::before{
        width: calc( 451 * (100vw / 1200));
        height:calc( 675 * (100vw / 1200));
        left: calc( -20 * (100vw / 1200));
    }
    .skr_201005 .sec3 .ikonbox .ikon{
        width: calc( 192 * (100vw / 1200));
        top: calc( 10 * (100vw / 1200));
        right: calc( -95 * (100vw / 1200));
    }
    .skr_201005 .sec3 .ikonbox .credit{
        width: calc( 289 * (100vw / 1200));
        margin-left: calc( 38 * (100vw / 1200));
    }
    .skr_201005 .sec3 .ikonbox .txt{
        margin-bottom: calc( 8 * (100vw / 1200));
    }
    .skr_201005 .sec3 .ikonbox .price{
        margin-bottom: calc( -7 * (100vw / 1200));
    }
    /* =================
        secs4
    ================= */
    .skr_201005 .sec4{
        margin-bottom: calc( 65 * (100vw / 1200));
    }
    .skr_201005 .sec4 .blk_01{
        width: calc( 930 * (100vw / 1200));
        margin-left: calc( 205 * (100vw / 1200));
    }
    .skr_201005 .sec4 .ikonbox{
        margin-left: calc( 150 * (100vw / 1200));
    }
    .skr_201005 .sec4 .positionbox_01 a::before{
        width: calc( 481 * (100vw / 1200));
        height: calc( 720 * (100vw / 1200));
        right: calc( -20 * (100vw / 1200));
    }
    .skr_201005 .sec4 .positionbox_01 a img{
        width: calc( 480 * (100vw / 1200));
        margin-bottom: calc( 36 * (100vw / 1200));
    }
    .skr_201005 .sec4 .positionbox_01 .ikon{
        width: calc( 192 * (100vw / 1200));
        top: calc( 10 * (100vw / 1200));
        left: calc( -97 * (100vw / 1200));
    }
    .skr_201005 .sec4 .ikonbox .credit{ 
        margin-left: calc( 132 * (100vw / 1200));
    }
    .skr_201005 .sec4 .ikonbox .credit .txt{
        width: calc( 368 * (100vw / 1200));
        padding-bottom: calc( 8 * (100vw / 1200));
    }
    .skr_201005 .sec4 .colorbox h3 span{
        font-size: calc( 18 * (100vw / 1200));
        line-height: calc( 32 * (100vw / 1200));
    }
    .skr_201005 .sec4 .colorbox .positionbox_02{
        width: calc( 280 * (100vw / 1200));
        margin: calc( 52 * (100vw / 1200)) 0 0 0;
    }
    .skr_201005 .sec4 .colorbox .positionbox_02 .ttl{
        top: calc( 19 * (100vw / 1200));
        left: calc( -30 * (100vw / 1200));
    }
    .skr_201005 .sec4 .blk_02{
        margin-top: calc( -428 * (100vw / 1200));
        margin-left: calc( 65 * (100vw / 1200));
    }
    .skr_201005 .sec4 .blk_02 .model{
        width: calc( 300 * (100vw / 1200));
    }
	.skr_201005 .sec4 .blk_02 .model._01{
		height: calc(450*(100vw/750));
	}
    .skr_201005 .sec4 .blk_02 .model._02{
        margin: calc( 296 * (100vw / 1200)) calc( 340 * (100vw / 1200)) calc( 36 * (100vw / 1200)) calc( -30 * (100vw / 1200));
    }
    .skr_201005 .sec4 .blk_02 .txt{
        width: calc( 278 * (100vw / 1200));
        margin: calc( 679 * (100vw / 1200)) calc( 41 * (100vw / 1200)) 0 calc( -300 * (100vw / 1200));
    }
    /* bnt */
    .skr_201005 .skr_201005_bnt{
        width: calc( 380 * (100vw / 1200));
        height: calc( 60 * (100vw / 1200));
        border: calc( 1 * (100vw / 1200)) solid #000000;
        line-height: calc( 59 * (100vw / 1200));
        font-size: calc( 20 * (100vw / 1200));
    }
	@media all and (-ms-high-contrast: none) {
		.skr_201005 .sec1 .colorbox .positionbox_02 .ttl{
			right: calc(-147*(100vw/1200));
			top: calc(146*(100vw/1200));
		}
		.skr_201005 .sec2 .colorbox .ttl{
			top: calc(146*(100vw/1200));
			left: calc(-64*(100vw/1200));
		}
		.skr_201005 .sec3 .colorbox .ttl{
			top: calc(146*(100vw/1200));
			right: calc(-156*(100vw/1200));
		}
		.skr_201005 .sec4 .colorbox .positionbox_02 .ttl{
			top: calc(146*(100vw/1200));
			left: calc(-157*(100vw/1200));
		}
	}
}