@charset "UTF-8";
/* CSS Document */

.accordion {
margin: 3em auto;
max-width: 60vw;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
}
.title {
display: block;
color: #333;
font-weight: bold;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 6px;
width: 0.1em;
height: 2.5em;
background-color: #000;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}

.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}

.toggle:checked + .title + .content {
	max-height: 1000px;
    transition: all 0s;
	line-height: 0.9;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}


.content.c2.c-open {
	max-height: 1000px;
    transition: all 0s;
	line-height: 0.9;
}
.title.t2.c-open2::before {
transform: rotate(90deg) !important;
}


.sub_item a:before {
	display: none;
}

.sub_item a::after {
	display: none; 
}

.fontsize{
	font-size: 3vw;
}

.fontsize .font-size2{
	font-size: 1.6vw;
}

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

.title::after,
.title::before {
    top: 7px;
	height: 2em;
}
	
.products_img{
		height: 140px!important;
	}

.products_title {
    line-height: 5.33333vw;
}
	
.products_price span{
	font-size: 10px!important;		
	}
}