@charset "UTF-8";
/*----- 汎用CSS（改変不可）-----*/
div#ed_articleWrap div#page02 {
  display: block;
}

div#ed_articleWrap div#page02, div#ed_articleWrap div#page03, div#ed_articleWrap div#page04, div#ed_articleWrap div#page05, div#ed_articleWrap div#page06, div#ed_articleWrap div#page07, div#ed_articleWrap div#page08, div#ed_articleWrap div#page09, div#ed_articleWrap div#page10 {
  display: none;
}

/*----- 追加する場合はこの行以降に -----*/
div#ed_articleWrap {
  font-family: メイリオ,Meiryo,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",sans-serif;
  width: 910px;
  margin: 0 auto;
  background-color: #FFF;
}
div#ed_articleWrap #page01, div#ed_articleWrap #page02, div#ed_articleWrap #page03, div#ed_articleWrap #page04, div#ed_articleWrap #page05, div#ed_articleWrap #page06, div#ed_articleWrap #page07 {
  position: relative;
}
div#ed_articleWrap #page01 *, div#ed_articleWrap #page02 *, div#ed_articleWrap #page03 *, div#ed_articleWrap #page04 *, div#ed_articleWrap #page05 *, div#ed_articleWrap #page06 *, div#ed_articleWrap #page07 * {
  box-sizing: border-box;
}
div#ed_articleWrap #page01 .content, div#ed_articleWrap #page02 .content, div#ed_articleWrap #page03 .content, div#ed_articleWrap #page04 .content, div#ed_articleWrap #page05 .content, div#ed_articleWrap #page06 .content, div#ed_articleWrap #page07 .content {
  margin: 0 auto;
  padding: 20px 0 170px;
  width: 910px;
  border-top: 20px solid #80d7cf;
  line-height: 1.85;
  font-size: 13px;
  letter-spacing: 0.1em;
}
div#ed_articleWrap #page01 .nav, div#ed_articleWrap #page02 .nav, div#ed_articleWrap #page03 .nav, div#ed_articleWrap #page04 .nav, div#ed_articleWrap #page05 .nav, div#ed_articleWrap #page06 .nav, div#ed_articleWrap #page07 .nav {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
div#ed_articleWrap #page01 .nav li, div#ed_articleWrap #page02 .nav li, div#ed_articleWrap #page03 .nav li, div#ed_articleWrap #page04 .nav li, div#ed_articleWrap #page05 .nav li, div#ed_articleWrap #page06 .nav li, div#ed_articleWrap #page07 .nav li {
  margin: 0;
  padding: 0;
}
div#ed_articleWrap #page01 {
  width: 910px;
}
div#ed_articleWrap #page01 .content {
  background: url(./img/bg.jpg) repeat-y 0 0;
  /*
  .nav-page {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 600px;
    li {
      margin: 0 0 20px;
      width: 290px;
      a {
        display: block;
        width: 290px;
      }
      .btn-page {
        transition: 0.3s;
        &:hover {
          opacity: 0.8;
        }
      }
      .btn-click {
        height: 50px;
        background: url(./img/btn_click.png) no-repeat center bottom;
        @include hiddenText;
        &:hover {
          background: url(./img/btn_click_on.png) no-repeat center bottom;
        }
      }
    }
  }*/
}
div#ed_articleWrap #page01 .content .logo {
  display: block;
  margin: 0 auto 30px;
}
div#ed_articleWrap #page01 .content .message {
  display: block;
  margin: 0 auto 30px;
}
div#ed_articleWrap #page01 .content .title {
  display: block;
  margin: 0 auto 40px;
}
div#ed_articleWrap #page01 .content p {
  margin: 0 auto 50px;
  width: 600px;
  text-align: justify;
}
div#ed_articleWrap #page01 .content .title-nav {
  display: block;
  margin: 0 auto 60px;
}
div#ed_articleWrap #page01 .content .nav-page {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 720px;
}
div#ed_articleWrap #page01 .content .nav-page li {
  margin: 0 0 20px;
  width: 230px;
}
div#ed_articleWrap #page01 .content .nav-page li a {
  display: block;
  width: 230px;
}
div#ed_articleWrap #page01 .content .nav-page li .btn-page {
  margin-bottom: 12px;
  transition: 0.3s;
}
div#ed_articleWrap #page01 .content .nav-page li .btn-page img {
  width: 230px;
}
div#ed_articleWrap #page01 .content .nav-page li .btn-page:hover {
  opacity: 0.8;
}
div#ed_articleWrap #page01 .content .nav-page li .text {
  display: block;
  margin-bottom: 12px;
  font-size: 10px;
  line-height: 1;
  text-align: center;
}
div#ed_articleWrap #page01 .content .nav-page li .btn-click {
  height: 36px;
  background: url(./img/btn_click.png) no-repeat center bottom;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
div#ed_articleWrap #page01 .content .nav-page li .btn-click:hover {
  background: url(./img/btn_click_on.png) no-repeat center bottom;
  background-size: contain;
}
div#ed_articleWrap .content-footer {
  margin: 0 auto;
  padding: 10px 0;
  width: 910px;
  background: #333;
  position: fixed;
  bottom: 0;
}
div#ed_articleWrap .content-footer .nav-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 610px;
}
div#ed_articleWrap .content-footer .nav-footer li a {
  display: block;
  width: 200px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
div#ed_articleWrap .content-footer .nav-footer li.nav1 a {
  background: url(./img/btn_information.png) no-repeat 0 0;
  background-size: 200px auto;
}
div#ed_articleWrap .content-footer .nav-footer li.nav1 a:hover {
  background: url(./img/btn_information_on.png) no-repeat 0 0;
  background-size: 200px auto;
}
div#ed_articleWrap .content-footer .nav-footer li.nav2 a {
  background: url(./img/btn_shoplist.png) no-repeat 0 0;
  background-size: 200px auto;
}
div#ed_articleWrap .content-footer .nav-footer li.nav2 a:hover {
  background: url(./img/btn_shoplist_on.png) no-repeat 0 0;
  background-size: 200px auto;
}
div#ed_articleWrap .content-footer .nav-footer li.nav3 a {
  background: url(./img/btn_book.png) no-repeat 0 0;
  background-size: 200px auto;
}
div#ed_articleWrap .content-footer .nav-footer li.nav3 a:hover {
  background: url(./img/btn_book_on.png) no-repeat 0 0;
  background-size: 200px auto;
}

div#ed_articleWrap p {
  color: #000;
}
div#ed_articleWrap #page02, div#ed_articleWrap #page03, div#ed_articleWrap #page04, div#ed_articleWrap #page05, div#ed_articleWrap #page06, div#ed_articleWrap #page07 {
  width: 910px;
}
div#ed_articleWrap #page02 .content, div#ed_articleWrap #page03 .content, div#ed_articleWrap #page04 .content, div#ed_articleWrap #page05 .content, div#ed_articleWrap #page06 .content, div#ed_articleWrap #page07 .content {
  background: url(./img/bg2.jpg) no-repeat left top;
  overflow: hidden;
}

div#ed_articleWrap .title-page {
  display: block;
  margin: 20px auto 30px;
}
div#ed_articleWrap .omit {
  color: #808080;
}
div#ed_articleWrap .more {
  color: #808080;
  text-decoration: none;
}
div#ed_articleWrap .bracket {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 300px;
  height: 80px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  background: url(./img/bracket.png) no-repeat 0 0;
}
div#ed_articleWrap .bracket2 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 300px;
  height: 110px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  background: url(./img/bracket2.png) no-repeat 0 0;
}
div#ed_articleWrap .btn-top {
  float: right;
  display: inline-block;
  margin: 0 70px 0 auto;
  text-align: right;
  text-decoration: underline;
  font-size: 15px;
  color: #808080;
}
div#ed_articleWrap .btn-top:before {
  content: "\25C0";
  font-size: 13px;
}
div#ed_articleWrap .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 768px;
}
div#ed_articleWrap .block .image {
  display: block;
}
div#ed_articleWrap .block .block-text {
  width: 300px;
}
div#ed_articleWrap .block .block-text .bracket {
  margin: 0 auto 20px;
}
div#ed_articleWrap .block .block-text p {
  margin: 13px 0;
  text-align: left;
  line-height: 1.85;
}
div#ed_articleWrap .block .block-text .caption {
  margin: 10px 0;
}
div#ed_articleWrap .caption-container {
  margin: 10px auto 60px;
  width: 600px;
}
div#ed_articleWrap .caption {
  font-size: 10px;
  line-height: 1.8;
}
div#ed_articleWrap .block1 {
  margin: 60px auto 30px;
  position: relative;
}
div#ed_articleWrap .block1 .image {
  width: 442px;
  height: auto;
}
div#ed_articleWrap .block2 .image {
  width: 442px;
  height: auto;
}
div#ed_articleWrap .block3 {
  display: flex;
  align-items: flex-start;
  margin: 0 auto 40px;
}
div#ed_articleWrap .block3 .image {
  width: 420px;
  height: auto;
}
div#ed_articleWrap .block3 .block-text .other-design {
  margin: 20px 0;
  padding: 60px 0 10px;
  width: 300px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(./img/title_od.png) no-repeat 0 0;
}
div#ed_articleWrap .block4 {
  display: flex;
  align-items: flex-start;
  margin: 0 auto 52px;
}
div#ed_articleWrap .block4 .image {
  width: 420px;
  height: auto;
}
div#ed_articleWrap .block4 .block-text .point {
  margin: 20px 0;
  padding: 60px 0 10px;
  width: 300px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(./img/title_point.png) no-repeat 0 0;
}
div#ed_articleWrap .about-container {
  margin: 0 auto 50px;
  padding: 44px 0 30px;
  background: #f9f9f9;
  position: relative;
}
div#ed_articleWrap .about-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 24px;
  background: url(./img/title_about.png) no-repeat center top;
  position: absolute;
  left: 0;
  top: -12px;
}
div#ed_articleWrap .about-container .about {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin: 0 auto;
  width: 768px;
}
div#ed_articleWrap .about-container .about .image {
  width: 420px;
  height: auto;
}
div#ed_articleWrap .about-container .about .about-text {
  width: 300px;
}
div#ed_articleWrap .about-container .about .about-text .about-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 20px 0 10px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
}
div#ed_articleWrap .about-container .about .about-text p {
  text-align: left;
  font-size: 100%;
  line-height: 1.85;
}

div#ed_articleWrap {
  /* .feminine {
    .block4 {
      display: flex;
      align-items: center;
      margin: 0 auto 20px;
      .block-text {
        .point {
          padding: 60px 0 0;
        }
      }
    }
    .center {
      margin: 0 auto 90px;
      width: 600px;
      text-align: left;
      line-height: 1.85;
    }
  }*/
}
div#ed_articleWrap .simple .block1:after {
  content: '';
  display: block;
  width: 194px;
  height: 108px;
  background: url(./img/simple_txt.png) no-repeat 0 0;
  position: absolute;
  left: -30px;
  top: -66px;
}
div#ed_articleWrap .mode .block1:after {
  content: '';
  display: block;
  width: 164px;
  height: 100px;
  background: url(./img/mode_txt.png) no-repeat 0 0;
  position: absolute;
  left: -39px;
  top: -63px;
}
div#ed_articleWrap .feminine .block1:after {
  content: '';
  display: block;
  width: 246px;
  height: 91px;
  background: url(./img/feminine_txt.png) no-repeat 0 0;
  position: absolute;
  left: -41px;
  top: -32px;
}
div#ed_articleWrap .noble .block1:after {
  content: '';
  display: block;
  width: 178px;
  height: 99px;
  background: url(./img/noble_txt.png) no-repeat 0 0;
  position: absolute;
  left: -36px;
  top: -61px;
}
div#ed_articleWrap .elegant .block1:after {
  content: '';
  display: block;
  width: 224px;
  height: 123px;
  background: url(./img/elegant_txt.png) no-repeat 0 0;
  position: absolute;
  left: -46px;
  top: -84px;
}
div#ed_articleWrap .luxe .block1:after {
  content: '';
  display: block;
  width: 155px;
  height: 73px;
  background: url(./img/luxe_txt.png) no-repeat 0 0;
  position: absolute;
  left: -46px;
  top: -39px;
}
div#ed_articleWrap .luxe .block5 {
  margin: 0 auto 50px;
  display: flex;
  align-items: flex-start;
  margin: 0 auto 52px;
}
div#ed_articleWrap .luxe .block5 .image {
  width: 420px;
  height: auto;
}
div#ed_articleWrap .luxe .block5 .block-text .point {
  margin: 20px 0;
  padding: 60px 0 10px;
  width: 300px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(./img/title_point.png) no-repeat 0 0;
}

/*
SP
*/
/*----- 汎用CSS（改変不可）-----*/
div#ed_sparticleWrap {
  text-align: center;
  padding: 0 12px 0;
  background-color: #FFF;
}
div#ed_sparticleWrap div#page01 {
  display: block;
}

div#ed_sparticleWrap div#page02, div#ed_sparticleWrap div#page03, div#ed_sparticleWrap div#page04, div#ed_sparticleWrap div#page05, div#ed_sparticleWrap div#page06, div#ed_sparticleWrap div#page07, div#ed_sparticleWrap div#page08, div#ed_sparticleWrap div#page09, div#ed_sparticleWrap div#page10 {
  display: none;
}

/*----- 追加する場合はこの行以降に -----*/
div#ed_sparticleWrap img {
  width: 100%;
  height: auto;
}
div#ed_sparticleWrap #page01, div#ed_sparticleWrap #page02, div#ed_sparticleWrap #page03, div#ed_sparticleWrap #page04, div#ed_sparticleWrap #page05, div#ed_sparticleWrap #page06, div#ed_sparticleWrap #page07 {
  font-family: メイリオ,Meiryo,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",sans-serif;
  position: relative;
}
div#ed_sparticleWrap #page01 .content, div#ed_sparticleWrap #page02 .content, div#ed_sparticleWrap #page03 .content, div#ed_sparticleWrap #page04 .content, div#ed_sparticleWrap #page05 .content, div#ed_sparticleWrap #page06 .content, div#ed_sparticleWrap #page07 .content {
  margin: 0 auto;
  padding: 20px 0 18%;
  border-top: 20px solid #80d7cf;
  line-height: 1.85;
  font-size: 13px;
  letter-spacing: 0.1em;
}
div#ed_sparticleWrap #page01 .nav, div#ed_sparticleWrap #page02 .nav, div#ed_sparticleWrap #page03 .nav, div#ed_sparticleWrap #page04 .nav, div#ed_sparticleWrap #page05 .nav, div#ed_sparticleWrap #page06 .nav, div#ed_sparticleWrap #page07 .nav {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
div#ed_sparticleWrap #page01 .nav li, div#ed_sparticleWrap #page02 .nav li, div#ed_sparticleWrap #page03 .nav li, div#ed_sparticleWrap #page04 .nav li, div#ed_sparticleWrap #page05 .nav li, div#ed_sparticleWrap #page06 .nav li, div#ed_sparticleWrap #page07 .nav li {
  margin: 0;
  padding: 0;
}
div#ed_sparticleWrap #page01 .content {
  background: url(./img/s_bg.jpg) repeat-y 0 0;
  background-size: 100% auto;
}
div#ed_sparticleWrap #page01 .content .logo {
  margin: 0 auto 25px;
}
div#ed_sparticleWrap #page01 .content .message {
  margin: 0 auto 25px;
}
div#ed_sparticleWrap #page01 .content .title {
  margin: 0 auto 20px;
}
div#ed_sparticleWrap #page01 .content p {
  margin: 0 auto 20px;
  width: 300px;
  text-align: justify;
}
div#ed_sparticleWrap #page01 .content .title-nav {
  margin: 0 auto 40px;
}
div#ed_sparticleWrap #page01 .content .nav-page li {
  margin: 0 0 50px;
}
div#ed_sparticleWrap #page01 .content .nav-page li .text {
  display: block;
  margin: 15px 0 25px;
}
div#ed_sparticleWrap #page01 .content .nav-page li .btn-click {
  display: block;
  margin: 0 auto;
  width: 370px;
}
div#ed_sparticleWrap .content-footer {
  margin: 0;
  padding: 10px 4%;
  width: 92%;
  background: #333;
  position: fixed;
  left: 0;
  bottom: 0;
}
div#ed_sparticleWrap .content-footer .nav-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
div#ed_sparticleWrap .content-footer .nav-footer li {
  width: 32.5%;
}
div#ed_sparticleWrap .content-footer .nav-footer li a {
  display: block;
  width: 100%;
}
div#ed_sparticleWrap .content-footer .nav-footer li a img {
  display: block;
  width: 100%;
  height: auto;
}

div#ed_sparticleWrap p {
  color: #000;
}
div#ed_sparticleWrap #page02, div#ed_sparticleWrap #page03, div#ed_sparticleWrap #page04, div#ed_sparticleWrap #page05, div#ed_sparticleWrap #page06, div#ed_sparticleWrap #page07 {
  padding-bottom: 8%;
}
div#ed_sparticleWrap #page02 .content, div#ed_sparticleWrap #page03 .content, div#ed_sparticleWrap #page04 .content, div#ed_sparticleWrap #page05 .content, div#ed_sparticleWrap #page06 .content, div#ed_sparticleWrap #page07 .content {
  padding-top: 0;
  background: url(./img/s_bg2.jpg) no-repeat left top;
  background-size: 100% auto;
}

div#ed_sparticleWrap .title-page {
  display: block;
  margin: 0 auto 24px;
}
div#ed_sparticleWrap .omit {
  color: #808080;
}
div#ed_sparticleWrap .more {
  color: #808080;
  text-decoration: none;
}
div#ed_sparticleWrap .bracket {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 300px;
  height: 80px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  background: url(./img/s_bracket.png) no-repeat 0 0;
}
div#ed_sparticleWrap .bracket2 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 300px;
  height: 110px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  background: url(./img/s_bracket2.png) no-repeat 0 0;
}
div#ed_sparticleWrap .btn-top {
  display: inline-block;
  width: 96%;
  margin: 30px 0 0;
  padding-right: 4%;
  text-align: right;
  text-decoration: underline;
  font-size: 13px;
  color: #808080;
}
div#ed_sparticleWrap .btn-top:before {
  content: "\25C0";
  font-size: 12px;
}
div#ed_sparticleWrap .block {
  display: block;
  margin: 0 auto 45px;
  width: 100%;
}
div#ed_sparticleWrap .block .image {
  display: block;
  margin: 0 auto 20px;
}
div#ed_sparticleWrap .block .block-text {
  margin: 0 auto;
  width: 300px;
}
div#ed_sparticleWrap .block .block-text .bracket {
  margin: 0 auto 20px;
}
div#ed_sparticleWrap .block .block-text p {
  margin: 13px 0;
  text-align: left;
  line-height: 1.85;
}
div#ed_sparticleWrap .block .block-text .caption {
  margin: 10px 0;
}
div#ed_sparticleWrap .caption-container {
  margin: 10px auto 60px;
  width: 300px;
}
div#ed_sparticleWrap .caption {
  font-size: 10px;
  line-height: 1.8;
  text-align: left;
}
div#ed_sparticleWrap .block3 {
  display: block;
  margin: 0 auto 40px;
}
div#ed_sparticleWrap .block3 .other-design {
  margin: 20px auto;
  padding: 40px 0 0;
  width: 300px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(./img/s_title_od.png) no-repeat center 0;
  background-size: 280px auto;
}
div#ed_sparticleWrap .block4 {
  display: block;
  margin: 0 auto 52px;
}
div#ed_sparticleWrap .block4 .point {
  margin: 20px auto;
  padding: 40px 0 0;
  width: 300px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(./img/s_title_point.png) no-repeat center 0;
  background-size: 280px auto;
}
div#ed_sparticleWrap .about-container {
  margin: 40px 0 0;
  padding: 37px 0 30px;
  background: #f9f9f9;
  position: relative;
}
div#ed_sparticleWrap .about-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 24px;
  background: url(./img/s_title_about.png) no-repeat center top;
  background-size: 226px 24px;
  position: absolute;
  left: 0;
  top: -12px;
}
div#ed_sparticleWrap .about-container .about {
  display: block;
  margin: 0 auto;
}
div#ed_sparticleWrap .about-container .about .about-text .about-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 15px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
}
div#ed_sparticleWrap .about-container .about .about-text p {
  margin: 0 auto 10px;
  width: 290px;
  text-align: left;
  line-height: 1.85;
}

div#ed_sparticleWrap .feminine .block4 {
  display: block;
  margin: 0 auto 20px;
}
div#ed_sparticleWrap .feminine .block4 .point {
  padding: 60px 0 0;
}
div#ed_sparticleWrap .feminine .center {
  margin: 0 auto 90px;
  width: 100%;
  text-align: left;
  line-height: 1.85;
}
div#ed_sparticleWrap .luxe .block5 {
  display: block;
  margin: 0 auto 52px;
}
div#ed_sparticleWrap .luxe .block5 .point {
  margin: 20px auto;
  padding: 40px 0 0;
  width: 300px;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: 0.1em;
  text-align: center;
  background: url(./img/s_title_point.png) no-repeat center 0;
  background-size: 280px auto;
}