@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

.onlysp{
	display:none;
}
.grecaptcha-badge { visibility: hidden; }

html,body{font-family: "minion-pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 300;}
#content{margin:0; left: 0;}
#header-container,
#footer{display:none;}
#container .content .main{margin:0; padding:0;}
.container{background:#fff;}
.wrap-container{
	display: flex; justify-content: flex-start; flex-wrap: nowrap; width: max-content; padding: 0 400px 0 0;
}
.content-in{ margin: 0; display: block; width: auto;}
.wrap-news-post .article{
	width: 119vh; margin: 0px auto 0 auto; padding: 30px 15px 60px 15px; border-top:1px solid #111;
}
.content {  margin-top: 0;}

.wrap-org-menu{
	z-index: 11;
}
.org-menu-btn{
	width: 5vh; position: fixed; right: 4vh; top: 25px; cursor:pointer; transition:0.5s; z-index:11;
}
.org-menu-btn:hover{
	opacity:0.4;
}
.org-menu-contents{
	background: #fff; position: fixed; top: 0; right: -44vh; width: 43vh; height: 100vh;
	transition:all 0.8s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 0 20px #ccc; z-index:13;
}
.org-menu-contents.active-org-menu{right: 0;}
.org-menu-contents .menu-close-btn{
	background:url(https://www.soerte.tokyo/wp-content/uploads/2025/11/product_close_btn_ver2.png) no-repeat;
	background-size:contain; 
	width: 4vh; height: 4vh; position: absolute; right: 25px; top: 25px; cursor:pointer; transition:0.2s;
}
.org-menu-contents .menu-close-btn:hover{
	opacity:0.5;
}

.slick-slider{
	padding: 0; list-style: none; height: 90%;
}

.keyvisual-slick{}

.sec-keyvisual{
	flex-shrink: 0; height: 100vh; width:70vw; overflow:hidden;
}
.slick-slide img{
	object-fit: cover; width: 100%; height:100%; position: relative; top:auto;
}
.slick-slide:nth-of-type(1) img{
	/* top: -330px;*/
}
.slick-slide:nth-of-type(2) img{
	/*top: -390px;*/
}
.slick-slide:nth-of-type(3) img{
	/*top: -450px;*/
}

.header-logo{position: fixed; z-index: 2; width: 15vh; left: 40px; top: 25px;}
.header-online-store{
	position: fixed; z-index: 11; top: 22px; right: 12vh;
}
.header-online-store a{
	color: #111; text-decoration: none; font-weight: 200; font-size: 2.3vh; cursor:pointer; transition:0.3s; letter-spacing:1px;
}
.header-online-store a:hover{opacity:0.6;}
.header-insta-link{ position: fixed; z-index: 2; bottom: 20px; left: 205px; width: 21px;}
.header-insta-link a{font-family: fontawesome; color: #aaa; font-style: normal; text-decoration: none; font-size: 26px; transition:0.3s;}
.header-insta-link a:hover{opacity:0.6;}
.header-insta-link a .fa-instagram{ font-style: normal;}

.sec-concept{ flex-shrink: 0; height: 100vh; position: relative; background: #fff; z-index: 2; padding: 0px 0 0 300px;}
.sec-concept .concept-art-area{position:absolute; top: 50%; transform:translate(0%, -50%);}
.sec-concept .h2-concept-ttl{
	font-size:3.1vh; position: relative; font-weight: 400; border-bottom: 1px solid #111; display: inline-block;
}
.sec-concept .txt-concept-detail{
	font-size: 4.7vh; position: relative; font-weight: 300; margin: 40px 0px 0px 0px;
}
.sec-concept .concept-inner{
	transform: rotate(-90deg) translate(0px, 80px); position: relative; left: -430px; top: 37%; line-height: 1.2;
}

.sec-top-news{
	padding: 0 0 0 200px; position: relative; display: flex; align-items: center;
}
.sec-top-news .top-news-ttl{
	color: #111; font-weight: 300; font-size: 3.1vh; letter-spacing: 1px; margin: 0 0 10px 0;
}
.sec-top-news .top-news-list{
	font-size: 2.0vh; font-weight: 300; color: #111; letter-spacing: 1px; margin: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis;
}
.sec-top-news .top-news-list a{
	color:#111; text-decoration:none; transition:0.2s;
}
.sec-top-news .top-news-list a:hover{
}
.sec-top-news .btn-top-to-news{margin: 20px 0 0 0;}
.sec-top-news .btn-top-to-news a{
	color: #111; font-size: 2.0vh; text-decoration: none; border: 1px solid #111; padding: 5px 20px; transition:0.2s;
	position:relative; top:0; left:0; transition:0.2s;
}
.sec-top-news .top-news-list a:hover{
	color: #e53900; 
}
.sec-top-news .btn-top-to-news a:hover{
	color: #e53900;
}

.sec-top-news .box-news-inner{
	min-width: 500px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 20px;
}
.sec-top-news .box-news-art-area{position:relative; margin:70px 0 0 0;}
.sec-top-news .img-news-key{ position: relative; z-index: 1; height: 79vh;}
.sec-top-news .img-news-key img{ object-fit: contain; width: 100%; height: 100%;}
.sec-top-news .news-img-efefct{opacity:0.77 ; position:relative; z-index:2; width:500px; height:600px;}

h2.news-title{
	width: 120vh; margin: 100px auto 0 auto; padding: 0 15px; font-size: 4.7vh; color:#111;
}
.wrap-news-post article p{
	font-size:2.2vh;
}


/*********************カウントダウン*********************/
.cd-number{
	font-family: "Roboto Condensed"; font-size: 11.5vh; line-height: 1; font-weight: 500; color: #111;
}
.cd-time-name{
	font-size: 2.4vh; line-height: 1.2;
}
.cd-time-box{
	text-align:center;
}
.countdown-wrap{
	border: 1px solid #111; padding: 15px 30px; display: flex;
}
.cd-colon{
	font-size: 12.5vh; line-height: 1; margin: 7px 12px 0 12px;
}
.countdown-ttl{
	text-align: center; font-size: 8.0vh; line-height: 1.1; color: #111; margin: 0 0 40px 0; letter-spacing: 3px;
}
.countdown-ttl span{
	color:#974c2f;
}
.sec-countdown{
	padding: 30vh 0 0 200px;
}
.release-box{
	text-align:center;
}
.release-box a{
	display:block; color:#111; text-decoration:none; border:1px solid #111; padding:15px 30px; transition:0.2s;
}
.release-box a:hover{
	color:#e53900;
}
.countdown-wrap:has(.release-box){
	border:none; padding:0; display:block;
}


/*********************オンラインストア*********************/

.sec-online-store{
	display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 150px;
}
.sec-online-store .h2-os{
	position: relative; margin: 0px 0 -14vh 0px; z-index: 2; font-size: 11.5vh; line-height: 1.2; font-weight: 400; letter-spacing: 1px; color:#111;
}
.sec-online-store .img-os{
	width: 56vh; position: relative; z-index: 1; margin: 0px 0 0 83px;
}
.link-top-os {
    position: absolute; top: 47%; left: 37%; text-align: center; color: #111; text-decoration: none; background: rgba(255, 255, 255, 0.6); display: inline-block; padding: 1px 45px; transition:0.2s; font-size: 2.7vh;
}


/********************* トップページインスタグラム *********************/
.sec-insta-icon{
	display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 170px;
}
.sec-insta-icon .insta-icon{
	background:url(https://www.soerte.tokyo/wp-content/uploads/2025/10/insta_icon_soerte.png) no-repeat;
	width: 120px; height: 120px; border-radius: 140px; background-size: 54px; background-position: center;
    border: 1px solid #111; transition:0.1s;
}
.sec-insta-icon .insta-icon:hover{
	border:4px solid #e53900;
}
.sec-insta-icon .insta-text{
	text-align: center; margin: 15px 0 0 0;
}

/****************** Look一覧ページ ************************/
.look-archive{
	background: #f2f1e7; margin: 40px 0 0 0; padding: 50px 0 10px 0;
}
.look-archive .look-list{
	display: flex; margin: 0 auto 0px auto; flex-wrap: wrap;
}
.look-archive .art-post{
	width: 29%; margin: 0 2% 20px 2%; font-size: 0;
}
.look-archive .art-post a{
	transition:0.2s; position:relative; top:0; left:0; display:block;
}
.look-archive .art-post a:hover{
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); left: 5px; top: 5px;
}
.normal-page-wrap{
	margin: 100px 0 0 0;
}
.kasou-page-title{
	margin: 0 auto 0 auto; font-weight: 400; padding: 0 20px; font-size: 3vw; color:#111 !important;
}
.kasou-page-title:before{
	content: ""; display: block; width: 100px; height: 1px; background: #111;
}
.kotei-page-title{
    margin:100px auto 0 auto; font-weight: 400; padding: 0 3vw; font-size: 5.8vh; color:#111 !important;
}
.kotei-page-title:before{
	content: ""; display: block; width: 100px; height: 1px; background: #111;
}
.look-archive .art-post:nth-child(3n + 2) {
  margin-top:60px;
}
.look-archive .art-post:nth-child(3n + 3) {
  margin-top:120px;
}



/*******************************************************************/
.sec-top-look{
	display:flex; align-items: center;flex-shrink: 0; color: #aaa; font-weight: 100; margin: 0 0 0 -500px; position:relative; z-index:2; background:#fff; padding:0 0 0 8vw;
}
.ul-look{
	list-style: none; margin: 5vh 0 0 0; padding:0;
}
.list-look{
	flex-shrink: 0; list-style: none; margin: 0 30px 0 0; display: inline-block; vertical-align: top; width:43vh;
}
.list-look:nth-of-type(even){margin-top:9vh;}
.thumb-area{
}

.look-thumb{
font-size:0;
}
.look-thumb img{
	position:relative; transition:0.2s; top:0; left:0; cursor:pointer; font-size:0;
}
.look-thumb img:hover{
	top:5px; left:5px; box-shadow:0px 0px 10px rgba(0,0,0, 0.7);
}
.look-product-name{
	color: #111; font-size: 2.1vh; line-height:1.2; margin-top:10px;
}
.look-v-line{
	width: 1px; height: 75vh; background: #ccc; display: inline-block; margin: 0 30px 0 0;
}
.season-look-link{
	display: inline-block; border-bottom: 1px solid #111; text-decoration: none; color: #111; padding: 5px 25px 5px 0px; margin: 0 0 0 70px;
	background: url(https://www.soerte.tokyo/wp-content/uploads/2025/10/arrow.png) no-repeat;
    background-size: 7px;
    background-position: right 5px center;
	transition:0.2s; position:relative;
	font-size:2.5vh;
}
.season-look-link:hover{
	    background-position: right 0px center;
}


/******************************Single Look*************************************/

.single-look-wrap{}
.sec-single-look{
	margin:120px auto 0 auto;
}
.ul-single-look{
	display:flex; padding: 50px 0 80px 0; flex-wrap:wrap;
}
.list-single-look{
	list-style: none; width: 33%; padding: 0 2%;
}
.list-single-look:nth-child(3n + 2) {
	margin: 25px 0 0 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 60px 2% 0 2%;
}
.list-single-look .look-num {
    font-size: 4.3vw;
    margin: 0 0 5px 0px;
    color: #111;
    line-height: 1;
}

.look-detail-num{
}
.look-detail-product-name{
	line-height: 1.2;
}


/******************************* top look archive*******************************/
.sec-top-look-archive{
	background: #f2f1e7; padding: 0 60px; margin: 0 0 0 140px; display: flex; align-items: center;
}
.sec-top-look-archive .top-img-archive{
	width: 56vh; position: relative; left:0; top:0; transition:0.2s;
}
.sec-top-look-archive .top-img-archive:hover{
    top: 5px; left: 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); font-size: 0;
}


.sec-top-look .look-ttl-area{display: flex; align-items: center; margin: 50px 0 0 0;}
.sec-top-look .look-post-ttl{font-size:36px; letter-spacing:1px;}
.sec-top-look .look-num{
	font-size: 3.4vw; margin: 0 20px 5px 0px; color: #111; line-height: 1;
}

.sec-top-look .open-other-look{border-left: 1px solid #aaa; margin: 0 0 0 20px; padding: 0 0px 0 20px; cursor:pointer;}
.sec-top-look .ul-other-look{
	display:none; position: absolute; top: 32px; left: 40px; list-style: none; padding: 0; width: 400px; z-index: 2; background: #fff;
}
.sec-top-look .link-other-look{position: relative;}
.sec-top-look .list-other-look a{text-decoration: none; color: #aaa; font-size: 16px;}
.sec-top-look .list-other-look a:hover{ color:#333;}

.look-detail{ display: none; position: fixed; top: 0; left: 0; z-index: 20; width: 100vw; height: 100vh;}
.inner-look-detail{
	position: relative; width: 92vw; height: 92vh; margin: 0 auto 0 auto; background: #fff; top: 50%; transform: translate(0%, -50%); z-index:20; overflow: scroll;
}
.look-img-area{
    width: auto; display: flex; justify-content: center; margin: 60px 0 0 0; padding: 0px 0 0 0; height: 60vh;
}
.look-img-area .img-look-detail{
	margin: 0 3% 0 3%;
}
.look-detail-area{
	font-size: 2.3vh; color: #111;
}
.look-open-text-info{
	display:flex; padding:0 0 0 4vw; margin: 11.5vh 0 0 0;
}
.look-detail-text{
	color: #aaa; font-size: 13px; margin: 30px 0 0 0;
}
.link-product-store{
	display: block; border: 1px solid #111; border-radius: 100px; font-size: 17px; width: 6vh; height: 6vh; text-align: center; color: #111; padding:0; margin: 10px 0 0 40px; transition:0.2s;
	background:url(https://www.soerte.tokyo/wp-content/uploads/2025/11/cart_icon.png) no-repeat;
	background-size: 50%; background-position: center;
}
.link-product-store:hover{
	opacity:0.5;
}
.look-scroll-down{ position: absolute; width: 21px; bottom: 15px; left: 15%;}
.look-scroll-down img{}
.product-close-btn{
	background: url(https://www.soerte.tokyo/wp-content/uploads/2025/11/product_close_btn_ver2.png) no-repeat;
    background-size: contain;
    height: 4vh; width:4vh; z-index: 21; position: absolute; right: 6vw; top: 7.2vh; cursor: pointer; transition: 0.2s;
}

.product-close-btn:hover{
	opacity:0.45;
}

.bg-close-area{
	position:fixed; background:rgba(0,0,0,0.5); width:100vw; height:100vh; z-index:1;
}
.scroll-down1{
	position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #aaa;
    font-size: 20px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
	top: 48vh;
	left: 8%;
}
    .scroll-down1 i{
        color: #aaa;
        animation: scrollDown1 1.5s ease infinite;
    }
@keyframes scrollDown1{
    0%{
        transform: translateY(-15px);
        opacity: 0;
    }
    50%{
        transform: translateY(0px);
        opacity: 1;
    }
    100%{
        transform: translateY(15px);
        opacity: 0;
    }
}

.sec-contact-form{flex-shrink: 0; margin: 50px 0 0 0;}
.sec-contact-form .form-col-box{ display: flex;}
.sec-contact-form .form-left-box{ width: 50%; margin: 0 70px 0px 0;}
.sec-contact-form .form-right-box{ width: 50%;}
.sec-contact-form label{display:block;}
.sec-contact-form input[type="text"],
.sec-contact-form input[type="email"]{
	background: #fff; border: none; border-bottom: 1px solid #aaa; border-radius: 0; font-size: 14px; color: #333; outline:none; padding: 10px 2px;
}
.sec-contact-form input[type="text"]::placeholder,
.sec-contact-form input[type="email"]::placeholder,
.sec-contact-form textarea::placeholder{color:#aaa; font-size:14px; font-weight:300;}
.sec-contact-form select{
	background: #fff; border: none; border-bottom: 1px solid #aaa; border-radius: 0; font-size: 14px; color: #333; outline:none; padding: 10px 2px; margin: 0 0 35px 0;
}
.sec-contact-form .wpcf7-not-valid-tip{ font-size: 14px; margin: 0; padding: 3px 0 0 0;}
.sec-contact-form textarea{
	border-radius: 0; border: 1px solid #ccc; color: #333; font-size: 14px; height: 280px; width: 100%; outline:none; border-radius:4px;
}
.sec-contact-form input[type='submit']{
	background: #eee; width: 130px; margin: 10px 0 0 auto; display: block; letter-spacing: 3px;
}
.sec-contact-form .contact-ttl{ font-weight: 100; color: #aaa; font-size: 36px; letter-spacing: 1px;}
.contact-form-area{ margin: 50px 0 0 0;}

.org-menu-contents ul{
	padding: 0 0; list-style: none; margin-top: 8vh;
}
.org-menu-contents li{list-style:none;}
.org-menu-contents li a{
	text-decoration: none; font-weight: 300; font-size: 2.2vh; color: #333; padding: 10px 15px; display: block; transition:0.2s;
}
.org-menu-contents li a:hover{opacity:0.6;}
.org-menu-contents .menu-online-store a:after,
.org-menu-contents .menu-instagram a:after{ content:"\f08e"; font-family:FontAwesome; margin: 0 0 0 10px;}

.entry-content{ font-size: 15px;}
.article h1{margin: 10px 0 25px 0;}
.archive-news-wrap{
	width: 70vw; margin: 30px auto 50px auto; padding: 0 3vw;
}
h2.archive-news-ttl{color: #aaa; font-weight: 300; margin-bottom: 15px; font-size: 24px;}
.archive-news-list a{
	text-decoration: none; color: #333; font-size: 1.1vw; display: block; padding: 15px 0 15px 0; transition: 0.2s; border-bottom: 1px solid #ddd;
}
.archive-news-list a:hover{opacity:0.6;}
.org-menu-contents li.menu-look-ttl a{color: #aaa; font-size: 18px; border-top: 1px solid #ccc; padding-bottom: 5px;}
.org-menu-contents li.menu-look-ttl a:hover{opacity:1.0;}
.org-menu-contents li.menu-news-event{ border-top: 1px solid #ccc; margin: 5px 0 0 0; padding: 5px 0 0 0;}


.mobile-menu-buttons{display:none !important;}


#ss-wrapper {
  display: table; position: absolute; z-index: 5; width: 120px; height: 145px; top: 35%; left: 67vw;
}

#ss-wrapper-inner {
  display: table-cell;
  vertical-align:middle;
  width:100%;
  height:100%;
}

#ss-scroll-down {
	display: block; position: relative; padding-top: 79px; text-align:center; transform: rotate(-90deg);
}
.ss-arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
	
}
.ss-arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#ss-scroll-title {
    display: block;
    text-transform: uppercase;
    color: #aaa;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size:13px;
  font-weight:300;
  letter-spacing:.1em;
	margin-top: -35px;
}
#ss-scroll-down::before {
    -webkit-animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
    /* Safari 4+ */
    
    -moz-animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
    /* Fx 5+ */
    
    -o-animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
    /* Opera 12+ */
    
    animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
    /* IE 10+, Fx 29+ */
    
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    height: 89px;
    background: #aaa;
    content: ' ';
}
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

.top-look-concept-text{ width: 400px; font-size: 12px; position: absolute;}

.copyright {
    display: block;
    position: absolute;
    bottom: 15px;
    right: 0px;
    text-align: right;
    padding: 0 15px 0 0;
}

.box-form-wrap{
	width: 120vh; margin: 0 auto;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
	
	.onlysp{
		display:block;
	}
	.onlypc{
		display:none !important;
	}
	#content{
		position: relative !important; left: auto; padding: 0 !important; width: auto !important;
	}
	.wrap-container{
		overflow: auto; height: auto; display: block; padding: 0;
	}
	.kotei-page-title{
		font-size:26px;
	}
	
	h2.news-title{
		font-size:24px;
		width:auto;
	}
	.wrap-news-post article p{
		font-size:12px;
	}
	.wrap-news-post .article{
		padding: 30px 0px 60px 0px; margin: 0 15px; width:auto;
	}
	
	/*********************キービジュアル********************/
	.slick-slider .slick-track, .slick-slider .slick-list{}
	.sec-keyvisual{ height: 100vh; width: 100vw;}
	.slick-slide img{width:100vw; height:100vh;}
	.slick-initialized .slick-slide{
		width:100vw; height:100vh;
	}
	.slick-slide:nth-of-type(1) img{
		top:0;
	}
	.slick-slide:nth-of-type(2) img{
		top:0;
	}
	.slick-slide:nth-of-type(3) img{
		top:0;
	}
	
	/********************* トップニュース ********************/
	.sec-top-news{
		margin: 0; padding: 0; display: block; max-width: 100vw;
	}
	.sec-top-news .box-news-art-area{
		margin:0;
	}
	.sec-top-news .img-news-key{height:67vh; height: 73svh;}
	.sec-top-news .box-news-art-area {  margin: 10vh 0 0 0; margin: 13svh 0 0 0;}
	.sec-top-news .box-news-inner{
		width:auto;
		min-width: auto;
	}
	.sec-top-news .top-news-list{
		font-size:13px;
	}
	.sec-top-news .top-news-ttl{
		font-size:24px;
	}
	.sec-top-news .btn-top-to-news a{
		font-size:13px;
	}
	
	.archive-news-wrap{
		width: auto;
	}
	
	/********************* ヘッダー系 ********************/
	.org-menu-btn {
		width: 32px; top: 18px; right: 20px;
	}
	.header-logo {
		width: 80px; left:20px; top:22px;
	}
	.header-online-store a{
		font-size: 13px;
	}
	.header-online-store{
		top: 18px; right: 75px;
	}
	.header-insta-link{left: 170px; bottom:13px;}
	#ss-wrapper { left: 65vw; top: 62vh; width:180px;}
	
	.sec-concept .concept-art-area{top: 43%; transform:translate(0%, -50%) scale(0.8);}
	.sec-concept .txt-concept-detail {
		top: auto; font-size: 12px; margin: 0;
	}
	.sec-concept{
		overflow-y: auto; padding: 0; height:auto;
	}
	
	/****************************Look****************************/
	
	.season-look-link{
		margin:0;
		font-size:17px;
	}
	.sec-sp-concept{
		background:#f2f1e7; padding: 50px 0 0 0;
	}
	.img-sp-concept-ttl{
		width: 65vw; margin: 0 0 0 30px;
	}
	.sp-top-look-img{
		width: 86vw; margin: 0 auto; padding: 0 0 50px 20px;
	}
	.sec-top-look-archive {
		padding: 0 0px; margin: 0; display: block;
	}
	.txt-concept-detail{
		margin: -25px auto 0px auto; font-size: 25px; line-height: 1.3; width: 80%; padding: 0 0 50px 0;
	}
	
	.sec-top-look{
		height: auto; overflow: auto; margin: 0; display:block; background: #f2f1e7; padding: 20px 0 80px 0; text-align:center;
	}
	.sec-top-look .look-thumb{height:32vh;}
	.sec-top-look .ul-look{
		list-style: none; margin: 11vh 0 0 0; padding: 0 0 0 200px;
	}
	.sec-top-look .look-post-ttl{ font-size: 24px;}
	.top-look-concept-text { width: 360px; font-size: 11px;}
	.sec-top-look .look-ttl-area{ margin:4vh 0 0 0; margin: 10svh 0 0 0;}
	.sec-top-look .list-look{margin: 0px 160px 0 0;}
	.sec-top-look .list-look:nth-child(even) {margin-top: 5vh; margin-top: 8svh;}
	
	.sec-top-look-archive .top-img-archive{
		width: 80vw; margin: 0 auto 0 auto; padding: 0 0 60px 0;
	}
	
	
	/****************************トップオンラインストア****************************/
	.sec-online-store {
    display: block; padding: 60px 0px 60px 0px;margin: 0 auto 0 auto; width: 80vw; position: relative; left: -3vw;
	}
	.sec-online-store .h2-os {
		margin: 0px 0 -65px 0px; font-size: 48px; letter-spacing: 1px; line-height: 1.3;
	}
	.sec-online-store .img-os {
		width: 240px; margin: 0px 0 0 50px;
	}
	.link-top-os{
		left: 33%; top: 140px; padding: 0 30px; font-size: 14px;
	}
	
	
	
	/****************************カウントダウン****************************/
	.sec-countdown{
		padding: 20px 0 70px 0; margin: 0 auto; max-width: 350px;
	}
	.cd-time-name{
		font-size: 12px; line-height: 1.2;
	}
	.cd-number{
		font-size: 52px;
	}
	.cd-colon {
		font-size: 55px; line-height: 1; margin: 7px 7px 0 7px;
	}
	.countdown-ttl {
		text-align: center; font-size: 38px; line-height: 1.1; color: #111; margin: 50px 0 40px 0; letter-spacing: 1px;
	}
	.countdown-wrap {
		border: 1px solid #111; padding: 15px 20px; display: flex; justify-content: center;
	}
	
	/*******************************Look一覧ページ********************************/
	.look-archive .art-post {
		width: auto; margin: 0 40px 60px 40px; font-size: 0;
	}
	.look-archive .art-post:nth-child(3n + 2) {
		margin-top:0;
	}
	.look-archive .art-post:nth-child(3n + 3) {
		margin-top:0;
	}
	.kasou-page-title{
		font-size:26px;
	}
	
	
	/*******************************Look詳細ページ********************************/
	.list-single-look .look-num{
		font-size: 34px;
	}
	.look-product-name{
		font-size: 12px;
	}
	
	/*** col2 ***/

	/*
	.list-single-look {
		list-style: none; width: 50%; padding: 0 6%;
	}
	.list-single-look:nth-child(3n + 2) {
		margin: 0; border-left: 0; border-right: 0; padding: 0 6%;
	}
	.list-single-look:nth-child(even) {
        margin: 35px 0 -15px 0;
        border-left: 1px solid #ccc;
        border-right: 0px solid #ccc;
        padding: 10px 6% 25px 6%;
    }
	*/

	/*** col3 ***/
	
	.list-single-look {
		list-style: none; width: 33%; padding: 0 4%;
	}
	.list-single-look:nth-child(3n + 2) {
		padding: 20px 4% 0 4%;
	}
	
	
	/****************/
	
	
	/***************************************************************/
	
	.sec-insta-icon .insta-icon{
		display: inline-block; width: 75px; height: 75px; background-size: 35px;
	}
	.sec-insta-icon .insta-text {
		text-align: center; margin: 0px 0 0 0;
	}
	.sec-insta-icon {
		display: block; padding: 0; text-align: center; margin-bottom:60px;
	}
	
	
	.sec-contact-form .contact-ttl{ font-size: 24px;}
	.sec-contact-form {
		margin:0;
	}
	.contact-form-area {
		    margin: 20px 0 0 0;
	}
	.sec-contact-form .form-col-box {
		display: block;
	}
	.sec-contact-form .form-left-box {
		width: auto; margin: 0 10px 0px 10px;
	}
	.sec-contact-form .form-right-box {
		width: auto; margin: -10px 10px 0px 10px;
	}
	.sec-contact-form input[type='submit']{
		margin: 10px auto 0 auto;
	}
	
	.look-detail-area{
		margin: 0 2% 0 0px; font-size: 13px; width: 80%; justify-content: space-between;
	}
	.link-product-store{
		margin: 10px 0 0 0; width: 38px; height: 38px; font-size: 15px; background-size:18px;
	}
	.look-detail{
		width: 100vw; width: 100svw; height: 100vh; height: 100svh;
	}
	.look-img-area{
		display: block; height: auto; max-height: none; width: auto; margin: 170px auto 0 auto;
	}
	.scroll-down1{ display: none;}
	.inner-look-detail{
		flex-direction: column; display: flex; max-height: none; height: 90svh; width: 85svw; overflow:scroll; padding:0px 20px 0px 20px;
	}
	.look-img-area .img-look-detail{
		width: 100%; margin: 0 0 40px 0; height: auto; max-height: none; max-width: none;
	}
	.look-open-text-info {
		display: flex; padding: 0px 0 0 0vw; margin: 0 0 0px 0; justify-content: space-between; position: absolute; top: 9vh; width:88%;
	}
	
	h2.archive-news-ttl{font-size: 21px;}
	.archive-news-list a{font-size: 12px;}
	.article h1 { margin: 30px 0 25px 0; padding: 0; font-size: 17px;}
	.author-info{display:none;}
	
	.product-close-btn{
		left: auto; right: 13vw; transform: translate(0); width: 24px; height: 24px; top: 7vh; background-position: 0;
	}
	
	.box-form-wrap{
		width:auto;
	}
	.org-menu-contents{
		width:300px;
	}
	
	/*******コピーライト***********/
	
	
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}