@charset "UTF-8";

/* ==========================================================
 THEME 01 : PINK
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02:before {
  background-color:#7ba28b;
}
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 span{
  border-bottom:4px solid #7ba28b;
}
/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 {
color: #7ba28b;
}
  .ttl-cmn-04:before {
background-color: #5e866e;
  }
@media screen and (max-width: 768px) {

}

/* ==========================================================
 lnav
========================================================== */

.nav-box {
  background-color:#7ba28b;
}
.lnav {
  border-color: #bdd0c5;
}
  .lnav > ul {
    background-color:#e5ece8;
   }
  .lnav > ul > li {
    border-bottom-color: #bdd0c5;
  }
    .lnav > ul > li > a {
      background-color:#e5ece8;
      color:#5e866e;
    }
    .lnav > ul > li > a.current{
      background-color:#fff;
    }
    .lnav > ul >li > ul {
      border-top-color:#bdd0c5;
    }
      .lnav > ul > li > ul > li > a {
        color:#5e866e;
      }
      
@media screen and (min-width: 768px) {
.nav-box:hover {
  background-color:#e5ece8;
  border:1px solid #7ba28b;
}
  .nav-box:hover .txt {
    color:#5e866e;
  }
  
  .nohover:hover {
  
  background-color:#ef929d;
  border: none;
 
}
  .nohover:hover .txt {
    color:#fff;
  }

.nohover:hover .ico .on {
    display: none;
}

.nohover:hover .ico .no {
    display: inline-block;
} 
  
}

/* ==========================================================
 Tabs
========================================================== */
/* tabs-cmn
---------------------------------------------------------- */
.tabs-cmn{
}
  .tabs-cmn-tab{
    height: auto;
    padding: 0;
    background-color: #fdeff0;
  }
  .Agent_pc .tabs-cmn-tab:hover,
  .tabs-cmn-tab--actve{
    background-color: #ef929d;
    color:#fff;
  }
  .tabs-cmn-tab--actve:after{
    border-color: #ef929d transparent transparent transparent;
  }
    .tabs-cmn-tab a{
      display: block; 
      padding: 10px 0;
      color:#e87581;
    }
    
    .tabs-cmn-tab--actve a{
      color:#fff;
    }
    
/* tabs-cmn-01
---------------------------------------------------------- */
.tabs-cmn-01 { margin-bottom: 12px;}
  .tabs-cmn-01 .tabs-cmn-tab { padding: 17px 0;}
    .tabs-cmn-01 .tabs-cmn-tab a { font-size: 20px;}
      .tabs-cmn-01 .tabs-cmn-tab a .txt-in { font-size: 14px;}
    .tabs-cmn-01 .tabs-cmn-tab .ico-tabs-01 {
      background: url(/ticket/img/ico_person_01_no.png) 0 0 no-repeat;
      background-size: 24px auto;
      padding-left: 36px;
    }
    .Agent_pc .tabs-cmn-01 .tabs-cmn-tab:hover .ico-tabs-01,
    .tabs-cmn-01 .tabs-cmn-tab--actve .ico-tabs-01 {
      background: url(/ticket/img/ico_person_01_on.png) 0 0 no-repeat;
      background-size: 24px auto;
    }
    .tabs-cmn-01 .tabs-cmn-tab .ico-tabs-02 {
      background: url(/ticket/img/ico_group_01_no.png) 0 0 no-repeat;
      background-size: 36px auto;
      padding-left: 54px;
    }
    .Agent_pc .tabs-cmn-01 .tabs-cmn-tab:hover .ico-tabs-02,
    .tabs-cmn-01 .tabs-cmn-tab--actve .ico-tabs-02 {
      background: url(/ticket/img/ico_group_01_on.png) 0 0 no-repeat;
      background-size: 36px auto;
    }
.tabs-cmn-01 .tabs-cmn-tab--actve a { color: #fff;}

@media screen and (max-width: 768px) {
.tabs-cmn-01 { margin-bottom: 0;
margin-top:30px; /*spの上部空け*/
}
  .tabs-cmn-01 .tabs-cmn-tab {
    height: auto;
    padding: 11px 0;
  }
    .tabs-cmn-01 .tabs-cmn-tab a { font-size: 14px;}
      .tabs-cmn-01 .tabs-cmn-tab a .txt-in { font-size: 10px;}
  .tabs-cmn-01 .tabs-cmn-tab .ico-tabs-01 {
      background-size: 19px auto;
      padding-left: 25px;
    }
  
    .Agent_pc .tabs-cmn-01 .tabs-cmn-tab:hover .ico-tabs-01,
    .tabs-cmn-01 .tabs-cmn-tab--actve .ico-tabs-01 {
      background: url(/ticket/img/ico_person_01_on.png) 0 0 no-repeat;
      background-size: 19px auto;
    }
    .tabs-cmn-01 .tabs-cmn-tab .ico-tabs-02 {
      background-position: 0 0;
      background-size: 28px auto;
      padding-left: 35px;
    }
    .Agent_pc .tabs-cmn-01 .tabs-cmn-tab:hover .ico-tabs-02,
    .tabs-cmn-01 .tabs-cmn-tab--actve .ico-tabs-02 {
      background-position: 0 0;
      background-size: 28px auto;
    }
  .tabs-cmn-01 .tabs-cmn-tab--actve:after {
    bottom: -8px;
    margin-left: -10px;
    border-width: 8px 8px 0 8px;
  }
}