@charset "utf-8";
@media screen and (max-width : 767.9999px ){
/*--------------------------------------------

	 BASE

--------------------------------------------*/
body {
	min-width:inherit;
    font-size: 1.3rem;
}
.secInner{
    max-width: 100%;
    padding:0 5.6%;
}
#wrapper{
    overflow: hidden;
    width: 100%;
    position: relative;
	}

/*--------------------------------------------

	drawer

--------------------------------------------*/
.drawer-hamburger{
    width: 25px;
    top: 0;
    padding:25px;
    background-color: #ed762b;
    }
.drawer-hamburger-icon{
    margin-top: 10px;
    width: 75%;
}
.drawer-hamburger-icon:before{
    top: -8px;
    width: 120%;
 }
.drawer-hamburger-icon:after{
    top: 8px;
    width: 120%;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
    background-color: #fff;
    height: 3px;
}
.drawer--top .drawer-nav{
    transition: 0.7s;
    width: 66%;
    height: 100%;
}
.drawer-open .drawer-nav{
    transition: 0.7s;
    width: 66%;
    height: 100%;
    background-color: #ed762b;
}
.drawer-menu{
    position: relative;
    padding: 29.7% 0 6%;
    background-color: #ed762b;
    height: 100%;
    box-sizing: border-box;
}
.drawer-list{
    margin-bottom: 15px;
}
.drawer-menu .drawer-list li{
    border-bottom: 1px dashed #fff;
    text-align: center;
}
.drawer-menu .drawer-list li:first-child{
    border-top: 1px dashed #fff;
}
.drawer-menu .drawer-list li a{
    color: #fff;
    font-size: 1.5rem;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    padding: 1.38em 0;
}
    .dw-sns-list{
        justify-content: center;
    }
.dw-sns-item:not(:last-child){
    margin-right: 33px;
}
.dw-sns-item img{
    width: 20px;
} 
.dw-copy{
    width: 100%;
    font-size: 1.05rem;
    letter-spacing: 0.15em;
    position: absolute;
    left: 50%;
    bottom: 6%;
    transform: translate(-50%);
    text-align: center;
}
/*--------------------------------------------

	共通　 CSS

--------------------------------------------*/
.secInner{
    max-width: 100%;
    padding: 0 5.6%;
}
.ttl-jpn{
    font-size:8vw;
}
.ttl-eng{
    font-size:4.266vw;
}
.plane-01{
    font-size: 1.3rem;
    line-height: 2.6;
}
.scroll-text{
    display: none;
}
#totop{
	position:absolute;
	right: 50%;
	bottom:5.4%;
	transform: translateX(50%);
}
#totop a{
		font-size: 1.2rem;
		display:block;
}
#totop a:before {
	background-image:url(../image/SP/arrow-top.svg);
	width: 14px;
	height:16px;
	top: 0;
	left: initial;
   right: -30px;
}
.totop-arrow {
	writing-mode: initial;
}
.fixed-navi{
	display: none;
}
	/*--------------------------------------------

LOADING
--------------------------------------------*/
.loading-logo{
		width:72px;
}
.loading-textBox{
	margin-left:4.6%;
}
.loading-jpn{
	font-size:1.5rem;
}
.loading-eng{
	font-size:1.55rem;
}
/*--------------------------------------------

	共通　SNS

--------------------------------------------*/
.ftg-sns-list{
    display: none;
}
/*--------------------------------------------

	HEADER

--------------------------------------------*/
#header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 1.77% 4.79% 1.77% 0;
    box-sizing:border-box;
    z-index: 20;
}
.header_nav{
    display: none;
}
/*============================
mv
============================*/
.mv-inner{
    padding: 8% 8% 25.3% 8%;
}
	#news .mv-inner{
		padding-bottom:15.3%;
	}
.mv-logo{
    position: absolute;
    top: 20px;
    left: 8px;
    width: 16.9%;
}

/*============================
#footer
============================*/
#footer{
    padding: 9.6% 0 0;
}
.ft-Inner{
    max-width: 100%;
    padding: 0;
}
.ft-logo img{
    width: 46px;
}
.ft-navi{
    font-size:1.4rem ;
    margin:2.15em 0;
    flex-wrap: wrap;
}
.ft-navi-item:not(:last-child){
    margin-right: 1em;
}
.ft-navi-item:nth-child(n + 4){
    margin-top: 1.4em;
}
.ft-sns{
    margin-bottom: 9.4%;
}
.ft-sns-item:not(:last-child){
    margin-right:9.6% ;
}
.ft-sns img{
    width: 20px;
}
.copyright{
    color: #ed762b;
    background-color: #fff;
    padding: 1.18em 0;
    display: block;
    font-size:1.1rem ;
}

/*--------------------------------------------

	TO TOP

--------------------------------------------*/
.totop{
    background-color: #e70012;
    text-align: center;
    padding: 16px 0;
}
/*--------------------------------------------

	TOP MV

--------------------------------------------*/
.mv-slider .slick-dotted.slick-slider{
    margin-bottom: 0;
}
.mv-slider .slick-dots{
    bottom: -50px;
    right: 0;
    width: 134px;
}
.mv-slider .slick-dots li button{
    background: #fff;
    display: block;
    height: 3px;
    width: 36px;
    padding: 0;
}
.mv-slider  .slick-dots li button:before{
    content: "";
    width: 36px;
    height: 3px;
    background-color: #fff;
}
.mv-slider .slick-dots li.slick-active button:before{
    background-color: #d7d7d7;
}
#top .mv-catchBox{
    width: 100%;
    top: 33.9%;
    transform: translate(-50%,0);
}
#top .mv-catch-txt{
    font-size: 5.066vw;
}
.mv-bottomBox{
    bottom: 5.49%;
    left: 5px;
}
.mv-bottom-jpn{
    font-size: 8.133vw;
    line-height: 1.4;
}
.mv-span{
    padding-left: 0.6em;
}
.mv-bottom-eng{
    position: relative;
    z-index: 3;
    font-size: 11.46vw;
    letter-spacing: 0.05em;
    padding-left: 0.5em;
}
.mv-gif {
    width: 80%;
    position: absolute;
    right: -25%;
    bottom: -15%;
    z-index: 1;
}
	#top .mv-bottom-jpn{
		transition-delay:1.7s;	
	}
	#top .mv-bottom-eng{
		transition-delay:1.8s;
	}
	#top .mv-gif{
		transition-delay:1.2s;	
		
	}
/*============================
#news
============================*/
#top-news{
    padding: 20% 0 26.93%;
}
.top-news-icon01{
    width: 48%;
    left: -18.9%;
    top: 60%;
    }
.top-news-icon02{
    width: 38.26%;
    right: -19.45%;
    top: 20%;
}
#top-news .ttlBox{
    margin-bottom: 10.6%;
}
.news-pickupBox a{
    flex-direction: column;
}
#top-news .imgBox{
    width: 100%;
    padding-top: 56.36%;
}
.triangle:before{
    border-width: 75px 75px 0 0;
}
.triangle:after{
    top:25px;
    font-size: 1rem;
}
#top-news .textBox{
    width: 100%;
    padding: 8.1% 4.16% 7.8%;
}
#top-news .textBox:after{
    display: none;
}
.news-pickup-top{
    font-size: 1.1rem;
    margin-bottom: 1.2em;
}
.news-pickup-category{
    margin-right: 1.36em;
}
.news-pickup-date{
    font-size: 1.2rem;
}
.news-pickup-ttl{
    font-size: 1.9rem;
    margin-bottom: 0.52em;
}
.news-pickup-lead{
    font-size: 1.3rem;
    font-weight: 500;
    background-color:transparent;
    padding: 0;
    line-height: 1.69;
}
.news-pickupBox .more_btn{
    position: relative;
    font-size: 1.25rem;
    padding: 1em 0;
    color: #fff;
    margin-top:8.6%;
    background-color: #ed762b;
    text-align: center;    
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    letter-spacing: 0.25em;
}
.news-pickupBox .more_btn:after{
    content: "";
    display: block;
    width: 6px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: 25%;
    transform: translateY(-50%);
    background: url("../image/PC/arrow-wh.svg") no-repeat center top;
    background-size: contain;
    }
.news-pickupBox a .more_btn:hover{
    background-color: #ed762b;
    color: #fff;
}
.other-news-wrap{
    background-color: #ed762b;
    padding: 9.09%  4.5%;
    box-sizing: border-box;
}
.other-news-list{
    padding: 0;
}
.other-news-item{
    font-size: 1.1rem;
}
.other-news-item:not(:last-child){
    margin-bottom: 1.57em;
}
.other-news-item a{
    color: #fff;
    flex-wrap: wrap;
}
.other-news-item a:hover{
    opacity: 0.6;
}
.other-news-category{
    width: 50%;
    margin-right: 5%;
    padding: 0.4em 0;
}
.other-news-date{
    width: 45%;
    font-size: 1.2rem;
    margin-right: 0;
}
.other-news-txt{
    width: 100%;
    line-height: 1.65;
    margin-top: 0.69em;
}
.more_btn{
    width: 50%;
    margin: 0 auto;
}
.more_btn a{
    font-size: 1.25rem;
    padding: 1em 0;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 19.6%;
    background-color: #ed762b;
    display: block;
}
    .more_btn a:after{
        background-image: url("../image/PC/arrow-wh.svg");    }
    .more_btn a:hover{
        background-color: #fff;
        color: #ed762b;}
/*--------------------------------------------

	concept

--------------------------------------------*/
#top-concept{
    padding:20%  0 17.6%;
}
#top-concept .secInner{
    position: relative;
    z-index: 10;
}
#top-concept .scroll-text{
    right: 5.6%;
}
#top-concept .ttlBox{
    margin-bottom: 12.7%;
}
    #top-concept .ttl-jpn{
        font-size: 7.7333vw;
        letter-spacing: 0.05em;
    }
#top-concept .slick-dotted.slick-slider{
    margin-bottom: 5.45%;
}
.concept-slider .slick-slide{
    margin-right: 0;
}
.concept-slider .slick-dots{
    bottom: -18px;
    right: inherit;
    transform: none;
    width: 100%;
    margin: 0 auto;
}
.concept-slider .slick-dots li{
    height: auto;
    width: auto;
    margin: 0;
}
.concept-slider .slick-dots li button{
    background: #fff;
    display: block;
    height: 3px;
    width: 36px;
    padding: 0;
}
.concept-slider .slick-dots li button:before{
    content: "";
    width: 36px;
    height: 3px;
    background-color: #fff;
}
.concept-slider .slick-dots li.slick-active button:before{
    background-color: #ed762b;
}
.concept-slider .slick-next{
    right: -10px;
    width: 44px;
    height:44px;
    top: inherit;
}
.concept-slider .slick-next:before{
    width: 8px;
    height: 14px;
}
#top-concept .textBox{
    margin-top: 13.9%;
}
.concept-catch{
    font-size: 6.4vw;
    letter-spacing: 0.08em;
    padding-bottom: 0.45em;
    margin-bottom: 1.13em;
}
/*--------------------------------------------

top-brandlist

--------------------------------------------*/
#top-brandlist{
    padding: 20% 0 ;
}
#top-brandlist .ttlBox{
    margin-bottom: 13%;
}
#top-brandlist .ttl-eng{
    margin-bottom: 2.06em;
}
.ttl-tex{
    font-size: 1.3rem;
    line-height: 1.73;
}
.brand-Box-cate{
    font-size: 1.4rem;
    margin-bottom: 0.84em;
}
.brand-Box-wrap:not(:last-child){
    margin-bottom: 10.9%;    
}
.brand-Box{
    flex-wrap: wrap;
}
.brand-item{
    width: 49%;
}
.brand-item:not(:nth-child(4n)){
    margin-right:0;
}
.brand-item:not(:nth-child(2n)){
margin-right:2%;
}
.brand-item:nth-child(n + 5){
margin-top: 0;
}
.brand-item:nth-child(n + 3){
margin-top: 2%;
}
#top-brandlist .notes{
    margin-top: 2.5em;
    font-size: 1.4rem;
}
/*============================
#top-newitem
============================*/
#top-newitem{
    padding: 20.2% 0 26.53%;
}
#top-newitem .ttlBox{
    margin-bottom: 12.12%;
}
.insta-list{
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(auto-fit,31.8% );
    grid-column: 1/2;
    grid-row: 1/3;
    grid-auto-flow: dense;
    grid-column-gap: 1.8%;
    grid-row-gap: 0.8%;
}

.insta-list li:first-child{
    grid-row: span 2;
    grid-column: span 2;
}
.insta-list li:last-child{
    display: none;
}
.insta-follow{
    text-align: center;
    margin-top: 24.30%;
}
.insta-follow a{
    width: 74.2%;
    font-size: 1.3rem;
    padding-left: 19.8%;
}
.insta-follow .insta-icon{
    padding-right: 2.4em;
}
#top-newitem .notes{
    text-align: center;
    margin-top: 1.8em;
}
/*============================
#top-access
============================*/
#top-access{
    padding: 20% 0 26.1%;
}
.top-access-icon01{
    width: 44.5%;
    top: 25%;
    left: -24.1%;
}
.top-access-icon02{
    display: none;
    }
#top-access .scroll-text{
    display: none;
}
#top-access .ttlBox{
    margin-bottom: 12.5%;
}
.shop-info{
    flex-direction: column;
}
.shop-info:not(:last-child){
    margin-bottom: 15.6%;
}
	#top-access .imgBox{
		padding-top:56.03%;
	}
#top-access .imgBox,
#top-access .textBox{
    width: 100%;
}
.shop-tyayamachi .textBox,
.shop-tenma .textBox{
    padding:11.3% 4.5%;
    }
.shop-tyayamachi .textBox:after,
.shop-tenma .textBox:after{
    display: none;
}
.shop-name{
    font-size: 1.5rem;
    margin-top: -16.1%;
}
.shop-tel{
    display: none;
}
.shop-guide{
    font-size: 1.3rem;
}
.shop-guide:not(:last-child){
    margin-bottom: 1em;
}
.shop-label{
    width: 116px;
    letter-spacing: 0.19em;
    font-weight: 500;
}
.shop-field{
    flex: 1;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.sp-bottomBox{
    margin-top:  8.7%;
    font-size: 1.3rem;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.sp-tel {
    width: 60.6%;
    margin-right: 8px;
}
.sp-tel a,
.sp-map a{
    display: flex;
    align-items: center;
    position: relative;
}
.shop-tyayamachi .sp-tel a:after,.shop-tyayamachi .sp-map a:after,
    .shop-tenma .sp-tel a:after,.shop-tenma .sp-map a:after{
    content: "";
    display: block;
    width: 4px;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.shop-tyayamachi .sp-tel a:after,.shop-tyayamachi .sp-map a:after{
    background-image: url("../image/PC/arrow-wh.svg");
}
.shop-tenma .sp-tel a:after,.shop-tenma .sp-map a:after{
    background-image: url("../image/SP/arrow-og.svg");
}
.shop-tyayamachi a{
    border: 1px solid #fff;
    color: #fff;
}
.shop-tenma a{
    border: 1px solid #ed762b;
    color: #ed762b;
}
.sp-tel a:hover,
.sp-map a:hover{
    opacity: 0.6;
}
.sp-shop-icon{
    padding:0.6em 0.65em;
}
.shop-tyayamachi .sp-tel-icon,.shop-tyayamachi .sp-map-icon{
    border-right: 1px solid #fff;
}
.shop-tenma .sp-tel-icon,.shop-tenma .sp-map-icon{
    border-right: 1px solid #ed762b;
}
.sp-tel-icon img{
    width: 16.5px;
}
.sp-shop-field{
    padding-left: 1.26em;
}
.sp-map{
    flex: 1;
}
.sp-map-icon img{
width: 13px;
}
/*============================
#mv
============================*/
#news .scroll-text{
    display: none;
}
#news .mv-bg{
    background-image: url("../image/SP/news-mainimage.jpg");
    padding-top: 182.5%;
  }
#news .mv-catchBox{
    left: 5%;
    top: inherit;
    bottom: 5%;
    transform: none;
}
.under .mv-ttl-jpn{
    font-size:5.0666vw;
}
.under .mv-ttl-eng{
    font-size: 11.466vw;
}
/*============================
#pickup
============================*/
#news-pickup{
    padding: 20% 0 10%;
}
#news-pickup .ttlBox{
    margin-bottom: 13.63%;
}
#news-pickup .slick-dotted.slick-slider{
    margin-bottom: 10.6%;
}
.pick-up-slider .slick-dots{
    bottom: -40px;
}
.flex.news-pickupBox a{
    flex-direction: column;
}
#news-pickup .imgBox,
#news-pickup .textBox{
    width: 100%;
}
#news-pickup .imgBox{
    padding-top: 56.36%;
}
#news-pickup .textBox{
    padding: 8.1% 4.16% 11.2%;
}
#news-pickup .textBox:after {
    display: none;
}
#news-pickup .news-pickup-lead{
    color: #fff;
}
#news-pickup .more_btn{
    margin: 1.93em auto 0;
    font-size: 1.3rem;
    width: 12.69em;
    position: relative;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    letter-spacing: 0.25em;
    padding: 0.9em 0;
    text-align: center;
    border: 2px solid #ed762b;
    color: #ed762b;
    background-color: #fff;
    display: block;
}
#news-pickup .more_btn:after{
    content: "";
    display: block;
    width: 4px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 22%;
    transform: translateY(-50%);
    background: url(../image/SP/arrow-og.svg) no-repeat center top;
    background-size: contain;
}
/*============================
#news-list
============================*/
#news-list{
    padding: 10% 0 27.3%;
	z-index:20;
}
#news-list .secInner{

}
#news-list .ttlBox{
    margin-bottom:11.5%;
}
.news-list-wrap{
    padding: 15.1% 4.2% 13%;
}
.news-list-icon01{
    width: 48%;
    top: 9.75%;
    left: -20.8%;
}
.news-list-icon02{
    width: 48.5%;
    bottom: -6.3%;
    left: -12.8%;
}
.news-list-icon03{
    width: 43%;
    right:  -14.4%;
    top: 50%;
}
.news-category{
    flex-wrap: wrap;
    margin-bottom: 12.21%;
	justify-content:flex-start;
}
#news .news-side-cate{
		width:47.5%;
}
#news .news-side-cate:not(:first-child){
		margin-left:0;
}
	#news .news-side-cate:nth-child(2n){
		margin-left:2.5%;
}
	#news .news-side-cate:nth-child(n + 3){
		margin-top:2.5%;
}
.news-category-list {
    width: 43%;
}
.news-side-cate a{
    font-size: 1.2rem;
    padding: 0.8em;
    border-radius: 1.57em;
}
.news-category-list:not(:last-child){
    margin-right:0;
    }
.news-category-list:not(:nth-child(2n)){
    margin-right:4%;
}
.news-category-list:nth-child(n + 3){
    margin-top: 6%;
}
.news-archive-list{
    flex-wrap: wrap;
}
.news-archive-item{
    width: 46%;
}
.news-archive-item:not(:nth-child(3n)){
    margin-right: 0;
}
    .news-archive-item:not(:nth-child(2n)){
    margin-right: 8%;
}
.news-archive-item:nth-child(n + 4){
    margin-top: 0;
}
.news-archive-item:nth-child(n + 3){
margin-top: 11.66%;
}
.news-archive-item:first-child .imgBox:before{
    border-width: 75px 75px 0 0;
}
.news-archive-item:first-child .imgBox:after{
    font-size: 1rem;
}
.news-archive-item .textBox{
    margin-top: 8.33%;
}
.news-archive-date{
    font-size: 1.1rem;
}
.news-archive-category{
    font-size: 1rem;
    width: 9.8em;
    padding:0.5em 0;
}
	.news-archive-ttl{
		font-size:1.2rem;
	}
.news-archive-txt{
    margin-top:1em;
    font-size: 1.15rem;
    line-height: 1.7;
}
.wp-pagenavi{
    margin-top: 15.9%;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last{
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 1.6rem;
    color: #c5c9ca;
    border-radius: 50%;
    border: 1px solid #c5c9ca;
    padding: 0.337em 0;
    box-sizing: border-box;
    margin-right: 0.68em;
}
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last{
    display: inline-block;
    color: #ed762b; 
    border-color:#ed762b;
    margin-right: 0.68em;
}


/*============================
#mv
============================*/
#news-single #mv{
    background-size: 30px;
}
#news-single .mv-inner{
    padding: 26.66% 4.79% 34.66%;
}
#news-single  .mv-catchBox{
    text-align: center;
    position: static;
    top: inherit;
    left: inherit;
    transform: none;
}
#news-single .mv-ttl-jpn{
    font-size:1.3rem
}
#news-single .mv-ttl-eng{
    font-size: 8.666vw;
    white-space: nowrap;
}
/*============================
#news-single-start
============================*/
#news-single-start{
    padding: 33% 0;
}
.news-single-icon01{
    width: 48.75%;
    top: 19.8%;
    left: -14.4%;
}
.news-single-icon02{
    width: 41.7%;
    bottom: 25.35%;
    right: -13.6%;
}
#news-single-start .secInner{
    margin-top: -9.89%;
}
.news-single-bg{
    background-size: 42px;
    padding: 15.1% 4.2% 13%;
    margin-top: -50%;
}
#news-single-start .ttlBox{
    margin-bottom: 8.6%;
    width: 100%;
    font-size: 1.9rem;
}
#news-single-start .ttlBox-top{
    font-size: 1.1rem;
    margin-bottom: 1.3em;
}
.single-category{
    width: 36.1%;
    margin-right: 1em;
}
.single-date{
    font-size: 1.2rem;
}
.single-ttl{
    line-height: 1.4;
	border-bottom:0;
	padding-bottom:0;
}
.news-contents{
    width: 100%;
    margin-right: 0;
}

#news-single-start .textBox{
    margin-top: 8.8%;
}
#news-single-start .plane-01{
    line-height: 2;
}
.flex.page-list{
    margin-top: 19.5%;
}
.page-item{
width: 43.3%;
}
.page-item:not(:last-child){
    margin-right: 10px;
}
.page-back{
    width: 48.48%;
    margin: 15.6% auto 0;
}
.page-item a,
.page-back a{
    font-size: 1rem;
    padding: 1em;
}
.news-side{
    display: none;
}
	#news .news-list-taxonomy .news-list-icon01{
		top:40%;
	}
	#news .news-list-taxonomy .news-list-icon02{
		display:none;
	}
}
/*=========== M E D I A Q U E R Y ==========*/