﻿/*
#container-all {
width:860px;
margin:0 auto;
}
	.maindesign{
		padding-bottom: 50px
	}
	.maindesign a.fslarge{
		padding: 0.5em 0
	}
#container-all a {
text-decoration:none;
}

#container-all a:hover {
opacity:0.4;
filter: alpha(opacity=40);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.4;
-khtml-opacity: 0.4;
zoom:1;
}
*/
.box-category {
margin-top:30px;
margin-bottom:60px;
	border: 1px solid #ccc;
	padding: 20px 20px 10px;
}


.maindesign .goods-sample{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 2em;
}
.maindesign .goods-sample::before,
.maindesign .goods-sample::after{
	content: "";
	display: block;
	width: 24%;
	height: 0;
}
.maindesign .goods-sample::before{
	order: 1;
}
.maindesign .goods-sample li{
	width: 24%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 30px;
}
.maindesign .goods-sample li:nth-child(-n + 4){
	margin-top: 0;
}
.maindesign .goods-sample li .type{
	text-align: center;
	line-height: 1.4;
	margin-top: 10px;
	font-size: 1.1em;
	font-weight: bold;
}
@media screen and (max-width: 767px){
.maindesign .goods-sample::before,
.maindesign .goods-sample::after{
	width: 49%;
}
.maindesign .goods-sample li{
	width: 49%;
}
.maindesign .goods-sample li:nth-child(-n + 4){
	margin-top: 30px;
}
.maindesign .goods-sample li:nth-child(-n + 2){
	margin-top: 0;
}
.maindesign .goods-sample li .type{
	font-size: 0.9em;
}
	
}
.maindesign .basic-plan{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 2em;
}
.maindesign .basic-plan .set{
	line-height: 1.4;
	font-size: 1.6em;
	font-weight: bold;
}
.maindesign .basic-plan .set::after {
    content: "+";
    margin: 0 0.5em;
    font-size: 1.6em;
}
.maindesign .basic-plan .price{
	line-height: 1.1;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}
.maindesign .basic-plan .price span{
	font-size: 2.5em;
}
.maindesign .kome{
	font-size: 1.0em;
	margin: 10px 0;
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width: 767px){
.box-category {
padding: 10px;
}
.maindesign .basic-plan .set{
	font-size: 4vw;
}
.maindesign .basic-plan .price{
	font-size: 4vw;
}
.maindesign .basic-plan .price span{
	font-size: 2.0em;
}
}



