@charset "utf-8";

/* B固定 */
#entrance-main-Wpr-B {
 width:100%;
 position:relative;
}
#entrance-main-Wpr-B .header-Ttl {
 z-index:100;
 position:absolute;
 top:0;
}
.entrance-main-Box-B,
.entrance-inner-B,
.entrance-info-Box-B {
 margin:0 auto;
}
.entrance-main-Box-B {
 overflow:hidden;
}
.entrance-inner-B {
 position:relative;
}
.entrance-logo-B,
.entrance-image-B {
 vertical-align:bottom;
}
.entrance-logo-B {
 z-index:5;
 pointer-events:none;
 position:absolute;
 margin:auto;
}
.entrance-image-B {
 width:100%;
 height:auto;
}
.entrance-info-Wpr-B {
 position:absolute;
 width:100%;
 bottom:0;
 z-index:99;
}
.entrance-info-Box-B {
 margin:0 auto;
}
.entrance-info-Box-B,
.entrance-btn-Box-B ul,
.entrance-btn-Box-B li a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.entrance-info-Box-B {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.entrance-info-Box-B p {
 padding:12px;
}
.entrance-info-Box-B p:first-of-type {
 text-align:left;
}
.entrance-info-Box-B p:last-of-type {
 text-align:right;
}
.entrance-btn-Wpr {
 width:100%;
}
.entrance-btn-Box-B {
 margin:0 auto;
 text-align:center;
 overflow:hidden;
}
.entrance-btn-Box-B ul {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:92%;
 margin:0 auto;
 padding:0;
}
.entrance-btn-Box-B li:nth-of-type(-n+2) {
 flex-grow:1;
}
.entrance-btn-Box-B li:first-of-type {
 padding:0;
}
.entrance-btn-Box-B li:first-of-type i {
 font-size:200%;
 float:right;
}
.entrance-btn-Box-B li:nth-of-type(2){
 word-wrap:normal;
 white-space:nowrap;
 text-overflow:ellipsis;
 -webkit-text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow:hidden;
 padding:0 16px 0 8px;
 text-align:left;
}
.entrance-btn-Box-B li a {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-right-style:solid;
 border-right-width:1px;
 padding:0;
 margin:0;
 -o-transition:background-color 0.2s linear;
 -webkit-transition:background-color0.2s linear;
 -moz-transition:background-color 0.2s linear;
 transition:background-color 0.2s linear;
}
.entrance-btn-Box-B li:nth-of-type(3) a {
 border-left-style:solid;
 border-left-width:1px;
}
.entrance-btn-Box-B li a span {
 position:relative;
}
.entrance-btn-Box-B li a span img {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:auto;
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
}
.entrance-btn-Box-B li img:hover {
 opacity:1;
 -moz-opacity:1;
 filter:alpha(opacity=100);
}
/* B可変 */
/* 11-B-1 */
.entrance-main-Box-B,
.entrance-info-Box-B,
.entrance-btn-Box-B {
  max-width:1000px;
}
.entrance-logo-B  {
  max-width:50%;
}
/* 11-B-3 */
#entrance-main-Wpr-B {
  background:url(../images/template/bg_ecmain_wpr.png?dt=20230510145226) no-repeat 50% 0px scroll;
}
/* 11-B-4 */
.entrance-logo-B {
  top:0%;
  right:0%;
  bottom:50%;
  left:0%;
}
/* 11-B-5 */
.entrance-info-Wpr-B {
  
  
}
/* 11-B-6 */
.entrance-btn-Wpr-B {
  background:rgba(255,255,255,1);
}
/* 11-B-7 */
.entrance-btn-Box-B li {
  
}
/* 11-B-10 */
.entrance-btn-Box-B li a.enter-btn {
  background:rgba(67,121,144,1);
}
.entrance-btn-Box-B li a.enter-btn:hover {
  background:rgba(13,38,49,1);
}
/* 11-B-11 */
.entrance-btn-Box-B li a.leave-btn {
  background:rgba(221,221,221,1);
}
.entrance-btn-Box-B li a.leave-btn:hover {
  background:rgba(204,204,204,1);
}
/* 11-B-12 */
.entrance-btn-Box-B li a span {
 width:220px;
 height:60px;
}
@media only screen and (min-width:480px) and (max-width:767px) {
 .entrance-btn-Box-B li a span {
  height:-webkit-calc(60px / 1.25);
  height:calc(60px / 1.25);
 }
}
@media only screen and (max-width:479px) {
 .entrance-btn-Box-B li a span {
  height:-webkit-calc(60px / 1.5);
  height:calc(60px / 1.5);
 }
}

@media only screen and (min-width:768px) {
 .entrance-btn-Box-B li a {
  transform: skewX(-0deg);
  -webkit-transform:skewX(-0deg);
  -moz-transform:skewX(-0deg);
  -o-transform:skewX(-0deg);
 }
 .entrance-btn-Box-B li a span {
  transform: skewX(0deg);
  -webkit-transform:skewX(0deg);
  -moz-transform:skewX(0deg);
  -o-transform:skewX(0deg);
 }
}
/* 11-B-13 */
.entrance-btn-Box-B li a {
  border-color:#000000;
}
.entrance-btn-Box-B li a.enter-btn,
.entrance-btn-Box-B li a.enter-btn:hover,
.entrance-btn-Box-B li a.leave-btn,
.entrance-btn-Box-B li a.leave-btn:hover {
  border-bottom-style:none;
}
.entrance-btn-Box-B li a.enter-btn,
.entrance-btn-Box-B li a.enter-btn:hover,
.entrance-btn-Box-B li a.leave-btn,
.entrance-btn-Box-B li a.leave-btn:hover {
  border-bottom-width:1px;
}
.entrance-btn-Box-B li a.enter-btn {
  
}
.entrance-btn-Box-B li a.enter-btn:hover {
  
}
.entrance-btn-Box-B li a.leave-btn {
  
}
.entrance-btn-Box-B li a.leave-btn:hover {
  
}
/* B可変 */
/* B固定 */
@media only screen and (max-width:959px) {
 .entrance-btn-Box-B li:nth-of-type(-n+2) {
  font-size:75%;
 }
 .entrance-info-Box-B p {
  font-size:88%;
 }
}
@media only screen and (max-width:767px) {
 .entrance-btn-Box-B li:nth-of-type(-n+2) {
  display:none;
 }
 .entrance-info-Box-B p {
  width:100%;
  padding:8px;
  font-size:75%;
 }
 .entrance-info-Box-B p:first-of-type {
  display:none;
 }
 .entrance-info-Box-B p:last-of-type {
  text-align:center;
 }
 .entrance-btn-Box-B ul,
 .entrance-btn-Box-B li,
 .entrance-btn-Box-B li a  {
  width:100%;
 }
 .entrance-btn-Box-B li a span {
  width:100%;
 }
}

/* 認証ページ共通 */
.entrance-si-Wpr {
  margin:0 auto;
  padding:48px 0;
}
.entrance-si-Wpr section {
  margin:0 0 16px;
}
.entrance-si-Box {
  max-width:716px;
  margin:0 auto 48px;
  padding:0;
}
div.entrance-si-Txt {
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.entrance-link-Wpr {
  max-width:768px;
  margin:0 auto;
  text-align:center;
}

@media only screen and (max-width:767px) {
  .entrance-Wpr {
    max-width:100%;
    margin:0 auto;
    padding:0;
  }
  .entrance-Wpr section {
    margin:0 0 12px;
  }
  .entrance-si-Box {
    padding:0;
    margin:0 8px;
  }
  .entrance-link-Wpr {
    overflow:hidden;
    padding:8px;
  }
  .entrance-link-Wpr img {
    max-width:100%;
  }
}