#section-2 {
    max-width:1200px;
    margin:0 auto;
}

#section-15 .c-inner--one-elem, 
#section-16 .c-inner--one-elem,
#section-17 .c-inner--one-elem,
#section-18 .c-inner--one-elem,
#section-19 .c-inner--one-elem,
#section-20 .c-inner--one-elem,
#section-21 .c-inner--one-elem,
#section-22 .c-inner--one-elem,
#section-23 .c-inner--one-elem,
#section-36 .c-inner--one-elem,
#section-15 .c-inner, 
#section-16 .c-inner, 
#section-17 .c-inner, 
#section-18 .c-inner, 
#section-19 .c-inner, 
#section-20 .c-inner, 
#section-21 .c-inner, 
#section-22 .c-inner, 
#section-23 .c-inner,
#section-36 .c-inner,
#section-15 .c-wrapper, 
#section-16 .c-wrapper, 
#section-17 .c-wrapper, 
#section-18 .c-wrapper, 
#section-19 .c-wrapper, 
#section-20 .c-wrapper, 
#section-21 .c-wrapper, 
#section-22 .c-wrapper, 
#section-23 .c-wrapper,
#section-36 .c-wrapper {
    padding:0 !important;
}

.p-footer__inner {
    padding-top:0 !important;
    padding-bottom:20px;
}

.p-footer__inner .pera1-editable span > span {
    display: inline-block;
    vertical-align:middle;
}




/***************************[START]共通移植用CSS************************/


.mb20 {
  margin-bottom: 20px;
}

/*PCヘッダー*/
    
/*-------------------
 global_header
-------------------*/

header.global_header {
    font-family: "游ゴシック体", "Yu Gothic", sans-serif !important;
     -webkit-font-smoothing: antialiased !important;
    font-weight: 400;
}

header.global_header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  border-bottom: 1px solid #D9CEA0;
  z-index: 10;
}

header.global_header .global_header-logoArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}

header.global_header .global_header-logoArea .global_header-member {
  width: 38%
}

header.global_header .global_header-logoArea .global_header-member h5 {
  color: #707070;
  line-height: 1;
  font-size: 1rem;
  margin-top: 30px;
}

header.global_header .global_header-logoArea .global_header-member .point {
  color: #B79027;
  font-size: .9rem;
  font-weight: 700;
}

header.global_header .global_header-logoArea .global_header-logo {
  width: 20%;
  text-align: center;
}

header.global_header .global_header-logoArea .global_header-logo h1.logo {
  width: 100px;
  height: 77px;
  margin: 20px auto;
  background: url(https://u-treasure.jp/front/img/logo.svg) no-repeat top center;
  background-size: cover;
  text-indent: -9999px;
}

header.global_header .global_header-logoArea .global_header-logo h1.logo a {
  display: block;
  width: 100px;
  height: 57px;
}

header.global_header .global_header-logoArea .global_header-icon {
  width: 38%
}

header.global_header .global_header-logoArea .global_header-icon ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  list-style: none;
  margin: 40px 0 0;
}

header.global_header .global_header-logoArea .global_header-icon.icon-left ul {
  flex-direction: row;
}

header.global_header .global_header-logoArea .global_header-icon ul li {
  width: auto30px;
  height: 30px;
  margin: 0 10px;
  text-indent: -9999px;
}

header.global_header .global_header-logoArea .global_header-icon ul li a {
  display: block;
  width: 30px;
  height: 30px;
}

header.global_header .global_header-logoArea .global_header-icon ul li.icon-search {
  background: url(https://u-treasure.jp/front/img/icon-search.svg) no-repeat;
  background-size: contain;
}

header.global_header .global_header-logoArea .global_header-icon ul li.icon-mypage {
  background: url(https://u-treasure.jp/front/img/icon-people.svg) no-repeat;
  background-size: contain;
}

header.global_header .global_header-logoArea .global_header-icon ul li.icon-bookmark {
  background: url(https://u-treasure.jp/front/img/icon-heart.svg) no-repeat;
  background-size: contain;
}

header.global_header .global_header-logoArea .global_header-icon ul li.icon-cart {
  position: relative;
  background: url(https://u-treasure.jp/front/img/icon-cart.svg) no-repeat;
  background-size: contain;
}

header.global_header .global_header-logoArea .global_header-icon ul li.icon-cart span {
  display: block;
  position: absolute;
  top: -10px;
  right: -5px;
  width: 20px;
  height: 20px;
  background: #B79027;
  color: #FFF;
  font-weight: 700;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  border-radius: 50%;
  text-indent: 0;
}

header.global_header .global_header-logoArea .global_header-icon ul li.icon-nav {
  text-indent: 0;
}

header.global_header .global_nav {
  border-top: 1px solid #D9CEA0;
}

header.global_header .global_nav ul {
  display: flex;
  list-style: none;
  justify-content: center;
  margin: 20px 0;
}

header.global_header .global_nav ul li {
  font-size: 1.79rem;
  font-weight: 700;
  margin: 0 25px;
}

header.global_header .global_nav ul li a {
  color: #707070;
}

header.global_header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

@media(max-width:39em) {
  header h1.logo {
    width: 250px;
  }

  header .en {
    margin: 10px 65px 0 0;
  }
}



/*SPヘッダー*/

@media(max-width:64em) {

  /*===================
   common
  ===================*/
  body main,  body footer{
    overflow-x: hidden;
  }

  .section_inner_s {
    margin: 0 10px;
  }

  .textLicence{
    font-size:.8rem;
  }

  .lead{
    font-size: 1.1rem;
  }

  /*===================
   global_header
  ===================*/
    


  body.drawer-open header.global_header {
    position: fixed;
  }

  header.global_header .global_header-logoArea {
    padding: 0 5px;
  }

  header.global_header .global_header-logoArea .global_header-logo h1.logo {
    width: 50px;
    height: 39px;
    margin: 10px auto;
  }

  header.global_header .global_header-logoArea .global_header-logo h1.logo a {
    display: block;
    width: 50px;
    height: 39px;
  }

  header.global_header .global_header-logoArea .global_header-icon ul {
    margin: 20px 0 0 0;
  }

  header.global_header .global_header-logoArea .global_header-icon ul li {
    width: 20px;
    height: 20px;
  }

  header.global_header .global_header-logoArea .global_header-icon ul li a {
    width: 20px;
    height: 20px;
  }

  header.global_header .drawer-hamburger {
    position: relative;
    padding: 0;
    display: block;
  }

  header.global_header .drawer-nav {
    top: auto;
    left: -320px;
    width: 320px;
    padding: 15px;
    background: #707070;
    color: #FFF;
    font-size:1.28rem;
  }

  header.global_header .drawer-nav {
    padding-bottom:70px;
  }

  header.global_header .drawer-nav ul li a {
    color: #FFF;
    padding: 5px 0;
    display: block;
    background: url(https://u-treasure.jp/front/img/arrow_w.svg) no-repeat center right;
    font-size: 1.44rem;
  }

  body.drawer--left.drawer-open .drawer-hamburger {
    left: 0;
  }
    
 ul li.icon-nav {
  margin:0;
  padding:0;
}
    
.drawer-hamburger-icon {
    width: 160% !important;
}

    .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100% !important;
}
    
}/*@media(max-width:64em)*/

/*PC・SPヘッダー表示切り替え*/

@media screen and (max-width:39.99875em){
    header.global_header.hide-for-small-only {display:none!important;}
    header.global_header.show-for-small-only {display:block!important;}
}/*@media screen and (max-width: 39.99875em)*/
    
@media screen and (min-width: 40em){
   header.global_header.hide-for-small-only {display:block!important;}
   header.global_header.show-for-small-only {display:none!important;}
}/*@media screen and (max-width: 0em), screen and (min-width: 40em)*/




/*-------------------
 footer
-------------------*/

.s_footer-peraichi {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif !important;
     -webkit-font-smoothing: antialiased !important;
    font-weight:100;
}

#footerArea{
  width: 100%;
  text-align: center;
}

footer.page_footer {
  width: 100%;
  background: #707070;
  padding: 30px 0;
  color: #FFF;
  font-size: 0.9rem;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

footer.page_footer a {
  color: #FFF;
  font-weight: 700;
  font-size:160%;
}

footer.page_footer ul.page_footer-sns {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 20px 0 40px;
}

footer.page_footer ul.page_footer-sns li {
  margin: 0 10px;
}

footer.page_footer ul.page_footer-sns li img {
  width: 36px;
}

footer.page_footer ul.page_footer-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 10px auto;
  list-style: none;
}

footer.page_footer ul.page_footer-nav li {
  font-size: .9rem;
}

footer.page_footer ul.page_footer-nav li a {
  display: block;
  padding: 7px 14px;
}

.copyright {
  text-align: center;
  margin: 1rem 0;
  color: #707070;
  font-size: .9rem;
}

    
/****************************/

@media (max-width: 64em) {
  /*===================
     footer
  ===================*/
  footer.page_footer {
    padding: 10px 0;
  }

  footer.page_footer ul.page_footer-nav {
    display: block;
    text-align: center;
    margin: 0 10px;
  }

  footer.page_footer ul.page_footer-nav li {
    display: inline-block;
  }

  footer.page_footer ul.page_footer-nav li a {
    padding: 7px 10px;
    display: inline-block;
  }

  footer.page_footer ul.page_footer-sns {
    margin: 20px 0 10px;
  }

  footer.page_footer ul.page_footer-sns li img {
    width: 26px;
  }

  footer.page_footer ul.page_footer-nav li {
    font-size: .8rem;
  }

  .copyright {
    font-size: .8rem;
  }

}/*(max-width: 64em)*/


@media print, screen and (max-width: 39.99875em) {
.hide-for-small-only {
    display: none!important;
}
}/*(max-width: 39.99875em)*/

/***************************[END]共通移植用CSS************************/