/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/* line 8, ../../../../scss/_reset.scss */
html {
  color: #000;
  background: #FFF;
}

/* line 8, ../../../../scss/_reset.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* line 8, ../../../../scss/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 8, ../../../../scss/_reset.scss */
fieldset, img {
  border: 0;
	max-width: 100%;
}

/* line 8, ../../../../scss/_reset.scss */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* line 8, ../../../../scss/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 8, ../../../../scss/_reset.scss */
caption, th {
  text-align: left;
}

/* line 8, ../../../../scss/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 8, ../../../../scss/_reset.scss */
q:before, q:after {
  content: '';
}

/* line 8, ../../../../scss/_reset.scss */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* line 8, ../../../../scss/_reset.scss */
sup {
  vertical-align: text-top;
}

/* line 8, ../../../../scss/_reset.scss */
sub {
  vertical-align: text-bottom;
}

/* line 8, ../../../../scss/_reset.scss */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

/* line 8, ../../../../scss/_reset.scss */
legend {
  color: #000;
}

/* line 8, ../../../../scss/_reset.scss */
#yui3-css-stamp.cssreset {
  display: none;
}

@media screen and (min-width: 769px) {
  /* line 2, ../../../../scss/_frame.scss */
  .h_pc {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 7, ../../../../scss/_frame.scss */
  #pan {
    display: none !important;
  }
  .h_sp {
    display: none !important;
  }
}
/* line 12, ../../../../scss/_frame.scss */
body {
  background: transparent;
  color: #000;
}

/* line 17, ../../../../scss/_frame.scss */
#container {
  width: 1000px;
}
@media screen and (max-width: 768px) {
  /* line 17, ../../../../scss/_frame.scss */
  #container {
    padding-bottom: 50px;
    width: 100%;
		display: flex;
		flex-direction: column;
  }
}

/* line 26, ../../../../scss/_frame.scss */
header .upper {
  height: 50px;
  box-sizing: border-box;
  background: #6c9e01;
}
@media screen and (max-width: 768px) {
  /* line 26, ../../../../scss/_frame.scss */
  header .upper {
    display: none;
  }
}
/* line 33, ../../../../scss/_frame.scss */
header .upper .inner {
  margin: 0 auto;
  width: 1000px;
}
/* line 37, ../../../../scss/_frame.scss */
header .upper h1 {
  padding-top: 8px;
  float: left;
  color: #fff;
  font-size: 12px;
  text-align: left;
  text-shadow: 1px 1px 2e6200;
}
/* line 45, ../../../../scss/_frame.scss */
header .upper .tel, header .upper .care, header .upper .benefit {
  display: block;
  border-left: 1px solid #a7c567;
  float: right;
  box-sizing: border-box;
  height: 50px;
}
/* line 51, ../../../../scss/_frame.scss */
header .upper .tel span, header .upper .care span, header .upper .benefit span {
  color: #fff;
  font-size: 12px;
  text-shadow: 1px 1px #2e6200;
  display: block;
}
/* line 58, ../../../../scss/_frame.scss */
header .upper a:hover {
  text-decoration: none;
}
/* line 60, ../../../../scss/_frame.scss */
header .upper a:hover img {
  visibility: hidden;
}
/* line 63, ../../../../scss/_frame.scss */
header .upper a:hover span {
  color: #ff6;
}
/* line 67, ../../../../scss/_frame.scss */
header .upper .tel {
  padding-top: 8px;
  width: 230px;
  border-right: 1px solid #a7c567;
}
/* line 71, ../../../../scss/_frame.scss */
header .upper .tel img {
  margin: 0 0 2px 12px;
  display: block;
}
/* line 75, ../../../../scss/_frame.scss */
header .upper .tel span {
  margin-left: 10px;
}
/* line 79, ../../../../scss/_frame.scss */
header .upper .care {
  padding-top: 8px;
  width: 92px;
  text-align: center;
}
/* line 82, ../../../../scss/_frame.scss */
header .upper .care:hover {
  background: url("../img/common/header_care_on.png") center 8px no-repeat;
}
/* line 86, ../../../../scss/_frame.scss */
header .upper .care img {
  margin: 0 auto 4px;
  display: block;
  width: 19px;
  height: 17px;
}
/* line 93, ../../../../scss/_frame.scss */
header .upper .benefit {
  padding-top: 8px;
  text-align: center;
  width: 138px;
}
/* line 97, ../../../../scss/_frame.scss */
header .upper .benefit img {
  margin: 0 auto 4px;
  display: block;
  width: 16px;
  height: 17px;
}
/* line 103, ../../../../scss/_frame.scss */
header .upper .benefit:hover {
  background: url("../img/common/header_benefit_on.png") center 8px no-repeat;
}
/* line 109, ../../../../scss/_frame.scss */
header .lower .inner {
  margin: 0 auto;
  width: 1000px;
  height: 76px;
}
@media screen and (max-width: 768px) {
  /* line 109, ../../../../scss/_frame.scss */
  header .lower .inner {
    padding: 0 4%;
    width: 100%;
    box-sizing: border-box;
		height: auto;
  }
}
/* line 119, ../../../../scss/_frame.scss */
header .lower .logo {
  margin-top: 17px;
  float: left;
  width: 203px;
}
@media screen and (max-width: 768px) {
  /* line 119, ../../../../scss/_frame.scss */
  header .lower .logo {
    width: 26%;
    height: 42px;
  }
}
@media screen and (max-width: 768px) and (max-width: 425px) {
  /* line 119, ../../../../scss/_frame.scss */
  header .lower .logo {
    width: 44%;
  }
}

/* line 130, ../../../../scss/_frame.scss */
header .lower .logo:hover {
  opacity: 0.7;
}
/* line 133, ../../../../scss/_frame.scss */
header .lower .logo img {
  display: block;
  width: 100%;
}
/* line 138, ../../../../scss/_frame.scss */
header .lower .cart_area {
  margin-left: 15px;
  float: right;
  background: #e5e5e5;
  width: 229px;
  height: 76px;
  border-left: 1px solid #f3f3f3;
  text-shadow: 1px 1px #fff;
}
@media screen and (max-width: 768px) {
  /* line 138, ../../../../scss/_frame.scss */
  header .lower .cart_area {
    width: 48%;
    margin-top: 7px;
    height: 52px;
    overflow: hidden;
    margin-right: 16%;
  }
}
@media screen and (max-width: 768px) and (max-width: 424px) {
  /* line 138, ../../../../scss/_frame.scss */
  header .lower .cart_area {
    width: 16%;
  }
}

/* line 156, ../../../../scss/_frame.scss */
header .lower .cart_area .ti {
  padding-top: 42px;
  float: left;
  background: url(../img/common/header_cart.png) center 11px no-repeat;
  color: #000;
  text-align: center;
  font-size: 14px;
  width: 100px;
}
@media screen and (max-width: 768px) {
  /* line 156, ../../../../scss/_frame.scss */
  header .lower .cart_area .ti {
    font-size: 0;
    width: 30%;
    height: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 424px) {
  /* line 156, ../../../../scss/_frame.scss */
  header .lower .cart_area .ti {
    width: 100%;
  }
}

/* line 173, ../../../../scss/_frame.scss */
header .lower .cart_area .information {
  float: right;
  width: 110px;
  text-align: right;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  /* line 173, ../../../../scss/_frame.scss */
  header .lower .cart_area .information {
    width: 70%;
  }
}
/* line 181, ../../../../scss/_frame.scss */
header .lower .cart_area .information .item {
  margin: 16px 16px 0 0;
}
@media screen and (max-width: 768px) {
  /* line 181, ../../../../scss/_frame.scss */
  header .lower .cart_area .information .item {
    margin: 5px 9% 0 0;
  }
}
/* line 187, ../../../../scss/_frame.scss */
header .lower .cart_area .information .total {
  margin: 8px 16px 0 0;
}
@media screen and (max-width: 768px) {
  /* line 187, ../../../../scss/_frame.scss */
  header .lower .cart_area .information .total {
    margin: 5px 9% 0 0;
  }
}
/* line 193, ../../../../scss/_frame.scss */
header .lower .cart_area .information span {
  font-weight: bold;
}
/* line 198, ../../../../scss/_frame.scss */
header .lower .mypage, header .lower .logout, header .lower .register {
  margin: 13px 0 0 15px;
  width: 176px;
  height: 48px;
  overflow: hidden;
  display: block;
  float: right;
}
/* line 205, ../../../../scss/_frame.scss */
header .lower .mypage img, header .lower .logout img, header .lower .register img {
  display: block;
}
/* line 209, ../../../../scss/_frame.scss */
header .lower .mypage:hover, header .lower .logout:hover {
  opacity: 0.7;
}
/* line 212, ../../../../scss/_frame.scss */
header .lower .register:hover img {
  position: relative;
  top: -48px;
}
@media screen and (max-width: 768px) {
  /* line 217, ../../../../scss/_frame.scss */
  header .lower .mypage, header .lower .logout, header .lower .register {
    margin: 10px 0;
    height: auto;
  }
  /* line 220, ../../../../scss/_frame.scss */
  header .lower .mypage img, header .lower .logout img, header .lower .register img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 424px) {
  /* line 217, ../../../../scss/_frame.scss */
  header .lower .mypage, header .lower .logout, header .lower .register {
    width: 46%;
  }
}
@media screen and (max-width: 768px) {
  /* line 227, ../../../../scss/_frame.scss */
  header .lower .mypage{
    float: right;
  }
	header .lower .logout {
		float: left;
	}
  /* line 230, ../../../../scss/_frame.scss */
  header .lower .register {
    float: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 425px) {
  /* line 230, ../../../../scss/_frame.scss */
  header .lower .register {
    float: right;
    margin-right: 12px;
  }
}

/* line 240, ../../../../scss/_frame.scss */
nav.gnav {
  margin-bottom: 20px;
  height: 80px;
  background: url("../img/common/gnav_line.png") left top repeat-x, url("../img/common/gnav_line.png") left bottom repeat-x;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  /* line 240, ../../../../scss/_frame.scss */
  nav.gnav {
    display: none;
  }
}
/* line 248, ../../../../scss/_frame.scss */
nav.gnav .inner {
  margin: 0 auto;
  width: 1000px;
  height: 100%;
}
/* line 252, ../../../../scss/_frame.scss */
nav.gnav .inner a {
  padding-top: 15px;
  display: block;
  width: 200px;
  float: left;
  height: 100%;
  box-sizing: border-box;
  background: url("../img/common/gnav_line.png") left top repeat-x, url("../img/common/gnav_line.png") left bottom repeat-x #fff;
  color: #000;
  font-size: 16px;
  text-shadow: 1px 1px #fff;
  text-align: center;
}
/* line 265, ../../../../scss/_frame.scss */
nav.gnav .inner a span {
  display: block;
  margin: 0 auto;
}
/* line 269, ../../../../scss/_frame.scss */
nav.gnav .inner .top span {
  margin-bottom: 10px;
  width: 24px;
  height: 25px;
  background: url("../img/common/gnav_top.png") top;
}
/* line 275, ../../../../scss/_frame.scss */
nav.gnav .inner .items span {
  margin-bottom: 11px;
  width: 22px;
  height: 24px;
  background: url("../img/common/gnav_list.png") top;
}
/* line 281, ../../../../scss/_frame.scss */
nav.gnav .inner .search span {
  margin-bottom: 6px;
  width: 29px;
  height: 29px;
  background: url("../img/common/gnav_search.png") top;
}
/* line 287, ../../../../scss/_frame.scss */
nav.gnav .inner .faq span {
  margin-bottom: 11px;
  width: 23px;
  height: 24px;
  background: url("../img/common/gnav_faq.png") top;
}
/* line 293, ../../../../scss/_frame.scss */
nav.gnav .inner .contact span {
  margin: 5px auto 12px;
  width: 26px;
  height: 18px;
  background: url("../img/common/gnav_contact.png") top;
}

/* line 302, ../../../../scss/_frame.scss */
nav.gnav a:hover,
body.top nav.gnav .top,
body.items nav.gnav .items,
body.serach nav.gnav .serach,
body.faq nav.gnav .faq,
body.contact nav.gnav .contact {
  background-image: url("../img/common/gnav_line_on.png"), url("../img/common/gnav_line_on.png");
  background-color: #def6fe;
  text-decoration: none;
}
/* line 311, ../../../../scss/_frame.scss */
nav.gnav a:hover span,
body.top nav.gnav .top span,
body.items nav.gnav .items span,
body.serach nav.gnav .serach span,
body.faq nav.gnav .faq span,
body.contact nav.gnav .contact span {
  background-position: bottom !important;
}

/* line 316, ../../../../scss/_frame.scss */
#main_column.colnum2 {
  width: 740px;
}
@media screen and (max-width: 768px) {
  /* line 316, ../../../../scss/_frame.scss */
  #main_column.colnum2 {
    width: 100%;
  }
}

/* line 323, ../../../../scss/_frame.scss */
#main_column.colnum2.right {
  padding: 0;
}
@media screen and (max-width: 768px) {
  /* line 323, ../../../../scss/_frame.scss */
  #main_column.colnum2.right {
    width: 94%;
    margin: 0 auto;
    float: none;
		order: 1;
  }
}

.banner_sub_main {
	margin:0px 0px 20px;
}

/* line 332, ../../../../scss/_frame.scss */
#leftcolumn {
  width: 240px;
  float: left;
  padding: 0;
}
@media screen and (max-width: 768px) {
  /* line 332, ../../../../scss/_frame.scss */
  #leftcolumn {
    width: 94%;
    float: none;
    padding: 0;
    margin: 0 auto;
		order: 3;
  }
	.banner_sub_main {
		margin:20px 0px 20px;
	}
}
/* line 343, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item,
#main_column #search_area .item {
  margin-bottom: 20px;
  padding: 20px 12px 41px 12px;
  background: url("../img/common/bg_black.png");
  border-radius: 4px;
}
/* line 348, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item .formlist,
#main_column #search_area .item .formlist{
  margin-bottom: 20px;
}
/* line 350, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item .formlist dt,
#main_column #search_area .item .formlist dt {
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 1px #000;
  background: url("../img/common/icon_check.png") left center no-repeat;
}
/* line 358, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item .formlist dd,
#main_column #search_area .item .formlist dd {
  position: relative;
}
/* line 361, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item .formlist.cat dd:after,
#main_column #search_area .item .formlist.cat dd:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 7px solid #202123;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 16px;
  right: 13px;
  pointer-events: none;
}
/* line 373, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item .formlist select,
#main_column #search_area .item .formlist select {
  line-height: 35px;
  border: 0;
  background: #fff;
  box-shadow: none;
  border-radius: 2px;
  width: 100%;
  height: 35px;
  font-size: 14px;
  box-shadow: -46px 0 0 -10px #eae9e9 inset;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  padding: 0 8px;
  box-shadow: -46px 0 0 -10px #eae9e9 inset;
}
/* line 388, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item .formlist select option:first-child,
#main_column #search_area .item .formlist select option:first-child {
  color: #999;
}
/* line 392, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item .formlist input[type=text],
#main_column #search_area .item .formlist input[type=text] {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 4px;
}
/* line 402, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item input[type=submit],
#main_column #search_area .item input[type=submit] {
  width: 178px;
  height: 40px;
  border: 0;
  border-radius: 20px;
  background: #6c9e01;
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1em;
  line-height: 40px;
  text-align: center;
  padding-left: 1em;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  box-shadow: 0 4px 0 #bfbebe;
}
/* line 420, ../../../../scss/_frame.scss */
#leftcolumn #search_area .item input[type=submit]:hover,
#main_column #search_area .item input[type=submit]:hover{
  background: #78b001;
  color: #ff6;
}
input.detail_search{
  width: 178px;
  height: 40px;
  border: 0;
  border-radius: 20px;
  background: #6c9e01;
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1em;
  line-height: 40px;
  text-align: center;
  padding-left: 1em;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
}
/* line 420, ../../../../scss/_frame.scss */
input.detail_search:hover{
  background: #78b001;
  color: #ff6;
}
/* line 427, ../../../../scss/_frame.scss */
#leftcolumn .filter,
#main_column #search_area .filter{
  margin-bottom: 25px;
}
/* line 429, ../../../../scss/_frame.scss */
#leftcolumn .filter a,
#main_column #search_area .filter a {
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 5px;
  background: #6c9e01;
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  box-shadow: 0 4px 0 #bfbebe;
}
/* line 445, ../../../../scss/_frame.scss */
#leftcolumn .filter a:hover,
#main_column #search_area .filter a:hover{
  background: #78b001;
  color: #ff6;
  text-decoration: none;
}
/* line 449, ../../../../scss/_frame.scss */
#leftcolumn .filter a:hover span,
#main_column #search_area .filter a:hover span {
  background-position: center bottom;
}
/* line 453, ../../../../scss/_frame.scss */
#leftcolumn .filter a span,
#main_column #search_area .filter a span{
  width: 16px;
  height: 13px;
  display: inline-block;
  background: url("../img/common/icon_check_green.png");
  margin-right: 0.5em;
}
/* line 462, ../../../../scss/_frame.scss */
#leftcolumn .maker {
  margin-bottom: 15px;
}
/* line 464, ../../../../scss/_frame.scss */
#leftcolumn .maker .ti {
  background: url("../img/common/bg_black.png");
  padding-left: 20px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px #000;
  height: 46px;
  line-height: 46px;
}
/* line 473, ../../../../scss/_frame.scss */
#leftcolumn .maker .list {
  background: #eee;
  padding: 15px;
}
/* line 476, ../../../../scss/_frame.scss */
#leftcolumn .maker .list a {
  margin-bottom: 14px;
  padding: 3px;
  display: block;
  width: 100%;
  height: 60px;
  background: #fff;
  line-height: 60px;
  color: #00f;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 #ababab;
}
/* line 491, ../../../../scss/_frame.scss */
#leftcolumn .maker .list a:hover {
  text-decoration: none;
  background: #fafeec;
}
/* line 494, ../../../../scss/_frame.scss */
#leftcolumn .maker .list a:hover span {
  background: #e5fc9f;
}
/* line 498, ../../../../scss/_frame.scss */
#leftcolumn .maker .list a img {
  display: inline-block;
}
/* line 501, ../../../../scss/_frame.scss */
#leftcolumn .maker .list a span {
  display: block;
  width: 72px;
  height: 100%;
  background: #f3fed1;
  text-align: center;
  float: left;
}
#leftcolumn .maker .list a.smalltext {
  font-size:15px;
}
/* line 508, ../../../../scss/_frame.scss */
#leftcolumn .maker .list a span img {
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  vertical-align: initial;
  margin-top:22px;
}
/* line 515, ../../../../scss/_frame.scss */
#leftcolumn .maker .list a.etc img {
  height: 4px;
  vertical-align: middle;
}
/* line 523, ../../../../scss/_frame.scss */
#leftcolumn .links a {
  margin-bottom: 12px;
  display: block;
  height: 74px;
  overflow-y: hidden;
}
/* line 528, ../../../../scss/_frame.scss */
#leftcolumn .links a img {
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 528, ../../../../scss/_frame.scss */
  #leftcolumn .links a img {
    margin: 0 auto;
  }
}
/* line 535, ../../../../scss/_frame.scss */
#leftcolumn .links a:hover img {
  top: -74px;
}
@media screen and (max-width: 768px) {
  /* line 540, ../../../../scss/_frame.scss */
  #leftcolumn .filter,
  #main_column .filter,
  #leftcolumn .maker,
  #leftcolumn .links,
  #main_column #search_area .maker{
    display: none;
  }
}
/* line 544, ../../../../scss/_frame.scss */
#leftcolumn .bnrs a {
  margin-bottom: 18px;
  display: block;
}
/* line 547, ../../../../scss/_frame.scss */
#leftcolumn .bnrs a:hover img {
  opacity: 0.7;
}
/* line 550, ../../../../scss/_frame.scss */
#leftcolumn .bnrs a img {
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 550, ../../../../scss/_frame.scss */
  #leftcolumn .bnrs a img {
    margin: 0 auto;
  }
}

/* line 560, ../../../../scss/_frame.scss */
#footer_wrap {
  background: #6c9e01;
  width: 100%;
  height: auto;
}
/* line 564, ../../../../scss/_frame.scss */
#footer_wrap #footer {
  background: #6c9e01;
  width: 1000px;
  padding: 0;
  margin: 0 auto;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  /* line 564, ../../../../scss/_frame.scss */
  #footer_wrap #footer {
    width: 100%;
  }
}
/* line 574, ../../../../scss/_frame.scss */
#footer_wrap #footer .info, #footer_wrap #footer .cat, #footer_wrap #footer .maker, #footer_wrap #footer .company {
  padding: 30px 15px 30px 22px;
  float: left;
  width: 250px;
  box-sizing: border-box;
  border-left: 1px dotted #fff;
  height: 340px;
  text-align: left;
}
/* line 582, ../../../../scss/_frame.scss */
#footer_wrap #footer .info .ti, #footer_wrap #footer .cat .ti, #footer_wrap #footer .maker .ti, #footer_wrap #footer .company .ti {
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: bold;
}
/* line 588, ../../../../scss/_frame.scss */
#footer_wrap #footer .info {
  line-height: 1.4;
}
/* line 590, ../../../../scss/_frame.scss */
#footer_wrap #footer .info .logo {
  margin-bottom: 20px;
  display: block;
}
/* line 593, ../../../../scss/_frame.scss */
#footer_wrap #footer .info .logo img {
  display: block;
}
/* line 597, ../../../../scss/_frame.scss */
#footer_wrap #footer .info .address {
  font-weight: normal;
  font-size: 14px;
}
/* line 603, ../../../../scss/_frame.scss */
#footer_wrap #footer .cat a, #footer_wrap #footer .maker a, #footer_wrap #footer .company a {
  display: block;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  position: relative;
  font-size: 14px;
  padding-left: 2em;
  margin-bottom: 5px;
  line-height: 1.45;
}
/* line 612, ../../../../scss/_frame.scss */
#footer_wrap #footer .cat a:before, #footer_wrap #footer .maker a:before, #footer_wrap #footer .company a:before {
  content: '';
  border: 1px solid #fff;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
}
/* line 623, ../../../../scss/_frame.scss */
#footer_wrap #footer .cat a:after, #footer_wrap #footer .maker a:after, #footer_wrap #footer .company a:after {
  display: block;
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 4px;
  height: 4px;
  left: 4px;
  top: 9px;
  transform: rotate(45deg);
  position: absolute;
}
/* line 635, ../../../../scss/_frame.scss */
#footer_wrap #footer .cat a:hover, #footer_wrap #footer .maker a:hover, #footer_wrap #footer .company a:hover {
  text-decoration: none;
}
/* line 637, ../../../../scss/_frame.scss */
#footer_wrap #footer .cat a:hover span, #footer_wrap #footer .maker a:hover span, #footer_wrap #footer .company a:hover span {
  text-decoration: underline;
}
/* line 641, ../../../../scss/_frame.scss */
#footer_wrap #footer .cat a.space, #footer_wrap #footer .maker a.space, #footer_wrap #footer .company a.space {
  margin-bottom: 20px;
}
@media screen and (max-width: 499px) {
  /* line 646, ../../../../scss/_frame.scss */
  #footer_wrap #footer .cat {
    display: none;
  }
}
@media screen and (max-width: 749px) {
  /* line 651, ../../../../scss/_frame.scss */
  #footer_wrap #footer .maker {
    display: none;
  }
}
/* line 656, ../../../../scss/_frame.scss */
#footer_wrap #footer .company {
  border-right: 1px dotted #fff;
}
@media screen and (max-width: 768px) {
  /* line 656, ../../../../scss/_frame.scss */
  #footer_wrap #footer .company {
    display: none;
  }
}
/* line 663, ../../../../scss/_frame.scss */
#footer_wrap #copyright {
  width: 100%;
  color: #000;
  padding: 10px 0;
  text-align: center;
}
/* line 668, ../../../../scss/_frame.scss */
#footer_wrap #copyright a {
  color: #00f;
  text-decoration: underline;
}

/* line 675, ../../../../scss/_frame.scss */
#go_top {
  width: 69px;
  height: 69px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 7px solid #3aa7c9;
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  bottom: 30px;
  right: 3%;
  transition: opacity .2s;
}
@media screen and (max-width: 768px) {
  /* line 675, ../../../../scss/_frame.scss */
  #go_top {
    display: none;
  }
}
/* line 689, ../../../../scss/_frame.scss */
#go_top:before, #go_top:after {
  content: '';
  height: 27px;
  width: 6px;
  border-radius: 3px;
  position: absolute;
  background: #3aa7c9;
}
/* line 697, ../../../../scss/_frame.scss */
#go_top:before {
  transform: rotate(45deg);
  top: 12px;
  right: 32px;
}
/* line 702, ../../../../scss/_frame.scss */
#go_top:after {
  transform: rotate(-45deg);
  top: 12px;
  left: 32px;
}
/* line 707, ../../../../scss/_frame.scss */
#go_top:hover {
  opacity: .7;
}

/* line 712, ../../../../scss/_frame.scss */
#pan {
  margin: 0 auto 25px;
  width: 1000px;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #f9f7f1, #ecebeb);
  border: 1px solid #ccc;
  overflow: hidden;
  text-align: left;
}
@media screen and (max-width: 768px) {
  /* line 712, ../../../../scss/_frame.scss */
  #pan {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 12px;
  }
}
/* line 726, ../../../../scss/_frame.scss */
#pan a {
  margin: 0;
  padding: 0 20px 0;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  color: #00f;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 768px) {
  /* line 726, ../../../../scss/_frame.scss */
  #pan a {
    padding: 0 15px 0;
    font-size: 12px;
  }
}
/* line 742, ../../../../scss/_frame.scss */
#pan a:after {
  position: absolute;
  content: '';
  width: 22px;
  height: 22px;
  transform: rotate(45deg);
  top: 3px;
  right: -5px;
  border-top: 1px solid #d8d7d6;
  border-right: 1px solid #d8d7d6;
  display: block;
}
/* line 754, ../../../../scss/_frame.scss */
#pan a:hover {
  text-decoration: none;
}
/* line 757, ../../../../scss/_frame.scss */
#pan a.top {
  width: 80px;
  padding: 0;
}
/* line 760, ../../../../scss/_frame.scss */
#pan a.top:after {
  right: -4px;
}
/* line 763, ../../../../scss/_frame.scss */
#pan a.top img {
  display: block;
  margin: 0 auto;
  padding-top: 7px;
}
/* line 769, ../../../../scss/_frame.scss */
#pan a.now {
  color: #000;
}
@media screen and (max-width: 768px) {
  /* line 772, ../../../../scss/_frame.scss */
  #pan a.now:after {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  /* line 781, ../../../../scss/_frame.scss */
  #menu_icon {
    position: fixed;
    right: 0;
    height: 22px;
    width: 16%;
    top: 20px;
  }
  /* line 787, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 20px 0 10px;
    border-radius: 50%;
    background: #fff;
  }
  /* line 795, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn:hover {
    background: #fafafa;
  }
  /* line 799, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 30%;
    width: 24px;
    height: 3px;
    margin: -1px 0 0 -7px;
    background: #ccc;
    transition: .2s;
  }
  /* line 809, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon:before, #menu_icon #panel-btn-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 3px;
    background: #ccc;
    transition: .3s;
  }
  /* line 820, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon:before {
    margin-top: -9px;
  }
  /* line 823, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon:after {
    margin-top: 6px;
  }
  /* line 826, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon.close {
    background: transparent;
  }
  /* line 828, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon.close:before, #menu_icon #panel-btn-icon.close:after {
    margin-top: 0;
  }
  /* line 831, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon.close:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 834, ../../../../scss/_frame.scss */
  #menu_icon #panel-btn-icon.close:after {
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  /* line 840, ../../../../scss/_frame.scss */
  .gnav_sp {
    display: none;
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    width: 100%;
    top: 60px;
    z-index: 100;
    font-size: 14px;
  }
  /* line 848, ../../../../scss/_frame.scss */
  .gnav_sp a {
    padding: 15px;
    border-bottom: 1px solid #ecb7b7;
    display: block;
    color: #5a5a5a;
  }
  /* line 853, ../../../../scss/_frame.scss */
  .gnav_sp a img {
    height: 15px;
    display: block;
  }
}
/* line 2, ../../../../scss/_main.scss */
body.top .mainvisual {
  display: block;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  /* line 2, ../../../../scss/_main.scss */
  body.top .mainvisual {
    width: 100%;
    margin-bottom: 12px;
  }
}
/* line 11, ../../../../scss/_main.scss */
body.top #main_column .section {
  margin-bottom: 20px;
}

body.LC_Page_User #main_column {
  font-size:15px;
  line-height:180%;
}
body.LC_Page_User #main_column section {
  margin-bottom: 30px;
}
body.LC_Page_User #main_column section .sub {
  margin-left: 20px;
}
body.LC_Page_User h2.title {
  background:url("../img/common/bg_black.png");
  color:#FFFFFF;
  font-size:18px;
  height:46px;
  line-height:46px;
  margin-bottom:20px;
  padding-left:25px;
  text-shadow:#000000 1px 1px;
}
body.LC_Page_User #main_column section h4 {
  font-size:120%;
  font-weight:bold;
  margin: 20px 0 5px;
}
@media screen and (max-width: 768px) {
body.LC_Page_User #main_column img{
 max-width:90%;
}
}


h2.title {
  background:url("../img/faq/icon_h2.png") 20px 15px no-repeat, url("../img/common/bg_black.png");
  border-radius:4px 4px 0 0;
  color:#FFFFFF;
  font-size:18px;
  height:46px;
  line-height:46px;
  margin-bottom:20px;
  padding-left:52px;
  text-shadow:#000000 1px 1px;
}
h3.title {
  margin-bottom: 10px;
  padding: 15px 10px 10px 20px;
  min-height: 30px;
  background: #ccc;
  color: #000;
  line-height: 150%;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 1px 1px #fff;
  border-radius: 4px 4px 0 0;
}


/* line 15, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker h2,
body.top #main_column .section.maker h2,
body.top #main_column .section.news h2,
body.top #main_column .section.recommend h2 {
  margin-bottom: 30px;
  line-height: 46px;
  padding-left: 54px;
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 1px #000;
  border-radius: 4px 4px 0 0;
}
/* line 25, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker ,
body.top #main_column .section.maker {
  padding: 20px 20px 5px;
  border: 1px solid #ccc;
  background: #f3fbfe;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  /* line 25, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker ,
body.top #main_column .section.maker {
    padding: 10px 10px 5px;
  }
}
/* line 33, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker h2,
body.top #main_column .section.maker h2 {
  background: url("../img/top/icon_lupe.png") 16px center no-repeat, url("../img/common/bg_black.png");
}
/* line 42, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker a,
body.top #main_column .section.maker a {
  float: left;
  margin: 20px 11px 20px 0;
  display: block;
  height: 82px;
  width: 225px;
  background: url("../img/top/maker_bg.png");
  box-sizing: border-box;
  text-decoration: none;
}
/* line 51, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker a:hover,
body.top #main_column .section.maker a:hover {
  background: url("../img/top/maker_bg_on.png");
}
/* line 54, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker a:nth-child(3n),
body.top #main_column .section.maker a:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  /* line 58, ../../../../scss/_main.scss */
  body.LC_Page_User #main_column .section.maker a:nth-child(odd),
  body.top #main_column .section.maker a:nth-child(odd) {
    margin: 15px 0 15px 6%;
    float: left;
  }
  /* line 62, ../../../../scss/_main.scss */
  body.LC_Page_User #main_column .section.maker  a:nth-child(even),
  body.top #main_column .section.maker a:nth-child(even) {
    margin: 15px 6% 15px 0;
    float: right;
  }
}
@media screen and (max-width: 768px) and (max-width: 584px) {
  /* line 67, ../../../../scss/_main.scss */
  body.LC_Page_User #main_column .section.maker a:nth-child(odd),
  body.LC_Page_User #main_column .section.maker a:nth-child(even),
  body.top #main_column .section.maker a:nth-child(odd),
  body.top #main_column .section.maker a:nth-child(even) {
    float: none;
    margin: 0 auto 25px;
  }
}

/* line 73, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker a img ,
body.top #main_column .section.maker a img {
  display: block;
  margin: -8px auto 0;
}
/* line 77, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker a span ,
body.top #main_column .section.maker a span {
  display: block;
  margin: 0 auto;
  position: relative;
  top: -20px;
  box-sizing: border-box;
  width: 150px;
  border: 1px solid #6dc6e2;
  background: #e5f6fb;
  color: #00f;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
	padding: 5px 0px;
}
/* line 93, ../../../../scss/_main.scss */
body.LC_Page_User #main_column .section.maker a.etc img ,
body.top #main_column .section.maker a.etc img {
  margin-top: 7px;
}
/* line 98, ../../../../scss/_main.scss */
body.top #main_column .section.news h2 {
  margin-bottom: 5px;
  background: url("../img/top/icon_balloon.png") 16px center no-repeat, url("../img/common/bg_black.png");
}
/* line 102, ../../../../scss/_main.scss */
body.top #main_column .section.news .articles {
  height: 490px;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  /* line 102, ../../../../scss/_main.scss */
  body.top #main_column .section.news .articles {
    height: 300px;
  }
}
/* line 108, ../../../../scss/_main.scss */
body.top #main_column .section.news .articles .article {
  padding: 20px;
  border-bottom: 1px solid #ccc;
}
/* line 111, ../../../../scss/_main.scss */
body.top #main_column .section.news .articles .article:last-child {
  border-bottom: none;
}
/* line 114, ../../../../scss/_main.scss */
body.top #main_column .section.news .articles .article h3 {
  margin-bottom: 20px;
  padding-left: 24px;
  background: url("../img/top/icon_tag.png") left center no-repeat;
  font-size: 18px;
  font-weight: bold;
}
/* line 120, ../../../../scss/_main.scss */
body.top #main_column .section.news .articles .article h3 span {
  margin-right: 12px;
  padding-bottom: 2px;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
}
/* line 132, ../../../../scss/_main.scss */
body.top #main_column .section.recommend {
  margin-bottom: 15px;
}
/* line 134, ../../../../scss/_main.scss */
body.top #main_column .section.recommend h2 {
  margin-bottom: 20px;
  background: url("../img/top/icon_balloon.png") 16px center no-repeat, url("../img/common/bg_black.png");
}
/* line 138, ../../../../scss/_main.scss */
body.top #main_column .section.recommend .block_body {
  border: none;
  padding-top: 4px;
}

/* line 148, ../../../../scss/_main.scss */
body.lineup section.list h2 {
  margin-bottom: 17px;
  background: url("../img/lineup/icon_h2.png") 20px center no-repeat, url("../img/common/bg_black.png");
  padding-left: 52px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px #000;
  height: 46px;
  line-height: 46px;
  border-radius: 4px 4px 0 0;
}
@media screen and (max-width: 768px) {
  /* line 148, ../../../../scss/_main.scss */
  body.lineup section.list h2 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
/* line 163, ../../../../scss/_main.scss */
body.lineup section.list .panel {
  margin-bottom: 16px;
  padding: 7px 12px;
  background: #eee;
  font-size: 14px;
}
/* line 168, ../../../../scss/_main.scss */
body.lineup section.list .panel a {
  color: #00f;
}
@media screen and (max-width: 768px) {
  /* line 171, ../../../../scss/_main.scss */
  body.lineup section.list .panel .result, body.lineup section.list .panel .sort, body.lineup section.list .panel .page {
    display: inline-block;
    margin-bottom: 5px;
  }
}
/* line 177, ../../../../scss/_main.scss */
body.lineup section.list .panel .result {
  float: left;
  line-height: 22px;
}
/* line 181, ../../../../scss/_main.scss */
body.lineup section.list .panel .sort {
  float: right;
}
/* line 183, ../../../../scss/_main.scss */
body.lineup section.list .panel .sort a {
  padding: 0px 7px;
  line-height: 22px;
  border-left: 1px solid #999;
}
/* line 187, ../../../../scss/_main.scss */
body.lineup section.list .panel .sort a:first-child {
  border-left: 0;
}
/* line 192, ../../../../scss/_main.scss */
body.lineup section.list .panel .page {
  float: right;
}
/* line 194, ../../../../scss/_main.scss */
body.lineup section.list .panel .page a {
  float: left;
  margin-left: 5px;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  color: #00f;
  border: 1px solid #d2d2d2;
}
/* line 205, ../../../../scss/_main.scss */
body.lineup section.list .panel .page a.prev, body.lineup section.list .panel .page a.next {
  width: 50px;
}
/* line 208, ../../../../scss/_main.scss */
body.lineup section.list .panel .page a.now {
  background: #00f;
  color: #fff;
}
@media screen and (max-width: 768px) {
  /* line 215, ../../../../scss/_main.scss */
  body.lineup section.list .list {
    letter-spacing: -.40em;
  }
}
@media screen and (max-width: 768px) {
  /* line 220, ../../../../scss/_main.scss */
  body.lineup section.list .product_item {
    width: 48%;
    margin: 0 1% 15px;
    display: inline-block;
    letter-spacing: normal;
    float: none;
  }
  /* line 227, ../../../../scss/_main.scss */
  body.lineup section.list .product_item .productImage {
    margin: 0 auto 7px;
  }
}
/* line 231, ../../../../scss/_main.scss */
body.lineup section.list .product_item .sale_price {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #000;
}
/* line 236, ../../../../scss/_main.scss */
body.lineup section.list .product_item .description {
  margin-bottom: 8px;
}

/* line 246, ../../../../scss/_main.scss */
body.item_detail #main_column .detail h2 {
  margin-bottom: 20px;
  background: url("../img/common/bg_black.png");
  padding-left: 20px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px #000;
  border-radius: 4px 4px 0 0;
	padding: 10px 10px 10px;
}
@media screen and (max-width: 768px) {
  /* line 246, ../../../../scss/_main.scss */
  body.item_detail #main_column .detail h2 {
    margin-bottom: 10px;
  }
}
/* line 260, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .info {
  margin-bottom: 35px;
}
/* line 263, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area {
  float: left;
  padding: 14px;
  width: 390px;
  box-sizing: border-box;
  box-shadow: 0 0 4px rgba(121, 121, 121, 0.4);
}
@media screen and (max-width: 768px) {
  /* line 263, ../../../../scss/_main.scss */
  body.item_detail #main_column .detail .img_area {
    float: none;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 390px) {
  /* line 263, ../../../../scss/_main.scss */
  body.item_detail #main_column .detail .img_area {
    width: 100%;
  }
}
body.item_detail #main_column .detail .img_area a.cboxElement {
cursor:zoom-in;
}

/* line 276, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area .big {
  margin-bottom: 14px;
  height: 100%;
  overflow: hidden;
  border: 1px solid #e3e3e3;
}
/* line 281, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area .big img {
  display: block;
  width: 100%;
}
/* line 286, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area .thumb {
  text-align: center;
}
/* line 288, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area .thumb li {
  float: left;
  margin-right: 3.5%;
  width: 31%;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
	margin-bottom: 5px;
}
/* line 294, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area .thumb li.active {
  opacity: 0.7;
}
/* line 297, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area .thumb li:nth-child(3n) {
  margin-right: 0;
}
/* line 300, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .img_area .thumb li img {
  margin-bottom: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
/* line 309, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right {
  width: 321px;
  float: right;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  /* line 309, ../../../../scss/_main.scss */
  body.item_detail #main_column .detail .right {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}
/* line 318, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .price, body.item_detail #main_column .detail .right .description, body.item_detail #main_column .detail .right .quantity {
  padding: 14px 0;
  border-bottom: 1px dotted #666;
}
/* line 323, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .price span {
  color: red;
  display: block;
  float: right;
  font-size: 24px;
  font-weight: bold;
}
/* line 331, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .description {
  line-height: 1.4;
}
/* line 334, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .quantity {
  margin-bottom: 25px;
  line-height: 35px;
}
/* line 337, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .quantity span {
  font-size: 14px;
  display: block;
  float: right;
}
/* line 341, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .quantity span input {
  margin-right: 7px;
  visibility: middle;
  width: 54px;
  height: 30px;
  border: 1px solid #cecece;
  box-shadow: 1px 1px #999;
}
/* line 351, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .cart_in, body.item_detail #main_column .detail .right .like {
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 351, ../../../../scss/_main.scss */
  body.item_detail #main_column .detail .right .cart_in, body.item_detail #main_column .detail .right .like {
    margin: 0 auto;
  }
}
@media screen and (max-width: 360px) {
  /* line 351, ../../../../scss/_main.scss */
  body.item_detail #main_column .detail .right .cart_in, body.item_detail #main_column .detail .right .like {
    width: 100%;
  }
}
/* line 360, ../../../../scss/_main.scss */
body.item_detail #main_column .detail .right .cart_in {
  margin-bottom: 12px;
}
/* line 364, ../../../../scss/_main.scss */
body.item_detail #main_column .detail section {
  margin-bottom: 30px;
}
/* line 366, ../../../../scss/_main.scss */
body.item_detail #main_column .detail section h3 {
  margin-bottom: 20px;
  padding-left: 20px;
  height: 45px;
  line-height: 45px;
  background: #ccc;
  color: #000;
  font-size: 16px;
  text-shadow: 1px 1px #fff;
  border-radius: 4px 4px 0 0;
}
/* line 377, ../../../../scss/_main.scss */
body.item_detail #main_column .detail section p {
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.6;
}
/* line 383, ../../../../scss/_main.scss */
body.item_detail #main_column .detail section .similer_items li {
  position: relative;
  border-bottom: 1px dotted #666;
}
/* line 386, ../../../../scss/_main.scss */
body.item_detail #main_column .detail section .similer_items li:before {
  content: '';
  border: 1px solid #676767;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 16px;
}
/* line 397, ../../../../scss/_main.scss */
body.item_detail #main_column .detail section .similer_items li:after {
  display: block;
  content: '';
  border-top: 1px solid #676767;
  border-right: 1px solid #676767;
  width: 5px;
  height: 5px;
  left: 3px;
  top: 20px;
  transform: rotate(45deg);
  position: absolute;
}
/* line 409, ../../../../scss/_main.scss */
body.item_detail #main_column .detail section .similer_items li a {
  padding: 12px 0 12px 1.3em;
  display: inline-block;
  font-size: 16px;
  color: blue;
  line-height: 1.5;
}
/* line 421, ../../../../scss/_main.scss */
body.item_detail #main_column .related h2 {
  margin-bottom: 20px;
  background: url(../img/common/bg_black.png);
  padding-left: 20px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px #000;
  height: 46px;
  line-height: 46px;
  border-radius: 4px 4px 0 0;
}

/* line 438, ../../../../scss/_main.scss */
body.faq #main_column h2 {
  margin-bottom: 20px;
  background: url(../img/faq/icon_h2.png) 20px 15px no-repeat, url(../img/common/bg_black.png);
  padding-left: 52px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px #000;
  height: 46px;
  line-height: 46px;
  border-radius: 4px 4px 0 0;
}
/* line 449, ../../../../scss/_main.scss */
body.faq #main_column section {
  margin-bottom: 30px;
}
/* line 451, ../../../../scss/_main.scss */
body.faq #main_column section h3 {
  margin-bottom: 5px;
  padding-left: 20px;
  height: 45px;
  background: #ccc;
  color: #000;
  line-height: 45px;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 1px 1px #fff;
  border-radius: 4px 4px 0 0;
}
/* line 463, ../../../../scss/_main.scss */
body.faq #main_column section .sub {
  margin-left: 20px;
  border-bottom: 1px dotted #666;
}
@media screen and (max-width: 768px) {
  /* line 463, ../../../../scss/_main.scss */
  body.faq #main_column section .sub {
    margin-left: 10px;
  }
}
/* line 469, ../../../../scss/_main.scss */
body.faq #main_column section .sub h4 {
  padding: 10px 0;
  color: blue;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  /* line 469, ../../../../scss/_main.scss */
  body.faq #main_column section .sub h4 {
    font-size: 16px;
  }
}
/* line 479, ../../../../scss/_main.scss */
body.faq #main_column section .sub .acc {
  display: none;
}
/* line 482, ../../../../scss/_main.scss */
body.faq #main_column section .sub .qas {
  margin-bottom: 12px;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  /* line 482, ../../../../scss/_main.scss */
  body.faq #main_column section .sub .qas {
    padding-left: 0;
  }
}
/* line 488, ../../../../scss/_main.scss */
body.faq #main_column section .sub .qas .qa {
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  /* line 488, ../../../../scss/_main.scss */
  body.faq #main_column section .sub .qas .qa {
    margin-bottom: 0;
  }
}
/* line 494, ../../../../scss/_main.scss */
body.faq #main_column section .sub .qas .q {
  margin-bottom: 10px;
  padding: 10px 0 10px 32px;
  background: url("../img/faq/icon_q.png") left center no-repeat;
  color: blue;
  font-size: 18px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  /* line 494, ../../../../scss/_main.scss */
  body.faq #main_column section .sub .qas .q {
    margin-bottom: 0;
    font-size: 16px;
  }
}
/* line 506, ../../../../scss/_main.scss */
body.faq #main_column section .sub .qas .a {
  padding: 10px 12px 15px 42px;
  background: url("../img/faq/icon_a.png") 12px 12px no-repeat #feeee3;
  font-size: 16px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  /* line 520, ../../../../scss/_main.scss */
  .rec_list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

/* line 529, ../../../../scss/_main.scss */
.product_item {
  margin: 0 10px 10px 0;
  padding: 12px;
  box-shadow: 0 0 3px #bab7b7;
  box-sizing: border-box;
  width: 240px;
  float: left;
}
@media screen and (max-width: 768px) {
  /* line 529, ../../../../scss/_main.scss */
  .product_item {
    display: inline-block;
    float: none;
    margin: 0 5px 10px;
    vertical-align: top;
    width: 146px;
  }
  /* line 542, ../../../../scss/_main.scss */
  .product_item h3 {
    white-space: normal;
  }
}
/* line 546, ../../../../scss/_main.scss */
.product_item:nth-child(3n) {
  margin-right: 0;
}
/* line 549, ../../../../scss/_main.scss */
.product_item .productImage {
  margin-bottom: 10px;
  display: block;
  width: 214px;
  height: 214px;
  border: 1px solid #e3e3e3;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
  /* line 549, ../../../../scss/_main.scss */
  .product_item .productImage {
    width: 120px;
    height: 120px;
  }
  /* line 558, ../../../../scss/_main.scss */
  .product_item .productImage img {
    width: 100%;
  }
}
/* line 564, ../../../../scss/_main.scss */
.product_item .productContents h3 {
  margin-bottom: 5px;
  color: #000;
  font-size: 17px;
  font-weight: bold;
}
/* line 570, ../../../../scss/_main.scss */
.product_item .productContents .sale_price {
  margin-bottom: 10px;
  color: #f00;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  /* line 570, ../../../../scss/_main.scss */
  .product_item .productContents .sale_price {
    white-space: normal;
  }
}
/* line 579, ../../../../scss/_main.scss */
.product_item .productContents a {
  color: #000;
}
.product_item .productContents a.button_detail {
  display: block;
  background: #ff6600;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  border-radius: 4px;
}
/* line 588, ../../../../scss/_main.scss */
.product_item .productContents a.button_detail:hover {
  text-decoration: none;
  background: #ff9000;
  color: #ff6;
}

/* Advanced Search */
table.advanced_search {
	margin-top: 20px;
}
table.advanced_search th {
	font-weight: bold;
}
ul.adv_search li {
	display: inline;
}
ul.br3 li:nth-of-type(4)::before{
	content: "\A";
	white-space: pre;
}
ul.adv_search li label {
	margin-right: 15px;
}
ul.adv_search li span.off {
	color: #999999;
}
/* ----Advanced Search end */
/* ----General */
.sp_only {
	display:none;
}
.pc_only {
		display:block;
	}
@media screen and (max-width: 768px) {
	.sp_only {
		display:block;
	}
	.pc_only {
		display:none;
	}
	#mypagecolumn table.delivname,
	#undercolumn_contact table,
	#payment_credit table,
	#undercolumn_entry table,
	#undercolumn_customer table,
	table.advanced_search{
		border: none;
		width: 100%;
	}
	#mypagecolumn table.delivname th,#mypagecolumn table.delivname td,
	#undercolumn_contact th,#undercolumn_contact td,
	#payment_credit th,#payment_credit td,
	#undercolumn_entry th,#undercolumn_entry td,
	#undercolumn_customer th,#undercolumn_customer td,
	table.advanced_search th,table.advanced_search td{
		display: block;
		border: none !important;
	}
	#payment_form th {
		text-align: left;
		font-weight: bold;
	}
	#leftcolumn #search_area,
	#main_column #search_area {
		display:none;
	}
	body.top #leftcolumn #search_area,
	body.top #main_column #search_area {
		display:block;
	}
	input[type="text"] {
    margin: 5px 0;
	}
	input[type="number"] {
    padding: 5px 0;
    text-indent: 0;
	}
	input[type="number"]:first-child {
    margin-right: -2px;
	}
	input[type="radio"],
	input[type="check"] {
    padding: 5px;
    line-height: 1.5;
    margin-right: 0.5em;
	}
	input[type="text"],
	input[type="password"],
	textarea,
	select {
    padding: 0.5em;
    margin: 0;
    border: #4C4C4C solid 1px;
    background: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
		max-width: 100% !important;
	}
	textarea {
    width: 97%;
    padding: 0.5em;
    margin: 0 0 10px 0;
	}
	.box120,
	.box380 {
		width: 95%;
	}
	/* ----Cart Table */
	.formBox {
    margin-bottom: 20px;
    border: #A9ABAD solid 1px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	}
	.formBox div:first-child {
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
	}
	.formBox div:last-child {
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-bottom: none;
	}
	.cartinarea {
    padding: 10px;
    border-bottom: #CCC solid 1px;
	}
	.cartitemBox{
    padding: 10px 0;
    border-bottom: #CCC solid 1px;
    clear: both;
	}
	.photoL {
    float: left;
    clear: left;
	}
	.cartinarea .photoL{
    width: 80px;
	}
	.cartinarea .cartinContents {
    width: 68%;
    float: right;
    display: block;
    position: relative;
	}
	.cartinContents div {
    min-height: 50px;
	}
	.cartinContents p {
    margin-right: 25px;
	}
	.form_area p:first-child {
    margin-bottom: 0.5em;
	}
	.cartinarea .cartinContents p {
    line-height: 1.2;
	}
	em {
    font-weight: bold;
	}
	.mini {
    font-size: 11px;
    font-weight: normal;
	}
	.cartinContents .btn_delete {
    padding: 2px;
    right: 0;
    float: right;
    position: absolute;
    top: 0;
    cursor: pointer;
	}
	.cartinContents p.btn_delete {
    margin-right: 0;
	}
	.form_area div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
	}
	ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
	}
	.cartinContents ul {
    float: right;
    clear: both;
    line-height: 1.1;
	}
	.cartinContents ul li {
    display: inline;
    float: left;
	}
	.quantity, .money {
    font-size: 14px;
    font-weight: bold;
	}
	.cartinContents ul li.quantity {
    padding-left: 0.5em;
    padding-top: 1em;
    vertical-align: bottom;
	}
	.cartinContents ul li.quantity_btn {
    padding-left: 0.5em;
    padding-top: 0.8em;
    vertical-align: bottom;
	}
	.cartinContents ul li.result {
    padding-left: 1.5em;
    padding-top: 1em;
    vertical-align: bottom;
	}
	.total_area, .result_area {
    padding: 10px;
    text-align: right;
    background: #F7F5F0;
    border-top: #FFF solid 1px;
    border-bottom: #A9ABAD solid 1px;
	}
	.price {
    color: #CC0000;
    font-weight: bold;
	}
	.fb {
    font-size: 15px;
    font-weight: bold;
	}
	.deliv_check {
    clear: both;
	}
	.deliv_check dt {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 10px 5px 10px;
    background: #EEE;
    border-top: #FFF solid 1px;
    vertical-align: middle;
    position: relative;
    display: block;
	}
	.deliv_check dt.first {
    border-top: none;
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
	}
	.deliv_check p:first-child {
    margin-bottom: 0.5em;
	}
	.deliv_check dd {
    font-size: 12px;
    padding: 10px;
    border-bottom: #CCC solid 1px;
    display: block;
	}
	dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
	}
	.deliv_check ul.edit {
    float: right;
    clear: right;
    display: inline;
    line-height: 1.1;
    position: absolute;
    right: 10px;
    top: 12px;
	}
	ul.edit li {
    display: inline;
    float: left;
    line-height: 1;
    vertical-align: middle;
	}
	ul.edit li:first-child {
    margin-right: 0.8em;
	}
	a.b_edit:link, a.b_edit:visited, a.b_edit:hover {
    color: #000;
    font-size: 11px;
    padding: 4px 5px;
    border: #CCC solid 1px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background: #D7DDE3;
    background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3));
    display: inline;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
	}
	#address_area .information {
    width: 100%;
    float: none;
	}
	.inner {
    padding: 10px;
	}
	.btn_sub, a.btn_sub, a.btn_sub:link, a.btn_sub:visited, a.btn_sub:hover {
    color: #000;
    font-size: 16px;
    padding: 5px 0;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(255,255,255,1);
    border: 1px solid #A9ABAD;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    background: #FDFDfD;
    background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
	}
	.btn_area {
		margin-bottom: 20px;
	}
	.arrowBox {
    padding: 10px 25px 10px 10px;
    background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
    border-bottom: #CCC solid 1px;
    clear: both;
	}
	.arrowBox {
    background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
    -webkit-background-size: 10px 15px;
    background-size: 10px 15px;
	}
	table.tbl_sts {
		border:none;
	}
	table.tbl_sts thead {
    display: none;
  }
  table.tbl_sts tr {
		border:none;
    border: 1px solid #ccc;
    display: block;
		border-bottom: none;
		padding: 10px 25px 10px 10px;
    clear: both;
		position: relative;
  }
	table.tbl_link tr {
		background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
	}
	table.tbl_del tr {
		background: url(../img/button/btn_delete.png) 95% center no-repeat;
		background-size: 20px;
	}
	table.tbl_sts tr:first-child {
		border-top: 1px solid #ddd;
		border-radius: 7px 7px 0 0;
		-moz-border-radius: 7px 7px 0 0;
		-webkit-border-radius: 7px 7px 0 0;
	}
	table.tbl_sts tr:last-child {
		border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-bottom: 1px solid #ccc;
	}

  table.tbl_sts td {
    border:none;
    display: block;
    text-align: left;
		padding: 3px 8px;
  }
  table.tbl_sts td:before {
    content: attr(aria-label);
    float: left;
  }
	table.tbl_sts td a.row{
		font-size: 0px;
		position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
	}

input.btn_green,
input.btn_white,
a.btn_white,
a.btn_white:hover,
a.btn_white:visited,
a.btn_white:link,
a.btn_gray,
a.btn_gray:hover,
a.btn_gray:visited,
a.btn_gray:link,
a.btn_green,
a.btn_green:hover,
a.btn_green:visited,
a.btn_green:link{
		width: 100%;
		font-size: 16px;
		margin-bottom: 10px;
	}

}

#loogue-mini{
	bottom: 150px !important;
	right: 1% !important;
}

.inquiry_btn_set {
width: 980px;
margin: -10px auto 20px auto;
padding: 30px 0 30px 20px;
background: #ecebeb;
}
.inquiry_btn_set ul li {
    float: left;
		width: 43%;
		background: #fff;
		margin: 0px 15px 0px 0px;
		padding: 20px 10px 20px 30px;
		color: #000;
		font-size: 120%;
		border: 2px solid #3aa7c9;
		border-radius: 5px;
}
.inquiry_btn_set ul li a {
	color: #000;
}
.inquiry_btn_set ul li a:link:hover, .inquiry_btn_set ul li a[href]:hover {
    color: #000;
    text-decoration: none;
}
.inquiry_btn_set ul li:hover {
background-color: #def6fe;
}
.inquiry_btn_set ul li span {
	color: #6c9e01;
	font-weight: bold;
	font-size: 130%;
}
#chatbot_btn {
	width: 185px;
	height: 63px;
	position: fixed;
	border: medium none;
	z-index: 10000;
	bottom: 0px;
	left: 32px;
	cursor: pointer;
}
#chatbot_btn img {
	width: 100%;
}
.channelItems {
	margin: 0px 0px 8px 0px;
}
.channelItems input[type="text"],
.channelItems select{
	margin: 5px 0px 0px 15px;
}
@media screen and (max-width: 768px) {
	.inquiry_btn_set{
		padding: 10px 0px 20px 0px;
		text-align: center;
		margin: 10px 0;
		width: 100%;
	}
	.inquiry_btn_set ul li {
		display: inline-block;
		float: none;
		margin-top: 10px;
		padding: 20px 10px;
		width: 80%;
	}
	#chatbot_btn {
		width: 168px;
		height: 50px;
		position: fixed;
		border: medium none;
		z-index: 10000;
		bottom: 0px;
		left: 10px;
	}
}