/* ---------------------------------------------------
	side-contact サイドバー - リニューアル
------------------------------------------------------ */
/*------ トップページ表示時 ------*/
.toppage .side.re{max-width: calc(100vw*(300 / 1366));}
@media screen and (max-width: 767px) {
    .toppage .side.re{max-width: 100%;}
}
/*------ サイドバー ------*/
.side.re{box-sizing: border-box;}
.side.re *{box-sizing: border-box;}
.side.re .back{background: #EBF0F1;padding: calc(100vw*(60 / 1366)) calc(100vw*(30 / 1366));}

.side.re .banner .banner-list-item{margin-bottom: calc(100vw*(35 / 1366));}
.side.re .banner .banner-list-item a img{width: 100%;}

.side.re .twitter-box{width: 100%;max-width: 100%;margin-bottom: calc(100vw*(65 / 1366));}
.side.re .twitter-box .fb_iframe_widget, .side.re .twitter-box .fb_iframe_widget span {max-width: 100%;}
.side.re .twitter-box iframe{width: 100%;max-width: 100%;border-radius:calc(100vw*(15 / 1366));overflow: hidden;}

.side.re .module-header{background: #9AB5B9; padding:calc(100vw*(10 / 1366)) 0;}
.side.re .module-header h2{color: #000;font-size:calc(100vw*(14 / 1366));}

.side.re .side-links{font-family: "kozuka gothic pr6n", "Noto Sans JP", sans-serif;font-weight: 400;}
.side.re .side-links .items{margin-bottom: calc(100vw*(6 / 1366));font-size:calc(100vw*(14 / 1366));max-width: 100%;width: fit-content;display: flex;align-items: center;justify-content: flex-start;color: #000;}
.side.re .side-links .items::before{content: "";width:calc(100vw*(14 / 1366));height:calc(100vw*(14 / 1366));background: url(../images/side/side_arrow.png) no-repeat center/contain;margin-right:calc(100vw*(5 / 1366))}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .is_smart .main{float: left;}
  .is_smart .side.re{float: left;}
  .is_smart .side.re .back{min-width: calc(100vw*(300 / 1366));}
  .is_smart #mobile-nav{display: none;}
}

@media screen and (max-width: 767px) {
    .side.re{width: 421.656px; max-width: 100%;}
    .side.re .back{padding: calc(100vw*(30 / 375));}
    .side.re .banner.sp-flex {display: flex; justify-content: space-between;gap: 10px;}
    .side.re .banner .banner-list-item{margin-bottom: calc(100vw*(25 / 375));}
    .side.re .banner.sp-flex .banner-list-item { margin-bottom: 0;}
    .side.re .twitter-box{margin-bottom: calc(100vw*(30 / 375));}
    .side.re .twitter-box iframe{border-radius:calc(100vw*(15 / 375));}

    .side.re .side-links .items{margin-bottom: calc(100vw*(8 / 375));font-size:calc(100vw*(16 / 375));}
    .side.re .side-links .items::before{content: "";width:calc(100vw*(16 / 375));height:calc(100vw*(16 / 375));}

    .side.re .module-header{padding:calc(100vw*(10 / 375)) 0;}
    .side.re .module-header h2{font-size:calc(100vw*(14 / 375));}

    .side.re .side-links .items{margin-bottom: calc(100vw*(6 / 375));font-size:calc(100vw*(14 / 375));}
    .side.re .side-links .items::before{width:calc(100vw*(14 / 375));height:calc(100vw*(14 / 375));background: url(../images/side/side_arrow.png) no-repeat center/contain;margin-right:calc(100vw*(5 / 375))}
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .side.re .back {padding: calc(100vw*(30 / 667));}
  
  .side.re .banner .banner-list-item {margin-bottom: calc(100vw*(25 / 667));}
  .side.re .twitter-box {margin-bottom: calc(100vw*(30 / 667));}
  .side.re .twitter-box iframe{border-radius:calc(100vw*(15 / 667));}
  
  .side.re .side-links .items{margin-bottom: calc(100vw*(8 / 667));font-size:calc(100vw*(16 / 667));}
  .side.re .side-links .items::before{content: "";width:calc(100vw*(16 / 667));height:calc(100vw*(16 / 667));}

  .side.re .module-header{padding:calc(100vw*(10 / 667)) 0;}
  .side.re .module-header h2{font-size:calc(100vw*(14 / 667));}

  .side.re .side-links .items{margin-bottom: calc(100vw*(6 / 667));font-size:calc(100vw*(14 / 667));}
  .side.re .side-links .items::before{width:calc(100vw*(14 / 667));height:calc(100vw*(14 / 667));background: url(../images/side/side_arrow.png) no-repeat center/contain;margin-right:calc(100vw*(5 / 667))}
}