/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 19 2024 | 10:21:34 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

.tab-wrap {
    margin-top: 20px;
    margin-bottom: 40px;
}
.tab-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}
.tab.is-active {
    padding-top: 12px;
    padding-bottom: 12px;
background: #cfeb7d;
  margin-bottom: -1px;
color: #004B34;
transition: 1s;
}
.tab {
    margin-bottom: 0;
}
.tab {
flex-grow: 1;
background: #f2f2f2;
color: #004B34;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin: auto;
padding: 10px 0 8px;
text-align: center;
transition: 1s;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size: 1.2em;
margin-right: 2px;
margin-left: 2px;
margin-bottom: 0;
}
.panel-group {
    min-height: 100px;
    border: solid 2px #cfeb7d;
    border-top: 5px solid #cfeb7d;
    padding: 1em;
  background-color: #fff;
}
.panel.is-show {
    display: block;
}
.panel {
    display: none;
}
.entry-content .inner {
transform: none !important;
max-width: 1200px !important;
}
.item_img .item_title {
margin-bottom: 20px;
}
@media only screen and (min-width:62.5em){
body .item {
width: 31.33333333333%;
display: inline-block;
min-height: 370px;
vertical-align: top;
margin-right: 1% !important;
margin-left: 1% !important;
padding-top: 15px;
padding-bottom: 15px;
}
body .item li.item_img {
width: 100%;
}
body .item li {
width: 100%;
}


}
@media only screen and (max-width:500px){
.tab {
width: 25%;
}
}