.tabmenu2 {
	width: 100%;
}

.tabmenu2 input {
	display: none;
}

#tab-2-1:checked ~ .contents2,
#tab-2-1:checked ~ .contents3,
#tab-2-2:checked ~ .contents1,
#tab-2-2:checked ~ .contents3,
#tab-2-3:checked ~ .contents1,
#tab-2-3:checked ~ .contents2 {
	display: none;
}

.tabmenu2 .tab-list ul {
	display: flex;
}

.tabmenu2 .tab-list ul li {
	margin: 0 10px 0 0;
}

.tabmenu2 .tab-list label {
	display: block;
	padding: 6px 12px;
	background-color: #a9a9a9;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
}

#tab-2-1:checked ~ .tab-list label.tab-list-1,
#tab-2-2:checked ~ .tab-list label.tab-list-2,
#tab-2-3:checked ~ .tab-list label.tab-list-3 {
	background-color: #000;
	color: #d8ca99;
}

.tabmenu2 .contents1,
.tabmenu2 .contents2,
.tabmenu2 .contents3 {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.tabmenu2 .box {
	width: 48%;
	margin: 1%;
	padding: 15px;
	float: left;
        border: 2px solid;
        border-radius: 10px;
}

@media screen and (min-width: 641px) {
	.tabmenu2 .box {
		width: 31%;
		margin: 1%;
		padding: 20px;
                border: 2px solid #000;
                border-radius: 10px;
	}
}

.tabmenu2 .box:nth-of-type(2n) {
        width: 48%;
        margin: 1%;
        padding: 15px;
        float: left;
        border: 2px solid;
        border-radius: 10px;
}

@media screen and (min-width: 641px) {
	.tabmenu2 .box:nth-of-type(2n) {
                width: 31%;
                margin: 1%;
                padding: 20px;
                border: 2px solid #000;
                border-radius: 10px;	
        }
	.tabmenu2 .box:nth-of-type(3n) {
                width: 31%;
                margin: 1%;
                padding: 20px;
                border: 2px solid #000;
                border-radius: 10px;
	}
}

.tabmenu2 .box img {
	width: 100%;
	border-radius: 15px;
}

.tabmenu2 .box p.menu {
	margin: 0;
	font-size: 0.8em;
}

@media screen and (min-width: 641px) {
	.tabmenu2 .box p.menu {
		font-size: 1em;
	}
}