@charset "UTF-8";

.area-container {
    width: 100% !important;
    padding-top: 40px;
    margin-right: auto;
    margin-left: auto;
}


article.contents_outer {
    max-width: 100%;
    overflow: hidden;
}

.area-main {
    width: unset;
}

.area-all {
    min-width: unset!important;
}


.t0-b-media__media>*, .t0-b-media__media img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

    .t0-b-media--width-s {
        width: 100%;
    }


    span.number_cicle {
    background: #6d2301;
    padding: 10px;
    margin: -10px;
    border-radius: 100px;
    }


  .b-sliderImage__inner {
    display: none;
}

img.sp_only_image.sp_main_visual_width {
    width: 100%;
}


/* ---------------------
   メニューボタン本体
--------------------- */
.menu {
        position: fixed;
        top: 0px;
        right: 0px;
        width: 45px;
        height: 48px;
        border-radius: 0;
        cursor: pointer;
        z-index: 1001;
        border: none;
        background-color: #f3f3f3;
        transition: background-color 0.3s;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
}
.menu:hover {
  /* background-color: #ee3b80; */
}
/* ---------------------
   ハンバーガー
--------------------- */
.menu__bar {
  display: block;
  width: 24px;
  height: 2px;
  background: #d7d7d7;
  border-radius: 2px;
  position: absolute;
  transition: all 0.3s ease;
}
.menu__bar:nth-child(1) {
  top: calc(50% - 6px);
}
.menu__bar:nth-child(2) {
  top: calc(50% + 4px);
}
/* ---------------------
   メニューボタンアニメーション
--------------------- */
.is--active .menu {
  background-color: #ffffff;
}
.is--active .menu__bar:nth-child(1) {
  /* transform: rotate(30deg); */
  /* top: 50%; */
}
.is--active .menu__bar:nth-child(2) {
  /* transform: rotate(-30deg); */
  /* top: 50%; */
}
/* ---------------------
   ナビゲーション（フェード）
--------------------- */
.nav {
  position: fixed;
  top: -2px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  box-shadow: -2px 0 6px rgba(0,0,0,0.15);
  transition: opacity 0.3s ease,visivility 0.4s ease;
/*  padding-top: 10px;*/
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
/* メニューが開いたときにフェードイン */
.is--active .nav {
  opacity: 1;
  visibility: visible;
  margin-top: 49px !important;
  background-color: rgba(255, 250, 200);
  overflow: scroll;
    }
/* ---------------------
   ナビゲーション内部
--------------------- */
.nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.nav__link {
  display: block;
  /* padding: 16px 24px; */
  text-decoration: none;
  color: #714f2d;
  transition: 0.2s;
  padding: 6px 45px 9px 10px;
  text-align: left;
  border-bottom: 1px solid #fff;
}
.nav__link:hover {
  opacity: 0.6;
}


.header_l_l img {
    height: 35px;
}

.header_l_r img {
    height: 56px;
}


article.contents_outer.is--active {
    height: 100vh;
}