/* Scss Document */
@media (min-width : 970px) {
  body #contents #main-column {
    width: 910px !important;
  }
  body #contents #main-column #wrap {
    width: 710px;
    margin: auto;
  }
  .slick-slide img {
    margin: auto;
  }
  .sp_none {
    display: block !important;
  }
  .pc_none {
    display: none !important;
  }
html, body {
  /*overflow: auto;*/
  height: 100%; }

#main-column #wrap section:last-of-type {
  margin-bottom: 0; }
#main-column #wrap a:hover {
  text-decoration: none;
  opacity: .7; }
#main-column #wrap a:active {
  color: #333; }
#main-column #wrap #nihondo #best_seller {
  margin-bottom: 60px; }
  #main-column #wrap #nihondo #best_seller ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between; }
    #main-column #wrap #nihondo #best_seller ul li {
      width: 356px;
      background: #fff;
      position: relative; }
      #main-column #wrap #nihondo #best_seller ul li a > span {
        display: block;
        text-align: center;
        color: #595757;
        font-size: 14px;
        margin-top: 5px; }
        #main-column #wrap #nihondo #best_seller ul li a > span .note {
          display: inline-block;
          margin-top: 0;
          line-height: unset;
          vertical-align: top; }
      #main-column #wrap #nihondo #best_seller ul li a:hover span {
        opacity: .7; }
#main-column #wrap #nihondo #category h3.item_category {
  padding-left: 0;
  position: relative; }
  #main-column #wrap #nihondo #category h3.item_category:before {
    content: '';
    background: #e6e6e6;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%; }
  #main-column #wrap #nihondo #category h3.item_category span {
    padding: 0 10px 0 0;
    background: #fff;
    font-size: 18px;
    color: #595757;
    position: relative; }
#main-column #wrap #nihondo #category ul {
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  #main-column #wrap #nihondo #category ul li {
    margin-right: 2%;
    width: 32%; }
    #main-column #wrap #nihondo #category ul li:nth-child(3n) {
      margin-right: 0; }
    #main-column #wrap #nihondo #category ul li:nth-child(n + 4) {
      margin-top: 15px; }
    #main-column #wrap #nihondo #category ul li a {
      background: #f6f6f6;
      border: 1px solid #e6e6e6;
      padding: 10px calc(1em + 10px) 10px 10px;
      position: relative;
      display: block; }
      #main-column #wrap #nihondo #category ul li a:after {
        content: '';
        margin: auto;
        width: 5px;
        height: 5px;
        vertical-align: middle;
        top: 0;
        bottom: 0;
        right: 10px;
        position: absolute;
        border-top: 1px solid #b3b3b3;
        border-right: 1px solid #b3b3b3;
        transform: rotate(45deg); }
#main-column #wrap #nihondo #concept .shop_image p {
  margin: 0 auto;
  width: 700px; }
  #main-column #wrap #nihondo #concept .shop_image p span {
    font-size: 80%;
    color: #878787;
    text-align: left;
    margin-top: 5px;
    display: block; }
#main-column #wrap #nihondo #concept .concept_detail {
  text-align: center;
  margin-top: 15px; }
  #main-column #wrap #nihondo #concept .concept_detail h3 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 3px; }
    #main-column #wrap #nihondo #concept .concept_detail h3 .detail__subttl {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 110%;
      text-align: center;
      margin-top: 10px; }
      #main-column #wrap #nihondo #concept .concept_detail h3 .detail__subttl::before, #main-column #wrap #nihondo #concept .concept_detail h3 .detail__subttl::after {
        content: '';
        width: 30px;
        height: 1px;
        background-color: #494a42; }
      #main-column #wrap #nihondo #concept .concept_detail h3 .detail__subttl::before {
        margin-right: 20px; }
      #main-column #wrap #nihondo #concept .concept_detail h3 .detail__subttl::after {
        margin-left: 20px; }
  #main-column #wrap #nihondo #concept .concept_detail p.txt {
    text-align: center;
    line-height: 1.8; }
  #main-column #wrap #nihondo #concept .concept_detail .detail_btn {
    margin-top: 30px; }
    #main-column #wrap #nihondo #concept .concept_detail .detail_btn a {
      font-size: 16px;
      text-decoration: none;
      position: relative;
      padding: 2px 22px 4px 0;
      border: 1px solid #ccc;
      padding: 10px;
      width: 320px;
      margin: 30px auto;
      display: block; }
      #main-column #wrap #nihondo #concept .concept_detail .detail_btn a:before {
        content: '';
        width: 10px;
        height: 1px;
        background: #b3b3b3;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%); }
      #main-column #wrap #nihondo #concept .concept_detail .detail_btn a:after {
        content: '';
        width: 10px;
        height: 1px;
        background: #b3b3b3;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%) rotate(90deg);
        transition: .3s; }
      #main-column #wrap #nihondo #concept .concept_detail .detail_btn a.active:after {
        transform: rotate(0);
        transition: .3s; }
#main-column #wrap #nihondo #concept .concept_more {
  display: none;
  width: 570px;
  margin: 40px auto 0; }
  #main-column #wrap #nihondo #concept .concept_more h3 {
    margin-top: 20px;
    padding: 0;
    text-align: center; }
  #main-column #wrap #nihondo #concept .concept_more .concept_more_txt {
    text-align: justify; }
  #main-column #wrap #nihondo #concept .concept_more img {
    width: 100%; }


    .pc {
      display: block !important;
    }
    .sp {
      display: none !important;
    }
}

@media (max-width : 969px) {

  	/*-------------new 共通-------------------------------------*/
    .sp_none {
			display: none !important;
		}
		.pc_none {
			display: block !important;
		}
	body #contents {
		width: auto !important;
		padding: 0;
	  }
	  body #contents #main-column #wrap {
		line-height: 1;
	  }
	  body #contents #sub-column {
		display: none;
	  }
	  body header #header_menu .header_inner {
		width: auto;
	  }
	  body .shop_info .shop_info__list:nth-of-type(1),body .shop_info .shop_info__list:nth-of-type(2), body .shop_info .shop_info__list:nth-of-type(3) {
		width: auto;
	  }
	  body #page_top {
		width: auto;
	  }
	  body #footer .footer_area {
		width: auto;
	  }
	  #main-column #wrap #kagae #category ul li:last-child {
        width: 48% !important;
      }
      body .shop_info {
        display: block;
        width: auto;
      }
      body #contents #main-column {
        width: 100% !important;
      }
      #header_contents {
        display: none;
      }
      .header__inner {
        display: block;
      }
      body #contents h2.ttl {
        font-size: 4.5vw !important;
        margin: 30px auto 10px auto !important;
        text-align: center;
        color: #878787;
        font-weight: 500;
        height: auto;
        padding: 20px 0 !important;
        margin-bottom: 0 !important;
        width: calc(100% - 20px) !important;
      }
      article h2 {
        line-height: 1;
      }
      body #contents #main-column .f15 {
        font-size: 85% !important;
      }
      .pc {
        display: none !important;
      }
      section>div:not(.accordion):not(.customersbox):not(.period):not(.form_t):not(.formlist):not(.titlebar_g):not(.pager):not(.required):not(.title):not(.formbox):not(.formbox_n):not(.title_c):not(.comment):not(.commentbox):not(.titlebar_g_o):not(.titlebar_list):not(.product_img):not(#sub_img):not([class^=mp_itemgroup_layout]):not([id^=mp_ta_free]):not([class^=mp_itemfreepage_layout]):not([class^=mp_itemcategory_layout]):first-child {
        padding: 0;
      }
      body #contents #main-column h3 {
        padding-left: 0;
      }
      body #contents #main-column .mb60 {
        margin-bottom: 60px !important;
      }
      body #contents #main-column h3 {
        margin-bottom: 30px !important;
      }
      body .shop_info .shop_info__list dl + dl {
        margin-top: 40px !important;
      }
      body #contents {
        margin: 10px 10px 0px !important;
      }
      body .shop_info {
        margin: 0px auto 0px auto;
      }
      body .sp_info {
        margin-top: 40px !important;
      }
      body .bnr_bottom {
        padding: 0 20px 60px !important;
      }
      body .shop_info .shop_info__list dl {
        margin: 20px 0;
      }
      body .shop_info .shop_info__list .shop_info__note {
        font-size: 3vw;
        color: #777;
        text-indent: -1em;
        padding-left: 1em;
        margin-top: 10px;
        margin-bottom: 20px;
      }
      body #footer .footer_area .info {
        display: block;
      }
      body #footer .footer_area .info ul li a {
        color: #595757;
      }
      body #page_top a {
        float: inherit;
        transform: translateY(0px) !important;
      }
      #main-column #wrap #kagae #category ul li:last-child a {
        letter-spacing: -1px;
      }
      body #contents #wrap #kagae #category ul li a {
        letter-spacing: -1px !important;
      }
	  body #contents #wrap p {
		font-size: 3.4vw !important;
		margin: 0;
	}
	body #contents #wrap #service #repeat .unit_box02 {
		line-height: inherit;
	}
	body #contents #wrap .note {
		font-size: 3vw !important;
	}
	body #contents #wrap #service h4.h4_ttl {
		margin-top: 40px;
	}
	article section ul {
		font-size: 3.4vw !important;
		line-height: inherit !important;
	}
	body #contents #wrap .pl1 {
		font-size: 2.4vw !important;
	}

	body #contents #wrap #service .item_block ul li .sp_quantity {
		display: inline-block !important;
	}
	.sp_height {
		height: 73px !important;
	}
	body #contents #wrap .sp_note {
		font-size: 2.4vw !important;
		padding-left: 1em;
	}
	body #contents #main-column .sp_20 {
		margin-bottom: 20px !important;
	}

	/*footer*/
	body #footer {
		background: none;
		color: inherit; }
	  body .shop_info {
		background: #F4F5F4;
		padding: 40px 15px 60px; }
		body .shop_info .shop_info__list {
		  color: #595757; }
		  body .shop_info .shop_info__list dl + dl {
			margin-top: 40px; }
		  body .shop_info .shop_info__list dl dt {
			line-height: 1.5;
			border-bottom: 1px solid #ccc;
			font-size: 3.5vw;
			font-weight: bold;
			padding-bottom: 10px; }
		  body .shop_info .shop_info__list dl dd {
			line-height: 1.5;
			margin-top: 10px;
			font-size: 3.2vw; }
			body .shop_info .shop_info__list dl dd a {
			  text-decoration: underline; }
		  body .shop_info .shop_info__list .shop_info__note {
			font-size: 3vw;
			color: #777;
			text-indent: -1em;
			padding-left: 1em;
			margin-top: 10px; }
		  body .shop_info .shop_info__list .shop_info__box {
			margin-top: 10px;
			padding: 10px;
			border: 1px solid #ccc; }
		  body .shop_info .shop_info__list a {
			color: #595757 !important; }
	  body #page_top {
		text-align: center;
		background: #757575; }
		body #page_top a {
		  display: block; }
		body #page_top img {
		  width: 30px; }
	  body .footer_wrap {
		background: #757575 !important;
		color: #fff;
		margin-bottom: -34px; }
		body .footer_wrap a {
		  color: #fff; }
		body .footer_wrap .footer_area {
		  padding: 0 20px 10px; }
		  body .footer_wrap .footer_area .info {
			margin-bottom: 40px; }
			body .footer_wrap .footer_area .info > div {
			  border-bottom: 1px solid #a5a5a5;
			  font-size: 14px;
			  cursor: pointer; }
			body .footer_wrap .footer_area .info .menu {
			  padding: 16px 0;
			  position: relative; }
			  body .footer_wrap .footer_area .info .menu:before {
				content: '';
				width: 10px;
				height: 1px;
				background: #e6e6e6;
				position: absolute;
				top: 50%;
				right: 10px;
				transform: translateY(-50%); }
			  body .footer_wrap .footer_area .info .menu:after {
				content: '';
				width: 10px;
				height: 1px;
				background: #e6e6e6;
				position: absolute;
				top: 50%;
				right: 10px;
				transform: translateY(-50%) rotate(90deg);
				transition: .3s; }
			  body .footer_wrap .footer_area .info .menu.active:after {
				transform: rotate(0); }
			body .footer_wrap .footer_area .info .menu_link {
			  position: relative; }
			  body .footer_wrap .footer_area .info .menu_link:after {
				content: '';
				margin: auto;
				width: 5px;
				height: 5px;
				vertical-align: middle;
				top: 0;
				bottom: 0;
				right: 10px;
				position: absolute;
				border-top: 1px solid #e6e6e6;
				border-right: 1px solid #e6e6e6;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg); }
			  body .footer_wrap .footer_area .info .menu_link a {
				padding: 16px 0;
				display: block; }
			body .footer_wrap .footer_area .info .sub_menu {
			  display: none;
			  font-size: 13px; }
			  body .footer_wrap .footer_area .info .sub_menu li {
				position: relative;
				border-bottom: 1px solid #a5a5a5;
				text-align: left; }
				body .footer_wrap .footer_area .info .sub_menu li:before {
				  content: '';
				  width: 5px;
				  height: 1px;
				  background: #e6e6e6;
				  position: absolute;
				  top: 50%;
				  left: 5px;
				  transform: translateY(-50%);
				  transition: .3s; }
				body .footer_wrap .footer_area .info .sub_menu li:after {
				  content: '';
				  margin: auto;
				  width: 5px;
				  height: 5px;
				  vertical-align: middle;
				  top: 0;
				  bottom: 0;
				  right: 10px;
				  position: absolute;
				  border-top: 1px solid #e6e6e6;
				  border-right: 1px solid #e6e6e6;
				  -webkit-transform: rotate(45deg);
				  transform: rotate(45deg); }
				body .footer_wrap .footer_area .info .sub_menu li a {
				  padding: 16px 0 16px 20px;
				  display: block; }
		  body .footer_wrap .footer_area .contact {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			-moz-justify-content: space-between;
			-ms-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-pack: space-between;
			margin-bottom: 40px; }
			body .footer_wrap .footer_area .contact a {
			  width: 48%; }
			  body .footer_wrap .footer_area .contact a:last-child {
				border-left: 1px solid #a5a5a5;
				box-sizing: border-box; }
			  body .footer_wrap .footer_area .contact a img {
				width: 100%; }
		  body .footer_wrap .footer_area .copyright {
			font-size: 8px;
			text-align: center; }
		body .footer_wrap .ch {
		  margin: 0;
		  text-align: center;
		  display: none; }
		  body #footer .footer_area {
			padding: 0 20px 10px;
		}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}

  /*-----------------------------------nihondo-----------------------------------------------------------*/
  html, body {
    overflow: auto;
    height: 100%; }
  
  body #contents #wrap section:last-of-type {
    margin-bottom: 0; }
  body #contents #wrap a:hover {
    text-decoration: none;
    opacity: .7; }
  body #contents #wrap #nihondo #mv {
    margin: 0 -10px;
    overflow: hidden; }
  body #contents #wrap #nihondo #best_seller {
    margin-bottom: 60px; }
    body #contents #wrap #nihondo #best_seller ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      body #contents #wrap #nihondo #best_seller ul li {
        width: 48%;
        background: #fff;
        position: relative; }
        body #contents #wrap #nihondo #best_seller ul li a > span {
          margin-top: 5px;
          display: block;
          color: #595757;
          font-size: 3.5vw;
          line-height: 1.5;
          text-align: center; }
          body #contents #wrap #nihondo #best_seller ul li a > span .note {
            display: inline-block;
            margin-top: 0;
            line-height: unset;
            vertical-align: top; }
  body #contents #wrap #nihondo #category h3.item_category {
    padding-left: 0;
    position: relative; }
    body #contents #wrap #nihondo #category h3.item_category:before {
      content: '';
      background: #e6e6e6;
      width: 100%;
      height: 1px;
      position: absolute;
      top: 50%; }
    body #contents #wrap #nihondo #category h3.item_category span {
      padding: 0 10px 0 0;
      background: #fff;
      font-size: 4.2vw;
      color: #595757;
      position: relative; }
  body #contents #wrap #nihondo #category ul {
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    body #contents #wrap #nihondo #category ul li {
      margin-bottom: 15px;
      width: 48%; }
      body #contents #wrap #nihondo #category ul li a {
        background: #f6f6f6;
        border: 1px solid #e6e6e6;
        padding: 4vw calc(1em + 2vw) 4vw 2vw;
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        font-size: 3.5vw; }
        body #contents #wrap #nihondo #category ul li a:after {
          content: '';
          margin: auto;
          width: 5px;
          height: 5px;
          vertical-align: middle;
          top: 0;
          bottom: 0;
          right: 10px;
          position: absolute;
          border-top: 1px solid #b3b3b3;
          border-right: 1px solid #b3b3b3;
          transform: rotate(45deg); }
  body #contents #wrap #nihondo #concept .shop_image {
    margin: 0 auto; }
    body #contents #wrap #nihondo #concept .shop_image p {
      font-size: 80% !important;
      color: #878787;
      line-height: 1.5;
      margin: 0; }
  body #contents #wrap #nihondo #concept .concept_detail {
    text-align: center;
    margin-top: 20px; }
    body #contents #wrap #nihondo #concept .concept_detail h3 {
      font-size: 4.5vw;
      line-height: 1.5;
      letter-spacing: 1.2px;
      text-align: center; }
      body #contents #wrap #nihondo #concept .concept_detail h3 .detail__subttl {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 85%;
        text-align: center;
        margin-top: 10px; }
        body #contents #wrap #nihondo #concept .concept_detail h3 .detail__subttl::before, body #contents #wrap #nihondo #concept .concept_detail h3 .detail__subttl::after {
          content: '';
          width: 20px;
          height: 1px;
          background-color: #494a42; }
        body #contents #wrap #nihondo #concept .concept_detail h3 .detail__subttl::before {
          margin-right: 10px; }
        body #contents #wrap #nihondo #concept .concept_detail h3 .detail__subttl::after {
          margin-left: 10px; }
    body #contents #wrap #nihondo #concept .concept_detail p.txt {
      text-align: center;
      font-size: 3.5vw;
      line-height: 1.8;
      text-justify: inherit; }
    body #contents #wrap #nihondo #concept .concept_detail .detail_btn {
      margin-top: 30px; }
      body #contents #wrap #nihondo #concept .concept_detail .detail_btn a {
        font-size: 3.8vw;
        text-decoration: none;
        position: relative;
        padding: 2px 22px 4px 0;
        border: 1px solid #ccc;
        padding: 10px;
        width: 80%;
        margin: 30px auto;
        line-height: 1.5;
        display: block; }
        body #contents #wrap #nihondo #concept .concept_detail .detail_btn a:before {
          content: '';
          width: 10px;
          height: 1px;
          background: #b3b3b3;
          position: absolute;
          top: 50%;
          right: 15px;
          transform: translateY(-50%); }
        body #contents #wrap #nihondo #concept .concept_detail .detail_btn a:after {
          content: '';
          width: 10px;
          height: 1px;
          background: #b3b3b3;
          position: absolute;
          top: 50%;
          right: 15px;
          transform: translateY(-50%) rotate(90deg);
          transition: .3s; }
        body #contents #wrap #nihondo #concept .concept_detail .detail_btn a.active:after {
          transform: rotate(0);
          transition: .3s; }
  body #contents #wrap #nihondo #concept .concept_more {
    display: none;
    width: 90%;
    margin: 40px auto 0; }
    body #contents #wrap #nihondo #concept .concept_more h3 {
      margin-top: 20px;
      padding: 0; }
    body #contents #wrap #nihondo #concept .concept_more .concept_more_txt {
      text-align: justify; }
    body #contents #wrap #nihondo #concept .concept_more img {
      width: 100%; }

    /*---------------------------nihondo_new--------------------------------------------------------------------*/
    body #contents #wrap #nihondo #concept .shop_image {
      margin-bottom: 40px !important;
    }

    body #contents #wrap #nihondo #concept .concept_more .concept_more_txt {
      font-size: 14px !important;
    }

    body #contents #main-column #wrap section {
      margin-bottom: 40px;
    }
    body #contents #main-column #wrap #concept {
      margin-bottom: 60px;
    }
  
}