html {
  scroll-behavior: smooth;
}

.card-header:first-child {
	border:0;
	padding:0;
	background-color:#fff;
}

.card {
	border:0;
	border-radius:0
}


.pan span {
	background:#C2C2C2;
	padding:5px;
	font-weight:bold;
	color:#fff;
}

.menu {
	font-size:90%;
}
.menu h3 {
	font-size:110%;
	color:#000;
	font-weight:bold;
}

.menu h2 img{
	border-bottom:1px solid #ccc;
}

.menu span {
	font-size:80%;
}

thead {
	background:#E8E8E8;
}

.table thead th {
	border-bottom:1px solid #ccc;
	padding:0.61em;
	font-size:90%;
	vertical-align:middle;

}

.table thead th.price {
	width:25%;

}

.table thead th.price2 {
	width:20%;

}

.table tbody td {
	border-bottom:1px dotted #ccc;
	border-top:none;
	padding:0.61em;

}

.list_menu li a:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* Extra Large devices: Desktops (1200px) */
@media (min-width: 1200px) {

	.top_menu .col-lg-4 {
		max-width:28.333333%;
		margin-bottom:0
	}
}

/* Large devices: laptop (992px) */
@media (min-width: 992px) and (max-width: 1199px) {

	.top_menu .col-lg-4 {
		max-width:28.333333%;
		margin-bottom:0
	}

}

/* Medium devices: Tablets (768px) */
@media (min-width: 768px) and (max-width: 991px) {

	.top_menu .col-6 {
		max-width:45%;
	}


}

@media (max-width: 767px) {/*767px以下で表示*/


.box {
	    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
	    animation: fadeIn 1.5s ease 0s 1 normal;
		font-size:80%;
	 }
	@keyframes fadeIn {
	    0% {opacity: 0}
	    100% {opacity: 1
	    }
	}
	@-webkit-keyframes fadeIn {
	    0% {opacity: 0}
	    100% {opacity: 1
	    }
}

}




/* close button */
.action-close {
    position: relative;
    margin-top: 2em;
}
.action-close .btn {
    position: absolute;
    right: 0;
    top: -1em;
}
.action-close .box {
    margin-bottom: 2em;
    border: 2px solid rgb(127, 194, 239);
}



/* all-display */
.action-allopen .btn {
	border:none;
    margin: 0 auto;
    padding:0;
    border-radius:0
}
.action-allopen .box {
    border: none;
    height: auto;
}

.action-allopen .box h3 {
	font-size:150%;
}


.action-allopen .box span {
	font-size:83%;
}

/* checkbox non-display */
.add-control .checkbox {
    display: none;
}

/* all-display's control */
.add-control .action-allopen .box:not(:target) {
    display: none;
}

.add-control .action-allopen .box:target {
  	display: block;
}




.add-control .action-allopen #allopen:checked ~ .btn {
    //display: none;
}
.add-control .action-allopen #allopen1:checked ~ .box {
    display: block;
}

.add-control .action-allopen #allopen2:checked ~ .box {
    display: block;
}

.add-control .action-allopen #allopen3:checked ~ .box {
    display: block;
}

.add-control .action-allopen #allopen4:checked ~ .box {
    display: block;
}

.add-control .action-allopen #allopen5:checked ~ .box {
    display: block;
}

.add-control .action-allopen #allopen6:checked ~ .box {
    display: block;
}

}