@charset "Shift_JIS";
/* Common */
#mainArea{
  margin: 0 auto;
  font-size: 100%;
  line-height: 2.2rem;
  text-align: center;
  letter-spacing: 0.05em;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.font_20{
    font-size: 2.0rem;
}
.font_30{
    font-size:3.0rem !important;
}
.font_40{
    font-size:4.0rem;
}
.fl{
    display: inline-block;
    width: 42%;
    vertical-align: top;
    margin: 5% 6% 3% 0;
}
.ft{
    display: inline-block;
    width: 43%;
    vertical-align: middle;
    margin: 5% 0 0 3%;
}
.fr{
    display: inline-block;
    width: 40%;
    margin: 20% 3%;
}
.fl_m{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    margin: 3% 0 5% 0;
    text-align: center;
}
.fr_t{
    display: inline-block;
    width: 39%;
    vertical-align: middle;
    margin: 5% 5% 3% 5%;
}
.bl{
    color: #002f51;
}
.rd{
    color: #c11920;
}
.captionTtl_{
    font-size: 1.8rem;
}
.bld{
    font-weight: bold;
}
h2.sectionTtl_ {
    margin: 0 0 5% 0;
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
    letter-spacing: 1.5px;
    padding: 10% 0 0 0;
}
h2.sectionTtl_ span{
  font-size: 1.2rem;
  display: block;
  margin: 2% 0 0 0;
}
.block{
    display: block;
}
.ma{
   margin: 0 0 0 4%;
}
.lead_text{
    font-size: 1.5rem;
    line-height: 2;
    padding: 5% 0 3%;
}
.attention{
    color:#a50100;
}
/* Top Page Original */
.w_1100{
  width: 1100px;
  margin: 2% auto 5%;
}
.btn_{
    width: 100%;
    display: inline-block;
    padding: 0 3.5%;
}
.btn_ a{
    display: block;
    height: 80px;
    padding: 3% 0;
    background: #ffffff;
    font-size: 18px;
    color: #333333;
    text-decoration: none;
    margin: 5% auto;
    -webkit-transition: .6s;
    transition: .6s;
    text-align: center;
    border:1px solid #333333;
}
.btn_ a:hover{
    background: #333333;
    color: #ffffff;

}
.content_itemTab{
    margin: 5% auto 10%;
    background: #efefef;
    padding: 7% 0 5% 0;
}
#content_inner ul#tabs{
    margin: -3% auto 0;
    display: inline-block;
}
#content_inner ul#tabs li {
    float: left;
    list-style-type: none;
    width: 50%;
    margin: -5% 0 0 0;
}
#content_inner ul#tabs li#boy  {
    font-size: 2rem;
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 6% 5%;
    text-align: center;
    width: 286px;
    background: #002f51;
    border-bottom: none;
    z-index: -9999;
    letter-spacing: 1px;
    margin-right: 30px;
}
#content_inner ul#tabs li#girl  {
    font-size: 2rem;
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 6% 5%;
    text-align: center;
    width: 286px;
    background: #c11920;
    border-bottom: none;
    z-index: -9999;
    letter-spacing: 1px;
}
#content_inner ul#tabs li.chose {
    background: #ffffff !important;
    color: #000000 !important;
}
.hide{
    display: none;
}
.tab_content{
    padding: 0 0 10% 0;
    border-top: none;
    text-align: left;
    margin: 5%;
}
#content_inner{
    background: #ffffff;
}
.shopArea_{
    border-top: 1px solid #ebebeb;
}
.detailArea_{
  text-align: left;
  margin: 3% 0 10%;
}

.linkArea_{
    margin: 1% 0;
}
.linkArea_ div.item_ {
    width: 79%;
    display: inline-block;
    text-align: left;
    font-size: 1.2rem;
    margin: 0;
}
.linkArea_ div.item_ span{
    font-size: 10px;
    vertical-align: top;
}
.linkArea_ div.detailBtn_ {
    margin: 0 auto;
    text-align: center;
    width: 20%;
    display: inline-block;
    font-size: 1.2rem;
}
.linkArea_tab{
    margin: 1% 0;
    border-bottom: 1px solid #ebebeb;
    padding: 4% 0;
}
.linkArea_tab div.item_ {
    width: 79%;
    display: inline-block;
    text-align: left;
    font-size: 1.2rem;
    margin: 0;
}
.linkArea_tab div.item_ span{
    font-size: 10px;
    vertical-align: top;
}
.linkArea_tab div.detailBtn_ {
    margin: 0 auto;
    text-align: center;
    width: 18%;
    display: inline-block;
}
.detailBtn_ a{
    border: 1px solid #333333;
    color: #333333;
    text-align: center;
    padding: 3% 0;
    margin: 0;
    transition: all .3s;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    margin: 10% 0;
}
.detailBtn_ a:hover {
  color: #fff !important;
  background-color: #333333;
}
.shopArea_ ul li h3{
    margin: 5% 0;
}
.shopArea_ ul{
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
.shopArea_ ul:last-child{
    border-bottom: none;
}
.shopArea_ ul li{
    width: 31%;
    text-align: left;
    float: left;
    margin: 0 1% 0 2%;
}
.shopArea_ ul li div{
    margin: 15% 0;
}
.shopArea_ ul li:nth-child(3n){
    margin: 0;
}