@charset "UTF-8";


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

.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 {}

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; }

/* class
----------------------------------------------- */



.coverContents{ display: none; position: fixed !important; z-index: 5000000000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.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 .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;}


.bgLink{ display: inline-block; padding: 1em 1.5em;  margin: 0 0.5em; border-radius: 5px;    background: #eee; color: #333 !important; text-decoration: none; line-height: 1;}


.bgLink.blackBtn{   background: #000; color: #fff !important; }

.redLink{ display: inline-block; padding: 0.2em 0.5em;  margin: 0 0.5em; border-radius: 5px;  border: double 3px #c00;  background: #fdf1f2; color: #c00 !important; text-decoration: none; line-height: 1;}


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

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

}


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


		

}