/*Twitterフィード*/
.device-type-desktop .widget-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  margin-top: -32px;
}

.device-type-desktop .widget-container-child {
  width: 50%;
  
margin: 16px;
}

.device-type-desktop .widget-container-child-twitter {
  order: 1;
}

.device-type-desktop .widget-container-child-banner {
  order: 2;
}

.device-type-mobile .widget-container-child {
  margin: 16px;
}

.device-type-mobile .widget-container-child-twitter {
  margin-top: 24px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  line-height: 0;
}

.device-type-mobile .widget-container-child-twitter > iframe {
  width: 740px !important;
}

.page-banner-container a.page-banner-0001 {
 flex-basis: 100%;
}

.page-banner-container a.page-banner-0002 {
 flex-basis: 100%;
}

.page-banner-container a.page-banner-0003 {
 flex-basis: 100%;
}

.page-banner-container a.page-banner-0004 {
 flex-basis: 100%;
}

.page-banner-container a.page-banner-0005 {
 flex-basis: 100%;
}

/*全角スラッシュ調整*/
p.item-text, .item-subtitle {
    font-feature-settings: normal;
}

/*TOPバナー・フィードと読み込みを同じに*/
.top-banner .page-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top-banner .page-banner-container a {
  line-height: 0;
  box-sizing: border-box;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(50% - 4px);
      flex-basis: calc(50% - 4px);
  margin-top: 8px;
}
.top-banner .page-banner-container a > img {
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.top-banner .page-banner-container a:hover > img {
  opacity: 0.5;
}
.top-banner .page-banner-container div {
  line-height: 0;
  box-sizing: border-box;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(50% - 4px);
      flex-basis: calc(50% - 4px);
  margin-top: 8px;
}
.top-banner .page-banner-container div > img {
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.top-banner .page-banner-container img {
  width: 100%;
}
.top-banner .page-banner-top {
  margin: 0 auto 32px;
}
.device-type-desktop .page-banner-top .top-banner .page-banner-container a:nth-child(-n+2),
      .device-type-desktop .page-banner-top .page-banner-container div:nth-child(-n+2) {
  margin-top: 0;
}
.device-type-mobile .top-banner .page-banner-container {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 16px;
}
.device-type-mobile .top-banner .page-banner-container a {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.device-type-mobile .page-banner-top .top-banner .page-banner-container a:first-child,
      .device-type-mobile .page-banner-top .page-banner-container div:first-child {
  margin-top: 0;
}

.top-banner{
  margin-bottom: 30px;
}