@charset "utf-8";

/*--
中 font-size:96%;
小 font-size:88%;
--*/
@import url('https://fonts.googleapis.com/css?family=Lato');

a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
  color:#333;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:87.5%;
  line-height:1.8;
  background:#fff;
  -webkit-text-size-adjust: 100%;
}
.mincho{
  font-family:YakuHanMP,"游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
  font-weight:500;
}
.pc{
  display:block !important;
}
.tab-pc{
  display:block !important;
}
.tab{
  display: none !important;
}
.sp-tab{
  display:none !important;
}
.sp{
  display:none !important;
}
@media screen and (max-width:980px){
  .pc{
    display:none !important;
  }
  .tab{
    display:block !important;
  }
  .sp-tab{
    display:block !important;
  }
}
@media screen and (max-width:767px){
  body{
    font-size:9pt;
  }
  .tab-pc{
    display: none !important;
  }
  .tab{
    display: none !important;
  }
  .sp{
    display:block !important;
  }
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
/*---------------------------------------*/
/* header */
/*---------------------------------------*/
.scrolltop{
  position:absolute;
}
header{
  width:100%;
  height:100px;
  position:absolute;
  z-index:999;
  top:0;
  left:0;
  margin-top:36px;
}
#page header{
  margin-top:1px;
}
@media screen and (max-width:767px){
  #page header,
  header{
    margin-top:0;
    height:50px;
  }
}
header .areaInner{
  max-width:1150px;
}
@media screen and (max-width:980px){
  header .areaInner{
    width:100%;
  }
}
header .logo{
  position:absolute;
  top:10px;
  left:0;
  width:200px;
}
@media screen and (max-width:1120px){
  header .logo{
    width:250px;
    top:17px;
    left:5%;
  }
}
@media screen and (max-width:767px){
  header .logo{
    width:200px;
    /* margin:2% 0 0 50%; */
    padding-top:0;
  }
}
header .hNavi{
  position:absolute;
  top:20px;
  right:0;
}
header .hNavi.login{
  right:60px;
}
header .hNavi li{
  float:left;
  margin-left:2.0em;
  font-size:80%;
  /*font-weight:bold;*/
}
@media screen and (max-width:1120px){
  header .hNavi li{
    margin-left:1em;
  }
}
header .hNavi li.memberBtn a{
  display:block;
  width:100px;
  height:20px;
  line-height:20px;
  text-align:center;
  background:#00a0e9;
  border:1px solid #00a0e9;
}
header .hNavi li.memberBtn a:hover{
  background:#fff;
}
header .hNavi li.loginBtn a{
  display:block;
  width:100px;
  height:20px;
  line-height:20px;
  text-align:center;
  background:#fff;
  border:1px solid #00a0e9;
}
header .hNavi li.loginBtn a:hover{
  background:#00a0e9;
}
header .hNavi li.user{
  position:relative;
  cursor:pointer;
}
header .hNavi li.user .icon{
  position:absolute;
  top:-12px;
  left:0;
  width:46px;
  height:55px;
}
header .hNavi li.user .icon ul.subMenu{
  position:absolute;
  top:50px;
  left:0;
  width:100px;
  padding:5px 10px;
  background:#fff;
  border:1px solid #c9caca;
}
header .hNavi li.user .icon ul.subMenu li{
  font-size:100%;
  font-weight:normal;
  margin:0;
  margin-bottom:5px;
}
/*---------------------------------------*/
/* spNavi */
/*---------------------------------------*/
.spNavi{
  position:absolute;
  top:0;
  right:0;
  z-index:10000;
}
@media screen and (max-width:767px){
  .spNavi{
    top:13px;
  }
}
a.c_nav-bt{
  position:absolute;
  width:100px;
  height:100px;
  right:0;
  top:0;
  z-index:10000;
  cursor:pointer;
}
@media screen and (max-width:767px){
  a.c_nav-bt{
    width:50px;
    height:50px;
  }
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left:-9px;
  margin-top:-2px;
  width:18px;
  height:2px;
  background: #333;
  transition: .2s;
  border-radius:2px;
}
a.c_nav-bt:hover #panel-btn-icon{
  width:10px;
}
a.c_nav-bt #panel-btn-icon.close{
  width:14px;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height:2px;
  background: #333;
  transition: .3s;
  border-radius:2px;
}
#panel-btn-icon:before{
  margin-top: -9px;
  width:18px;
}
a.c_nav-bt:hover #panel-btn-icon:before{
  width:14px;
}
a.c_nav-bt #panel-btn-icon.close:before{
  width:18px;
  background: #333;
}
#panel-btn-icon:after{
  margin-top:6px;
  width:14px;
}
a.c_nav-bt:hover #panel-btn-icon:after{
  width: 7px;
}
a.c_nav-bt #panel-btn-icon.close:after{
  width: 18px;
  background: #333;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
div.accordion{
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom:0;
  z-index: 9999;
  padding: 0 0 0 10px;
}
.accordion .inbox{
  background-color:rgba(255,255,255,0.95);
  width:30vw;
  padding:80px 8% 20px;
  height:auto;
  min-height:100vh;
  overflow:hidden;
  color:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width:767px){
  .accordion .inbox{
    width:100vw;
  }
}
/* メニュースタイル*/
.accordion .inbox .menu li{
  margin-bottom:15px;
  font-size:86%;
  color:#333;
  cursor:pointer;
}
@media screen and (max-width:767px){
  .accordion .inbox .menu li{
    width:700px;
    font-size:10pt;
    line-height: 300%;
  }
}
.accordion .inbox .menu li a{
  display:block;
}
.accordion .inbox .menu li.btnBox span{
  display:inline-block;
  margin-right:15px;
}
.accordion .inbox .menu li .memberBtn a{
  display:block;
  width:72px;
  height:20px;
  line-height:20px;
  text-align:center;
  background:#00a0e9;
  border:1px solid #00a0e9;
}
.accordion .inbox .menu li .memberBtn a:hover{
  background:#fff;
}
.accordion .inbox .menu li .loginBtn a{
  display:block;
  width:72px;
  height:20px;
  line-height:20px;
  text-align:center;
  background:#fff;
  border:1px solid #00a0e9;
}
.accordion .inbox .menu li .loginBtn a:hover{
  background:#00a0e9;
}
.accordion .inbox .menu li.user{
  position:relative;
  border-top:1px dashed #c9caca;
  margin-top:20px;
  padding-top:20px;
}
.accordion .inbox .menu li.user .icon{
  width:46px;
  margin-bottom:10px;
}
.accordion .inbox .menu li.user ul.subMenu li{
  font-size:100%;
  margin:0;
  margin-bottom:5px;
}
/*---------------------------------------*/
/* footer */
/*---------------------------------------*/
#footer{
  background:#727171;
  padding:40px 0 40px;
  color:#fff;
}
@media screen and (max-width: 767px){
  #footer{
    padding:30px 0 10px;
  }
}
#footer .footerMain{
  max-width:1155px;
}
#footer .fLogo{
  /*position:absolute;*/
  top:0;
  left:0;
  width:200px;
}
@media screen and (max-width: 1250px){
  #footer .fLogo{
    width:200px;
    margin-right:5.0em;
  }
}
@media screen and (max-width: 980px){
  #footer .fLogo{
    position:relative;
    margin-bottom:10px;
  }
}
@media screen and (max-width: 767px){
  #footer .fLogo{
    width:200px;
    margin-bottom:0;
  }
}
#footer .one_line_credit{
  font-size:85%;
  line-height:250%;
}
#footer .one_line_credit a{
  color:#fff;
}
#footer .companyInfo{
  margin:0 355px 0 510px;
  padding-top:15px;
  font-size:71%;
  line-height:1.5;
}
@media screen and (max-width: 1250px){
  #footer .companyInfo{
    margin:0 355px 0 320px;
  }
}
@media screen and (max-width: 980px){
  #footer .companyInfo{
    margin:0 355px 0 20px;
  }
}
@media screen and (max-width: 767px){
  #footer .companyInfo{
    margin:0 0 20px;
    font-size:8pt;
  }
}
#footer .companyInfo .nowrap{
  white-space:nowrap;
}
#footer .fNavi{
  width:100%;
  /* max-width:355px; */
  /*position:absolute;*/
  top:0;
  right:15px;
}
@media screen and (max-width: 767px){
  #footer .fNavi{
    position:static;
  }
}
#footer .fNavi li{
  float:left;
  /* width:48.5%; */
  margin-right:3%;
  font-size:78%;
  margin-bottom:5px;
}
@media screen and (max-width: 767px){
  #footer .fNavi li{
    font-size:8pt;
  }
}
#footer .fNavi li:nth-child(2n){
  margin-right:0;
}
#footer .fNavi li.btnStyle a{
  display:block;
  width:150px;
  /* max-width:145px; */
  height:28px;
  line-height:28px;
  border:1px solid #fff;
  text-align:center;
  margin:0.5em 1.0em 8px 0;
}
#footer .fNavi li.btnStyle a:hover{
  background:#fff;
}
#footer .fNavi li.btnStyle a .icon-tel{
  margin-right:5px;
  position:relative;
  top:1px;
}
#footer .copyRight{
  margin-top:40px;
  padding-top:8px;
  border-top:1px solid #fff;
  font-size:71%;
}
@media screen and (max-width: 767px){
  #footer .copyRight{
    margin-top:20px;
    padding-top:5px;
    font-size:7pt;
  }
}
/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
#page #container{
  margin-top:155px;
}
@media screen and (max-width:767px){
  #page #container{
    margin-top:75px;
  }
}
#my-page #container{
  margin-top:136px;
}
@media screen and (max-width:767px){
  #my-page #container{
    margin-top:55px;
  }
}
.bold{
  font-weight:bold;
}
.blockLeft{
  float:left;
}
.blockRight{
  float:right;
}
.txtRight{
  text-align:right;
}
.txtCenter{
  text-align:center;
}
/*mb*/
.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb19{margin-bottom:19px !important;}
.mb20{margin-bottom:20px !important;}
.mb21{margin-bottom:21px !important;}
.mb22{margin-bottom:22px !important;}
.mb23{margin-bottom:23px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb28{margin-bottom:28px !important;}
.mb29{margin-bottom:29px !important;}
.mb30{margin-bottom:30px !important;}
.mb31{margin-bottom:31px !important;}
.mb32{margin-bottom:32px !important;}
.mb33{margin-bottom:33px !important;}
.mb34{margin-bottom:34px !important;}
.mb35{margin-bottom:35px !important;}
.mb36{margin-bottom:36px !important;}
.mb37{margin-bottom:37px !important;}
.mb38{margin-bottom:38px !important;}
.mb39{margin-bottom:39px !important;}
.mb40{margin-bottom:40px !important;}
.mb41{margin-bottom:41px !important;}
.mb42{margin-bottom:42px !important;}
.mb43{margin-bottom:43px !important;}
.mb44{margin-bottom:44px !important;}
.mb45{margin-bottom:45px !important;}
.mb46{margin-bottom:46px !important;}
.mb47{margin-bottom:47px !important;}
.mb48{margin-bottom:48px !important;}
.mb49{margin-bottom:49px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}