@charset "utf-8";

/* ================================================================================
common_overview
================================================================================= */
.column_left {
  position:relative;
  border-top:90px solid #f5f5f5;
  background:#fff;
}

#faq .column_left { height:auto!important; }

/* ================================================================================
tab 
================================================================================= */
.tab_overview {
  position:absolute;
  top:-50px;
  left:0;
  width:100%;
}
.tab_overview li {
  float:left;
  width:32%;
  margin-left:2%;
}
.tab_overview li:first-child {
  margin-left:0;
}
.tab_overview li a {
  display:block;
  position:relative;
  height:50px;
  background:#ccc;
  line-height:1.4;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  border-radius:5px 5px 0 0;
}
.tab_overview li a:hover {
  background:#ddd;
}
.tab_overview li a:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:100%;
  max-width:150px;
  height:17px;
  background:url(../../../2016/common/img/tab_overview/event_pc.png) center center no-repeat;
  background-size:100% auto;
}
.tab_overview li.current a,
.tab_overview li.current a:hover {
  background-color:#fff;
}
.tab_overview li:nth-child(2) a:after {
  background-image:url(../../../2016/common/img/tab_overview/access_pc.png);
}
.tab_overview li:nth-child(3) a:after {
  background-image:url(../../../2016/common/img/tab_overview/faq_pc.png);
}
.tab_overview li:nth-child(1).current a:after {
  background-image:url(../../../2016/common/img/tab_overview/event_on_pc.png);
}
.tab_overview li:nth-child(2).current a:after {
  background-image:url(../../../2016/common/img/tab_overview/access_on_pc.png);
}
.tab_overview li:nth-child(3).current a:after {
  background-image:url(../../../2016/common/img/tab_overview/faq_on_pc.png);
}
.tab_overview li.current a:before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0px;
  margin:auto;
  width:65%;
  height:2px;
  background:#f00;
  
}
.tab_overview li:nth-child(2).current a:before { width:43%; }
.tab_overview li:nth-child(3).current a:before { width:72%; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.column_left {
  border:5px solid #f5f5f5;
  border-top:70px solid #f5f5f5;
}
.tab_overview li a {
  height:50px;
}
.tab_overview li a:hover {
  background:#ddd;
}
.tab_overview li a:after {
  max-width:70px;
  height:34px;
  background:url(../../../2016/common/img/tab_overview/event_sp.png) center center no-repeat;
  background-size:100% auto;
}
.tab_overview li:nth-child(2) a:after {
  background-image:url(../../../2016/common/img/tab_overview/access_sp.png);
}
.tab_overview li:nth-child(3) a:after {
  background-image:url(../../../2016/common/img/tab_overview/faq_sp.png);
}
.tab_overview li:nth-child(1).current a:after {
  background-image:url(../../../2016/common/img/tab_overview/event_on_sp.png);
}
.tab_overview li:nth-child(2).current a:after {
  background-image:url(../../../2016/common/img/tab_overview/access_on_sp.png);
}
.tab_overview li:nth-child(3).current a:after {
  background-image:url(../../../2016/common/img/tab_overview/faq_on_sp.png);
}
.tab_overview li.current a:before { width:70%; }
.tab_overview li:nth-child(2).current a:before { width:70%; }
.tab_overview li:nth-child(3).current a:before { width:70%; }



}

/* ================================================================================
clearfix
================================================================================= */
.tab_overview:after {
  content: "";
  clear: both;
  display: block;
}