html{
  height:100%;
  overflow-y:scroll
}
body {
  height:100%;
  font: 13px/1.231 'Lato', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: .08em;
  *font-size: small;
  *font: x-small;
  color:#000;
  line-height:2;
  -webkit-font-smoothing: antialiased;
}
@media all and (-ms-high-contrast:none){
  body{
    font-family: "メイリオ",Meiryo,'Lato', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック' ,sans-serif;
  }
}
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
ul,ol {list-style: none;}
small {font-size: 86%;}

a {
  color: #333;
  text-decoration: none;
  outline:none;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out
}

img {
  vertical-align: bottom
}

.mgnBtm8 {  margin-bottom: 8px;}
.mgnBtm16 {  margin-bottom: 16px;}
.mgnBtm24 {  margin-bottom: 24px;}
.mgnBtm32 {  margin-bottom: 32px;}
.mgnBtm40 {  margin-bottom: 40px;}
.mgnBtm48 {  margin-bottom: 48px;}
.mgnBtm56 {  margin-bottom: 56px;}
.mgnBtm64 {  margin-bottom: 64px;}
.mgnBtm72 {  margin-bottom: 72px;}
.mgnBtm80 {  margin-bottom: 80px;}
.mgnBtm88 {  margin-bottom: 88px;}

.fltRgt { float: right;}
.fltLft { float: left; }
.tCtr { text-align: center;}
.tRgt { text-align: right;}


.d-n {
  display: none;
}
  @media (min-width: 1040px) {
    body {
      font-size: 15px
    }
    a:hover {
      color: #c5ccd6
    }

  }

  @media (max-width: 768px) {
    img {
      max-width: 100%;
      height: auto
    }
  }

/* =====================================================================================

    common

===================================================================================== */

/* layout
================================= */
.container {
  border-top: 100px solid #fff;
  background: rgba(197, 204, 214, 0.2);
  background: -webkit-linear-gradient(rgba(197, 204, 214, 0.2), transparent);
  background: -o-linear-gradient(rgba(197, 204, 214, 0.2), transparent);
  background: linear-gradient(rgba(197, 204, 214, 0.2), transparent)
}
.inner {
  width: 84%;
  margin: 0 auto
}
.section-pdg {
  padding: 64px 0
}
.bg-gray {
  background: #c5ccd6
}
.bg-lightgray {
  background: #dce1e7
}
.bg-gradation {
  border-top: 1px solid #fff;
  background: rgba(197, 204, 214, 0.2);
  background: -webkit-linear-gradient(rgba(197, 204, 214, 0.2), transparent);
  background: -o-linear-gradient(rgba(197, 204, 214, 0.2), transparent);
  background: linear-gradient(rgba(197, 204, 214, 0.2), transparent)
}
.bg-white {
  background: #fff
}
.bg-circle {
  background: url(../images/common/bg_circle.png) center center no-repeat;
  background-size: contain
}

.mini-column {
  display: block;
  padding: 80px 160px;
  position: relative;
  border-radius: 3px;
  margin: 0 -24px 0;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}
  @media (max-width: 768px) {
    .bg-circle {
      background-size: 560px 100%
    }

  }
  @media (min-width: 1040px) {
    .container {
      border: none;
      overflow: hidden;
      position: relative
    }
    .inner {
      width: 1000px
    }
    .section-pdg {
      padding: 96px 0
    }
  }


/* ttl
================================= */
.deco {
  font-family: 'Quicksand', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
  letter-spacing: 0.15em;
  padding-left: 0.15em
}
.section-ttl {
  font-size: 169%;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
  line-height: 1;
  margin-bottom: 32px;
  font-weight: normal;
  text-transform: uppercase
}
.section-ttl small {
  display: block;
  font-size: 57%;
  font-weight: normal;
  padding-top: 24px
}
.second-ttl {
  font-size: 123%;
  letter-spacing: 0.3em;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: normal
}
.second-ttl::before {
  position: relative;
  display: inline-block;
  content: "";
  top: 3px;
  width: 17px;
  height: 17px;
  margin-right: 8px;
  background: url(../images/common/second_ttl_icon.png);
  background-size: 17px
}
.mini-ttl {
  background: #ccd0d7;
  line-height: 1;
  padding: 12px 0;
  text-align: center;
  font-weight: normal
}
.catch {
  font-size: 138%;
  font-weight: normal;
  letter-spacing: 0.14em;
  padding-left: 0.14em;
  color: #d3b383
}
.bg-gray .catch {
  color: #000
}
.poetry {
  line-height: 2.2
}


  @media (min-width: 1040px) {
    .deco {
      -webkit-font-smoothing: auto
    }
    .section-ttl {
      font-size: 200%;
      margin-bottom: 56px
    }
    .page-ttl {
      height: 240px;
      background:url(../images/common/page_bg01.jpg) center no-repeat;
      background-size: cover;
      color: #fff;
      line-height: 240px;
      font-size: 200%;
      letter-spacing: 0.3em;
      padding-left: 0.3em;
      -webkit-font-smoothing: antialiased
    }
    .second-ttl {
      font-size: 147%;
      margin-bottom: 24px
    }
    .mini-ttl {
      font-size: 129%;
      padding: 16px 0
    }
    .catch {
      font-size: 157%;
      line-height: 1.6
    }

  }

/* link-btn
================================= */
.readmore {
  display: block;
  text-align: center;
  line-height: 1;
  padding: 16px 0;
  color: #8b94a0;
  border: 1px solid #c5ccd6
}
.link-btn a {
  display: block;
  text-align: center;
  background: #fff;
  border: 1px solid #fff;
  padding: 16px 0;
  margin-bottom: 8px
}
.bg-white .link-btn a {
  color: #b0baca;
  border: 1px solid
}

  @media (min-width: 1040px) {
    .link-btn {
      text-align: center
    }
    .link-btn li {
      display: inline-block
    }
    .readmore,
    .link-btn a {
      width: 328px;
      margin: 0 auto 8px
    }
    .readmore:hover,
    .link-btn a:hover {
      background: #d3b383;
      color: #fff;
      border: 1px solid #d3b383
    }
  }

/* style-dl
================================= */
.style-dl {
  line-height: 1.7;
  background: url(../images/common/border_gr.png) right top repeat-x
}
.style-dl dt {
  float: left;
  clear: left;
  width: 96px;
  font-size: 93%;
  padding-top: 2px;
  letter-spacing: 0;
  padding: 6px 16px 4px 0;
  color: #d3b383
}
.style-dl dd {
  padding: 4px 0 4px 96px;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  background: url(../images/common/border_gr.png) bottom repeat-x
}
.enkaku span {
  width: 120px;
  display: inline-block
}

  @media (max-width: 768px) {
    .enkaku li {
      margin-bottom: 8px
    }
    .enkaku span {
      display: block
    }
    .style-dl dt {
      float: none;
      width: 100%;
      padding-bottom: 0
    }
    .style-dl dd {
      padding-left: 0
    }
  }
  @media (min-width: 1040px) {
    .style-dl dt {
      width: 160px;
      padding: 12px 16px 12px 0;
      font-size: 100%;

    }
    .style-dl dd {
      padding: 12px 0 12px 160px
    }

  }

/* flower
================================= */
#flower {
  position: relative;
  overflow: hidden;
  margin: -25px 0
}
#flower-long,
#flower-short,
#flower-star,
#flower-white {
  position: relative;
  overflow-x: hidden
}
.snowfall-flakes {
  -webkit-animation: spin 3s linear infinite;
  -moz-animation: spin 3s linear infinite;
  -ms-animation: spin 3s linear infinite;
  -o-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
  z-index: -1 !important
}

@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
  0% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
  0% {-ms-transform: rotate(0deg);}
  100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
  0% {-o-transform: rotate(0deg);}
  100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

#flower.section-pdg {
  padding: 120px 0
}


  @media (max-width: 768px) {
    .snowfall-flakes {
      -webkit-animation: spin 4s linear infinite;
      -moz-animation: spin 4s linear infinite;
      -ms-animation: spin 4s linear infinite;
      -o-animation: spin 4s linear infinite;
      animation: spin 4s linear infinite
    }
    #flower.section-pdg {
      padding: 88px 0
    }
  }

/* kazari
================================= */
.kazari,
.kazari02,
.kazari03 {
  position: relative
}
.kazari::before,
.kazari::after,
.kazari02::before,
.kazari02::after,
.kazari03::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 50%;
  z-index: 10
}
.kazari::before {
  background: url(/wp/wp-content/themes/original_theme/images/brand_icon03_sp.png);
  width: 36px;
  height: 36px;
  background-size: contain;
  margin-left: -560px;
  bottom: 2%
}
.kazari::after {
  background: url(/wp/wp-content/themes/original_theme/images/brand_icon02_sp.png);
  width: 59px;
  height: 49px;
  background-size: contain;
  margin-left: 464px;
  top: 20%
}
.kazari02::before{
  background: url(/wp/wp-content/themes/original_theme/images/brand_icon01_sp.png);
  width: 30px;
  height: 28px;
  background-size: contain;
  margin-left: -464px;
  top: 3%
}
.kazari02::after {

}
.line01,
.line02 {
  position: absolute;
  background: url(../images/shoplist_line_tate.png) repeat;
  width: 4px;
  top: 48px;
  bottom: 48px
}
.line03,
.line04 {
  position: absolute;
  background: url(../images/shoplist_line_yoko.png) repeat;
  height: 4px;
  left: 48px;
  right: 48px
}
.line01 {
  left: 24px
}
.line02 {
  right: 24px
}
.line03 {
  top: 24px
}
.line04 {
  bottom: 24px
}
.line01::before,
.line02::before,
.line03::before,
.line04::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 15px;
  height: 13px;
  background: url(../images/shoplist_line_icon.png);
  background-size: 15px 13px
}
.line01::before {
  top: -28px;
  right: -5px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.line02::before {
  bottom: -28px;
  right: -4px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.line03::before {
  bottom: -6px;
  right: -27px
}
.line04::before {
  bottom: -2px;
  left: -28px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
  @media (max-width: 768px) {
    .kazari02::before {
      margin-left: 0;
      left: -32px
    }
    .line01,
    .line02 {
      top: 24px;
      bottom: 24px;
      width: 2px;
      background-size: 2px auto
    }
    .line03,
    .line04 {
      left: 24px;
      right: 24px;
      height: 2px;
      background-size: auto 2px
    }
    .line01 {
      left: 12px
    }
    .line02 {
      right: 12px
    }
    .line03 {
      top: 12px
    }
    .line04 {
      bottom: 12px
    }
    .line01::before,
    .line02::before,
    .line03::before,
    .line04::before {
      width: 8px;
      height: 7px;
      background-size: 8px 7px
    }
    .line01::before {
      top: -13px;
      right: -3px
    }
    .line02::before {
      bottom: -13px;
      right: -2px
    }
    .line03::before {
      bottom: -2px;
      right: -14px
    }
    .line04::before {
      bottom: 0px;
      left: -13px
    }

  }
/* =====================================================================================

    header

===================================================================================== */
#head-logo {
  position: absolute;
  left: 50%;
  font-size: 138%;
  letter-spacing: .3em;
  padding-left: 0.3em;
  top: 32px;
  z-index: 999;
  margin-left: -40px
}
.home #head-logo {
  position: fixed
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box
}
.menu-trigger {
  position: fixed;
  width: 32px;
  height: 15px;
  top: 42px;
  right: 8%;
  z-index: 9999
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000
}
.menu-trigger span:nth-of-type(1) {
  top: 0
}
.menu-trigger span:nth-of-type(2) {
  top: 7px
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-35deg);
  transform: translateY(6px) rotate(-35deg)
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-6px) rotate(35deg);
  transform: translateY(-6px) rotate(35deg)
}
.menu-trigger::before {
  content: "MENU";
  font-family: 'Quicksand', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
  display: inline-block;
  width: 32px;
  text-align: center;
  position: absolute;
  top: -18px;
  font-size: 10px;
  padding: 0;
  font-style: normal;
  -webkit-font-smoothing: auto;
}
.menu-trigger.active::before {
  content: "CLOSE"
}

.gnav {
  background: #fff url(../images/common/bg_gnav.jpg)center no-repeat;
  background-size: cover;
  position: fixed;
  z-index: 998;
  left: 8px;
  right: 8px;
  top: 8px;
  bottom: 8px;
  padding: 72px 8% 24px;
  font-size: 120%;
  line-height: 2.6;
  text-align: center;
  text-transform: uppercase;
  display: block;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  box-shadow: 0 0 0 20px rgba(225, 200, 156, 0.8)
}

.gnav li {
  padding-left: 0.2em;
  letter-spacing: 0.2em
}
.gnav li a {
  display: block;
  font-size: 116%;
  line-height: 2.2;
}
.gnav li small {
  display: inline-block;
}
.gnav li small a {
  display: inline-block;
  margin-left: 12px
}
.gnav.active {
  display: block;
  opacity: 1;
  z-index: 9990
}
/* under-header */
.under-header {
  height: 160px;
  padding: 40px 0
}
.under-header ul {
  text-align: center
}
.under-header ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 16px;
  text-transform: uppercase
}
#head-logo-under {
  font-size: 138%;
  letter-spacing: .3em;
  padding-left: 0.3em;
  top: 32px;
  z-index: 999;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1
}
.under .menu-trigger {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
.under .menu-trigger.fixed {
  opacity: 1
}
.recruit-submenu-openner {
  position: relative
}
.recruit-submenu {
  display: none;
  position: absolute;
  font-size: 87%;
  padding: 8px 16px 16px;
  background: rgba(255, 255, 255, 0.8);
  top: 24px;
  text-align: left !important;
  left: -16px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 200px;
  z-index: 990;
  letter-spacing: 0.01em
}
.recruit-submenu-openner:hover .recruit-submenu {
  display: block
}
.under-header .recruit-submenu li {
  display: block;
  margin: 0
}
.under-header .recruit-submenu li a {
  white-space: nowrap
}

  @media (max-width: 768px) {
    .gnav {
      font-size: 116%;
      background: #fff url(../images/common/bg_gnav_sp.jpg)center no-repeat;
      background-size: cover
    }
    .gnav li small {
      display: block;
      font-size: 77%
    }
    .gnav li small a {
      margin-left: 12px;
      margin: 4px auto;
      display: block;
      max-width: 200px;
      line-height: 1.6
    }
    .under .menu-trigger {
      opacity: 1
    }

  }
  @media (min-width: 1040px) {
    #head-logo {
      top: 56px;
      line-height: 1;
      font-weight: normal;
      font-size:171%;
      margin-left: -54px
    }
    .home #head-logo {
      top: 72px;
    }
    .menu-trigger {
      width: 56px;
      height: 35px;
      top: 64px;
      right: 56px
    }
    .menu-trigger:hover {
      color: #d3b383
    }
    .menu-trigger:hover span {
      background: #d3b383
    }
    .menu-trigger span:nth-of-type(2) {
      top: 17px
    }
    .menu-trigger.active span:nth-of-type(1) {
      -webkit-transform: translateY(16px) rotate(-35deg);
      transform: translateY(16px) rotate(-35deg);
      top: 2px
    }
    .menu-trigger.active span:nth-of-type(3) {
      -webkit-transform: translateY(-16px) rotate(35deg);
      transform: translateY(-16px) rotate(35deg)
    }
    .menu-trigger.active span {
      background: #e1c89c
    }
    .menu-trigger.active:hover span {
      background: #aaa
    }
    .menu-trigger::before {
      font-size: 12px;
      width: 56px;
      top: -24px;

    }
    .menu-trigger.active::before {
      color: #e1c89c
    }
    .menu-trigger.active:hover::before {
      color: #aaa;
    }
    .gnav{
      padding: 160px 0 80px
    }
    .gnav li {
      text-align: left;
      width: 1000px;
      margin: 0 auto
    }

    .gnav a {
      font-size: 156%;
      position: relative;
      z-index: 1;
      color: #e1c89c
    }
    .gnav a::before {
      position: relative;
      display: inline-block;
      content: "";
      width: 17px;
      height: 17px;
      top: -2px;
      margin-right: 16px;
      background: url(../images/common/second_ttl_icon.png);
      background-size: 17px;
      letter-spacing: 0.2em
    }
    .gnav li a:hover {
      color: #aaa
    }
    .gnav li a:hover::before{
      -webkit-animation: spin 1.5s linear infinite;
      -moz-animation: spin 1.5s linear infinite;
      -ms-animation: spin 1.5s linear infinite;
      -o-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite
    }
    .gnav small a{
      font-weight: normal;
      font-size: 92%;
      font-family: YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif
    }
    .gnav small a::before {
      background: #e2cba1;
      width: 24px;
      height: 1px;
      margin-right: 12px;
      top: -4px
    }
    .gnav small a:hover::before {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      -o-animation: none;
      animation: none
    }
  }

/* =====================================================================================

    footer

===================================================================================== */

/* sns */
#share {
  position: relative;
  height: 424px;
  padding: 44px 0 0;
  background: url(../images/sns_bg_sp.png) center bottom no-repeat;
  background-size: 100% auto
}
#share::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../images/sns_girl_sp.png) no-repeat;
  background-size: 198px auto;
  width: 198px;
  height: 362px;
  right: 8%;
  bottom: -24px;
  z-index: 10;
}
#share a {
  display: inline-block
}
#share a:hover {
  opacity: 0.7
}
.share-ttl {
  display: inline-block;
  background: url(../images/sns_ttl_sp.png) center top no-repeat;
  background-size: 203px auto;
  width: 203px;
  height: 62px;
  padding: 15px 0 0 0.3em;
  margin: 0 40px 40px 0;
  color: #797b7e;
  font-size: 116%;
  letter-spacing: 0.3em;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg)
}
.twitter {
  position: relative;
  margin-right: 160px
}
.facebook {
  position: relative;
  top: 16px;
  margin-right: 120px;
  z-index: 20
}

  @media (min-width: 1040px) {
    #share {
      background: url(../images/sns_bg.png) center repeat-x
    }
    #share::before {
      right: auto;
      left: 50%;
      margin-left: -70px;
      background: url(../images/sns_girl.png) no-repeat;
      width: 198px;
      height: 362px;
      bottom: -48px;
    }
    .twitter {
      margin-right: 350px
    }
    .facebook {
      top: 0
    }
  }

/* footer */
footer {
  background: #c5ccd6;
  color: #fff;
  padding: 64px 0 40px;
  line-height: 1
}
.footer-nav {
  margin-bottom: 16px;
  max-width: 640px
}
.footer-nav ul {
  overflow: hidden;
  font-size: 93%
}
.footer-nav li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px 16px
}
.footer-nav li a::before {
  position: relative;
  display: inline-block;
  content: "";
  width: 11px;
  height: 11px;
  margin-right: 4px;
  background: url(../images/ephyllu/ephyllu_flower.png) center no-repeat;
  background-size: 11px;
  letter-spacing: 0.2em
}
.footer-nav li a {
  color: #fff;
  white-space: nowrap
}

.footer-nav li a:hover {
  color: #333
}
.footer-nav li a:hover::before {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite
}
.copyright {
  line-height: 1.2;
  font-size: 93%
}
.pbl,
.pbf {
  opacity: 0.75
}
.pbf {
  margin: 16px 0 0;
}
  @media (max-width: 768px) {
    footer {
      padding: 40px 0
    }
  }
/* =====================================================================================

    index

===================================================================================== */

#main-visual {
  position: relative;
  height: 620px;
  margin-top: 25px
}
#main-visual .icon {
  position: absolute;
  z-index: 9989
}
#main-visual .tree {
  top: 224px;
  right: 0
}
#main-visual .usagi {
  top: 424px;
  left: 0
}
#main-visual .star {
  top: 76px;
  right: 20px
}
#main-visual .closet {
  top: 76px;
  left: 8px
}
#main-visual .awa {
  top: 160px;
  left: 0
}
#main-visual .awa02 {
  top: 480px;
  right: 0
}

#main-visual-slide {
  position: relative;
  z-index: 2;
  width: 84%;
  margin: 0 auto;
  padding-top: 29%;
  background-size: 330px auto
}

  @media (min-width: 1040px) {
    #main-visual {
      position: relative;
      height: 900px;
      padding-top: 184px
    }

    .slide_all {width: 730px; margin: 0 auto; height: 580px; position: relative;}
    .slide_wrap {width: 2190px; position: absolute; left: 50%; margin-left: -1095px;}
    .slide_body {width: 100%;}
    .pc-main-slide li {width: 730px; line-height: 580px; text-align: center;}
    .pc-main-slide li img {max-width: auto; vertical-align: bottom;}
    .pc-main-slide {
      width: 725px;
      display: inline-block;
      vertical-align: middle
    }

    /* kazari */
    #main-visual::before {
      content:
    }
    #main-visual .tree {
      top: 450px;
      left: 50%;
      right: auto;
      margin-left: 150px
    }
    #main-visual .usagi {
      top: 540px;
      right: 50%;
      left: auto;
      margin-right: 190px
    }
    #main-visual .star {
      top: 146px;
      right: auto;
      left: 50%;
      margin-left: 250px
    }
    #main-visual .closet {
      top: 150px;
      right: 50%;
      left: auto;
      margin-right: 280px
    }
    #main-visual .awa {
      top: 300px;
      right: 50%;
      left: auto;
      margin-right: 300px
    }
    #main-visual .awa02 {
      top: 470px;
      right: 50%;
      margin-right: -410px
    }
  }

/*   brand
================================= */
#brand {
  position: relative;
  background: #c5ccd6 url(../images/brand_bg_sp.jpg) center repeat;
  background-size: cover;
  height: 497px;
  text-align: center
}
#brand::before,
#brand::after,
#brand .inner::before,
#brand .inner::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 30px;
  height: 27px;
  background: url(../images/brand_icon01_sp.png);
  background-size: 30px auto
}
#brand::before {
  top: 15px;
  left: 10px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
#brand::after {
  top: 15px;
  right: 10px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
#brand .inner::before {
  bottom: 10px;
  left: 10px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
#brand .inner::after {
  bottom: 10px;
  right: 10px
}
#brand .brand-icon01 {
  position: absolute;
  left: 17%;
  top: 96px
}
#brand .brand-icon02 {
  position: absolute;
  right: 8%;
  bottom: 70px
}
#brand h3 {
  color: #c5ccd6
}
#brand li {
  display: table;
  width: 240px;
  margin: 0 auto 8px
}
#brand li a {
  text-align: center;
  display: table-cell;
  background: #fff;
  height: 76px;
  vertical-align: middle;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1)
}
  @media (min-width: 1040px) {
    #brand {
      background-image: url(../images/brand_bg.jpg);
      background-size: auto;
      height: auto;
      padding: 64px 0
    }
    #brand::before {
      top: 50%;
      right: 50%;
      left: auto;
      margin-right: 400px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }
    #brand::after {
      top: 50%;
      left: 50%;
      right: auto;
      margin-left: 400px;
      -webkit-transform: rotate(125deg);
      -ms-transform: rotate(125deg);
      transform: rotate(125deg)
    }

    #brand .brand-icon01,
    #brand .brand-icon02 {
      display: none
    }
    .brand-ttl {
      line-height: 1;
      margin-bottom: 16px
    }
    .brand-ttl img,
    .brand-ttl br {
      display: none
    }

    #brand ul {
      display: table;
      margin: auto
    }
    #brand li {
      display: table-cell;
      vertical-align: middle;
      width: 256px;
      padding: 0 8px
    }
    #brand li a {
      width: 240px
    }
    #brand li a:hover {
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
      opacity: 0.8;
    }
    #brand .inner::before,
    #brand .inner::after {
      display: none
    }
  }
/*   news
================================= */
#newsrelease {
  position: relative
}
#newsrelease.section-pdg {
  padding-top: 48px;
}
#newsrelease .news-icon01 {
  position: absolute;
  right: 17%;
  top: -24px
}
#newsrelease .news-icon02 {
  position: absolute;
  left: 10%;
  top: 68px
}
.news-video iframe {
  width: 450px;
  height: 265px;
  padding: 10px;
  border: 1px solid #e6ddc8;
  text-align: center;
}
.video-news {
  text-align: center;
}
.news-video.section-pdg {
  padding-bottom: 0;
  padding-top: 56px;
}
.video-news h3 {
  font-weight: normal;
  font-size: 110%;
  padding-bottom: 24px;
}
.yoko-wrapper {
  overflow-y: hidden;
}
.newslist {
  width: 1068px;
  margin-left: -24px;
  padding-left: 8%
}
.newslist li {
  float: left;
  width: 180px;
  display: inline-block;
  vertical-align: top;
  margin-left: 24px
}
.newslist li .date {
  line-height: 1;
  padding: 24px 0 8px
}
.newslist li h4 {
  font-weight: normal;
  line-height: 1.6
}
.newslist .no-image {
  display: block;
  width: 180px;
  height: 120px;
  text-align: center;
  background: #c5ccd6;
  line-height: 120px;
  color: #fff
}
  @media (min-width: 1040px) {
    #newsrelease .news-icon01 {
      top: 24px
    }
    #newsrelease .news-icon02 {
      top: auto;
      bottom: 24px;
      left: 22%
    }
    .newslist {
      margin: 0 auto;
      width: 1041px;
      padding: 0 0 32px
    }
    .newslist li {
      margin: 0 14px
    }
    .newslist li:hover .eyecatch {
      opacity: 0.6
    }
    .yoko-wrapper {
      padding-bottom: 0
    }
  }
/* LineBnr
================================= */
#lineBnr {
  background: url(../images/line-bnr/line_bg.jpg);
  background-size: cover;
  background-position: top center;
  position: relative;
}
@media screen and (max-width: 768px) {
  #lineBnr {
    background: url(../images/line-bnr/line_bg_sp.jpg);
    background-size: cover;
  }
  #lineBnr p {
    width: 90%;
    margin: 0 auto;
  }
  #lineBnr:after {
    content: '';
    position: absolute;
    background: url(../images/line-bnr/line_star_sp.png);
    width: 36px;
    height: 36px;
    top: -16px;
    right: 16px;
    background-size: cover;
  }
}
/* instagram
================================= */
#instagram {
  position: relative;
  background: url(../images/insta_bg_sp.jpg);
  background-size: cover
}
.insta-star {
  background: #e5e8ed url(../images/insta_stars_sp.png) center bottom 45px no-repeat;
  background-size: 323px auto;
}
#instagram::before,
.insta-follow-list-list::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/insta_ttl.png);
  background-size: contain;
  width: 176px;
  height: 63px;
  top: -10px;
  left: 50%;
  margin-left: -88px
}
.insta-list li {
  display: inline-block;
  margin-left: 8px;
}
.insta-list li a {
  display: block;
  border: 3px solid #fff;
  width: 96px;
  height: 96px;
  background: center;
  background-size: cover;
}
.insta-follow .insta-follow-box {
  position: relative;
  display: inline-block;
  width: 256px;
  height: 104px;
  background: #fff;
  margin: 20px auto 0;
  padding: 29px 40px;
  text-align: left;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #b2bfca;
  box-shadow: 5px 6px 20px -10px rgba(0, 0, 0, 0.5);
}
.insta-follow .insta-follow-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: 6px;
  right: 6px;
  border: 3px double rgba(227, 201, 154, 0.52);
  pointer-events: none;
}
.insta-follow .icon {
  float: left;
  margin-right: 16px
}
.insta-follow .logo {
  margin: 2px 0
}
.insta-follow .insta-follow-box::after {
  content: "";
  display: block;
  position: absolute;
  left: -56px;
  bottom: -66px;
  width: 134px;
  height: 134px;
  background: url(../images/insta_girl_sp.png);
  background-size: contain;
  pointer-events: none;
}
.insta-follow .insta-follow-box:hover {
  background: #e3c99a;
  color: #fff;
}
.insta-follow .insta-follow-box:hover::before {
  border-color: #fff;
}

/* loading animation */
.insta-list .loader {
  display: block;
  text-align: center;
  border: none;
}
.cssload-container {
  width: 100%;
  height: 49px;
  text-align: center;
}
.cssload-speeding-wheel {
  width: 49px;
  height: 49px;
  margin: 0 auto;
  border: 3px solid rgb(255,255,255);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 575ms infinite linear;
  -o-animation: cssload-spin 575ms infinite linear;
  -ms-animation: cssload-spin 575ms infinite linear;
  -webkit-animation: cssload-spin 575ms infinite linear;
  -moz-animation: cssload-spin 575ms infinite linear;
}
@keyframes cssload-spin {
  100%{ transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes cssload-spin {
  100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes cssload-spin {
  100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes cssload-spin {
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes cssload-spin {
  100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

/* modal insta-follow-list */
.insta-follow-list {
  position: relative;
  padding: 72px;
  text-align: center;
}
.insta-follow-list::after {
  left: 16px;
  bottom: 0;
}
.insta-follow-list .section-ttl {
  color: #b2bfca;
  margin-bottom: 24px;
}
.insta-follow-list p {
  font-size: 93%;
  line-height: 1.75;
}
.insta-follow-list-list li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 3px 1px;
}
.insta-follow-list-list a {
  display: block;
  padding: 7px 16px;
  color: #333;
  border: 1px solid #ccc;
}

.insta-follow-list-list a:hover {
  background: #d3b383;
  border-color: #d3b383;
  color: #fff;
}
.insta-follow-list-list.logo-list a {
  border: none;
  padding: 5px 16px;
}
.insta-follow-list-list.logo-list img {
  height: 32px;
  width: auto;
}
.insta-mini-ttl {
  color: #e3c99a;
  line-height: 1;
  margin-bottom: 16px;
}
.insta-follow-list hr {
  border-color: #eee;
}
  @media (min-width: 1040px) {
    #instagram {
      background: #e6e9ee
    }
    .insta-star {
      background: #eceef0 url(../images/insta_star.png) center bottom 16px no-repeat;
      border-top: 1px solid #e4d8d0;
    }
    .insta-list {
      padding: 0;
      width: 100%;
      margin: 40px 0 0
    }
    .insta-follow {
      text-align: left;
      padding-left: 94px
    }
    .insta-follow::before {
      content: "";
      z-index: 3;
      display: block;
      position: absolute;
      background: url(../images/cullet/cullet_02.png);
      width: 51px;
      height: 57px;
      top: 165px;
      right: 50%;
      margin-right: 145px;
      pointer-events: none;
    }
    .insta-follow::after {
      content: "";
      position: absolute;
      display: inline-block;
      right: 50%;
      z-index: 10;
      background-size: contain;
      background-repeat: no-repeat;
      width: 98px;
      height: 179px;
      margin-right: 460px;
      background-image: url(../images/shop/shop_icon01.png);
      z-index: 0;
      bottom: -20px;
      pointer-events: none;
    }
    .insta-follow .insta-follow-box {
      position: absolute;
      height: 180px;
      padding: 67px 40px;
      margin: 0;
      bottom: 44px;
    }

    .insta-follow .insta-follow-box::after {
      left: -132px;
      bottom: -45px;
      width: 166px;
      height: 176px;
      background: url(../images/insta_girl.png);
      z-index: 10;
      pointer-events: none;
    }
  }
  @media (max-width: 768px) {

    .insta-follow-list {
      position: relative;
      padding: 64px 30px 40px;
      text-align: center;
    }
    .insta-follow-list li {
      display: block;
      margin: 0 0 8px;
    }
    .insta-follow-list-list a {
      padding: 8px;
    }
    .insta-follow-list p br {
      display: none;
    }
  }

/* shoplist
================================= */
#shoplist {
  position: relative
}
#shoplist .shop-icon01 {
  position: absolute;
  right: 8%;
  top: -24px
}
#shoplist .shop-icon02 {
  position: absolute;
  left: 9%;
  top: 64px
}
.shop-selectbox {
  position: relative;
  border: 1px solid;
  background: transparent url(../images/common/selectbox.png) center right 16px no-repeat;
  background-size: 13px 7px;
  width: 100%;
  font-size: 100%;
  padding: 16px;
  line-height: 1;
  border-radius: 3px;
  letter-spacing: 0.1em;
  border: 1px solid #ccd0d7;
  margin-bottom: 32px
}
.shop-list li {
  padding-bottom: 24px;
  border-bottom: 1px solid #ccd0d7;
  margin-bottom: 24px
}
.shop-list li .img-area {
  float: left;
  margin-right: 16px;
  width: 80px;
  height: 80px
}
.shop-list li .img-area.no-image {
  background: #eee;
  padding: 24px 16px;
  text-align: center;
  line-height: 1.4;
  font-size: 93%
}
.shop-list li .text-area {
  line-height: 1.4;
  position: relative;
  padding-right: 24px;
  background: url(../images/common/arrow_right.png) center right no-repeat;
  background-size: 17px 35px
}
.shop-list li .text-area h5 {
  font-size: 116%;
  font-weight: normal;
  margin-bottom: 8px
}
.shop-list li .text-area p {
  font-size: 93%
}
.shopNone {
  width: 100%;
  height: 160px;
  border: 1px dashed #ccd0d7;
  text-align: center;
  line-height: 160px
}
/* shop-chiiki */
.shop-chiiki {
  position: relative
}
.shop-chiiki::before {
  content: "";
  position: absolute;
  display: inline-block;
  right: 50%;
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat
}
.shopgifu::before,
.shopshiga::before {
  width: 98px;
  height: 179px;
  margin-right: 460px;
  background-image: url(../images/shop/shop_icon01.png)
}
.shopaichi::before,
.shoposaka::before {
  width: 196px;
  height: 222px;
  top: -80px;
  margin-right: -610px;
  background-image: url(../images/shop/shop_icon02.png)
}
.shopaichi::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 80px;
  z-index: 10;
  background-image: url(../images/shop/shop_icon03.png);
  width: 169px;
  height: 191px;
  bottom: 90px
}
.shopmie::before {
  width: 164px;
  height: 169px;
  top: -24px;
  margin-right: 420px;
  background-image: url(../images/shop/shop_icon04.png)
}
  @media (max-width: 768px) {
    .shop-list li .img-area {
      background-position: center;
      background-size: cover
    }
    .shopgifu::before,
    .shopshiga::before {
      width: 49px;
      height: 89px;
      margin-right: 0;
      right: auto;
      top: 16px;
      left: -24px
    }
    .shopaichi::before,
    .shoposaka::before {
      width: 98px;
      height: 111px;
      margin: 0;
      right: -50px;
      top: -44px
    }
    .shopaichi::after {
      display: none
    }
    .shopmie::before {
      margin: 0;
      width: 82px;
      height: 84px;
      right: auto;
      left: -32px
    }
  }
  @media (min-width: 1040px) {

    .shop-list {
      margin-left: -24px;
      margin-bottom: 40px;
      overflow: hidden
    }
    .shop-list li {
      display: inline-block;
      vertical-align: top;
      width: 317px;
      background: #fff;
      margin-left: 24px;
      float: left;
      border: none;
      height: 320px;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
      background-image: url(../images/shoplist_line_yoko.png);
      background-position:  bottom;
      background-repeat: repeat-x;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      padding: 0
    }
    .shop-list li a {
      display: block;
      padding: 0;
      border-radius: 3px;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
    }
    .shop-list li a:hover {
      color: #d3b383;
    }
    .shop-list li .img-area {
      width: 100%;
      height: 180px;
      float: none;
      text-align: center;
      border-radius: 3px 3px 0 0;
      overflow: hidden;
      background-size: 100% auto;
      background-position: center;

    }

    .shop-list li .img-area.no-image {
      line-height: 180px;
      padding: 0;
      color: #000;
      background: #ece6e4 url(../images/ephyllu/ephyllu_pickup.png) center no-repeat;
      opacity: 0.5
    }
    .shop-list li .text-area h5 {
      text-align: center;
      font-size: 129%;
      margin-bottom: 16px
    }
    .shop-list li .text-area {
      background: transparent;
      padding: 16px
    }
    .shop-list li .text-area p {
      font-size: 87%
    }
    .shop-list li:hover {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.75)
    }

  }


/* item-bg */
#item-bg {
  padding: 40px 0;
  background: url(../images/itemarea_sp.png);
  background-size: contain
}
  @media (min-width: 1040px) {
    .shop-selectbox {
      height: 48px;
      line-height: 48px;
      background: #fff;
      padding: 0 24px
    }
    #shoplist {
      position: relative;
      min-height: 1320px
    }
    .map-wrap {
      background: url(../images/map-bg.jpg);
      background-size: cover;
      height: 1320px;
    }
    /* shop-box */
    .shop-box-area {
      position: absolute;
      top: 60px;
      left: 60px;
      right: 60px
    }

    .shop-box {
      position: relative;
      display: block;
      background: #fff;
      padding: 96px 0;
      max-width: 1200px;
      margin: 124px auto 0;
    }
    .shop-box::before {
      content: "";
      background: url(/wp/wp-content/themes/original_theme/images/brand_icon03_sp.png);
      width: 36px;
      height: 36px;
      background-size: 36px 36px;
      display: block;
      position: absolute;
      left: 50%;
      margin-left: 464px;
      top: 30%;
      z-index: 10
    }
    .shop-box::after {
      content: "";
      width: 244px;
      height: 321px;
      background: url(../images/shop_girl.png) center no-repeat;
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: 310px
    }

    /* shop-list-pc */
    .shop-list-pc {
      position: relative;
      display: table;
      width: 960px;
      margin: 0 auto 8px
    }
    .shop-list-pc:nth-child(1)::before {
      content: "";
      background: url(../images/shop_icon_01.png);
      width: 32px;
      height: 34px;
      display: block;
      position: absolute;
      top: 14%;
      left: 26%
    }
    .shop-list-pc dt {
      background: #dee5ea;
      display: table-cell;
      width: 200px;
      text-align: center;
      vertical-align: middle
    }
    .shop-list-pc.cullet dt {
      background-color: #f5f1e3
    }
    .shop-list-pc.ephyllu dt {
      background-color: #e4dcd5
    }
    .shop-list-pc dd {
      position: relative;
      padding: 24px
    }
    .shop-list-pc dt::before {
      position: absolute;
      content: "";
      display: block;
      height: 2px;
      width: 100%;
      width: -webki-calc(100% - 48px);
      width: calc(100% - 248px);
      top: -6px;
      background: #f3f4f6;
      right: 24px;
    }
    .shop-list-pc dd::before {
      position: absolute;
      content: "";
      display: block;
      height: 100%;
      height: -webki-calc(100% - 48px) ;
      height: calc(100% - 48px) ;
      width: 2px;
      right: -4px;
      background: #f3f4f6
    }
    .shop-list-pc dd::after {
      position: absolute;
      content: "";
      display: block;
      height: 2px;
      width: 100%;
      width: -webki-calc(100% - 48px) ;
      width: calc(100% - 48px) ;
      bottom: -4px;
      background: #f3f4f6
    }
    .shop-list-pc dd li {
      float: left;
      display: inline-block;
      margin-right: 40px;
      white-space: nowrap
    }
    .shop-list-pc dd li a::before {
      content: "";
      background: url(../images/common/arrow_mini.png) center no-repeat;
      display: inline-block;
      margin-right: 8px;
      width: 5px;
      height: 9px
    }


    /* map-area */

    .map-caption {
      position: absolute;
      left: 0;
      bottom: -140px;
      font-size: 86%;
      background: #fff;
      display: inline-block;
      padding: 16px 12px;
      width: 120px;
      overflow: hidden;
      letter-spacing: 0.1em;
      -webkit-font-smoothing: auto
    }
    .map-caption dt {
      text-align: center;
      width: 32px;
      float: left;
      clear: left
    }
    .map-caption dd {
      padding: 2px 0px
    }


    #item-bg {
      padding: 110px 0;
      background: url(../images/itemarea.jpg) center;
      background-size: auto
    }
    #home-recruit a {
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
    }
    #home-recruit a:hover {
      opacity: 0.7;
    }
  }


/* =====================================================================================

    archive

===================================================================================== */
#recruitslide {
  position: relative;
  z-index: 1;
  border-top: 1px solid #d9cbb6;
  border-bottom: 1px solid #d9cbb6
}
#bg-recruit {
  background: url(../images/recruit/recruit_mainimage.jpg);
  height: 480px
}

#recruit-company {
  border: 40px solid #fff;
  background: url(../images/common/bg_flower01.jpg) center;
  background-size: cover
}

/* list */
.recruit-list {
  position: relative;
  background: rgba(255, 255, 255, 0.75);
  padding: 15px;
  margin: 0 -16px 16px;
  border: 1px solid #dce1e7;
  border-radius: 3px
}
.recruit-list::before {
  display: block;
  content: "";
  position: absolute;
  width: 30px;
  height: 32px;
  top: 10px;
  left: 11px;
  background: url(../images/shop/star01_sp.png);
  background-size: 30px 32px
}
.recruit-list::after {
  display: block;
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  top: 104px;
  right: 11px;
  background: url(../images/shop/star02_sp.png);
  background-size: 22px 21px
}
.recruit-list li {
  line-height: 1.7;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c5ccd6
}

.recruit-list .eyecatch {
  background: #eee;
  text-align: center;
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 16px;
  background-position: center;
  background-size: cover
}
.recruit-list .no-image {
  display: block;
  padding-top: 23px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #d3b383;
  opacity: 0.8;
  font-size: 86%;
}
.recruit-list h3 {
  padding-right: 56px;
}
.category-list {
  text-align: center;
  margin-bottom: 32px
}
.category-list li {
  display: inline-block;
  vertical-align: top;
  font-size: 93%
}
.category-list li a {
  display: inline-block;
  padding: 0 16px;
  border-radius: 14px;
  background: #c5ccd6;
  border: 1px solid #c5ccd6;
  margin-bottom: 4px
}
.category-list li a:hover,
.category-list .current-cat a {
  background: transparent;
  color: #333
}
.recruit-list-detail {
  font-size: 86%;
  line-height: 1.4
}
.banner-area {
  padding: 56px 0;
  position: relative;
  background: url(../images/common/banner_area_bg.jpg) center repeat;
  background-size: auto 100%
}

.flow-list-wrap {
  display: table;
  width: 100%
}
.flow-list {
  display: table-cell;
  width: 50%;
  text-align: center
}
.flow-list ul {
  position: relative;
  background: #fff;
  margin: 2px;
  border-radius: 3px;
  padding: 40px;
  height: 100%;
  min-height: 1064px
}
.flow-list-staff li:nth-child(1) {
  padding-right: 120px;
  margin-bottom: -16px
}
.ribon-ttl {
  background: url(../images/common/ribon_ttl_bg_white.png) center no-repeat;
  min-height: 60px;
  font-size: 150%;
  font-weight: normal;
  color: #cdb68b;
  letter-spacing: 0.1em
}
.recruit-list li .postInfo a[rel="tag"] {
  display: inline-block;
  right: 8px;
  top: 8px;
  font-size: 80%;
  background: #fefefe;
  color: #c5ccd6;
  position: absolute;
  padding: 6px 10px;
  line-height: 1;
  border-radius: 16px;
  border: 1px solid;
  font-weight: bold;
  z-index: 10
}
.recruit-list li:hover .eyecatch {
  opacity: 0.6;

}
.recruit-list li .postInfo a[rel="tag"]:hover {
  background: #c5ccd6;
  color: #fff
}

  @media (max-width: 768px) {
    .banner-area {
      padding: 32px 0;
      background: url(../images/common/banner_area_bg_sp.jpg) center repeat;
      background-size: cover
    }
    .banner-area li:last-child a {
      margin-bottom: 0
    }
    #bg-recruit {
      height: 240px;
      background-size: auto 240px
    }
    #recruit-company {
      border: 8px solid #fff
    }
    .flow-list-wrap {
      display: block
    }
    .flow-list {
      display: block;
      width: 100%;
      margin: 0
    }
    .ribon-ttl {
      margin-bottom: 16px;
      display: block;
      background-size: auto 60px;
      padding-top: 2px;
      font-size: 123%;
      font-weight: bold;
      min-height: 40px
    }
    .flow-list ul {
      min-height: 0;
      margin: 0 -16px;
      padding: 32px
    }
    .flow-list.flow-list-staff {
      margin-bottom: 32px
    }
    .ceo-img {
      margin-bottom: 24px
    }
    .recruit-list {
      border: none
    }
    .recruit-list li {
      position: relative
    }
    .recruit-list li .postInfo a[rel="tag"] {
      display: none
    }
    .recruit-message-list li {
      margin-bottom: 32px
    }
    .recruit-message-list li:last-child {
      margin-bottom: 0
    }
    .recruit-message-list .img-area {
      margin-bottom: 8px
    }
    .recruit-message-list .catch {
      margin-bottom: 16px
    }
    .recruit-message-list .text-area p br {
      display: none
    }
    #recruit-message-ceo .catch {
      margin-bottom: 16px
    }
    .recruit-list h3 {
      padding-right: 0;
    }
    .news-video.section-pdg {
      padding-bottom: 0;
    }
    .news-video iframe {
      width: 100%;
      height: 180px;
      padding: 10px;
      border: 1px solid #e6ddc8;
      text-align: center;
    }
  }
  @media (min-width: 1040px) {

    #recruitslide #bx-slider {
      width: 1000px !important;
      margin: 0 auto
    }
    .recruit-message-list li {
      margin-bottom: 48px
    }
    .recruit-message-list .img-area {
      display: block;
      float: left;
      margin-right: 48px
    }
    .recruit-message-list li:nth-child(2n) .img-area {
      float: right;
      margin-right: 0;
      margin-left: 48px
    }
    .recruit-message-list .catch {
      color: #000;
      padding-top: 24px
    }
    .recruit-message-list li:nth-child(1) {
      margin-bottom: 24px
    }
    .recruit-message-list li:nth-child(1) .catch {
      padding-top: 72px
    }
    .recruit-message-list li:nth-child(2) .catch {
      padding-top: 48px
    }
    .recruit-list {
      overflow: hidden;
      margin: 0 0 32px
    }
    .recruit-list li {
      position: relative;
      width: 468px;
      height: 104px;
      float: left;
      border: none;
      padding: 16px;
      margin: 8px
    }
    .recruit-list li a {
      display: block;
    }
    .recruit-list li a:hover {
      color: #d3b383
    }




    .ceo-img {
      float: right;
      margin-left: 32px
    }
    .banner-area a {
      margin-bottom: 0
    }

  }


/* =====================================================================================

    page

===================================================================================== */


/* ------------------------------------------------------------
  brand-page
------------------------------------------------------------ */
#brand-concept-wrap .bg-circle {
  background-position: top -140px center
}
#brand-concept .poetry {
  font-size: 108%
}


/* cullet */
.cullet #brand-concept-wrap {
  position: relative;
  background: url(../images/cullet/bg_cullet.jpg) center center fixed;
  background-size: cover
}
.cullet #brand-concept-wrap .mini-column {
  background: #fff url(../images/cullet/cullet_pickup.png) right 40px center no-repeat;
  padding: 104px 120px
}
.cullet #brand-shoplist {
  border-top: 1px solid #fff;
  background: rgba(252, 249, 244,1);
  background: -moz-linear-gradient(top, rgba(252, 249, 244,1) 0%,  rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(252, 249, 244,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(252, 249, 244,1) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(252, 249, 244,1)', endColorstr='rgba(255,255,255,0)',GradientType=0 );
}
.cullet #brand-concept-wrap::before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/cullet/cullet_01.png);
  width: 244px;
  height: 270px;
  left: 50%;
  margin-left: 320px;
  top: 100px
}
.cullet #brand-concept-wrap::after {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/cullet/cullet_03.png);
  width: 185px;
  height: 461px;
  right: 50%;
  margin-right: 350px;
  top: 320px
}
.cullet #brand-concept-wrap .mini-column::before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/cullet/cullet_02.png);
  width: 51px;
  height: 57px;
  top: -104px;
  right: 12%
}


/* sucre-sel */
.sucre-sel #brand-concept-wrap {
  position: relative;
  background: url(../images/sucre-sel/bg_sucre.jpg) center center fixed;
  background-size: cover
}
.sucre-sel #brand-concept-wrap::before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/sucre-sel/sucre_01.png);
  width: 307px;
  height: 329px;
  right: 50%;
  margin-right: 300px;
  top: 400px
}
.sucre-sel #brand-concept-wrap::after {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/sucre-sel/sucre_02.png);
  width: 355px;
  height: 468px;
  left: 50%;
  margin-left: 300px;
  top: 20px;
  opacity: 0.8
}
.sucre-sel #brand-concept-wrap .mini-column {
  background: #fff url(../images/sucre-sel/sucresel_pickup.png) right 16px top 32px no-repeat;
  padding: 104px 160px
}
.sucre-sel #brand-concept-wrap .mini-column::before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/sucre-sel/sucre_03.png);
  width: 160px;
  height: 32px;
  top: -32px;
  right: 28%
}
.bird {
  display: block;
  position: absolute;
  background: url(../images/sucre-sel/bird.png);
  width: 72px;
  height: 83px;
  top: 120px;
  left: 20%
}
.sucre-sel #brand-concept-wrap .mini-column::after {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/sucre-sel/bird.png);
  width: 72px;
  height: 83px;
  top: -132px;
  right: 50px
}
.sucre-sel #brand-concept-wrap .bg-circle::before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(/wp/wp-content/themes/original_theme/images/sucre-sel/sucre_03.png);
  width: 160px;
  height: 32px;
  bottom: 0;
  left: 18%;
  opacity: 0.7
}
.sucre-sel #brand-shoplist {
  border-top: 1px solid #fff;
  background: #f1f2f5; /* Old browsers */
  background: -moz-linear-gradient(top, #f1f2f5 0%,  rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f1f2f5 0%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f1f2f5 0%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f5', endColorstr='rgba(255,255,255,0)',GradientType=0 ); /* IE6-9 */
}
/* ephyllu */
.ephyllu #brand-concept-wrap {
  position: relative;
  background: url(../images/ephyllu/bg_ephyllu.jpg) center center fixed;
  background-size: cover
}
.ephyllu #brand-concept-wrap::before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/ephyllu/ephyllu_01.png);
  width: 170px;
  height: 272px;
  left: 50%;
  margin-left: 320px;
  top: 120px
}
.ephyllu #brand-concept-wrap::after {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/ephyllu/ephyllu_03.png);
  width: 222px;
  height: 279px;
  right: 50%;
  margin-right: 320px;
  top: 400px
}
.ephyllu #brand-concept-wrap .mini-column::before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  background: url(../images/ephyllu/ephyllu_02.png);
  width: 84px;
  height: 129px;
  top: -104px;
  right: 12%
}
.ephyllu .bg-circle {
  background-image: url(../images/ephyllu/bg_circle_ephyllu.png)
}
.ephyllu #brand-concept-wrap .mini-column {
  background: #fff url(../images/ephyllu/ephyllu_pickup.png) right 64px top 32px no-repeat;
  padding: 104px 136px
}
.ephyllu #brand-shoplist {
  border-top: 1px solid #fff;
  background: rgba(221, 216, 210, 0.2);
  background: -moz-linear-gradient(top, rgba(221, 216, 210, 0.2) 0%,  rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(221, 216, 210, 0.2) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(221, 216, 210, 0.2) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(221, 216, 210, 0.2)', endColorstr='rgba(255,255,255,0)',GradientType=0 );
}

/* brand-flower*/
.cullet #flower-star,
.sucre-sel #flower-short,
.ephyllu #flower-white {
  overflow: hidden
}
.cullet #flower-star .snowfall-flakes,
.sucre-sel #flower-short .snowfall-flakes,
.ephyllu #flower-white .snowfall-flakes {
  z-index: 1 !important
}

.cullet .bg-circle,
.sucre-sel .bg-circle,
.ephyllu .bg-circle {
  position: relative;
  z-index: 2
}

  @media (max-width: 768px) {
   .mini-column,
   .ephyllu #brand-concept-wrap .mini-column,
   .sucre-sel #brand-concept-wrap .mini-column,
   .cullet #brand-concept-wrap .mini-column {
      padding: 40px;
      margin: 0 -8px;
   }
  .ephyllu #brand-concept-wrap .mini-column,
  .sucre-sel #brand-concept-wrap .mini-column,
  .cullet #brand-concept-wrap .mini-column {
      padding-top: 216px;
      line-height: 1.7;
      background-size: auto 180px;
   }
   #brand-concept-wrap .mini-column br {
      display: none;
   }
    #brand-concept {
      position: relative;
      z-index: 5
    }

    #brand-concept .poetry {
      line-height: 2;
      margin-bottom: 40px;
      font-size: 100%
    }
    #brand-concept .poetry br {
      display: none
    }
    #brand-concept-wrap::before,
    #brand-concept-wrap::after,
    #brand-concept-wrap .mini-column::before,
    #brand-concept-wrap .mini-column::after,
    .bird,
    .sucre-sel #brand-concept-wrap .bg-circle::before {
      z-index: 4;
      opacity: 0.7;
      background-size: contain !important
    }


   /* cullet */
    .cullet #brand-concept-wrap {
      background-image: url(../images/cullet/bg_cullet_sp.jpg)
    }
   .cullet #brand-concept-wrap::before {
      width: 122px;
      height: 135px;
      top: 40px;
      margin-left: 0;
      left: auto;
      right: -24px
    }
    .cullet #brand-concept-wrap::after {
      width: 92px;
      height: 230px;
      bottom: -8px;
      top: auto;
      margin-right: 0;
      right: auto;
      left: -24px
    }
    .cullet #brand-concept-wrap .mini-column {
      background-position: left 10px top 13px
    }
    .cullet #brand-concept-wrap .mini-column::before {
      width: 25px;
      height: 28px;
      right: -16px;
      top: -38px
    }

    /* sucre-sel */
    .sucre-sel #brand-concept-wrap {
      background-image: url(../images/sucre-sel/bg_sucre_sp.jpg)
    }
    .sucre-sel #brand-concept-wrap::before {
      width: 153px;
      height: 164px;
      right: -48px;
      top: 32px;
      margin: 0
    }
    .sucre-sel #brand-concept-wrap::after {
      margin: 0;
      left: -48px;
      top: auto;
      bottom: 48%;
      width: 177px;
      height: 234px
    }
    .sucre-sel #brand-concept-wrap .mini-column {
      background-position: right 15px top 18px
    }
    .sucre-sel #brand-concept-wrap .mini-column::before {
      width: 80px;
      height: 16px;
      top: -16px;
      right: 20%
    }
    .bird {
      width: 36px;
      height: 41px;
      left: 8px;
      top: 40px
    }
    .sucre-sel #brand-concept-wrap .mini-column::after {
      width: 36px;
      height: 41px;
      right: 8px;
      top: -32px
    }
    .sucre-sel #brand-concept-wrap .bg-circle::before {
      width: 80px;
      height: 16px;
      left: 8%
    }

    /* ephyllu */
    .ephyllu #brand-concept-wrap {
      background-image: url(../images/ephyllu/bg_ephyllu_sp.jpg)
    }
    .ephyllu #brand-concept-wrap::before {
      width: 85px;
      height: 136px;
      margin: 0;
      bottom: 40%;
      left: -24px;
      top: auto
    }
    .ephyllu #brand-concept-wrap::after {
      width: 111px;
      height: 139px;
      margin: 0;
      right: -24px;
      top: 48px
    }
    .ephyllu #brand-concept-wrap .mini-column {
      background-position: left 32px top 24px
    }
    .ephyllu #brand-concept-wrap .mini-column::before {
      width: 42px;
      height: 64px;
      right: 10px;
      top: -48px
    }
  }

/* ------------------------------------------------------------
  recruit-page
------------------------------------------------------------ */
/* type-of-fuman */
#type-of-fuman .wysiwyg::before {
  background: url(../images/mv_tree.png);
  width: 286px;
  height: 333px;
  position: absolute;
  content: "";
  display: inline-block;
  right: -20px;
  bottom: 0px;
  z-index: 10
}


/* interview */
.interview-mokuji {
  margin: auto;
  letter-spacing: 0;
  text-align: center;
  z-index: 10;
  width: 920px;
  text-align: center
}
.interview-mokuji li {
  width: 88px;
  display: inline-block;
  margin: 16px
}
.interview-mokuji li a {
  color: #c5ccd6
}
.interview-mokuji li img {
  border: 1px solid
}
.interview-mokuji li small {
  display: inline-block;
  line-height: 1.2
}

#cboxWrapper .content_wrap {
  position: relative;
  width: 677px;
  background: #fff;
  list-style: none;
  padding: 0
}

#cboxWrapper .content_wrap .img-area {
  width: 100%;
  height: 360px;
  border-radius: 3px 3px 0 0
}
#cboxWrapper .content_wrap .text-area {
  padding: 32px 40px 0
}
#cboxWrapper .content_wrap .profile {
  position: relative;
  padding-bottom: 28px;
  margin-bottom: 28px;
  text-align: center;
  font-size: 85%;
  line-height: 1.8;
  letter-spacing: 0.03em
}
#cboxWrapper .content_wrap .profile::after {
  position: absolute;
  content: "";
  background: url(../images/common/interview_icon.png);
  background-size: contain;
  width: 45px;
  height: 9px;
  bottom: -3px;
  left: 50%;
  margin-left: -23px
}
#cboxWrapper .content_wrap .name {
  font-size: 168%;
  font-weight: normal;
  margin-bottom: 8px
}

.interview-list dt {
  background: #e9dccc;
  padding: 5px 8px;
  border-radius: 3px;
  line-height: 1;
  margin-bottom: 8px
}
.interview-list dt::before {
  content: "Q.";
  font-family: quicksand;
  font-weight: bold;
  margin-right: 2px
}
.interview-list dd {
  margin-bottom: 24px;
  padding: 0 2px;
  line-height: 1.8;
  letter-spacing: 0.03em;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph
}
.ohno,
.fujino {
  margin-bottom: 192px
}

/* #to-students */
#to-students {
  position: relative
}
.voice {
  position: relative;
  height: 800px
}
.voice li {
  position: absolute;
  display: block;
  max-width: 362px;
  line-height: 1.6;
  background: center no-repeat
}
.voice li:nth-child(1) {
  background-image: url(../images/new-grad/voice01.png);
  top: 0;
  left: -24px;
  width: 272px;
  height: 269px;
  padding: 88px 30px 60px;
  text-align: center
}
.voice li:nth-child(2) {
  background-image: url(../images/new-grad/voice02.png);
  top: 30px;
  left: 274px;
  width: 219px;
  height: 135px;
  font-size: 116%;
  padding: 28px 20px;
  text-align: center
}
.voice li:nth-child(3) {
  background-image: url(../images/new-grad/voice03.png);
  top: 50px;
  right: 0;
  width: 362px;
  height: 203px;
  padding: 40px
}
.voice li:nth-child(4) {
  background-image: url(../images/new-grad/voice04.png);
  top: 280px;
  left: 67px;
  width: 237px;
  height: 238px;
  font-size: 116%;
  padding: 60px 40px;
  text-align: center
}
.voice li:nth-child(5) {
  background-image: url(../images/new-grad/voice05.png);
  top: 165px;
  left: 390px;
  width: 223px;
  height: 223px;
  text-align: center;
  padding: 48px 30px
}
.voice li:nth-child(6) {
  background-image: url(../images/new-grad/voice06.png);
  top: 284px;
  right: 120px;
  width: 212px;
  height: 208px;
  text-align: center;
  padding: 56px 36px;
  font-size: 108%
}
.voice li:nth-child(7) {
  background-image: url(../images/new-grad/voice07.png);
  top: 440px;
  right: -20px;
  width: 151px;
  height: 151px;
  padding: 40px 20px;
  font-size: 120%;
  text-align: center
}
.voice li:nth-child(8) {
  background-image: url(../images/new-grad/voice08.png);
  top: 420px;
  left: 325px;
  width: 340px;
  height: 190px;
  padding: 40px;
  font-size: 93%
}
.voice li:nth-child(9) {
  background-image: url(../images/new-grad/voice09.png);
  top: 548px;
  left: -10px;
  width: 299px;
  height: 183px;
  font-size: 116%;
  padding: 24px
}
.voice li:nth-child(10) {
  background-image: url(../images/new-grad/voice11.png);
  top: 610px;
  right: 10px;
  width: 299px;
  height: 183px;
  padding: 24px 30px;
  font-size: 93%
}

/* faq */
#recruit-faq {
  background: #e9dccc;
  background: linear-gradient(-130deg, rgba(211, 187, 161, 0.75), #ded6cd)
}

.faq-list dt {
  position: relative;
  line-height: 1.4;
  margin-top: 8px;
  background: #fff;
  font-weight: normal;
  padding: 12px 40px 12px 16px;
  border-radius: 3px
}
.faq-list dt::before {
  content: "";
  display: block;
  position: absolute;
  background: #fff url(../images/common/selectbox.png) no-repeat;
  background-size: 13px 7px;
  width: 13px;
  height: 7px;
  right: 16px;
  top: 50%;
  margin-top: -4px
}
.faq-list dt.open {
  border-radius: 3px 3px 0 0;
  color: #d3b383;
  font-weight: bold;
  margin-bottom: 0
}
.faq-list dt.open::before {
  background: #fff url(../images/common/selectbox_up.png) no-repeat;
  background-size: 13px 7px
}
.faq-list dd {
  font-size: 92%;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  letter-spacing: 0.03em;
  background: #fff;
  border-radius: 0 0 3px 3px;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  display: none;
  opacity: 0
}
.faq-list .active{
  opacity: 1
}
.faq-list-span{
  padding: 0 16px 12px;
  display: block
}
.bg-imgarea {
  height: 200px;
  background-size: cover
}

.youkou {
  padding: 60px 120px;
  background: #f1f2f5
}
.youkou dd {
  background: none;
  border-bottom: 1px solid #fff
}

  @media (max-width: 768px) {
    #recruit-concept .catch {
      margin-bottom: 16px
    }
    #recruit-concept .wysiwyg {
      margin-bottom: 48px
    }
    #type-of-fuman p.tCtr {
      text-align: left
    }
    #type-of-fuman p.tCtr br {
      display: none
    }
    #type-of-fuman .wysiwyg::before {
      display: none
    }

    #recruit-concept #type-of-fuman .wysiwyg {
      margin-bottom: 0
    }
    .interview-mokuji {
      width: 100%
    }
    .interview-mokuji li {
      min-height: 128px;
      vertical-align: top;
      margin: 0 3px
    }
    .interview-mokuji li img {
      border-radius: 44px
    }
    .interview-mokuji li small {
      max-width: 100px
    }
    #cboxWrapper .content_wrap {
      width: 100%
    }
    #cboxWrapper .content_wrap .text-area {
      padding: 24px 16px 0
    }
    #cboxWrapper .content_wrap .img-area {
      height: 180px;
      background-size: cover
    }
    #cboxWrapper .content_wrap .profile {
      margin-bottom: 20px;
      padding-bottom: 20px
    }
    .voice {
      height: auto
    }
    .voice li {
      position: relative;
      background-size: contain
    }
    .voice li:nth-child(1) {
      left: 0;
      width: 240px;
      height: 240px;
      padding: 66px 32px 60px 24px
    }
    .voice li:nth-child(2) {
      left: auto;
      margin-left: 30%;
      margin-left: -webki-calc(100% - 200px);
      margin-left: calc(100% - 200px);
      width: 200px;
      height: 125px;
      top: 0;
      margin-top: 14px
    }
    .voice li:nth-child(3) {
      width: 300px;
      top: 0;
      padding: 35px 32px;
      height: 170px
    }
    .voice li:nth-child(4) {
      top: 0;
      left: 0;
      width: 160px;
      height: 166px;
      font-size: 100%;
      padding: 40px 24px;
      margin-top: 8px;
      margin-left: 30%;
      margin-left: -webki-calc(100% - 160px);
      margin-left: calc(100% - 160px)
    }
    .voice li:nth-child(5) {
      top: 0;
      left: -8px;
      margin-top: -56px;
      width: 180px;
      height: 180px;
      padding: 40px 24px
    }
    .voice li:nth-child(6) {
      top: 0;
      right: 0;
      width: 180px;
      height: 180px;
      padding: 42px 24px;
      margin-top: -40px;
      margin-left: 30%;
      margin-left: -webki-calc(100% - 188px);
      margin-left: calc(100% - 188px)
    }
    .voice li:nth-child(7) {
      top: 0;
      right: 0;
      margin-top: -56px;
      width: 128px;
      height: 128px;
      padding: 28px 20px
    }
    .voice li:nth-child(8) {
      top: 0;
      left: 0;
      width: 280px;
      height: 160px;
      padding: 32px 28px;
      margin-top: 16px;
      margin-left: 5%;
      margin-left: -webki-calc(100% - 280px);
      margin-left: calc(100% - 280px)
    }
    .voice li:nth-child(9) {
      top: 0;
      width: 220px;
      font-size: 100%;
      height: 137px;
      padding: 16px;
      left: 0;
      margin-top: 16px
    }
    .voice li:nth-child(10) {
      top: 0;
      left: 0;
      width: 240px;
      height: 130px;
      padding: 24px;
      margin-left: 5%;
      margin-left: -webki-calc(100% - 240px);
      margin-left: calc(100% - 240px)
    }
    .voice li:nth-child(11) {
      top: 0;
      width: 256px;
      height: 166px;
      padding: 24px
    }


}
  @media (min-width: 1040px) {
    #recruit-interview {
      position: relative;
      overflow: hidden;
      background: #fff
    }
    .interview-mokuji {
      margin-bottom: 0
    }
    .interview-mokuji li {
      margin-bottom: 16px;
      width: 176px;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out
    }
    .interview-mokuji li a:hover {
      color: #d3b383;
      opacity: 0.7
    }
    .interview-mokuji li img {
      width: 176px;
      height: 176px;
      border-radius: 88px
    }


    .interview-list dt {
      padding: 8px
    }
    .interview-list dd {
      padding-bottom: 32px;
      margin-bottom: 0
    }
    .bg-imgarea {
      height: 400px;
      background-position: center;
      background-attachment: fixed
    }
    #recruit-faq .inner {
      width: 720px
    }
    #recruit-faq .second-ttl {
      text-align: center
    }
    .faq-list dt {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out
    }
    .faq-list dt:hover {
      color: #d3b383
    }
  }

/* ------------------------------------------------------------
  company
------------------------------------------------------------ */

#company-message-img {
  height: 200px;
  background: center;
  background-size: cover
}
  @media (max-width: 768px) {
    #company-message {
      margin-bottom: 32px
    }
  }
/* ------------------------------------------------------------
  contact
------------------------------------------------------------ */
.tel-area strong {
  display: block;
  text-align: center;
  padding-right: 13px;
  margin-bottom: 4px
}
.tel-area small {
  color: #a79778
}
/* contact */
#recruit-form {
  background: rgba(197, 204, 214, 0.5);
  background: -moz-linear-gradient(top, rgba(197, 204, 214, 0.5) 0%,  rgba(197, 204, 214, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(197, 204, 214, 0.5) 0%, rgba(197, 204, 214, 1) 100%);
  background: linear-gradient(to bottom, rgba(197, 204, 214, 0.5) 0%, rgba(197, 204, 214, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(197, 204, 214, 0.5)', endColorstr='rgba(197, 204, 214, 1)',GradientType=0 );
  border-top: 1px solid #d3b383
}
#formyForm table {
  width:100%
}
#formyForm th,
#formyForm td {
  padding: 16px 0;
  vertical-align: middle;
  border-bottom: solid 1px rgba(197, 204, 214, 1)
}
#formyForm th {
  font-weight:normal;
  white-space: nowrap;
  text-align:left;
  width:34%
}
#formyForm table input[type="text"],
#formyForm table input[type="password"],
#formyForm table textarea {
  width:100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align:bottom
}
#formyForm table input[type="text"],
#formyForm table input[type="password"],
#formyForm select,
#formyForm textarea {
  margin: 0;
  padding: 5px 15px;
  border: none;
  font: inherit;
  background: #e9dccc;
  font-size:100%
}
#formyForm select {
  height: 40px;
  line-height: 40px
}
#formyForm ul {
  list-style: none;
  margin: 0;
  padding: 0
}
#formyForm input:hover { opacity:0.7; }
#formyForm textarea:hover { opacity:0.7; }
#formyForm input:focus {  background-color: #fff;}
#formyForm .parsley-validated {  background-color: #eee;}
#formyForm .parsley-error {  background-color: #fee;}
#formyForm .parsley-success {  background-color: #fff;}
.help_text {
  font-size: 85%;
  color: #666
}
.hidden_help {  display: none;}
.formy_privacy div {
  overflow-y: scroll;
  height: 140px;
  border: solid 1px #ccc;
  font-size: 85%;
  padding: 10px;
  background: #fff
}
.requiredIcon {
  background: #f55;
  color: #fff;
  margin: 2px 0 0 1em;
  font-size: 70%;
  padding: 4px 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: right;
  line-height: 1
}
#formy_btn {
  text-align:center
}
#formy_btn input {
  border: none;
  cursor: pointer;
  text-indent: -9999px
}
.formy_confirm {
  width: 324px;
  height: 59px;
  background: url(//entry-form.net/css/form-default/form_btn_confirm.png) no-repeat
}
.formy_submit_disabled {
  width: 324px;
  height: 59px;
  background: url(//entry-form.net/css/form-default/form_btn_unfinished.png) no-repeat
}
#formy_btn .formy_submit_disabled:hover {
  opacity:1;
  cursor: default
}
.autoConfirmBack {
  width: 134px;
  height: 59px;
  background: url(//entry-form.net/css/form-default/form_btn_edit.png) no-repeat
}
.formy_send {
  width: 324px;
  height: 59px;
  background: url(//entry-form.net/css/form-default/form_btn_send.png) no-repeat
}
#total_required {
  background: rgba(240,50,50,0.8);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 8px;
  color: #fff;
  position: relative;
  display: none;
  text-align: center;
  margin-top: 16px
}

@media (max-width: 768px) {
  #formyForm {
    position: relative;
    width: auto;
    margin: 0 -8px;
    background: #fff;
    padding: 32px;
    border-radius: 3px;
  }
  #formyForm th,
  #formyForm td {
    display: block;
    width: auto;
    padding: 0 0 10px;
  }
  #formyForm th {
    border-bottom:none;
    padding-bottom: 0;
    white-space: normal;
    font-weight: bold;
    padding: 10px 0 0;
  }

  #formy_btn {
    position: relative;
  }
  #formy_btn input {
    width: 100%;
    background-size: contain;
    background-position: center;
  }
  #formy_btn input.autoConfirmBack {
    position: absolute;
    top: 95px;
  }
}

  @media (min-width: 1040px) {
    #formyForm {
      padding: 80px 120px;
      background: #fff;
      position: relative;
      border-radius: 5px
    }
    #formyForm table {
      margin-bottom: 24px
    }
    #total_required {
      position: fixed;
      top: 35px;
      right: 137px;
      padding: 8px 32px
    }
    .requiredIcon {
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 20px;
      padding: 0;
      margin-right: 24px
    }
  }

/* =====================================================================================

    single

===================================================================================== */
/* shop
================================= */

.shop-ttl {
  background: url(../images/shop/shop_ttl_sp.png) center no-repeat;
  background-size: contain;
  height: 157px;
  padding: 46px 0 44px;
  margin: -48px 0 16px
}
.cullet-logo {
  margin: 5px 0 2px
}
.ephyllu-logo {
  margin: 1px 0 0
}
.acf-map-wrap {
  padding: 5px;
  border: 1px solid #eee
}
.acf-map {
  width: 100%;
  height: 180px;
  display: block
}
.shinsotsu-bnr a {
  position: relative;
  display: block;
  width: 100%;
  height: 160px;
  background: #f9f8f5 url(../images/shop/shinsotsu_bnr_bg.jpg);
  background-size: cover;
  margin: 16px auto;
  padding: 44px 56px;
  font-size: 134%;
  border: 1px solid #dce1e7;
  overflow: hidden;
  border-radius: 3px
}
.shop-slide li {
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  position: relative
}
.shop-slide .shop-slide-inner {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.shop-slide .shop-slide-inner img {
  display: table-cell;
  vertical-align: middle;
  margin: auto
}
#shop-info .style-dl dd {
  word-break: break-all;
}

  @media (max-width: 768px) {
    .shop-slide li {
      border-top: 1px solid #d3b383;
      border-bottom: 1px solid #d3b383
    }
    .shop-slide .shop-slide-inner {
      padding: 4px;
    }
    .shop-slide .shop-slide-inner img {
      max-height: 224px !important
    }
    .shinsotsu-bnr a {
      padding: 120px 16px 16px;
      height: 200px;
      font-size: 116%;
      line-height: 1.4;
      background: #f9f8f5 url(../images/shop/shinsotsu_bnr_bg_sp.jpg);
      background-size: cover;
      margin: 0 0 24px
    }
    .shinsotsu-bnr a small {
      font-size: 60%
    }
    .acf-map-wrap {
      background: #fff
    }
    #shop-info {
      padding-top: 88px
    }
    #shop-info .style-dl dd {
      background: transparent;
      border-bottom: 1px solid #fff
    }
  }
  @media (max-width: 320px) {
    .shop-slide .shop-slide-inner img {
      max-height: 198px !important
    }
  }
  @media (min-width: 1040px) {
    #shop-info {
      padding-top: 48px;
      background: #dce1e7;
      background: -moz-linear-gradient(top, #dce1e7 0%,  rgba(255,255,255,0) 100%);
      background: -webkit-linear-gradient(top, #dce1e7 0%, rgba(255,255,255,0) 100%);
      background: linear-gradient(to bottom, #dce1e7 0%, rgba(255,255,255,0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce1e7', endColorstr='rgba(255,255,255,0)',GradientType=0 );
    }
    #shop-info .inner {
      width: 904px
    }
    #shop-info::before {
      content: "";
      z-index: 3;
      display: block;
      position: absolute;
      background: url(../images/cullet/cullet_01.png);
      width: 244px;
      height: 270px;
      left: 50%;
      margin-left: 320px;
      top: 100px
    }
    #shop-info::after {
      content: "";
      z-index: 3;
      display: block;
      position: absolute;
      width: 98px;
      height: 179px;
      background: url(../images/shop/shop_icon01.png);
      top: 680px;
      right: 50%;
      margin-right: 420px
    }
    .shop-ttl {
      margin-top: 0;
      margin-bottom: 32px;
      padding-top: 50px
    }
    #shop-info .img-area {
      overflow: hidden;
      border-radius: 3px;
      padding: 32px;
      background: #fff;
      text-align: center
    }
    #shop-info .style-dl {
      position: relative;
      width: 560px;
      float: left;
      background: #fff;
      padding: 56px 40px;
      min-height: 408px;
      border-radius: 3px;
      margin-bottom: 0;
      border: 1px solid #eee
    }
    #shop-info .style-dl dt {
      width: 120px
    }
    #shop-info .style-dl dd {
      padding-left: 120px
    }
    #shop-info .style-dl::before,
    #shop-info .style-dl::after {
      content: "";
      display: inline-block;
      position: absolute;
      background: url(../images/shoplist_line_yoko.png) repeat;
      height: 4px;
      left: 16px;
      right: 16px
    }
    #shop-info .style-dl::before {
      top: 24px
    }
    #shop-info .style-dl::after {
      bottom: 24px
    }
    .acf-map-wrap {
      float: right;
      width: 320px;
      min-height: 410px;
      height: 410px;
      background: #fff
    }
    .acf-map-wrap iframe {
      height: 396px;
    }
    .acf-map {
      height: 396px
    }

    .shinsotsu-bnr a:hover {
      opacity: 0.7;
      color: #000
    }


    .shinsotsu-bnr a small {
      font-size: 65%;
      display: block
    }
  }
/* recruit
================================= */
.recruit-detail {
  margin: 0;
  padding: 80px
}

  @media (max-width: 768px) {
    .recruit-detail {
      padding: 32px;
      margin: 0 -16px
    }
  }

/* other
================================= */
/* 2 column */
.main-column {
  margin-bottom: 32px
}
/* side */
.side-ttl {
  font-size: 116%;
  font-weight: normal;
  border-left: 8px solid #c5ccd6;
  line-height: 1;
  margin-bottom: 16px;
  padding-left: 8px
}
.side-ttl small {
  display: block;
  margin: 0;
  font-size: 75%;
  margin-top: 8px
}

.post-ttl {
  font-size: 123%;
  font-weight: normal;
  margin-bottom: 32px;
  line-height: 1.6;
  letter-spacing: 0.15em;
  -webkit-font-smoothing: antialiased
}

  @media (max-width: 768px) {
    .side-section {
      margin-bottom: 24px
    }
    .side-section li {
      display: inline-block
    }
    .side-section li a {
      background: #fff;
      display: inline-block;
      line-height: 1;
      padding: 8px 16px;
      margin: 0 0 5px;
      border-radius: 3px;
      text-overflow: ellipsis;
      white-space: nowrap
    }
  }
  @media (min-width: 1040px) {
    .main-column {
      float: left;
      width: 720px;
      margin: 0
    }
    .side-column {
      float: right;
      width: 240px
    }
    .side-section {
      margin-bottom: 40px
    }
    .side-section a {
      display: block;
      background: #fff;
      margin-bottom: 4px;
      line-height: 1;
      font-size: 93%;
      padding: 12px 16px;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }
    .side-section a:hover {
      background: #c5ccd6;
      color: #fff
    }
    .post {
      position: relative;
      background: #fff;
      border-radius: 3px;
      padding: 40px;
      margin-bottom: 24px
    }
    .post::before {
      content: "";
      display: block;
      position: absolute;
      background: url(../images/shoplist_line_yoko.png) repeat;
      height: 4px;
      top: 40px;
      left: 40px;
      right: 40px
    }
    .post-ttl {
      font-size: 140%;
      text-align: center;
      padding-top: 32px
    }
    .post img {
      max-width: 100%;
      height: auto
    }
  }

/* Wysiwyg editor
================================= */
.wysiwyg {
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph
}
.wysiwyg ul,
.wysiwyg ol {
  margin: 1em 0
}
.wysiwyg ul li,
.wysiwyg ol li {
  position: relative;
  margin: 0;
  border-bottom: none;
  padding: 0;
  margin-left: 2em;
  padding-top: 8px;
  line-height: 1.65
}
.wysiwyg ul li {
  margin: 0;
  padding-left: 24px
}
.wysiwyg ul li:before {
  content: "";
  background: url(../images/common/second_ttl_icon.png);
  position: absolute;
  left: 0;
  width: 17px;
  height: 17px;
  background-size: 17px;
  display: inline-block;
  top: 14px
}
.wysiwyg ol li {
  list-style-type: decimal
}
.wysiwyg img {
  margin: 20px 0;
  max-width: 100%;
  height: auto
}
.wysiwyg hr {
  border-top: 3px double #ccc;
  background: transparent
}
.wysiwyg .alignleft {
  float: left;
  clear: left;
  margin: 0 30px 30px 0
}
.wysiwyg .alignright {
  float: right;
  clear: right;
  margin: 0 0 30px 30px
}
.wysiwyg .aligncenter {
  display: block;
  margin: 30px auto
}
.wysiwyg table {
  border: 2px solid #ccc;
  max-width: 100%;
  margin: 20px 0;
  line-height: 1.6
}
.wysiwyg a,
.text-link {
  text-decoration: underline;
  color: #d00a23;
  word-break: break-all
}
.wysiwyg table th,
.wysiwyg table td {
  padding: 8px 16px;
  border: 1px solid #ccc;
  font-size: 93%;
  vertical-align: middle
}
.wysiwyg table th {
  white-space: nowrap
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5 {
  font-weight: normal;
  border-left: 5px solid;
  padding-left: 10px;
  line-height: 1;
  margin-bottom: 20px
}
.wysiwyg h1 {  font-size: 172%;}
.wysiwyg h2 {  font-size: 158%;}
.wysiwyg h3 {  font-size: 143%;}
.wysiwyg h4 {  font-size: 129%;}
.wysiwyg h5 {  font-size: 115%;}

.wysiwyg p {
  margin-bottom: 1em;
  letter-spacing: 0.1em
}
.wysiwyg blockquote{
  margin: 1em 0;
  padding: 15px 40px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  font-style: oblique;
  color: #666
}
.wysiwyg blockquote p {margin-bottom: 0;}
.wysiwyg blockquote:before,
.wysiwyg blockquote:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 100%;
  position: absolute;
  width: 1em;
  height: 1em
}
.wysiwyg blockquote:before {
  content: "\f10d";
  top: 13px;
  left: 10px
}
.wysiwyg blockquote:after {
  content: "\f10e";
  bottom: 13px;
  right: 10px
}

@media (max-width: 768px) {
  .wysiwyg {
    font-size: 100%;
  }
  .wysiwyg .alignright,
  .wysiwyg .alignleft  {
    float: none;
    margin: 20px auto;
    display: block;
  }
  .wysiwyg blockquote {
    padding: 15px;
  }
  .wysiwyg blockquote:before {
    top: 0;
    left: 0;
  }
  .wysiwyg blockquote:after {
    bottom: 0;
    right: 0;
  }
  .wysiwyg ul li,
  .wysiwyg ol li {
    margin-left: 1em;
  }
  .wysiwyg ul li {
    padding-left: 8px;
  }
  .wysiwyg ul li:before {
    top: 10px;
    left: -14px;
    padding-top: 6px;
    font-size: 12px;
  }
  div.box-graybg,
  div.box-line {
    padding: 25px;
  }
}


/* pagenav
================================= */
.wp-pagenavi,
#pageNav {
  text-align: center;
  margin-bottom: 80px
}
.wp-pagenavi .pages {
  display: none
}
#pageNav li {
  display: inline-block;
  vertical-align: top;
  color: #eee
}
.wp-pagenavi a,
.wp-pagenavi .current,
#pageNav a {
  position: relative;
  display: inline-block;
  line-height: 1.2;
  border: 1px solid #c5ccd6;
  padding: 16px 32px;
  margin: 4px
}
.wp-pagenavi a:hover,
#pageNav a:hover {
  background: #c5ccd6;
  color: #fff
}
.wp-pagenavi .extend {
  color: #c5ccd6;
  margin: 0 8px
}
.wp-pagenavi .current {
  background: transparent
}
/*.recruit-nav {
  position: relative;
  padding-right: 90px;
  margin: 32px 0 -16px
}.recruit-nav::before {
  content: "";
  background: url(../images/shop/shop_girl.png);
  background-size: 142px 166px;
  width: 142px;
  height: 166px;
  display: block;
  position: absolute;
  bottom: -52px;
  right: -24px;
  z-index: 10
}
.recruit-nav a::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/shop/arrow_wh_sp.png);
  background-size: 8px 6px;
  width: 8px;
  height: 6px;
  top: 20px
}*/
.recruit-page #pageNav {
  padding: 0 8%
}
  @media (max-width: 768px) {
    #mainContent .container-mini .wp-pagenavi a {
      display: block;
      margin: 2px;
      line-height: 1.2;
      padding: 8px 15px
    }
    #pageNav li {
      display: block
    }
    #pageNav a {
      display: block;
      margin: 4px 0
    }
  }

  @media (min-width: 1040px) {
    .recruit-nav::before {
      display: none
    }
    .recruit-nav {
      padding: 0
    }
    #pageNav a {
      background: #c5ccd6;
      padding: 16px 48px
    }
    .recruit-nav a::before {
      top: 23px;
      left: 24px
    }
  }