@media (max-width:932px){

img.w_max{
width:95% !important;
display:block;
margin:1em auto 2em !important;
}

h1{font-size: 30%; margin-bottom: -1em;}

header img.logo{
max-width: 70% !important;
margin-left: -2em;
}

header .logo_box{
width: 100% !important;
display: block;
justify-content: left;
align-items: left;
text-align: left;
}

.menu_for_sp{display: block;}

/* :::::: toggle button :::::: */
#drawer{display: none;}
label{
cursor: pointer;
position: fixed;
}
.open{
z-index: 22;
top: 3%;
right: 3%;
width: 38px;
height: 38px;
border-radius: 38px;
background: #3c7841;
transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
box-shadow:0 2px 20px rgba(255,255,255,.9);
}
.open::before,
.open::after{
content: "";
}
.open span,
.open::before,
.open::after{
content: "";
position: absolute;
top: calc(50% - 1px);
left: 30%;
width: 40%;
border-bottom: 2px solid white;
transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before{transform: translateY(-8px);}
.open::after{transform: translateY(8px);}
.close{
z-index: 23;
inset: 0;
pointer-events: none;
transition: background .6s;
}
#drawer:checked + .open{
background: #004C35;
transform: translateX(-280px);
}
#drawer:checked + .open span{transform: scaleX(0);}
#drawer:checked + .open::before{transform: rotate(135deg) scaleX(1.2);}
#drawer:checked + .open::after{transform: rotate(-135deg) scaleX(1.2);}
#drawer:checked ~ .close{
pointer-events: auto;
background: rgba(0,0,0,.3);
}

/* :::::: drawer menu :::::: */
.menu{
z-index: 25;
position: fixed;
overflow: auto;
top: 0;
right: 0;
width: 280px;
height: 100%;
margin: 0;
padding: 10px;
box-sizing: border-box;
background: rgba(0,76,53,.925);
transform: translateX(100%);
transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu ul{
margin: 0;
padding:1em 0;
}
.menu li{line-height: 1.4;}
.menu li:not(:first-child){border-top: 1px solid rgba(255,255,255,.6);}
.menu a{
display: block;
padding: 1em 2em;
color: #fff !important;
text-decoration: none;
transition: background .6s;
}
.menu a:hover{opacity: 0.6;}
#drawer:checked ~ .menu{transform: none;}
.menu a span{
font-size: 80%;
display: block;
clear: both;
margin-left: 1.65em;
}


.main_text{
width: 40%;
height:auto;
text-align: left;
top: 50%;
left: 4%;
font-size:2.25vw;
line-height: 1.5;
z-index: 6;
}

section{padding: 1em 0;}
.item-box{display: block;}
.item-box_60{width: 90%;}

.item-box.product_connection{
max-width: 1000px !important;
width: 90% !important;
height: auto !important;
margin: 1em auto !important;
padding: 0 !important;
background: #fff !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
border-radius: 10px !important;
}
.column2 .item,
.column3 .item,
.column2 .item:last-child,
.column3 .item:last-child,
.item-box .item .column2 .item:last-child{margin:2em 0 0;}


.item img,
.item img.portrait{
width: 60%;
float: inherit;
margin:1em auto;
}

.item .right_box,
.item .left_box,
.item .right_portrait{
float: inherit;
width: 100%;
padding: 0 1em 1em;
text-align: left;
}



.item-box.product_connection{
max-width: 1000px !important;
width: 90% !important;
height: auto !important;
margin: 1em auto !important;
padding: 0 !important;
background: #fff !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
border-radius: 10px !important;
}


.item-box.product_connection .item{margin:1em 1em 0 0;}
.item-box.product_connection .item:last-child{margin:1em 0 0;}


.item-box.product_connection .item img.product_connection{
padding:1% 20% !important;
margin: 0 !important;
}

.main .title,
.main span{text-align: center !important;}

.main .right_box .title{
font-size: 5.5vw !important;
margin-bottom:0;
}

.main p{
width: 120% !important;
margin-left: -10%;
}

.title{
width: 100%;
font-size: 135%;
font-weight: bold;
margin: 1em auto 0;
height: auto;
}
.item .catch{font-size: 115%;}

.item_text{
width: 100%;
margin:5% auto 1em;
padding: 0 2%;
}

@media (max-width:600px){
.item_muku,
.item_black,
.item_urushi,
.item_putter{
background-position: 2% center;
background-size:38%;
}
}

.item_muku{
text-shadow:1px 1px 0 #fcf7dd, -1px -1px 0 #fcf7dd,
-1px 1px 0 #fcf7dd, 1px -1px 0 #fcf7dd,
0px 1px 0 #fcf7dd, 0 -1px 0 #fcf7dd,
-1px 0 0 #fcf7dd, 1px 0 0 #fcf7dd,
#000 0 1px 1px;
}

.item_black{
text-shadow:1px 1px 0 #c2cbc8, -1px -1px 0 #c2cbc8,
-1px 1px 0 #c2cbc8, 1px -1px 0 #c2cbc8,
0px 1px 0 #c2cbc8, 0 -1px 0 #c2cbc8,
-1px 0 0 #c2cbc8, 1px 0 0 #c2cbc8;
}

.item_putter{
text-shadow:1px 1px 0 #899e7d, -1px -1px 0 #899e7d,
-1px 1px 0 #899e7d, 1px -1px 0 #899e7d,
0px 1px 0 #899e7d, 0 -1px 0 #899e7d,
-1px 0 0 #899e7d, 1px 0 0 #899e7d,
#000 0 1px 1px;
}
.item_text{width: 85%; float: right;}
.item_wrap .desc{padding:0 0 0 20%;}
.item_wrap .price{padding-left: 0;}
.title_lackline{margin: 1em auto 0;}

.order img.product{
    width: 30%;
    display: block;
    clear: both;
    margin: 0 auto 1em;
    float: inherit;
}

.order .right_box {
    width: 100% !important;
    margin:0 auto 2em;
clear: both;
    float: inherit;
    overflow: hidden;
}


.ft_menu{
width: 100%;
clear: both;
padding:1em 0;
}

.ft_l,
.ft_c,
.ft_r{
width: 100%;
float: inherit;
clear: both;
padding: 1em 0;
margin: 0;
}

.ft_copy{font-size: 60%;}


table.order th, table.order td {
    width: 100% !important;
    min-width: inherit !important;
    clear: both !important;
    display: block;
    font-weight: normal;
}

.textbox_half{
	width: 48% !important;
	margin: 0 1% 0 0;
}

}