@charset "utf-8";

.tabBtn {
        display: block;
    width: 100%;
    text-align: center;
    border: solid 1px #011876;
    border-radius: 5px;
    color: #011876;
    background: #fff;
    padding: 11px 2% 13px;
}

.tabBtn:hover {
    background: #D33A00;
    color: #fff;
}

.tabBtn {
  margin: 4% 2% 0 !important;
  width: 100% !important;
  /* max-width: 46% !important; */
  margin: 20px auto 0 auto;
  }

.tabAr01 {
  margin: 0 auto !important;
  max-width: 600px !important;
  justify-content: center!important;
  display: flex;
  flex-wrap: nowrap;
  }

.tabBtn:hover {
    opacity: 0.8;
    transition: 0.3s;
}

.tabBtn: {
    transition: 0.3s;
}

.storeTabBtn {
    /* border-radius: 10px 10px 0 0; */
    background: #fff;
    /* border-top: 5px solid #66747B!important; */
}

.tab-group{
  /* display: flex; */
  /* justify-content: center; */
}
.tab{
  flex-grow: 1;
  padding:5px;
  list-style:none;
  border: solid 1px #333;
  text-align:center;
  cursor:pointer;
}

.panel-group{
  /* height:100px; */
  /* border:solid 1px #CCC; */
  border-top:none;
  /* background:#eee; */
  margin: 100px auto;
}


.panel ,panel2,panel3{
  display:none;
}

.gjs-dashed .panel{
  display:block;
}

.tab.is-active{
  background: #D33A00;
  color:#FFF;
  transition: all 0.2s ease-out;
  border-color: #D33A00;
}
.panel.is-show{
  display:block;
}

.panel1.is-show{
  display:block;
}

.panel2.is-show{
  display:block;
}

.tabBtn {
    max-width: 120px;
    width: 33.3%;
    margin: 20px auto 0 auto;
    padding: 10px 5px 10px 0px;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    color: #333;
    /* font-family: 'Fjalla One', sans-serif; */
    letter-spacing: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }

.stoareArAd01 {
    background: #fff;
    /* border-radius: 10px; */
}

.storeTabBtn.is-active {
    /* border-radius: 10px 10px 0 0; */
    border: 1px solid #014D9F;
    background: #014D9F;
    color: #fff;
    /* border-bottom: none; */
}

.tabBtn {
        display: block;
        width: 100%;
        text-align: center;
        border: solid 1px #333;
        border-radius: 5px;
        color: #333;
        background: #fff;
        padding: 11px 2% 13px;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.tabBtn {
    max-width: 180px;
  }
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.tabAr01 {
  max-width: 680px !important;
  width: 100%;
  }

.tabBtn {
  margin: 3% 2% 0 !important;
  max-width: 46% !important;
  }


.panel-group{
  margin: 60px auto;
}

.tabBtn {
    max-width: 200px;
    width: 33.3%;
    margin: 20px auto 0 auto;
    padding: 10px 5px 10px 0px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    color: #333;
    /* font-family: 'Fjalla One', sans-serif; */
    letter-spacing: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */