/** Shopify CDN: Minification failed

Line 69:8 Expected ":"
Line 109:8 Expected ":"
Line 172:0 Comments in CSS use "/* ... */" instead of "//"
Line 173:0 Comments in CSS use "/* ... */" instead of "//"
Line 174:0 Comments in CSS use "/* ... */" instead of "//"
Line 175:0 Comments in CSS use "/* ... */" instead of "//"

**/
@charset "UTF-8";

/*----------------------------------------------------------------------------------------------
	入稿案内・注意点
----------------------------------------------------------------------------------------------*/
.pc_on{
display: block;
}
.sp_on{
display: none;
}






.pricelist{
width:1000px;
display: table;
position: relative;
margin: 25px auto 5px auto;
}

.pricelist .tab001{
width:100%;
display: table;
position: relative;
margin: 0% auto 0px auto;
}
.pricelist .tab001 li{
position: relative;
display: table-cell;
float: left;
width:23.5%;
height: 0px;
padding-bottom: 7%;
overflow: hidden;
margin: 0px 2% 2% 0px;
text-align: center;
vertical-align: middle;
font-size: 16x;
letter-spacing: -1px;
border: 2px solid #a5c31e;
background:#ffffff;
color:#313232;
box-sizing:border-box;
border-radius: 8px;
font-size: 18px;
line-height: 100%;
font-family: "FOT-筑紫A丸ゴシック Std B","TsukuARdGothicStd-B";
}
.pricelist .tab001 li::after{
content: "";
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%) translateX(-0%);
-webkit- transform: translateY(-50%) translateX(-0%);
width: 0px;
height: 0px;
margin: auto;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid #a5c31e;
}
.pricelist .tab001 li a{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
justify-content: center; /* 横方向中央揃え */
}
.pricelist .tab001 li:nth-child(4n){
margin: 0px 0px 2% 0px;
}
.pricelist .tab001 li:hover,
.pricelist .tab001 .active,
.pricelist .tab001 .current{
position: relative;
background:#a5c31e!important;
color:#ffffff!important;
}
.pricelist .tab001 li:hover::after,
.pricelist .tab001 .active::after,
.pricelist .tab001 .current::after{
content: "";
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%) translateX(-0%);
-webkit- transform: translateY(-50%) translateX(-0%);
width: 0px;
height: 0px;
margin: auto;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid #ffffff;
}

.pricelist a:hover {
text-decoration: none;
background-color: #a5c31e;
}







/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 949px){
.pc_on{
display: block;
}
.sp_on{
display: none;
}

.pricelist{
width:95%;
display: table;
position: relative;
margin: 4% auto 1% auto;
}
.pricelist .tab001{
width: 100%;
display: table;
position: relative;
margin: 0% auto 0% auto!important;
}
.pricelist .tab001 li{
position: relative;
display: table-cell;
float: left;
width:31%;
height: 0px;
padding-bottom: 9%;
overflow: hidden;
margin: 0px 3.5% 3.5% 0px;
text-align: center;
vertical-align: middle;
font-size: 16x;
letter-spacing: -1px;
border: 2px solid #a5c31e;
background:#ffffff;
color:#313232;
box-sizing:border-box;
border-radius: 8px;
font-size: 2.2vw;
line-height: 100%;
}
.pricelist .tab001 li::after{
//right: 6px;
//border-top: 5px solid transparent;
//border-bottom: 5px solid transparent;
//border-left: 8px solid #a5c31e;
}
.pricelist .tab001 li:nth-child(4n){
margin: 0px 3.5% 3.5% 0px;
}
.pricelist .tab001 li:nth-child(3n){
margin: 0px 0px 3.5% 0px;
}

}




/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px){

.pc_on{
display: none;
}
.sp_on{
display: block;
}

.pricelist .ChangeElem_Panel{
margin: 0% auto 0% auto;
}

.pricelist{
width:95%;
display: table;
position: relative;
margin: 4% auto 4% auto;
}

.pricelist .tab001{
width: 100%;
display: table;
position: relative;
margin: 0% auto 0% auto!important;
}
.pricelist .tab001 li{
width:48%;
padding-bottom: 15%;
margin: 0px 4% 0% 0px;
font-size: 3.3vw;
}
.pricelist .tab001 li:nth-child(4n){
margin: 0px 4% 4% 0px;
}
.pricelist .tab001 li:nth-child(3n){
margin: 0px 4% 4% 0px;
}
.pricelist .tab001 li:nth-child(2n){
margin: 0px 0px 4% 0px;
}

}