@charset "UTF-8";


/* class
----------------------------------------------- */
.alignLeft{ text-align: left;}
.alignCenter{ text-align: center;}
.alignRight{ text-align: right;}

.tJustify{ text-align: justify;}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: auto;
	grid-gap: 50px;
	padding: 0;
	margin: auto;
}
.grid.col_6{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid.col_5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.grid.col_4{grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid.col_3{grid-template-columns: 1fr 1fr 1fr;}
.grid.col_2{grid-template-columns: 1fr 1fr;}
.grid.col_1{grid-template-columns: 1fr;}
.grid.sp_col_2{	grid-template-columns: 1fr 1fr;}

.grid.miniGap{ grid-gap: 1em;}
.grid .center {	display: grid;	align-items: center;}
.gridItem {}


.flex{ display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
.flexItem{ width: 21%; margin: 0 2% 100px; text-align: center;}


img.full{width:100%; height: auto;}


.bgBtn{ display: inline-block; height: 3em; line-height: 3em; text-align: center; margin: 2em 0; padding: 0 2em; color: #fff !important; background: #333;text-decoration: none !important; border-radius: 5px;transition: all 250ms cubic-bezier(.50, .0, .50, 1);}
.bgBtn:hover{ background: #c00; color: #fff !important;}

.anim{transition: all 250ms cubic-bezier(.50, .0, .50, 1);}

.wfull{ width: 100%; height: auto;}
.hfull{ width: auto; height: 100%;}

.tLeft{ text-align: left;}

.textBody{ line-height: 2; }

.cap_capitalize{text-transform: capitalize;}
.cap_lowercase{text-transform: lowercase;}

dl.countList{
		display: grid;
	grid-template-columns: 2rem 1fr;
	grid-auto-rows: auto;
	grid-gap: 0.5em 1.0em;
	padding: 0;
	margin: auto;
}
dl.countList dt{ text-align: ,;}
dl.countList dd{}


ul.list{ list-style: disc; padding-left: 1.5em;}
ul.list li{ margin-bottom: 0.5em;}

ul.listDisc{ list-style: disc; padding-left: 0; margin-left: -0.5em;}
ul.listDisc li{ margin-bottom: 0.2em;}


ol.coverCount {
		padding-top: 1em;
}

ol.coverCount li{ 	list-style-type: none;
	counter-increment: cnt;padding-left: 2.2em; margin-left: 0; margin-bottom: 0.4em; line-height: 1.6;}
ol.coverCount li::before {
	content: "(" counter(cnt) ") ";
	position: absolute; 
	top: 0em;
	left: 0;
	
}


/* class
----------------------------------------------- */
.pageContentsWrap{width: 80%; max-width: 1000px; padding: 50px 0; margin: auto; }

#page .pageContentsWrap{text-align: justify;}



.movieThumbnail{ background: #369}
.movieThumbnail:before{ content: ''; display: block; width: 100%; height: 0; padding-top: 56.3%;}

.thumbnail{ background: #ccc; }
.thumbnail:before{ content: ''; display: block; width: 100%; height: 0; padding-top: 100%;}

.entryBoxList{padding: 50px;}
.entryBoxList.grid{
		display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: auto;
	grid-gap: 25px 50px;
	padding: 0;
	margin: auto;

}
.entryBoxList .entry{ margin: 0;}
.entryBoxList .entry a{ display: block;}
.entryBoxList .entry dl{}
.entryBoxList .entry dl dt{}
.entryBoxList .entry dl dt .thumbnail{ margin-bottom: 10px; background: transparent;}
.entryBoxList .entry dl dt .thumbnail img.boxImg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.entryBoxList .entry dl dd{}

.entryBoxList .entry.not_ShopifyID{}
.entryBoxList .entry.not_ShopifyID::after{ content: 'Shopifyに未登録'; display: flex; display: none; align-items: center; justify-content: center; text-align: center; width: 100%; height: auto; position: absolute; top: 0; left: 0; background: rgba(255,0,0,0.5); color: #fff; font-weight: bold; pointer-events: none;} 



.entryBoxList.flex{
		display: flex;
		padding: 0;
		margin: auto;
		justify-content:center;
		flex-wrap: wrap;
}

.entryBoxList.flex:after{
	   content: '';
	   display: none;
	   width:  calc((100% - 100px) / 3);

}

.entryBoxList.flex .entry{ width: calc((100% - 100px) / 3); margin:0 1rem 1rem;}
.entryBoxList.flex .entry a{ display: block;}
.entryBoxList.flex .entry dl{}
.entryBoxList.flex .entry dl dt{}
.entryBoxList.flex .entry dl dt .thumbnail{ margin-bottom: 10px;}

.entryBoxList.flex .entry dl dd{}



dl.dataTable{ display: grid; grid-template-columns: 1fr ; grid-gap: 0;}
dl.dataTable dt{padding: 0 0; margin-bottom: 0.2rem; font-size: 0.9em; }
dl.dataTable dd{ padding: 0 0; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: solid 1px #000;}


dl.priceData{
	 width: auto;
	
			display: grid;
	grid-template-columns:auto auto;
	grid-auto-rows: auto;
	grid-gap: 1px;
	padding: 0;
	margin: 0 auto 100px;
	text-align: right;

}
dl.priceData dt{ padding:0 1em 0em 0;  font-size: 0.6em; font-weight: bold; line-height: 1; opacity: .5;display: grid; align-items: center;white-space: nowrap;}
dl.priceData dd{ padding:0 0 0em 0;   font-size: 1.8em; font-weight: 700; margin-bottom: 0em;	white-space: nowrap;}

dl.metaData{
	 width: auto;
	
			display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-auto-rows: auto;
	grid-gap: 1px;
	padding: 0;
	margin: auto;
}
dl.metaData dt{ padding:0 0 0.5em 0;  font-size: 0.8em; font-weight: bold; line-height: 1; opacity: .5;}
dl.metaData dd{ padding:0 0 0.5em 0;   font-size: 1.2em; margin-bottom: 2em;}


ul.productData{
	 width: auto;
	
			display: grid;
	grid-template-columns:1fr 1fr;
	grid-auto-rows: auto;
	grid-gap: 1px;
	padding: 0;
	margin:0 auto 50px;
}

ul.productData.productData{grid-template-columns:1fr;}


ul.productData li{font-size: 1.2em;border: solid 0px #f30;}
ul.productData li:not(:last-child){ margin-bottom: 2em; }
ul.productData li .label{font-size: 0.7rem; font-weight: bold; line-height: 1; opacity: .3; margin-bottom: 1em;}
ul.productData li p{ margin: 0;}

.linkMenuList{ letter-spacing: 0; margin-bottom: 0;}
.linkMenuList li{ margin-bottom: 0.7em; }

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


dl.specData{
	 width: auto;
	 font-size: 0.8em;
			display: grid;
	grid-template-columns: 20em 1fr;
	grid-auto-rows: auto;
	grid-gap: 1px;
	padding: 0;
	margin: auto;
}
dl.specData dt{ padding: 1em; background: #ddd; text-align: left;}
dl.specData dd{ padding: 1em; background: #fff; text-align: left;}






dl.profileData{ text-align: left;}
dl.profileData dt{ border-bottom: solid 1px #ccc; padding: 1em 0;}
dl.profileData dd{ padding: 1em 0;}


.mediaGrid{grid-gap: 1em 2em; text-align: left;}
.mediaGrid > div{ margin: 0;}

.mediaGrid .thumbList{}
.mediaGrid .thumbList dl{ margin-bottom: 2em; grid-gap: 1em;grid-template-columns: 150px 1fr;}
	.mediaGrid .thumbList dl:last-child{ margin-bottom: 0;}
.mediaGrid .thumbList .thumbnail{}
.mediaGrid .thumbList .thumbnail:before{ padding-top: 60%; }



.tags{ font-size: 0.8em; font-family: sans-serif; line-height: 1;}
.tags a{ display: inline-block; padding: 0.3em;margin: 0 0.5em 0.5em 0; border-bottom: solid 0px #ccc;}


.shopify-buy__btn{ background: #369 !important}

.movFrame iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.formUnit{padding: 0px; }
.formUnit > .grid{ width: 80%; max-width: 800px; margin: auto;}
.formData{ text-align: left;}

.formData dt{}
.formData dd + dt{ margin-top: 1em;}
.formData dd{ }

.formData input{ width: 80%;}
.formData textarea{}



.coverContents{ display: none; position: fixed !important; z-index: 5000000000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65);}
.coverContents .coverFrame{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; display: grid; align-items: center; text-align: center;}
.coverContents .coverContentsWrap{ background: #fff;  padding: 50px; margin: auto; min-height: 500px; width: 90%; height: 600px;}

.coverContents .coverContentsWrap .modalClose{ position: absolute; top: 0; right: 0; width: 4rem; height: 4rem; border-radius: 2rem;  transform: translate(50%,-50%);  background: #000; color: #fff;  }
.coverContents .coverContentsWrap .modalClose span{ display: inline-block; position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); font-size: 2rem; font-weight: bold; line-height: 1;}

.coverContents #modalContactFrame{}
.coverContents #modalContactFrame iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.coverContents .coverContentsWrap .noSimulator{    grid-template-columns: 1fr !important;}


.coverContents .closeBtn{ display: grid; align-items: center; text-align: center; position: absolute; top: 0; right:0; transform: translate(50%,-50%); width: 50px; height: 50px; border-radius: 25px; background: #fff000; color: #333; font-size: 2.5em; line-height: 1; cursor: pointer;}
.coverContents .closeBtn:hover{ background: #fff54d;}



#detailAddCart{ position: relative; width: 300px; height: 50px; border: solid 1px #f30; margin: auto; display: none;}
#detailAddCart .shopify-buy-frame iframe{ position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-height: none !important;}





.smartPhone .coverContents .coverContentsWrap{ height: 90vh;}


.toolsAllItemDataWrap{ width: auto; margin:1rem; padding: 1rem;  border: solid 0px #000;}
.toolsAllItemDataWrap2{ width: 95%; margin: auto; overflow-x: scroll; border: solid 0px #000;}

.toolsAllItemData{ text-align: left; border-collapse: collapse;
	
	 table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  
}

.toolsAllItem {
	padding: 0;
	 font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	 font-weight: bold;
}

.toolsAllItem.checkOK::after{ content: '登録表示確認済み'; display: inline-block; position: absolute; top: 0.5rem; left: 0.5rem; width: auto; height:auto; padding: 0.2rem; font-size: 10px; line-height: 1; color: #fff; background: rgba(255,0,0,0.8); pointer-events: none;}

.toolsAllItem .gridItem{ padding: 5px; font-size:0.8em; border: solid 1px #ccc }

.deactiveLink{ opacity: .2; pointer-events: none; text-decoration: line-through !important;}

.private .toolsAllItem.item td:nth-of-type(2)::after,
.private .toolsAllItem.item td:nth-of-type(22)::after{ content: '非公開'; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem; box-sizing: border-box; background: rgba(0,0,0,0.8); color: #c00; font-weight: bold; font-size: 1.2rem;}

.privateStatus{ display: inline-flex; align-items: center; justify-content: center; padding: 0.5em; margin: 0 0.2em; line-height: 1; background: #c00; color: #fff;}
.privateStatus small{ }

#productAllItems{ width: 3800px}
#artistAllItems{ width: 2500px}

.toolsAllItem:nth-child(even){background-color: #f3f3f3 !important;}
.toolsAllItem:nth-child(odd){background-color: #fcfcfc !important;}
.toolsAllItem .inputLabel{background-color: #000 !important; color: #fff; text-align: center;}

.toolsAllItem .inputLabel{width: 7rem !important;}
.toolsAllItem .inputLabel:nth-of-type(2) { width: 9rem !important;}
.toolsAllItem .inputLabel:nth-of-type(3) { width: 12rem !important;}
.toolsAllItem .inputLabel:nth-of-type(4) { width: 14rem !important;}
.toolsAllItem .inputLabel:nth-of-type(5) { width: 10rem !important;}
.toolsAllItem .inputLabel:nth-of-type(6) { width: 10rem !important;}
.toolsAllItem .inputLabel:nth-of-type(7) { width: 40em !important;}
.toolsAllItem .inputLabel:nth-of-type(8) { width: 20rem !important;}
.toolsAllItem .inputLabel:nth-of-type(9) { width: 18rem !important;}
.toolsAllItem .inputLabel:nth-of-type(10) { width: 8rem !important;}
.toolsAllItem .inputLabel:nth-of-type(11) { width: 8rem !important;}
.toolsAllItem .inputLabel:nth-of-type(12) { width: 8rem !important;}
.toolsAllItem .inputLabel:nth-of-type(13) { width: 8rem !important;}
.toolsAllItem .inputLabel:nth-of-type(14) { width: 4rem !important;}
.toolsAllItem .inputLabel:nth-of-type(15) { width: 20rem !important;}
.toolsAllItem .inputLabel:nth-of-type(16) { width: 20rem !important;}
.toolsAllItem .inputLabel:nth-of-type(17) { width: 10rem !important;}
.toolsAllItem .inputLabel:nth-of-type(18) { width: 10rem !important;}
.toolsAllItem .inputLabel:nth-of-type(19) { width: 20rem !important;}
.toolsAllItem .inputLabel:nth-of-type(20) { width: 5rem !important;}
.toolsAllItem .inputLabel:nth-of-type(21) { width: 15rem !important;}

.toolsAllItem .inputLabel:nth-of-type(21) { width: 15rem !important;}
.toolsAllItem .inputLabel:nth-of-type(22) { width: 15rem !important;}
.toolsAllItem .inputLabel:nth-of-type(23) { width: 15rem !important;}
.toolsAllItem .inputLabel:nth-of-type(24) { width: 15rem !important;}


#artistAllItems .toolsAllItem .inputLabel:nth-of-type(4) { width: 15rem !important;}
#artistAllItems .toolsAllItem .inputLabel:nth-of-type(5) { width: 20rem !important;}
#artistAllItems .toolsAllItem .inputLabel:nth-of-type(6) { width: auto !important;}

.visuals.grid{grid-template-columns: 60px 1fr;}

.imageFiles{
			display: grid;
	grid-template-columns: auto 1fr;
	grid-auto-rows: auto;
	grid-gap: 5px;
	padding: 0;
	margin: auto;
	text-align: center;
}

.imageFiles img{ width: 20px; height: auto;}
.imageFiles video{ width: auto; height: 20px;}
.redStrong{  color: #c00; font-weight: bold;}

.toolsAllItem .langTag{ display: inline-block; font-size: 0.6em; background: #666; color: #fff; line-height: 1; padding: 0.6em 1em; margin-right: 0.6em;}

.toolsAllItem .body{ width: 300px; height: 100px; overflow: auto;}

.toolsAllItem .gridItem .simulatorList{ 
		display: grid;
	grid-template-columns: auto 1fr;
	grid-auto-rows: auto;
	grid-gap: 10px;
	padding: 0;
	margin: auto;
	text-align: center;
}
.toolsAllItem .gridItem .simulatorList dt img{ width: auto; height: 50px; border: solid 1px #000;}
.toolsAllItem .gridItem .simulatorList dd{ display: flex;     align-items: center; padding-right: 1em;}


.toolsAllItemData.shopifyCSV{ }
.toolsAllItemData.shopifyCSV th{ white-space: nowrap;}
.toolsAllItemData.shopifyCSV td{ text-align: left;white-space: nowrap; border-right: solid 1px #ccc; padding:0 1em;}
.toolsAllItemData.shopifyCSV td.tRight{ text-align: right !important;}

.nullData{ background: #fedfdf !important; }
.nullData2{ background: #eefff7 !important; }


.termList{ width: 15em; margin: auto; text-align: left; list-style: disc;}

.faqList{ padding-top: 4rem;}
.faqList dl{ list-style: none; margin-bottom: 2rem;}
.faqList dt{ font-size: 1.3rem;
	margin-bottom: 0em;
    line-height: 1.5;
    padding-top: 0rem;
    padding-bottom: 1em;
    font-weight: bold;
    border-bottom: solid 0px #000;
    
	
	
}
.faqList dd{}

body.page-template-page-allitem{ overflow: scroll !important;}



.accordionArea{ margin-bottom: 4rem}

.faqList dl:last-child,
.faqList dl:last-child .accordionArea{ margin-bottom: 0;}

.accordionArea a{ }

.collapse {
  margin-top: -1px;
  border: 0px solid #ccc;
  background: rgba(255,255,255,0.3);
  margin-bottom: 0.5em;
  
}
.collapse__toggle {
  display: flex;
  font-family: inherit;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0.5em 1rem 0.7em 2rem;
  border: none;
  cursor: default;
  font-size: 1.2rem;
  line-height: 1.6;
  cursor: pointer;
  background: rgba(255,255,255,0.2);
}
.collapse__toggle:after {

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: bold;
  content: "";
  background:url(./img/parts/icon_arrow_down.svg) center center no-repeat; 
  background-size:contain;
  width: 1rem;
  height: 1rem;
  
  
  
  display: inline-block;
  color: #999;
  transform: rotate(180deg);
  transition: transform 0.2s;
}
.collapse__body {
  display: block;
  text-align: justify;
  padding: 1rem 2rem 2rem 2rem;
}

.collapse__body p:last-child{ margin-bottom: 0;}

.collapse__body.-hide {
  display: none;
}
.collapse.-closed .collapse__toggle:after {
  transform: rotate(0deg);
}


.collapse ul:last-child,
.collapse dl:last-child,
.collapse ol:last-child{ margin-bottom: 0; padding-bottom: 0;}




.blankDocs{
	padding: 1rem;
	margin-bottom: 2rem;
}

.blankDocs .flex{
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: auto;
	grid-gap: 0.5rem;
	padding: 0;
	margin: auto;
	width: auto;
}
.blankDocs .flex a{ background: #369; color: #fff; line-height: 1.2; padding: 0.4rem 1rem; font-weight: bold; font-size: 0.8em;}
		
.blankDocs .flex a.warranty	{background: #ce6b00; }

/* 翻訳
----------------------------------------------- */
.switcher {font-family:Arial;font-size:12pt;text-align:left;cursor:pointer;overflow:hidden;width:203px;line-height:17px;
    position: fixed;
    top: auto;
    bottom: 40px !important;
    left: 40px;
    z-index: 1000;
    display: block;
    font-family: "AGaramondPro-Regular" !important;
	color: #fff;

}

body.modalMode .switcher{ display: none !important;}

.switcher a {text-decoration:none;display:block;font-size:10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; color: #fff;}
.switcher a img {vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:0.8;}
.switcher a:hover img {opacity:1;}
.switcher .selected {background:#a79500 !important;position:relative;z-index:9999;}
.switcher .selected a {border:0 !important;color:#fff !important;padding:3px 1em;width:191px;}
.switcher .selected a:after { transform: translate(0,-15%);height:24px;display:inline-block;position:absolute;right:10px;width:15px;background-position:50%;background-size:11px;background-repeat:no-repeat;content:""!important;transition:all .2s;}
.switcher .selected a.open:after {-webkit-transform: translate(0,-15%) rotate(-180deg);transform: translate(0,-15%) rotate(-180deg);}
.switcher .selected a:hover {background:#867801 !important}
.switcher .option {position:relative;z-index:9998;border-left:0px solid #ccc !important;border-right:0px solid #ccc !important;border-bottom:0px solid #ccc !important;background-color:#eee;display:none;width:201px;max-height:150px !important;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow-y:auto;overflow-x:hidden;    background-color: #a79500 !important; color: #000 !important}
.switcher .option a {color:#fff  !important;padding:3px 1em;}
.switcher .option a:hover {background:#867801 !important;}
.switcher .option a.selected {background:#a79500 !important;}
#selected_lang_name {float: none;}
.l_name {float: none !important;margin: 0;}
.switcher .option::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;background-color:#a79500 !important;}
.switcher .option::-webkit-scrollbar {width:5px;}
.switcher .option::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color:#766900 !important;}

#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}


.contactItemBtn{ display: flex; justify-content: center;}
.contactItemBtn a{ display:inline-flex; padding: 1rem; background: #000; color: #fff; justify-content: center; align-items: center;}
.contactItemBtn a span{color: #fff; }


/* entryBoxList
----------------------------------------------- */



@keyframes arrow_move_anim_r {
	0% { }
	50% { transform: translate(100%,0);}
	51% { opacity: 0;}
	52% { opacity: 0; transform: translate(-100%,0);}
	53% { opacity: 1; }
	100% {  transform: translate(0,0);}
}






/* media
----------------------------------------------- */
.onlyPC{ display:inline-block !important;}
.onlyPC_Block{ display:block !important;}
.onlySP{ display:none !important;}
.onlySP_Block{ display:none !important;}

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

}


@media screen and (max-width: 850px) {	
	
	.onlyPC{ display:none !important;}
	.onlySP{ display:inline-block !important;}

.onlyPC_Block{ display:none !important;}
.onlySP_Block{ display:block !important;}

.pageContentsWrap{    width: 70%; padding-top: 0;}
.entryBoxList.grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 5vw;
    padding: 0;
    margin: auto;
}

	
	
	.coverContents .coverContentsWrap {
    background: #fff;
    padding: 30vw 10vw;
    margin: auto;
    min-height: 100vh;
    width: 100vw;
    height: auto !important;
}

#modalContact .coverContents .coverContentsWrap .modalClose{
	top: 2vw;
    right: 2vw;
    transform: translate(0%,0%);
}

.coverContents .closeBtn {

    width: 16vw;
    height: 16vw;
    border-radius: 8vw;
    font-size: 2.5em;
    line-height: 1;
    top: 10vw;
    right: 10vw;
}
	
	#modalDetail .coverContentsWrap .grid:nth-of-type(1) {
		    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 5vw;
	}

	
		

}/*  @media screen and (max-width: 750px) */