@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● body.css                                            */
/*    サイト共通部                                        */
/*    ・ページの共通定義                                  */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

html {}

body {
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  //word-break: break-all; 
  word-break: break-word;
  margin: 0 auto;
  min-width: $page-width-min;
  position: relative;
  color: $text-color;
  background: rgb(65,60,54);
  @extend %FontDefault;
  @include media-query(under-bp-l) {
    &.MenuOpened{
      height: 120vh;
      overflow: hidden;
      
      #HeaderDivision{
        z-index: auto;  //ハンバーガーメニューとの重なり調整 
      }
    }
  }
}

.World {
  text-align: left;
  //overflow-x: hidden;
  margin: 0 auto;
  //max-width: 1300px;
  //background: #fff;
  transition: font-size 0.2s;

}

/* rem の基準フォントサイズ */

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6em;
}







/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    基本レイアウト                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* World とヘッダフッタ配置
--------------------------------------------------- */
.World {
  display: flex;
  min-height: 100vh;
  justify-content: space-between;
  flex-direction: column;
  @include media-query(under-bp-m) {
    padding-top: 0 !important;
  }
  
  header{
  }
  .ContentsDivision{
    flex-grow: 1;
  }
}







/* サイトのページ幅
--------------------------------------------------- */
main   .PageWidthSetter,
footer .PageWidthSetter {
  margin: 0 auto;
  max-width: $page-width-max;
}
@include media-query(over-bp-l) {
    .World {
      min-width: $page-width-max;
    }
    main   .PageWidthSetter,
    footer .PageWidthSetter {
      padding: 0 $pc-padding;
      min-width: calc(#{$page-width-max} - 300px);
    }
}
@include media-query(under-bp-l) {
    main   .PageWidthSetter,
    footer .PageWidthSetter {
      max-width: initial;
      width: auto;
      padding: 0 $pc-padding;
    }
}
@include media-query(under-bp-m) {
  main   .PageWidthSetter,
  footer .PageWidthSetter {
    max-width: initial;
    width: auto;
    padding: 0 $sp-padding;
  }
}