@charset "UTF-8";
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
* .none {
  display: none; }



img {
  vertical-align: bottom;
  border: none; }

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    text-decoration: none;
    color: #ccc; }

li {
  list-style: none; }

@media screen and (max-width: 736px) {
  body {
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0.08em; } }
.error-message {
  color: #c00; }

/*------------------------------------------------------------
共通クラス
------------------------------------------------------------*/
.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 736px) {
  .pc {
    display: none; }

  .sp {
    display: block; } }
.inner {
  width: 1100px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative; }

@media screen and (max-width: 736px) {
  .inner {
    width: 92%;
    padding: 0 4%; } }
.font_mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 100; }

.web_font01 {
  font-family: 'Lora', serif;
  font-weight: 400; }

.web_font02 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }

.ttl_style01 {
  font-size: 3.8rem;
  margin-bottom: 45px;
  line-height: 1; }

@media screen and (max-width: 736px) {
  .ttl_style01 {
    font-size: calc(3.8rem * 0.8);
    margin-bottom: 30px; } }
.btn {
  text-align: right;
  font-size: 1.3rem;
  position: relative;
  padding-right: 47px;
  cursor: pointer;
  line-height: 1; }
  .btn:before {
    content: "";
    width: 39px;
    height: 9px;
    background: url("../common/images/icon_arrow_left.png") left top no-repeat;
    background-size: 39px 9px;
    top: 50%;
    right: 0;
    margin-top: -6px;
    position: absolute;
    transition: 0.2s all ease 0s; }
  .btn:hover:before {
    background-size: 29px 9px;
    right: -14px; }
  .btn.white a {
    color: #FFF; }
  .btn.white:before {
    background: url("../common/images/icon_arrow_left_w.png") left top no-repeat;
    background-size: 39px 9px; }
  .btn.white:hover a {
    color: #ccc; }
  .btn.white:hover:before {
    background-size: 29px 9px;
    right: -14px; }
  .btn.box {
    width: 230px;
    height: 60px;
    box-sizing: border-box;
    padding-right: 0;
    text-align: center;
    display: flex;
    line-height: 1;
    justify-content: center;
    align-items: center; }
    .btn.box:before {
      width: 29px;
      right: 15px; }
    .btn.box.white {
      border: 1px solid #000; }
      .btn.box.white a {
        color: #000; }
      .btn.box.white:before {
        background: url("../common/images/icon_arrow_mini_left.png") left top no-repeat;
        background-size: 29px 9px; }
      .btn.box.white:hover a {
        color: #ccc; }
      .btn.box.white:hover:before {
        background-size: 20px 9px;
        right: -5px; }
    .btn.box.black {
      background: #000; }
      .btn.box.black a {
        color: #FFF; }
      .btn.box.black:before {
        background: url("../common/images/icon_arrow_mini_left_w.png") left top no-repeat;
        background-size: 29px 9px; }
      .btn.box.black:hover a {
        color: #ccc; }
      .btn.box.black:hover:before {
        background-size: 20px 9px;
        right: -5px; }

.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 15px;
  z-index: 100000; }
  .pagetop a {
    display: block;
    background-color: #000;
    text-align: center;
    color: #FFF;
    font-size: 1rem;
    text-decoration: none;
    padding: 5px 10px; }
    .pagetop a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

/*------------------------------------------------------------
ラッパー
------------------------------------------------------------*/
#wrapper {
  position: relative; }

/*------------------------------------------------------------
#header
------------------------------------------------------------*/
#header {
  position: fixed;
  height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 70px;
  z-index: 2000;
  background: #FFF;
  width: calc(100% - 140px);
  /*-----------スマホのトグルボタンのCSS-------------*/ }
  #header .wrap {
    display: flex; }
  #header #nav {
    display: flex; }
    #header #nav .nav {
      display: flex; }
      #header #nav .nav li {
        margin-right: 30px; }
  #header .sns {
    display: flex; }
    #header .sns li {
      margin-left: 15px;
      height: 100%; }
      #header .sns li a {
        height: 100%;
        display: flex;
        align-items: center; }
  #header .nav_shop {
    border-left: 1px solid #e5e5e5;
    padding-left: 25px;
    margin-left: 25px; }
    #header .nav_shop li {
      height: 100%; }
      #header .nav_shop li a {
        height: 100%;
        display: flex;
        align-items: center; }
  #header #nav-toggle {
    display: none;
    position: absolute;
    left: 20px;
    top: 16px;
    width: 25px;
    height: 23px;
    cursor: pointer;
    z-index: 2000; }
    #header #nav-toggle div {
      position: relative; }
    #header #nav-toggle span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #000;
      left: 0;
      -webkit-transition: .35s ease-in-out;
      -moz-transition: .35s ease-in-out;
      transition: .35s ease-in-out; }
      #header #nav-toggle span:nth-child(1) {
        top: 0; }
      #header #nav-toggle span:nth-child(2) {
        top: 11px; }
      #header #nav-toggle span:nth-child(3) {
        top: 22px; }

@media screen and (max-width: 1100px) {
  #header {
    height: 60px;
    padding: 0;
    width: 100%;
    /*-----------スマホのトグルボタンのCSS-------------*/ }
    #header h1 {
      position: absolute;
      width: 100%;
      text-align: center; }
      #header h1 img {
        height: 30px;
        width: auto; }
    #header .nav_shop {
      position: absolute;
      right: 20px;
      top: 20px; }
    #header #nav {
      display: none;
      width: 100%;
      z-index: 1990;
      position: absolute;
      background: #FFF;
      top: 60px;
      opacity: 0; }
      #header #nav .nav {
        display: block; }
        #header #nav .nav li {
          margin: 20px 0;
          text-align: center; }
      #header #nav .sns {
        border-top: 1px solid #e5e5e5;
        display: flex;
        justify-content: center;
        padding: 20px 0 40px;
        margin: 0 30px; }
        #header #nav .sns li {
          margin: 0 10px;
          height: 100%; }
          #header #nav .sns li a {
            height: 100%;
            display: flex;
            align-items: center; }
    #header #nav-toggle {
      display: block; }
    #header.open #nav {
      display: block;
      opacity: 1; }
    #header.open #nav-toggle span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg); }
    #header.open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%; }
    #header.open #nav-toggle span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg); } }
/*------------------------------------------------------------
#Mv_area
------------------------------------------------------------*/
#Mv_area {
  position: relative;
  margin: 0 70px;
  padding-top: 120px; }
  #Mv_area .mv_logo {
    position: absolute;
    bottom: 100px;
    right: 20px;
    z-index: 1000; }
  #Mv_area #mv_slider img {
    width: 100%;
    height: auto; }
  #Mv_area .slick-prev, #Mv_area .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 22px;
    height: 13px;
    right: -46px;
    left: auto;
    padding: 0;
    z-index: 1000;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
    #Mv_area .slick-prev:before, #Mv_area .slick-next:before {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
      opacity: .75;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  #Mv_area .slick-prev {
    background: url("../common/images/icon_arrow_top.png") left top no-repeat;
    background-size: 22px 13px;
    margin-top: -40px; }
  #Mv_area .slick-next {
    background: url("../common/images/icon_arrow_bottom.png") left top no-repeat;
    background-size: 22px 13px;
    margin-top: 40px; }

@media screen and (max-width: 736px) {
  #Mv_area {
    margin: 0;
    padding-top: 60px; }
    #Mv_area .mv_logo {
      bottom: 40px;
      right: 20px; }
      #Mv_area .mv_logo img {
        width: 150px;
        height: auto; }
    #Mv_area #mv_slider img {
      width: 100%;
      height: auto; }
    #Mv_area .slick-prev, #Mv_area .slick-next {
      left: 15px; }
    #Mv_area .slick-prev {
      margin-top: -25px; }
    #Mv_area .slick-next {
      margin-top: 25px; } }
/*------------------------------------------------------------
#News_area
------------------------------------------------------------*/
#News_area {
  margin-top: -80px;
  margin-bottom: 110px; }
  #News_area .inner {
    display: flex;
    background: #FFF;
    padding: 60px 0 0; }
  #News_area h2 {
    width: 16%;
    text-align: center;
    font-size: 2.6rem; }
  #News_area ul {
    width: 84%;
    border-left: 1px solid #e5e5e5;
    font-size: 1.3rem; }
    #News_area ul li {
      margin: 0 40px 15px; }
      #News_area ul li span {
        display: inline-block;
        margin-right: 20px; }
      #News_area ul li:last-child {
        margin: 0 40px 0; }

@media screen and (max-width: 736px) {
  #News_area {
    margin-top: calc(-80px * 0.6);
    margin-bottom: calc(110px * 0.6); }
    #News_area .inner {
      display: block;
      padding: 30px 10% 0; }
    #News_area h2 {
      width: 100%;
      text-align: left;
      margin-bottom: 20px; }
    #News_area ul {
      width: 100%;
      border-left: none;
      font-size: 1.2rem; }
      #News_area ul li {
        margin: 0 0 15px; }
        #News_area ul li span {
          display: block;
          margin: 0 0 5px 0; }
        #News_area ul li:last-child {
          margin: 0; } }
/*------------------------------------------------------------
#NewsItem_area
------------------------------------------------------------*/
#NewsItem_area {
  margin-bottom: 170px; }
  #NewsItem_area .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #NewsItem_area .wrap > li {
      position: relative;
      width: 340px; }
  #NewsItem_area .NewsItem_area {
    margin-bottom: 25px; }
    #NewsItem_area .NewsItem_area img {
      width: 100%;
      height: auto; }
    #NewsItem_area .NewsItem_area .slick-slide {
      position: relative; }
      #NewsItem_area .NewsItem_area .slick-slide a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 100;
        left: 0;
        top: 0; }
  #NewsItem_area h3 {
    text-align: center;
    font-size: 1.7rem;
    margin-bottom: 25px;
    line-height: 1; }
    #NewsItem_area h3 span {
      display: block;
      margin-top: 10px;
      font-size: 1.4rem; }
  #NewsItem_area .NewsItem_area_nav {
    margin-bottom: 15px;
    display: flex;
    justify-content: center; }
    #NewsItem_area .NewsItem_area_nav li {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width: 12px;
      height: 12px;
      border-radius: 100px;
      margin: 0 3px; }
      #NewsItem_area .NewsItem_area_nav li.color01 {
        background: #000; }
      #NewsItem_area .NewsItem_area_nav li.color02 {
        background: #a66528; }
      #NewsItem_area .NewsItem_area_nav li.color03 {
        background: #303e52; }
      #NewsItem_area .NewsItem_area_nav li.color04 {
        background: #6a5e41; }
      #NewsItem_area .NewsItem_area_nav li.color05 {
        background: #89a7bf; }
      #NewsItem_area .NewsItem_area_nav li.color06 {
        background: #c8b4a4; }
      #NewsItem_area .NewsItem_area_nav li.color07 {
        background: #b0b0b0; }
      #NewsItem_area .NewsItem_area_nav li.color08 {
        background: #cc91cd; }
      #NewsItem_area .NewsItem_area_nav li.color09 {
        background: #f58587; }
      #NewsItem_area .NewsItem_area_nav li.color10 {
        background: #eb6096; }


#NewsItem_area .NewsItem_area_nav li.color-bk {
        background: #000; }
      #NewsItem_area .NewsItem_area_nav li.color-bw  {
        background: #e69c14; } #NewsItem_area .NewsItem_area_nav li.color-nv {
        background: #303e52; }
      #NewsItem_area .NewsItem_area_nav li.color-bg {
        background: #efdfc3; }
      #NewsItem_area .NewsItem_area_nav li.color-kk {
        background: #084807; }
      


#NewsItem_area .price {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 20px; }

@media screen and (max-width: 736px) {
  #NewsItem_area {
    margin-bottom: calc(170px*0.6); }
    #NewsItem_area .wrap {
      display: block; }
      #NewsItem_area .wrap > li {
        width: 100%;
        margin-bottom: 40px; }
    #NewsItem_area .NewsItem_area {
      margin-bottom: 20px; }
    #NewsItem_area h3 {
      font-size: 1.5rem;
      margin-bottom: 12px; }
      #NewsItem_area h3 span {
        margin-top: 5px;
        font-size: 1.3rem; }
    #NewsItem_area .NewsItem_area_nav {
      margin-bottom: 8px; }
      #NewsItem_area .NewsItem_area_nav li {
        width: 10px;
        height: 10px;
        margin: 0 3px; }
    #NewsItem_area .price {
      font-size: 1.4rem;
      margin-bottom: 10px; } }
/*------------------------------------------------------------
#Concept_area
------------------------------------------------------------*/
#Concept_area {
  margin-bottom: 235px; }
  #Concept_area > div {
    display: flex;
    align-items: center;
    position: relative; }
    #Concept_area > div:before {
      content: "";
      width: 40%;
      height: 75%;
      background: #f6f6f6;
      bottom: -12%;
      left: 40%;
      position: absolute;
      z-index: 10; }
    #Concept_area > div:after {
      content: "";
      width: 509px;
      height: 130px;
      background: url("../images/logo_concept.png") left top no-repeat;
      background-size: 509px 130px;
      bottom: -22%;
      right: 10%;
      position: absolute;
      z-index: 20; }
    #Concept_area > div .img {
      width: 60%;
      position: relative;
      z-index: 50; }
      #Concept_area > div .img img {
        width: 100%;
        height: auto; }
    #Concept_area > div .txt_wrap {
      width: 30%;
      box-sizing: border-box;
      padding: 0 60px;
      position: relative;
      z-index: 50; }
      #Concept_area > div .txt_wrap h2 {
        position: relative;
        margin-bottom: 50px; }
        #Concept_area > div .txt_wrap h2:before {
          content: "";
          width: 120px;
          height: 1px;
          background: #333;
          top: 50%;
          left: -140px;
          position: absolute; }
      #Concept_area > div .txt_wrap dl dt {
        margin-bottom: 40px;
        font-size: 2.8rem;
        line-height: 1.5; }
      #Concept_area > div .txt_wrap dl .txt {
        margin-bottom: 70px; }
      #Concept_area > div .txt_wrap dl .btn {
        text-align: right; }

@media screen and (max-width: 736px) {
  #Concept_area {
    margin-bottom: calc(235px * 0.4); }
    #Concept_area > div {
      display: block; }
      #Concept_area > div:before {
        width: 70%;
        height: 75%;
        bottom: auto;
        top: 12%;
        left: 30%; }
      #Concept_area > div:after {
        width: 254px;
        height: 65px;
        background: url("../images/logo_concept.png") left top no-repeat;
        background-size: 254px 65px;
        bottom: auto;
        right: 0;
        top: 80%; }
      #Concept_area > div .img {
        width: 90%;
        position: relative;
        z-index: 50;
        margin-bottom: 40px; }
      #Concept_area > div .txt_wrap {
        width: 100%;
        padding: 0 10%; }
        #Concept_area > div .txt_wrap h2 {
          position: relative;
          margin-bottom: 30px; }
          #Concept_area > div .txt_wrap h2:before {
            content: "";
            width: 120px;
            height: 1px;
            background: #333;
            top: 50%;
            left: -140px;
            position: absolute; }
        #Concept_area > div .txt_wrap dl dt {
          margin-bottom: 20px;
          font-size: calc(2.8rem * 0.8); }
        #Concept_area > div .txt_wrap dl .txt {
          margin-bottom: 30px; } }
/*------------------------------------------------------------
#Item_area
------------------------------------------------------------*/
#Item_area {
  margin-bottom: 155px; }
  #Item_area .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    #Item_area .wrap:nth-of-type(-n+3) {
      margin-bottom: 75px; }
    #Item_area .wrap:before {
      content: "";
      width: 1px;
      height: 100%;
      background: #e5e5e5;
      top: 1px;
      left: 50%;
      position: absolute;
      z-index: 10; }
    #Item_area .wrap > li {
      width: 510px;
      box-sizing: border-box; }
      #Item_area .wrap > li h3 {
        text-align: center;
        font-size: 2.0rem;
        margin-bottom: 20px;
        line-height: 1; }
        #Item_area .wrap > li h3 span {
          display: block;
          margin-top: 10px;
          font-size: 1.4rem; }
      #Item_area .wrap > li .price {
        text-align: center;
        font-size: 1.5rem;
        margin-bottom: 30px; }
      #Item_area .wrap > li .Item_slider {
        margin-bottom: 20px; }
        #Item_area .wrap > li .Item_slider img {
          width: 100%;
          height: auto; }
        #Item_area .wrap > li .Item_slider .slick-slide {
          position: relative; }
          #Item_area .wrap > li .Item_slider .slick-slide a {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            cursor: pointer;
            z-index: 100;
            left: 0;
            top: 0; }
      #Item_area .wrap > li .Item_slider_nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px; }
        #Item_area .wrap > li .Item_slider_nav li {
          width: 94px;
          margin-bottom: 8px;
text-align: center;
    letter-spacing: 0em;
    font-size: 0.9em;}
          #Item_area .wrap > li .Item_slider_nav li img {
            width: 100%;
            height: auto; }
          #Item_area .wrap > li .Item_slider_nav li.thumbnail-current {
            opacity: 0.4; }
  #Item_area .slick-prev, #Item_area .slick-next {
    top: 50%;
    margin-top: -14px;
    width: 15px;
    height: 28px;
    z-index: 1000; }
    #Item_area .slick-prev:before, #Item_area .slick-next:before {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
      opacity: .75;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  #Item_area .slick-prev {
    background: url("../common/images/icon_arrow_right.png") left top no-repeat;
    background-size: 15px 28px;
    right: auto;
    left: 10px; }
  #Item_area .slick-next {
    background: url("../common/images/icon_arrow2_left.png") left top no-repeat;
    background-size: 15px 28px;
    right: 10px; }

@media screen and (max-width: 736px) {
  #Item_area {
    margin-bottom: calc(155px * 0.6); }
    #Item_area .wrap {
      display: block; }
      #Item_area .wrap:nth-of-type(1) {
        margin-bottom: 0; }
      #Item_area .wrap:before {
        display: none; }
      #Item_area .wrap > li {
        width: 100%;
        margin-bottom: 30px; }
        #Item_area .wrap > li h3 {
          font-size: 1.8rem;
          margin-bottom: 10px; }
          #Item_area .wrap > li h3 span {
            margin-top: 5px;
            font-size: 1.3rem; }
        #Item_area .wrap > li .price {
          font-size: 1.4rem;
          margin-bottom: 15px; }
        #Item_area .wrap > li .Item_slider {
          margin-bottom: 10px; }
        #Item_area .wrap > li .Item_slider_nav {
          display: flex;
          margin-bottom: 20px; }
          #Item_area .wrap > li .Item_slider_nav li {
            width: 19%;
            margin-bottom: 4px; } }
/*------------------------------------------------------------
#Shop_area
------------------------------------------------------------*/
#Shop_area {
  margin-bottom: 150px; }
  #Shop_area .wrap {
    position: relative;
    height: 495px; }
    #Shop_area .wrap .img {
      width: 800px;
      height: 495px;
      margin-left: auto; }
      #Shop_area .wrap .img img {
        width: 100%;
        height: auto; }
    #Shop_area .wrap .txt_wrap {
      width: 380px;
      height: 380px;
      position: absolute;
      top: 50%;
      margin-top: -190px;
      background: #000;
      color: #FFF;
      text-align: center; }
    #Shop_area .wrap h2 {
      padding-top: 65px;
      margin-bottom: 50px;
      line-height: 1; }
      #Shop_area .wrap h2 span {
        display: block;
        font-size: 1.7rem;
        margin-top: 10px; }
    #Shop_area .wrap .txt {
      margin-bottom: 50px; }
    #Shop_area .wrap .btn {
      display: inline-block; }

@media screen and (max-width: 736px) {
  #Shop_area {
    margin-bottom: calc(150px*0.4); }
    #Shop_area .wrap {
      height: auto;
      flex-wrap: wrap-reverse; }
      #Shop_area .wrap .img {
        width: 100%;
        height: auto;
        margin-left: auto; }
      #Shop_area .wrap .txt_wrap {
        width: 86%;
        height: auto;
        position: relative;
        top: -15px;
        margin-top: 0;
        box-sizing: border-box;
        padding: 25px;
        margin: 0 7%; }
      #Shop_area .wrap h2 {
        padding-top: 0;
        margin-bottom: 20px; }
        #Shop_area .wrap h2 span {
          font-size: 1.4rem;
          margin-top: 10px; }
      #Shop_area .wrap .txt {
        margin-bottom: 20px;
        font-size: 1.2rem;
        letter-spacing: 0; }
        #Shop_area .wrap .txt br {
          display: none; } }
/*------------------------------------------------------------
#footer
------------------------------------------------------------*/
#footer {
  border-top: 1px solid #e5e5e5; }
  #footer .top {
    border-bottom: 1px solid #e5e5e5; }
    #footer .top .inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 205px; }
    #footer .top dt {
      margin-bottom: 10px; }
    #footer .top p {
      margin-bottom: 10px; }
    #footer .top ul {
      display: flex;
      width: 472px;
      justify-content: space-between; }
  #footer .bottom .inner {
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #footer .bottom .nav {
    display: flex; }
    #footer .bottom .nav li {
      margin-right: 30px; }
  #footer .bottom .wrap {
    display: flex; }
  #footer .bottom .sns {
    display: flex; }
    #footer .bottom .sns li {
      margin-left: 15px;
      height: 100%; }
      #footer .bottom .sns li a {
        height: 100%;
        display: flex;
        align-items: center; }
  #footer .bottom .nav_shop {
    border-left: 1px solid #e5e5e5;
    padding-left: 25px;
    margin-left: 25px; }
    #footer .bottom .nav_shop li {
      height: 100%; }
      #footer .bottom .nav_shop li a {
        height: 100%;
        display: flex;
        align-items: center; }

@media screen and (max-width: 736px) {
  #footer .top {
    padding: 30px 0; }
    #footer .top .inner {
      display: block;
      height: auto; }
    #footer .top dt {
      margin-bottom: 5px;
      text-align: center; }
      #footer .top dt img {
        height: 35px;
        width: auto; }
    #footer .top p {
      margin-bottom: 10px; }
    #footer .top ul {
      display: flex;
      width: 100%;
      justify-content: space-between;
      margin-bottom: 15px; }
      #footer .top ul li {
        width: 49%; }
        #footer .top ul li .btn {
          width: 100%; }
          #footer .top ul li .btn:before {
            right: 5px; }
  #footer .bottom {
    padding: 30px 0; }
    #footer .bottom .inner {
      height: auto;
      display: block; }
    #footer .bottom .nav {
      display: flex; margin-bottom: 20px;
      justify-content: center; }
      #footer .bottom .nav li {
        margin: 0 15px; }
    #footer .bottom .wrap {
      display: flex;
      justify-content: center; }
    #footer .bottom .sns {
      display: flex; }
      #footer .bottom .sns li {
        margin: 0 15px 0 0; }
    #footer .bottom .nav_shop {
      padding-left: 15px;
      margin-left: 0; } }
/*------------------------------------------------------------
input
------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="tel"], textarea {
  width: 96%;
  height: 40px;
  padding: 0 2%;
  border-width: 0;
  border-radius: 0;
  font-size: 1.5rem;
  background: #f6f6f6; }
  input[type="text"].size_m, input[type="email"].size_m, input[type="tel"].size_m, textarea.size_m {
    width: 26%; }

textarea {
  height: 150px;
  padding: 2%; }

label, input[type='checkbox'] {
  cursor: pointer; }

.submit_btn {
  margin: 0 auto;
  width: 180px;
  height: 50px;
  position: relative;
  cursor: pointer; }
  .submit_btn:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 1px;
    right: 0;
    top: 50%;
    background: #FFF;
    transition: .3s all;
    opacity: 0.7;
    z-index: 50; }
  .submit_btn:hover:before {
    width: 0; }
  .submit_btn.white:before {
    background: #e5e5e5; }
  .submit_btn.white button[type="submit"], .submit_btn.white input[type="submit"], .submit_btn.white input[type="button"] {
    background: #FFF;
    color: #e5e5e5;
    border: 2px solid #e5e5e5;
    box-sizing: border-box; }

button[type="submit"], input[type="submit"], input[type="button"] {
  width: 180px;
  height: 50px;
  border: none;
  font-weight: bold;
  font-size: 1.4rem;
  border-radius: 0;
  position: relative;
  color: #FFF;
  background: #e5e5e5; }
  button[type="submit"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
    opacity: 0.7; }

input::placeholder, textarea::placeholder {
  color: #CCC; }

/* IE */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #CCC; }

/* Edge */
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #CCC; }

@media screen and (max-width: 736px) {
  .submit_btn {
    width: 48%; }
    .submit_btn button[type="submit"], .submit_btn input[type="submit"], .submit_btn input[type="button"] {
      width: 100%; }

  input[type="text"], input[type="email"], input[type="tel"], textarea {
    width: 96%;
    height: 40px;
    padding: 0 2%;
    border-width: 0;
    border-radius: 0;
    font-size: 1.5rem;
    background: #f6f6f6; }
    input[type="text"].size_m, input[type="email"].size_m, input[type="tel"].size_m, textarea.size_m {
      width: 26%; }

  textarea {
    height: 150px;
    padding: 2%; }

  label, input[type='checkbox'] {
    cursor: pointer; }

  .submit_btn {
    margin: 0 auto;
    width: 180px;
    height: 50px;
    position: relative;
    cursor: pointer; }
    .submit_btn:before {
      content: "";
      position: absolute;
      width: 25px;
      height: 1px;
      right: 0;
      top: 50%;
      background: #FFF;
      transition: .3s all;
      opacity: 0.7;
      z-index: 50; }
    .submit_btn:hover:before {
      width: 0; }

  button[type="submit"], input[type="submit"], input[type="button"] {
    width: 180px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: 0;
    position: relative;
    color: #FFF;
    background: #e5e5e5;
    -webkit-appearance: none;
    border-radius: 0; }
    button[type="submit"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
      opacity: 0.7; } }