@charset "UTF-8";
/*使い方
@media only screen and (max-width:640px) {
    //640px以下
}
@media only screen and (max-width:1024px) {
    //641px〜1024pxまで
}*/
.pagePension.test {
  /*#instagram*/
  /*guideページボタンの余白*/
  /*guideページテキスト余白調整*/ }
  .pagePension.test > section:first-of-type {
    display: flex;
    flex-wrap: wrap; }
  .pagePension.test .flex__wrap {
    width: 75%;
    padding-left: 20px; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .flex__wrap {
        width: 100%;
        padding: 0; } }
  .pagePension.test .snsSidebar {
    width: 25%;
    padding: 0px 20px 0px 30px; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .snsSidebar {
        width: auto;
        max-width: 500px;
        padding: 0; } }
  .pagePension.test .flexBlock {
    display: flex;
    flex-wrap: wrap; }
    .pagePension.test .flexBlock .cmnBlock {
      width: 70%; }
      @media only screen and (max-width: 640px) {
        .pagePension.test .flexBlock .cmnBlock {
          width: 100%; } }
  .pagePension.test .pcOnly {
    display: block; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .pcOnly {
        display: none; } }
  .pagePension.test .spOnly {
    display: none; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .spOnly {
        display: block; } }
  .pagePension.test .flexIntro {
    display: flex;
    flex-wrap: wrap; }
  .pagePension.test #instagram.sidebar {
    background-color: #f8f8f8;
    border: 1px solid #efefef;
    padding: 10px;
    margin-bottom: 8px; }
    .pagePension.test #instagram.sidebar .instagram.flexbox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around; }
      .pagePension.test #instagram.sidebar .instagram.flexbox > li {
        width: calc(100% / 3 - 8px);
        margin-top: 8px;
        height: 100%;
        max-width: 198px;
        position: relative; }
        .pagePension.test #instagram.sidebar .instagram.flexbox > li a {
          display: block;
          width: 100%;
          height: 100%;
          overflow: hidden; }
        .pagePension.test #instagram.sidebar .instagram.flexbox > li img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
    .pagePension.test #instagram.sidebar p.instaMidashi {
      font-size: 1.4rem;
      margin-bottom: 0px;
      position: relative;
      padding-left: 25px; }
    .pagePension.test #instagram.sidebar img.instaMidashi {
      width: 20px;
      height: 20px;
      float: left;
      position: absolute;
      top: 3px;
      bottom: 0;
      right: 0;
      left: 0; }
    .pagePension.test #instagram.sidebar .title {
      text-align: right;
      position: relative;
      font-size: 1.4rem;
      padding: 0 20px 0px 0px;
      margin-top: 8px; }
      .pagePension.test #instagram.sidebar .title:after {
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
        background: url(../images/common/iconNewwindow.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 15px auto;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
  .pagePension.test .twitter {
    height: 340px;
    overflow: scroll;
    padding: 10px;
    margin-bottom: 8px;
    background-color: #f8f8f8;
    border: 1px solid #efefef; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .twitter {
        height: 278px; } }
  .pagePension.test .fb {
    background-color: #f8f8f8;
    border: 1px solid #efefef;
    padding: 10px 0px;
    overflow: hidden; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .fb {
        /*max-width: 500px;
        width: auto;*/
        width: 100%;
        text-align: center; } }
  .pagePension.test .cmnBtn.mt20 {
    margin: 20px auto 0px; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .cmnBtn.mt20 {
        margin: 15px auto 0px; } }
  .pagePension.test .roomTxt.mb0 {
    margin-bottom: 0px; }
    @media only screen and (max-width: 640px) {
      .pagePension.test .roomTxt.mb0 {
        margin-bottom: 15px; } }

.pagePension .gnavPension ul.pc {
  max-width: 1032px; }

@media only screen and (max-width: 940px) {
  .pagePension .gnavPension ul.pc li a {
    padding: 20px 8px 0 8px; } }
footer .footerInfo01 {
  margin: 0 auto 120px auto; }
  @media only screen and (max-width: 640px) {
    footer .footerInfo01 {
      margin: 0 auto 60px auto; } }

footer .footerInfo01 .info {
  float: none;
  width: 80%;
  margin: 0 auto; }
  @media only screen and (max-width: 640px) {
    footer .footerInfo01 .info {
      width: 100%; } }

footer .footerInfo01 .fb {
  display: none; }

#instagram.footerInfo01 {
  display: none; }