@charset "UTF-8";




@media screen and (max-width:1000px) {
	


}



@media screen and (max-width:850px) {
	
	
	
	
	#globalHeader .brandLogo, 
	#globalHeader .storeLogo{
		top: 5.75vw;
	}
	#globalHeader .brandLogo img{ width: 27vw;} 
	
	#globalHeader .storeLogo{ right: 3vw;}
	#globalHeader .storeLogo img{width: 25vw;}
	
	.switcher{ left: 5vw !important; bottom: 5vw;}
	#globalHeader .menuBtn{ background: transparent;}
	
body.home.menuCover #globalHeader::before{ height: 18vw}
	
	
#globalHeader .menuBtn{ width: 20vw; height: 20vw;position: fixed; top: -1vw; left: 5vw;z-index: 110;cursor: pointer; display: block; transform: scale(0.7) !important;}

#globalHeader .menuBtn:after{ bottom: 1vw; font-size: 1rem;}
	
	.shopify-buy-frame--toggle.is-sticky{    top: auto !important; bottom:60vw !important;}
	
body.compactHead #siteHeader + .contentsWrap,
body.single-items #siteHeader + .contentsWrap{padding-top: 0px;}


body.compactHead #siteHeader, 
body.single-items #siteHeader {

    height:40vw;
}

	.home2 #siteHeader{ height: 100px;}
	#siteHeader #siteLogo,
	#globalHeader .siteLogo{  width: 30vw;height: 7vw; font-size: 1rem;    transform: translate(-50%,-120%);}


	#siteHeader .storeLink ul{ display: none;}
	

		#siteHeader .menuArea{ display: none;}
		#siteHeader .storeLink ul{ display: none;}
		
		
		#siteLogo{ width: auto; height: auto;  margin: 0; position: absolute; top: 50%; left:50%; transform: translate(-50%,-40%);}
		#siteLogo a{ display: block; width: 100%; height: auto;  background-size: contain;}
		
		body.compactHead #siteLogo span, 
		body.single-items #siteLogo span{ position: absolute; top: 110%; right:auto; left: 50%; transform: translate(-50%, 0%); display: inline-block; font-size: 9px; margin: 0; white-space: nowrap; opacity: 0.5;    font-size: 2vw;}
		
		
		.home2 #siteLogo {
    width: auto !important;
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 2vw;
    transform: translate(0%,-40%);
}
		
		

	body.menuCover #globalHeader .menuArea{ width: 100vw;}
	
	
	body.menuOpen #globalHeader .menuBtn{ }
	body.menuCover #globalHeader .menuArea:after,
	#globalHeader .exWrap .info{ display: none;}
	
	
	
body.menuCover #globalHeader .menuArea .inWrap{
width: 100vw;
	 padding:25vw 6.5vw 130vw;

}
body#top.home.menuCover #globalHeader .menuArea .inWrap{padding:10vw 6.5vw 40vw;}

	body.menuCover #globalHeader .menu{ border-top:0;}
	
body.home.menuCover #globalHeader .menuArea .inWrap{     height: auto !important; width: 70vw;top: 17.85vw;
	background: none !important;
	pointer-events: all;

	padding: 6vw 0px 30vw 5vw;
	z-index: 2;

}

body.home.menuCover #globalHeader .menuAreaBG{  display: block; position: fixed; top: 17.9vw; left: 0; z-index: 1; width: 70vw; 

	height: 100vh;
	min-height: 1200px;
	
		background:url(./img/common/menu/bg_home_sp.svg?v=3) 0 0vw  no-repeat !important;
	background-size: 100% auto; 
	
}

.pcDevice body.home.menuCover #globalHeader .menuAreaBG{
	min-width: 400px;
}


body.menuCover #globalHeader .menu{border-top: 0; margin-bottom: 40px; padding-left: 0;  height: auto !important}
body.menuCover #globalHeader .menu li{ padding: 0; margin-bottom: 5vw;}
body.menuCover #globalHeader .menu li a span{
	    padding-top: 1rem;
    font-size: 1.0rem;
}

body.menuCover #globalHeader .menu li.whoarewe { margin-bottom: 5vw;}
body.menuCover #globalHeader .menu li.starting { margin-bottom: 5vw;}
body.menuCover #globalHeader .menu li.store { margin-bottom: 5vw;}
body.menuCover #globalHeader .menu li.movie { margin-bottom: 5vw;}
body.menuCover #globalHeader .menu li.gallery { margin-bottom: 5vw;}
body.menuCover #globalHeader .menu li.contact { margin-bottom: 5vw !important;}

body.menuCover #globalHeader .menu li a::before{ height: 14vw !important;}
body.menuCover #globalHeader .menu li.whoarewe a:before{ height: 14vw !important;}
body.menuCover #globalHeader .menu li.starting a:before{ height: 15vw !important;}
body.menuCover #globalHeader .menu li.store a:before{ height: 12vw !important;}
body.menuCover #globalHeader .menu li.movie a:before{ height: 9vw !important;}
body.menuCover #globalHeader .menu li.gallery a:before{ height: 17vw !important;}
body.menuCover #globalHeader .menu li.contact a:before{ height: 10vw !important;}

body.menuCover #globalHeader .menu li.storetop a:before{ background: url(./img/common/menu/storetop.svg) center top no-repeat; background-size: contain; height: 12vw !important;}
body.menuCover #globalHeader .menu li.artist a:before{ background: url(./img/common/menu/artist.svg) center top no-repeat; background-size: contain; height: 79px;}
body.menuCover #globalHeader .menu li.guide a:before{ background: url(./img/common/menu/guide.svg) center top no-repeat; background-size: contain; height: 58px;}
body.menuCover #globalHeader .menu li.faq a:before{ background: url(./img/common/menu/faq.svg) center top no-repeat; background-size: contain; height: 72px;}



body.menuCover #globalHeader .menu li .btnItem{ width:fit-content; margin: 0;}
body.menuCover #globalHeader .menu li .btnItem .arrowR:after{background: url(./img/common/arrow_r_blue.svg) center center no-repeat; background-size: contain;}
body.menuCover #globalHeader .menu li .btnItem .text{ width: 70vw;}
body.menuCover #globalHeader .menu li .parent{ padding: 0; margin: 0;}
body.menuCover #globalHeader .menu li .parent.nolink{padding-left: 70vw; margin-bottom: 5vw; }
body.menuCover #globalHeader .menu li a{padding: 0vw 0vw 0vw 0vw !important; min-height:inherit !important; }

body.menuCover #globalHeader .menu li .btnItem{height: 4.2vw; }
body.menuCover #globalHeader .menu li .btnItem .text,
body.menuCover #globalHeader .menu li .parent{height: 4.2vw; }

body.menuCover #globalHeader .menu li span{ }



body.menuCover #globalHeader .menu li.info .text,
body.menuCover #globalHeader .menu li.about .parent,
body.menuCover #globalHeader .menu li.department .text,
body.menuCover #globalHeader .menu li.contact .text{background-size: auto 100%; }

body.menuCover #globalHeader .menu .submenu a{  margin-right: auto; margin-bottom: 5vw; }
body.menuCover #globalHeader .menu .submenu a:last-child{ margin-bottom: 0;}
body.menuCover #globalHeader .menu li.about a.top .text{width: 70vw;background-size: auto 100%;}
body.menuCover #globalHeader .menu li.about a.use .text{ width: 70vw;background-size:auto 100%; }
body.menuCover #globalHeader .menu li.about a.company .text{ width: 70vw;  background-size:auto 100%; }

body.menuCover #globalHeader .exWrap{ padding: 0 6vw;}
body.menuCover #globalHeader a.facebook{  width: 12vw; height: 12vw;}
body.menuCover #globalHeader a.facebook span{ display: none;}

#globalHeader .menu.share li{  width: 6vw !important;}
#globalHeader .menu.share li a{
	    width: 10vw !important;
    height: 10vw !important;
}


.itemContentsSub .by_artis{    padding: 0rem 0rem;}

.itemContentsSub .by_artist {
    padding: 2rem 2rem;
    margin: 0 0rem;
}







/* single
----------------------------------------------- */


body.compactHead #siteHeader + .contentsWrap,
body.single-items #siteHeader + .contentsWrap{}


.itemHead{  }
	.itemHead .price{white-space:normal; }
	.itemHead .price span{ }
.itemHead .price span small{ }








.shopify-buy-frame{  }

body:not(#single) .shopify-buy__layout-vertical{ display: none !important;}

.shopify-buy__btn-wrapper{ }

.itemDetail{}

.itemDetail .entry-title{}
.itemDetail .entry-title span{ }

.itemContents{}




.itemContents .thumnailMore{ }


.itemContents{ width: 70%; padding-bottom: 10vw;}


.itemContents .slider .thumbnail img.boxImg{ display: none}

.itemContents .slider video{ width: 70vw !important; height: 70vw !important;}


.itemContents .itemContact{ margin-bottom: 10vw}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{  transform: translate(20%,-50%) rotate(180deg) scale(0.5);}
.swiper-button-next, .swiper-container-rtl .swiper-button-next{ transform: translate(-20%,-50%) rotate(0deg) scale(0.5);}


.simulatorBtn{  }

#modalDetail .simulatorBtn{ }

.itemContents > dt{ margin-bottom: 5vw;}
.itemContents > dd{ }

.itemContents dd.profile{ }


.itemContentsSub{	}
.itemContentsSub .by_artis{       margin-bottom: 2rem; }




.itemContents .productData{}

.itemContactBtn{}


.actionNavi{}
.actionNavi.active{ }

.actionNavi .inWrap{
	 width: 70%;
    margin: auto;
    padding: 5vw;
    grid-template-columns: 1fz;
    grid-auto-rows: 1fr 1fr;
    grid-gap: 5vw;
     }

.actionNavi .gridItem{}
.actionNavi .gridItem.simulator{ }
.actionNavi .gridItem.addcart{}


#globalFooter .links{
	display: grid;
	    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 0vw;
    
}

#globalFooter .links a{ margin:0 auto 5vw;}



#topItems{ padding-top: 10vw; transform: translate(-5%,0);}

#mediaInfo .mediaGrid{
	    grid-template-columns: 1fr;
    grid-auto-rows: auto;
        grid-gap: 0.5em 0em;
}

#mediaInfo .mediaGrid .gridItem:nth-of-type(3) {

	 grid-row: 2 / 3;
    grid-column: 1 / 2;
    padding-bottom: 5vw;
}

#mediaInfo .mediaGrid .movFrame:before{
	content: ''; display:block; width: 100%; height: 0; padding-top: 56.250%; 
}

.mediaGrid .thumbList dl{
		    grid-template-columns: 1fr;
    grid-auto-rows: auto;
        grid-gap: 0.5em 0em;
}






body.form  .formUnit > .grid{grid-template-columns: 1fr; grid-gap: 0rem;    width: 100%;}
body.form  .formUnit > .grid .gridItem{border: solid 0px #ccc;}

body.form  .formUnit > .grid .gridItem:nth-of-type(1) { grid-column:inherit;grid-row:inherit;}
body.form  .formUnit > .grid .gridItem:nth-of-type(2) { grid-column:inherit;grid-row:inherit;}
body.form  .formUnit > .grid .gridItem:nth-of-type(3) {  grid-column:inherit;grid-row:inherit;}
body.form  .formUnit > .grid .gridItem:nth-of-type(4) {  grid-column:inherit;grid-row:inherit;}

body.form  .formUnit > .grid .gridItem:nth-of-type(4) .formData,
body.form  .formUnit > .grid .gridItem:nth-of-type(4) .formData dd,
body.form  .formUnit > .grid .gridItem:nth-of-type(4) .formData span,
body.form  .formUnit > .grid .gridItem:nth-of-type(4) .formData textarea{ position: relative;top: 0; left: 0; width: 100%; height: 10rem;}

.wpcf7 .ajax-loader{ display: none;}







#simulator .contents{ max-width: 800px; width: 80% !important; margin-left: auto !important; margin-right: auto !important}
#simulator .reference-line-editor,
#simulator .simulator__image{}
#simulator .simulator__image{ margin: auto;}


#simulator .addselector{z-index: 1000}

#simulator .addselector__list{ max-width: 1000px;
	display: grid;
	    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 20px;
    display: grid;
}
#simulator .addselector__list  li{ text-align: center; background: rgba(0,0,0,1); padding: 1rem;}
#simulator .addselector-item__name{ margin-bottom: 0.5em;}

#simulator .addselector-item__thumbs{ justify-content: center;}
#simulator .addselector-item__thumbs li{}




#simulatorCover{ position: fixed; top: 0; left: 0; transform: translate(0,0); transition: all 500ms ease; z-index: 3000000000; width: 100%; height: 100%; background: rgba(255,255,255,0.8); overflow: hidden; opacity: 0; transition: all 500ms ease; pointer-events: none;}
	.simulatorActive #simulatorCover{transform: translate(0%,0);opacity: 1;pointer-events: all;}
#simulatorCover > .close {position: absolute;  width: 20vw; height: 20vw; border-radius: 10vw; line-height: 1.6; 
	 font-size: 0.5rem;		transform: translate(-200%,-50%);
	 top: 2vw;
	 right: 2vw;
	 transform: translate(0,0);
}
	.simulatorActive #simulatorCover > .close{transform: translate(0%,0%); opacity: 1;	}

#simulatorCover > .close:hover{ transition: all 200ms ease-in-out;  transform: translate(50%,-50%) scale(1.1) !important;  }

#simulatorCover > .close .inWrap{ transform: scale(0.8)}
#simulatorCover > .close .inWrap:before{ content: ''; display: block; width: 100%; height: 20px; margin-bottom: 0.2rem; font-weight: bold;  transform: translate(0%,0%); line-height: 1;
	
	background: url(./img/parts/btn_close.svg) center center no-repeat;
	background-size: contain; 
}



#simulatorArea{position: absolute; top: 0;  right: 0; z-index: 1; width: 70%; height: 100%;background: #f1f1f1;opacity: 0;
		transform: translate(100%,0); transition: all 500ms ease; 

}

	.simulatorActive #simulatorArea{transform: translate(0%,0); opacity: 1;}

#simulatorArea iframe{position: absolute; top: 0;  right: 0; width: 100%; height: 100%;}




.touchDevice #simulatorArea{ width: 100%;}
.touchDevice #simulatorCover > .close {}



















#simulatorHowtoBtn{ transform: scale(0.5); transform-origin: top right;}

.simulatorHowtoOpen #simulatorHowtoBtn{ transform: translate(100%,0) scale(0.5); }


#simulatorHowto{ }
.simulatorHowtoOpen #simulatorHowto{}

#simulatorHowto .inFrame{}
#simulatorHowto .contents{ }
#simulatorHowto .closeBtn{top:20px; right: 20px;  width: 40px; height: 40px; }
#simulatorHowto #howtoSteps{ width: 80vw; height:150vw; overflow: hidden;}
#simulatorHowto #howtoSteps .step{transform: translate(110%,0%); padding:20vw  5vw 5vw;}
#simulatorHowto #howtoSteps .step .bg{ display: block; }
#simulatorHowto #howtoSteps .step .inWrap{}
#simulatorHowto #howtoSteps .step h4{ font-size: 1.6rem;margin-bottom: 1em;}
#simulatorHowto #howtoSteps .step p{font-size: 1.2rem;}
#simulatorHowto #howtoSteps .step img{ width: 100%; height: auto;}
#simulatorHowto #howtoSteps .step .bg .slide img{ width: 100%; height: auto;}
#simulatorHowto #howtoSteps .step .nextBtn{  
	height: 15vw;
	 min-width: 38vw;
    right: 0vw;
    bottom: 0vw; }
#simulatorHowto #howtoSteps .step .nextBtn span{ padding-left: 25px; font-size: 1.8rem;}

#simulatorHowto #howtoSteps .step .nextBtn:after{ width: 40px; height: 100%; }
#simulatorHowto #howtoSteps .step .nextBtn.close:after{ width: 40px; height: 100%;  }

#simulatorHowto #howtoSteps .goSimulator{ max-width: 35vw; }
#simulatorHowto #howtoSteps #howtoSimulator{ min-width: 55vw; }

#simulatorHowto #howtoSteps .step.active{ }
#simulatorHowto #howtoSteps .step.leftPos{ }


#simulatorHowto #howtoSteps .step:nth-of-type(3) p:nth-of-type(2){ position: relative; top: auto; right: auto; text-align: left; padding-top: 5vw; } 
























.itemDetailData{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 5vw;}
.itemDetailData > .data{ display: flex; align-items: center; height: auto; padding: 3vw 0;}


.itemDetailData dl.inData{}
.itemDetailData dl.inData dt{}
.itemDetailData dl.inData dd{}

.itemDetailData .artist{ width: 100%; height: auto; padding-bottom: 0 !important;}
.itemDetailData .title{ width: 100%;}
.itemDetailData .price,
.itemDetailData .size,
.itemDetailData .material,
.itemDetailData .edition{width: 100%;}

.itemDetailData .title,
.itemDetailData .price,
.itemDetailData .material{ padding-left: 0;}

.itemDetailData .size,
.itemDetailData .edition{ padding-left: 0;}

.itemDetailData .artist,
.itemDetailData .title,
.itemDetailData .price{ font-size: 1.2rem;}


.itemDetailData .artist .inData{ display: flex; margin-bottom: 0px; }
.itemDetailData .artist .inData dt{ width: 60px; background: #ccc; margin-right: 25px;}
.itemDetailData .artist .inData dt:before{ content: ''; display: block; width: 100%; height: 0; padding-top: 100%; }
.itemDetailData .artist .inData dd{ flex: 1; display: flex; align-items: center; }

.itemDetailData .artistHeaderName .flexItem:nth-of-type(2){ padding-left: 0; width: 100% !important;}

.itemDetailData .title{padding-bottom: 0.75em;}
.itemDetailData .title .inData { line-height: 1.4;}
.itemDetailData .title .jp{ padding-top: 0.5em;}


.itemDetailData .titleSub { min-height: inherit; padding-bottom: 3vw; width: 100%;   padding-top: 0;}
.itemDetailData .titleSub .titleGrid{
	    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
        grid-gap: 0px;
        margin: 0;
        width: 100%;
     
}
.itemDetailData .titleSub .titleGrid .jp{ display: block;}
.itemDetailData .titleSub .titleGrid .item_title{ padding-left: 0px; width: 100%;}
.itemDetailData .titleSub .titleGrid .original_title{ padding-left: 0px;width: 100%; padding-top: 0.75em; }




.itemDetailData .price .pricedata{display: block; width: 100%;}
.itemDetailData .price .price_2{ font-size: 0.8rem; display: block; padding-bottom: 0.5em;}

.itemAddCartBtn{ margin-bottom: 50px; display: flex; justify-content: flex-end; width: 100%;}
.itemAddCartBtn .inWrap{ width: 100%; margin: 0; min-width: 100%;max-width: 800px; padding: 30px;
	display: grid;
	 grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 50px;
    text-align: center;


}



.itemDetail .shopify-buy-frame iframe{ position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-height: none !important;}




.itemTags{margin-bottom: 10vw;}
.itemTags ul{ display: block; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:5px;}
.itemTags ul li{ display: inline-block; margin: 0 0.5em 0.5em 0;}
.itemTags ul li a{ display: block; background: rgba(0,0,0,0.3); color: #000; text-align: center; padding: 0.5em; white-space: nowrap;}

#topItems{ margin-bottom: 20vw}
#topItems .entryBoxList{}
#topItems .entryBoxList .entry{ }
#topItems .entryBoxList .entry dl{ width: auto}
#topItems .entryBoxList .entry dl dt{ display: block}
#topItems .entryBoxList .entry dl dd{ text-align: left; line-height: 1.3}
#topItems .entryBoxList .entry dl dd .meta{word-break: break-word;}
#topItems .entryBoxList .entry dl dd .meta .title{ }
#topItems .entryBoxList .entry dl dd .meta .price{ }


#simulatorActiveBtn{ width: 15vw; height: 32vw; top: 20vw; }
#simulatorHowtoBtn{ width: 20vw; height: 30vw; top: 5vw; right: 2vw;}


section.area .sectionTitle{ font-size: 1.8rem;}














		
		.coverContents .closeContents{ width: 15vw; height: 15vw; top: 5vw; right: 5vw; }



.coverContents .contentsFrame{ width: 90vw;
	
	align-items: flex-start !important;
	padding-top: 25vw !important;
	
}
.coverContents .contentsMain{ font-size: 4vw;}
.iPad .coverContents .contentsMain{ font-size: 2.3vw;}



#whoarewe .contentsMain{    padding: 39vw 10vw 0 10vw;}
#whoarewe .contentsFrame{ height: auto; border: solid 0px #f30;    padding: 15vw 0 0px 0; margin-bottom: 40vw;}

#whoarewe .contentsFrame .contentsBG{ top: 22vw; left: 0; border-radius: 100vw 100vw 100vw 100vw;  }

#whoarewe .contentsFrame .contentsBG .image{ 
	background: url(./img/brandtop/bg_topcntents_mini.jpg) -100px 0 repeat-y; background-size: 200vw auto;
	}



#whoarewe .contentsMain h2{ font-size: 4.5rem; line-height: 1.2; margin-bottom: 5vw; margin-left: 0;}
#whoarewe .contentsMain .inContents{ padding-left: 0vw;}

#whoarewe .contentsMain .inContents .weLogo{ text-align: center;}
#whoarewe .contentsMain .inContents .weLogo::before{ position: relative; transform: translate(0,0); margin: auto;}


#whoarewe .pointWords{ display: none;} 
#whoarewe .pointWords_sp{font-size: 2.5rem; line-height: 1.2; display: flex; width: 100%;}
#whoarewe .pointWords_sp span{writing-mode: vertical-rl;	display: inline-block; white-space: nowrap;}

#whoarewe .pointWords_sp.pointWords_1{ text-align: right; margin: 10vw 0 10vw;}
#whoarewe .pointWords_sp.pointWords_2 { margin: 0vw 0 10vw;}




#whoarewe .contentsMain h3{font-size: 2.2rem;}
#whoarewe .contentsMain h3:nth-of-type(1) { margin: 0vw 0 10vw;}
#whoarewe .contentsMain h3:nth-of-type(2) { margin: 0vw 0 10vw; display: flex; justify-content: flex-end;}
#whoarewe .contentsMain h3:nth-of-type(2) span{ display: inline-block;}

#whoarewe .firstWords{ font-size: 4vw; line-height: 1.2;position: absolute;  top: 0vw; left: 10vw;  color: #A79500; padding: 8vw 0 0px 3vw;}
#whoarewe .firstWords::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 30vw; height: 30vw;  border-radius: 0 0 30vw 0;	background: #fff;} 


#whoarewe .pointWords span{ text-indent: 14rem; display: inline-block;}


#whoarewe .nextPageNavi{ padding-top: 5vw;     padding-bottom: 20vw;}
#whoarewe .nextPageNavi .starting{
    font-size: 2.6rem;
    padding:0 10vw 0 10vw;
    
}
#whoarewe .nextPageNavi .starting::before{

	 width: 6vw;
	 height: 10vw;

	
}
#whoarewe .nextPageNavi .starting::after{

	 width: 8vw;
	 height: 10vw;

	
}




#starting .contentsMain{   padding: 50vw 10vw 0 10vw;}
#starting .contentsFrame{ height: auto; border: solid 0px #f30;  padding: 5vw 0 0px 0;}

#starting .contentsFrame .contentsBG{ top: 22vw;border-radius: 0px 50vw 0px 0px;  }

#starting .contentsFrame .contentsBG .image{
	background: url(./img/brandtop/bg_topcntents_mini.jpg) -70vw -300vw repeat-y; background-size: 200vw auto;
	}

	
	
#starting .contentsMain h2{ color: #A79500; font-size: 4.5rem; line-height: 1.05; margin-bottom: 0rem; position:relative;     top: 0vw;    left: 0vw; transform: rotate(0deg);}
#starting .contentsMain .inContents{ padding-left: 0vw; padding-top: 5vw;}

#starting .contentsMain h3{font-size: 1.8rem;}
#starting .contentsMain h3:nth-of-type(1) { margin: 220px 0 80px;}
#starting .contentsMain h3:nth-of-type(2) { margin: 0px 0 130px 130px;}


#starting .firstWords{ font-size: 4vw; line-height: 1.2;position: absolute;  top: 6vw; left: 0vw;  color: #A79500; padding: 10vw 0 0px 5vw;}
#starting .firstWords::before{ width: 30vw; height: 30vw;  border-radius: 30vw 0 0vw 0;} 
#starting .firstWords span{ top: 12vw; left: 11vw; }


				


#movie{ padding-top: 25vw;}
#movie .contentsMain{ padding: 0px 0px 0px 0px;   }
#movie .contentsFrame{  padding: 5vw; min-height: 80vw; margin-bottom: 50vw; }

#movie .contentsFrame{ width: 90vw;}
#movie .contentsFrame::before{    border-radius: 0 0 25vw 25vw; }
#movie .contentsFrame .photo{ position: absolute; bottom: 0; left: 0;  width: 600px; height: auto; }

#movie .contentsMain h2{ font-size: 8vw; line-height: 1.2;  margin: 15vw auto;	}

#movie .contentsMain  .movieArea{ width: 100%; height: 0; padding-top: 60%;}
#movie .contentsMain  iframe{  position: absolute;     top: 0;    left: 0;width: 100%; height: 100%;}





#gallery{ padding-top: 25vw;}
#gallery .contentsMain{ padding: 38vw 10vw 0 10vw;}
#gallery .contentsFrame{  padding: 0px 0vw 0vw 0; min-height:inherit; margin-bottom: 10vw; position: relative; 
	
	    border-radius: 25vw 0 25vw 0;
	    
}

#gallery .contentsFrame::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff;
	border-radius: 25vw 0 25vw 0; 
	
}
#gallery .contentsFrame picture{position: relative; bottom: 0; left: 0;  margin-top: 0vw;}
#gallery .contentsFrame .photo{ width: 100%; height: auto;}

#gallery .contentsMain{ margin-bottom: 10vw;}
#gallery .contentsMain h2{ font-size: 4rem; line-height: 1.05; margin-bottom: 2rem; text-align: left; position: absolute;     top: 10vw; bottom: auto;    left: 10vw; transform: rotate(0deg);}
#gallery .contentsMain .inContents{padding-left: 0vw; padding-top: 0px; }

#gallery .contentsMain .inContents .mapArea{ width: 100%; height: 0; padding-top: 60%;}
#gallery .contentsMain .inContents iframe{  position: absolute;     top: 0;    left: 0;width: 100%; height: 100%;}

#gallery .contentsMain h3{ color: #A79500;font-size: 2.5rem; margin-bottom: 3vw;}
#gallery .contentsMain p{font-size: 0.8rem; display: inline-block; text-align: justify;margin-bottom: 3vw;}

.documentFormat .itemData.col_2{    grid-template-columns: 1fr;}

.documentFormat .itemData.orderDetail li{ width: 100%;}




.formUnit{ padding: 0;}
	.documentFormat .itemInData.col_2{    grid-template-columns: 1fr;}
.documentFormat .itemInData dd input{ width: 100%;}



.itemAgreement{ padding: 10vw 5vw  5vw  5vw;}

.itemAgreement p.read{ font-size: 0.8rem;}

.agreeConfirm{ padding-bottom: 0;}
.itemContact{ letter-spacing: 0;}

.orderRead{ font-size: 0.8rem;}
.agreeCheck{ width: 100%;}
.documentFormat .formUnit.orderForm .orderFormWrap{ display: block;}
.documentFormat .formUnit.orderForm .orderFormItem{ width: 100% !important;}
.documentFormat .formUnit.orderForm .orderFormItem:nth-of-type(1) { margin-bottom: 20vw;}
.documentFormat .formUnit.orderForm .orderFormItem:nth-of-type(2) { margin-bottom: 10vw;}

.itemOrderBtn .inWrap{ width: 100%; min-width: 100%;}


.artistList{ width: 100%;}
.artistList .flexItem{ width: 46%; margin-bottom: 10vw;}

body#archive.artist section.area .sectionTitle{margin-bottom: 10vw;}
body#archive.artist .profileText{ width: 100%;}
body#archive.artist .movieArea{ margin-bottom: 4rem;}

.documentFormat .itemData.orderDetail{ margin-bottom: 1rem !important;}
.documentFormat .formUnit.orderForm .copyData{ display: block !important; width: 100% !important;}

.documentFormat .formUnit.orderForm .formAction {width: 100% !important;}
.documentFormat .formUnit.orderForm .formAction .itemOrderBtn{ justify-content: center;}
.documentFormat .formUnit.orderForm .formActionWrap .copyData{ display: none !important;}






.topContents#topics .closeContents{}
.topContents#topics .contentsFrame{
	

	width: 90% ;

	
}
.topContents#topics  .contentsMain{
	width: 100%;
	height: 70vh;
	padding: 0 7vw 7vw 7vw;

}


.topContents#topics  .contentsMain h2{ font-size: 2.0rem; padding-bottom: 0; line-height: 1; height: 20vw;}


.topContents#topics  .contentsMain .entryBoxList{ padding: 0;}


.topContents#topics  .contentsMain .entryBoxList .entryItem{
	 padding:6vw 0 7vw 0;
	grid-template-columns: 1fr;
	grid-gap: 0vw;
	line-height: 1.6;
	margin-bottom: 0vw;
}

.topContents#topics  .contentsMain .entryBoxList .entryItem .entryThumb{}
.topContents#topics  .contentsMain .entryBoxList .entryItem .entryThumb img{}
.topContents#topics  .contentsMain .entryBoxList .entryItem .entryMeta{padding:0vw 0 5vw 0;}

.topContents#topics  .contentsMain .entryBoxList .entryItem .entryMeta dt{  color: #A79500; font-size: 1.8rem; margin-bottom: 0.5rem;font-family: "TsukuMinPr6-D";  }
.topContents#topics  .contentsMain .entryBoxList .entryItem .entryMeta dd{}



   
}
/* ▲ max-width:850px  */


.iPad  #check{ background: #fff; color: #000;}

.iPad  #check #productAllItems{ width: 100%;}

.iPad  #check .toolsAllItemData {
    text-align: left;
    border-collapse: collapse;
    table-layout:auto;
}

.iPad  #check #globalFooter,
.iPad  #check #menuBtnFixed,
.iPad  #check #simulatorHowtoBtn,
.iPad  #check #simulatorActiveBtn,
.iPad  #check .shopify-buy-frame,
.iPad  #check #siteBgWrap{ display: none !important;}


.iPad  #check #topItems{ padding-top: 0vw; transform: translate(0%,0);}


.iPad  #check #siteHeader #siteLogo,
.iPad  #check #globalHeader .siteLogo{  width: 10vw;height: 3vw; font-size: 1rem;    transform: translate(-50%,-120%);}

.iPad  #check #siteHeader, 
.iPad  #check #siteHeader {height: 10vw;}

.iPad  #check .toolsAllItem{ letter-spacing: 0; line-height: 1.4;}
.iPad  #check .toolsAllItem:nth-child(even){background-color: #f3f3f3 !important;}
.iPad  #check .toolsAllItem:nth-child(odd){background-color: #fcfcfc !important;}
.iPad  #check .toolsAllItem .inputLabel{background-color: #c2b54d !important; color: #000; text-align: center;}

.iPad  #check .toolsAllItem .artistName{padding: 1rem; background: #000; color: #c2b54d; font-weight: bold; font-size: 1.6rem; border-bottom: solid 1px #c2b54d;}

.iPad  #check .toolsAllItem .inputLabel{width: auto !important;}
.iPad  #check .toolsAllItem .inputLabel:nth-of-type(1) { width: 20vw !important;}
.iPad  #check .toolsAllItem .inputLabel:nth-of-type(2) { width: auto !important;}
.iPad  #check .toolsAllItem .inputLabel:nth-of-type(3) { width: 16vw !important;}
.iPad  #check .toolsAllItem .inputLabel:nth-of-type(4) { width: 10vw !important;}


.iPad  #check a.bgBtn{ width: 15vw; padding: 1.0vw; height: auto; margin: 0 auto 1vw; font-size: 2vw; font-weight: bold; line-height: 1;}
.iPad  #check a.bgBtnMini{ width: auto; padding: 0.3vw; height: auto; margin: 0 auto 0vw; font-size: 1vw; font-weight: bold; line-height: 1;}



.iPad  #check a.editBtn{ display: inline-block; width: 5vw; padding: 1.0vw; height: auto; margin: 0 auto 2vw; font-size: 1vw; font-weight: bold; line-height: 1;
	background: #000; color: #fff;
}
.iPad  #check a.editBtn.edit{background: #e37000;}
.iPad  #check a.editBtn.view{background: #41b800;}


.iPad  #check .toolsAllItem .sku{ font-size: 1.0rem;font-weight: bold;}
.iPad  #check .toolsAllItem .title{ font-size: 1.6rem; font-weight: bold;}
.iPad  #check .toolsAllItem .title_jp{ font-size: 1rem; margin-bottom: 2vw;}
.iPad  #check .toolsAllItem .shopifyid{ font-size: 0.8rem;}
.iPad  #check .toolsAllItem .price{ font-size: 1rem;}
.iPad  #check .toolsAllItem .size{ font-size: 1.2rem; padding-top: 0.5em;}


.iPad  #check .itemListCell{ display: none;}

.iPad #check  .artistNameTr{ cursor: pointer;}
.iPad #check  .artistNameTr.open{}

.iPad #check  .artistNameTr td::after{ content: '▼ OPEN'; display: inline-block; background:#c2b54d; color: #000; line-height: 1; font-size: 0.6rem; padding: 0.5em; position: 
	absolute; top: 50%; right: 2vw; transform: translate(0,-50%); }

.iPad #check .artistNameTr.open td::after{ content: '× CLOSE';  background:#ccc; }

.iPad #check .artistName small{ display: inline-block; margin-left: 2em; font-size: 0.8em;  font-weight: normal;}

.iPad #check .artistNameTr.open .artistName{ background:#333; }

.iPad #check .itemThumb{width:18vw; height: auto; margin: 0px;}

.iPad #check .toolsAllItem .gridItem{ padding: 2vw 1vw;}



.iPad  #check .closeItems .toolsAllItem .inputLabel{background-color: #5d68c0 !important; }

.iPad  #check .closeItems .toolsAllItem .artistName{color: #5d68c0; border-bottom: solid 1px #5d68c0;}

.iPad #check  .closeItems .artistNameTr td::after{ background:#5d68c0; }

.iPad #check .privateStatus{    padding: 0.2em; margin: 0 0.2em; font-size: 0.8em;}