@charset "UTF-8";
body {
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 13px;
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	color: #3c3c3c;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:link         { color: #3c3c3c; text-decoration: none; }
a:visited { color: #3c3c3c; text-decoration: none; }
a:hover   { color: #bdbdbd; text-decoration: none; }
a:active  { color: #bdbdbd; text-decoration: none; }

select::-ms-expand {
	display: none;
}
.OrderPage select,
.UserPage select,
.LandingOrder select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 30px 0 10px;
	font-size: ;
	height: 30px;
	line-height: 30px;
	border: none;
	background-image: url(../../../SEIREN/images/arrow_select.gif);
	background-size: 10px 6px;
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
}

#content { width: 100%; }
#Contents { margin-top: 61px; }

body.comoace #Contents {
  margin-top: calc(60px + calc(226* (100vw / 1500)));
}
body.deoest #Contents {
  margin-top: calc(60px + calc(227* (100vw / 1500)));
}
body.product-open .header-toggle .global-nav-user,
body.product-open .header-toggle .unit .tel,
body.product-open .header-toggle .unit.info,
body.product-open .header-toggle .unit.brand-list {
  display: none !important;
}
body.product-open .header-toggle {
  background: #f5f5f5;
}
body .acc.category.search-product{
  display: none;
}
body.product-open .acc.category:not(.search-product){
  display: none;
}
body.product-open .acc.category.search-product{
  display: block;
}
body:not(.comoace):not(.deoest) .header-nav-menu {
  display: none !important;
}

.msg-alert { /*padding: 0;*/ }
.wrap-cart .msg-alert { padding: 20px 0; }
.error-unit .msg { margin-bottom: 30px; }
.w100 {
	width: 100%;
	height: auto;
}

.page-top {
	margin-top: 15px;
	text-align: center;
}
.page-top a {
	font-size: 10px;
	color: #3c3c3c;
	display: inline-block;
	padding: 20px 0;
	position: relative;
	background-color: transparent;
}

.page-top a:before {
	content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #3c3c3c;
    border-left: 1px solid #3c3c3c;
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -5px;
    transform: rotate(45deg);
}

.unit h3 {
	padding: 0;
	background-color: transparent;
}

.icon { font-size: 0; }
.icon span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: #fff;
	padding: 0 5px;
	font-size: 11px;
	margin: 0 3px 1px 0;
	vertical-align: middle;
	font-weight: bold;
}

.icon .icon01 { background-color: #f32d2e; }
.icon .icon02 { background-color: #00a7f8; }
.icon .icon03 { background-color: #fff; color: #3c3c3c; border: 1px solid #3c3c3c; box-sizing: border-box; }
.icon .icon04 { background-color: #ff9a1c; }
.icon .icon05 { background-color: #f844b1; }
.icon .icon06 { background-color: #ffd239; }
.icon .icon07 { background-color: #0e771f; }
.icon .icon08 { background-color: #666666; }
.icon .icon09 { background-color: #fd6467; }
.icon .icon10 { background-color: #2e57fd; }

.product-list-2 li {
	display: inline-block;
	width: 47%;
	margin-right: 3%;
	margin-bottom: 30px;
	/*min-height: 300px;*/
}
.product-list-3 li {
	/*min-height: 200px;*/
}

.product-list-2 li:nth-child(2n) {
	margin-right: 0;
	margin-left: 3%;
}

.product-list-2 li div { width: 100%; }
.product-list-2 li .icon {
	margin-top: 10px;
}
.product-list-2 li .icon img {
	width: 50px;
}
.product-list-2 li div p {
	margin: 0;
}
.product-list-2 li div p.special,
.product-list-3 li div p.special { color: #3c3c3c; }
.product-list-2 li div p.special i,
.product-list-3 li div p.special i {
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin: 0 3px;
}
.product-list-2 li div p.special span,
.product-list-3 li div p.special span {
	color: #f32d2e;
}

.product-list-2 .product-price{
	font-size: 14px;
	margin-top: 0;
}
.product-list-3 .product-price {
	font-size: 14px;
	margin-top: 30px;
}

.product-list-2 .product-name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1.8;
	/*min-height: 65px;*/
	padding: 5px 0;
}

.product-list-3 .product-name span {
	font-size: 11px;
}

.product-name .icon img {
	display: inline-block;
}

.product-list-2 .product-image,
.product-list-3 .product-image  {
	border: 1px solid #ccc;
	overflow: hidden;
}
.product-list-2 .product-price,.product-list-3 .product-price,.product-list .product-price {
	font-weight: bold;
}

.product-list-2 .product-name img { vertical-align: text-bottom; }

.product-list-2 .product-set-promotion {
	padding: 3px 0;
	font-size: 11px;
}

/*ヘッダーメニュー*/
.header-toggle {
	height: 100%;
	overflow-y: auto;
	top: 61px;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 1001;
	background-color: rgba(255,255,255,.8);
	clear: both;
}

.header-toggle>.inner {
	padding: 15px 15px 76px;
	background-color: #f5f5f5;
}

.header-toggle .unit {
	background-color: #fff;
	margin-bottom: 3px;
	padding: 15px;
}

.header-toggle .unit.nav { padding: 0; }

.header-toggle .tel {
	margin-bottom: 15px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
}
.header-toggle .tel dt {
	color: #fff;
	padding: 5px 0;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
}
.header-toggle .tel dt span { font-size: 11px; }
.header-toggle .tel dd.number {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.header-toggle .tel dd.hours {
	text-align: center;
	font-size: 14px;
	padding: 8px 0;
}

.comoace .header-toggle .tel { border-color: #eb6c97; }
.comoace .header-toggle .tel dt { background-color: #eb6c97; }
.mashmania .header-toggle .tel { border-color: #af3528; }
.mashmania .header-toggle .tel dt { background-color: #af3528; }
.deoest .header-toggle .tel { border-color: #0066cb; }
.deoest .header-toggle .tel dt { background-color: #0066cb; }

.header-toggle h3 {
	padding: 15px;
	color: #fff;
	background-color: #000;
}

.header-toggle .global-nav-user {
	width: 100%;
	padding: 2% 0;
}

.header-toggle .global-nav-user li {
	display: inline-block;
	position: relative;
	width: 23%;
	padding: 1%;
	text-align: center;
}

.header-toggle .global-nav-user li a span {
	display: block;
	font-size: 10px;
	padding-top: 3px;
}

.header-toggle .global-nav-user li a i {
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    border-radius: 8px;
    top: 0px;
    right: 30px;
    font-family: helvetica, sans-serif;
    background: #c00;
    text-align: center;
    font-style: normal;
}

.brand-list .title {
	text-align: center;
	padding: calc(40 * (100vw /750)) 0 calc(48 * (100vw /750));
	width: calc(354 * (100vw /750));
    margin: 0 auto;
}
.brand-list .title img{
	width: 100%;
}
.brand-list ul li {
	display: inline-block;
	width: 50%;
	text-align: center;
	margin-bottom: 20px;
}

.brand-list ul li span {
	display: block;
	font-size: 11px;
	/* text-decoration: underline; */
}
.brand-list ul li span.brand { font-size: 10px; }

.brand-list ul li b {
	padding: 10px 0 7px;
	font-size: 14px;
	font-weight: normal;
	display: block;
	width: 100%;
}

.brand-list .msg {
	text-align: center;
	font-size: 11px;
	line-height: 1.5;
	padding-bottom: 15px;
}


.header-toggle .info .title {
	font-size: 15px;
	font-weight: bold;
	padding: 15px 0;
}

.header-toggle .info .others { display: none; }
.header-toggle .info .topics .arrow a {
	display: block;
	position: relative;
	background-color: #fff;
	text-indent: 15px;
	font-weight: bold;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.header-toggle .info .topics .arrow:last-child a { border-bottom: none; }
.header-toggle .info .topics .arrow a:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	transform: rotate(135deg);
	position: absolute;
	top: 19px;
	right: 19px;
}
.acc>ul>li>p {
	display: block;
	position: relative;
	background-color: #fff;
	text-indent: 14px;
	font-weight: bold;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.acc>ul>li>p.active { border-bottom: 1px dotted #ccc; }
.acc.category>ul>li>p>a { display: block; }
.acc>ul { border-top: 1px solid #ccc; margin-top: -1px; }
.acc ul li .acc-title:before,
.acc ul li .acc-title:after {
	content: '';
	display: block;
	width: 15px;
	height: 1px;
	background: #3c3c3c;
	position: absolute;
	top: 28px;
	bottom: 0;
	right: 15px;
	vertical-align: middle;
}
.acc ul li .acc-title:after {
	transform: rotate(90deg);
}
.acc ul li .acc-title.active:before,
.acc ul li .acc-title.active:after {
	transform: rotate(360deg);
}

.acc-menu {
	display: none;
	background-color: #fff;
}

.acc-menu li a {
	display: block;
	position: relative;
	background-color: #fff;
	text-indent: 15px;
	padding: 18px 0;
	border-bottom: 1px dotted #ccc;
}
.acc-menu li:last-child a { border-bottom: 1px solid #ccc; }
.infomation .acc-menu li:last-child a { border-bottom: 1px solid #ccc; }

.acc-menu li a:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	transform: rotate(135deg);
	position: absolute;
	top: 19px;
	right: 19px;
}

.category>ul>li:first-child p { padding: 0; }
.category>ul>li:first-child a {
	position: relative;
	display: block;
	padding: 20px 0;
}
.category>ul>li:first-child a:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	transform: rotate(135deg);
	position: absolute;
	top: 21px;
	right: 19px;
}

.category .acc-menu { font-size: 13px; }
.category .acc-menu li a {
	padding: 12px 0;
	border-image: none;
	font-size: 13px;
}
.category .acc-menu li ul li a { font-size: 11px; }
.category .acc-menu li ul li ul li {
	padding-left: 10px;
}
.category .acc-menu li a:before {
	width: 7px;
	height: 7px;
	top: 16px;
	right: 16px;
}

.category .acc-menu li a.toggle:before,
.category .acc-menu li a.toggle:after {
	width: 12px !important;
	height: 1px !important;
	top: 18px !important;
	right: 13px !important;
	border: none;
	transform: none;
}
.category .acc-menu li a.toggle:after {
	transform: rotate(90deg);
}
.category .acc-menu li a.toggle.active:before,
.category .acc-menu li a.toggle.active:after {
	transform: rotate(360deg);
}

.header-toggle .info .acc-menu li a {
	border-bottom: 1px dotted #d8d8d8;
}

.header-toggle .info .acc-menu li.blog a,
.header-toggle .info .acc-menu li.mailmagazine a {
	background-position: center right 10px;
	background-repeat: no-repeat;
}
.header-toggle .info .acc-menu li.facebook a {
	background-position: center right 17px;
	background-repeat: no-repeat;
}

.header-toggle .info .acc-menu li.facebook a:before,
.header-toggle .info .acc-menu li.blog a:before,
.header-toggle .info .acc-menu li.mailmagazine a:before {
	display: none;
}

.header-toggle .info .acc-menu li.facebook a { background-image: url(../../../SEIREN/images/icon_fb.svg); }
.header-toggle .info .acc-menu li.blog a { background-image: url(../../../SEIREN/images/icon_blog.svg); }
.header-toggle .info .acc-menu li.mailmagazine a { background-image: url(../../../SEIREN/images/icon_mailmagazine.svg); }

.search {
	background-color: #f5f5f5;
	padding: 15px;
}

.search-item {
	background-color: #fff;
	padding: 4%;
	width: 92%;
}

.search-item ul {
	position: relative;
	height: 38px;
}

.search-item ul li input {
	width: 100%;
	padding: 10px;
	height: 38px;
	border-color: #707070;
	font-size: 11px;
}

.search-item ul li a {
	line-height: 38px;
	width: 15%;
	left: 85%;
	text-indent: 0;
	background: url(../images/icon_search.svg) no-repeat 50% 10px;
	background-size: 18px;
	text-indent: -999em;
}

.header-toggle .button {
	border-bottom: 1px dotted #040000;
	background-color: transparent;
}

.header-toggle .button .close {
	position: relative;
	background-color: transparent;
	width: 120px;
	padding: 12px;
	border: 1px solid #000;
	text-indent: 25px;
}

.header-toggle .button .close:before,
.header-toggle .button .close:after {
	position: absolute;
	top: 50%;
	left: 35px;
	content: "";
	width: 20px;
	border-top: 1px solid #000;
}

.header-toggle .button .close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header-toggle .button .close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header-toggle .header-tel { padding-bottom: 50px; }

.header-toggle .unit.brand-list ul li img{
	height:calc(70 * (100vw / 750));
	margin-bottom: calc(10 * (100vw / 750));
}
.header-toggle .unit.brand-list ul li:first-child img{
	height:calc(74 * (100vw / 750));
}
.header-toggle .unit.brand-list ul li:last-of-type img{
	height:calc(80 * (100vw / 750));
}
/*パンくず*/
.breadcrumbs {
	background-color: #fff;
	padding: 0;
	font-size: 10px;
}
.breadcrumbs span {
	text-indent: -999em;
	display: inline-block;
	position: relative;
	width: 20px;
}
.breadcrumbs span:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	transform: rotate(135deg);
	position: absolute;
	top: -7px;
	left: 6px;
}

/*---------- ヘッダー*/
.header {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #cdcbce;
	background-color: #fff;
	position: relative;
}
.header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.header .logo-main h1 {
	position: absolute;
	top: 12px;
	left: 50%;
	margin-left: -85px;
}
.header .logo-main h1 a {
	display: block;
	width: 170px;
	height: 40px;
	line-height: normal;
	background: url(../images/seiren_logo-01.svg) no-repeat center center;
	background-size: 100%;
	text-indent: -999em;
	margin-left: 0;
}

.deoest .logo-main h1 a {
	background: url(../images/deoest/deoest_brand_logo.svg) no-repeat center center;
}

.comoace .logo-main h1 a {
	background: url(../images/comoace/logo.svg) no-repeat center center;
}

.mashmania .logo-main h1 a {
	background: url(../images/mashmania/logo.svg) no-repeat 0 0;
}


.header nav {
	width: 100%;
	float: none;
}
.header>nav>ul>li>a {
	background-repeat: no-repeat;
	background-size: 21px auto;
  background-position: top center;
	width: 50px;
  height: 16px;
  padding-top: 25px;
  font-size: 10px;
  text-align: center;
  position: relative;
  overflow: visible;
  background-color: unset !important;
}

.header>nav>ul>li>a#toggle-search {
	position: absolute;
	right: 40px;
	top: 14px;
	background-image: url(../images/icon_search.svg);
  text-indent: unset;
}

.header>nav>ul>li>a#go-cart {
	position: absolute;
	right: 0;
	top: 14px;
	background-image: url(../images/icon_cart.svg);
  background-position: top left 12px;
  text-indent: unset;
}

.header>nav>ul>li>a#go-cart .count {
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  border-radius: 8px;
  top: -3px;
  right: 12px;
  font-family: helvetica, sans-serif;
  background: #c00;
  text-align: center;
  font-style: normal;
}

.header>nav>ul>li>a#toggle-global-menu {
	position: absolute;
	left: 15px;
	top: 20px;
  width: 21px;
	background-image: url(../images/icn_bar.png);
}

.header>nav>ul>li>a#toggle-global-menu { background-image: url(../images/icn_bar.png); }

.header>nav>ul>li>a#toggle-search.active { background-image: url(../images/icon_search.svg); }
.header>nav>ul>li>a#toggle-global-menu.active { 
  background-image: url(../images/icn_close.png);
}

.header-tel img {
	width: 100%;
	height: auto;
}
.header-nav-menu {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 1000;
  width: 100%;
}
.header-nav-menu.gnav-comoace {
  height: calc(226* (100vw / 1500));
}
.header-nav-menu.gnav-deoest {
  height: calc(227* (100vw / 1500));
}
.header-nav-menu ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  height: 100%;
  background: #cdcbce;
}
.header-nav-menu ul > li > a{
  display: block;
  text-indent: 0;
  width: 100%;
  height: 100%;
}
.header-nav-menu ul > li > a img{
  display: block;
  width: 100%;
  height: auto;
}

/*---------- トップ*/

/*総合*/
.topG .brand {
    width: 100%;
    padding: 30px 0;
    margin: 0 auto;
}

.topG .brand ul li {
    text-align: center;
    margin: 0 auto 20px;
    width: calc(560 * (100vw / 750));
}

.topG .brand ul li a img,
.topG .viscotecs .bnr img {
	width: 100%;
	height: auto;
}

.topG .brand ul li a strong,
.topG .viscotecs .bnr strong {
	display: inline-block;
	font-weight: normal;
	text-decoration: underline;
	font-size: 11px;
	padding-top: 5px;
	line-height: 1.5;
}

.topG .viscotecs {
	padding: 30px 0 20px;
	background-color: #f2f2e8;
	text-align: center;
}

.topG .viscotecs .bnr {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.topG .viscotecs .bnr .tab {
	display: inline-block;
	font-size: 10px;
	padding: 10px 0;
}


/*スライド*/

.hero {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	clear: both;
	visibility: hidden;
}

.hero img {
	width: 100vw;
	height: auto;
}

.hero .slick-prev,
.hero .slick-next {
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
	background-color: transparent;
	width: 50px;
	height: calc(100% - 32px);
	border: none;
	text-indent: -999em;
	outline: none;
	cursor: pointer;
	border-radius: 0;
}

.hero .slick-prev::after,
.hero .slick-next::after {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	content: '';
	margin-top: -10px;
}

.hero .slick-prev::after {
	left: 40%;
	border-bottom: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hero .slick-next::after {
	right: 40%;
	border-top: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hero .slick-prev:hover,
.hero .slick-next:hover { opacity: .6; }

.hero .slick-next {
	right: 0;
}

.hero .slick-prev {
	left: 0;
}

.hero .slick-dots {
	padding: 10px 0;
}

.hero .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 5px;
	border: 1px solid #3c3c3c;
}

.hero .slick-dots li.slick-active button {
	background-color: #3c3c3c;
}

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots
{
    /*position: absolute;*/
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
/*.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    -ms-filter: "alpha(opacity=25)";  
    filter: alpha(opacity=25);        
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-filter: "alpha(opacity=25)";
    filter: alpha(opacity=25);        
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    -ms-filter: "alpha(opacity=75)";  
    filter: alpha(opacity=70);        
    color: black;
}*/

.top #Contents .unit {
	padding: 20px;
	margin-bottom: 10px;
}

/*特集*/
.topics { margin-bottom: 50px; }

.topics .topicsL {
	padding: 0 20px;
}
.topics .topicsM {
	margin: 30px 0;
}
.topics .topicsS,
.topics .topicsS .slick-slide {
	width: 300px;
	margin: 0 auto;
}

.topics .topicsM .slick-list{
    padding: 0 10% 0 10%;
}

.topics .topicsM .slick-track li {
	display: inline-block;
	margin: 0 10px;
}

.topics .topicsM ul li h4 {
	padding: 10px 0;
	font-weight: bold;
	line-height: 1.5;
	font-size: 11px;
}

.topics .topicsM ul li p {
	display: none;
}

.topics img {
	width: 100%;
	height: auto;
}

.topics .slick-prev,
.topics .slick-next {
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
	background-color: transparent;
	width: 30px;
	height: calc(100% - 12px);
	border: none;
	text-indent: -999em;
	outline: none;
	cursor: pointer;
	border-radius: 0;
	padding: 0;
}

.topics .slick-prev::after,
.topics .slick-next::after {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	content: '';
	margin-top: -10px;
}

.topics .slick-prev::after {
	left: 40%;
	border-bottom: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.topics .slick-next::after {
	right: 40%;
	border-top: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.topics .slick-next {
	right: 0;
}

.topics .slick-prev {
	left: 0;
}

.topics .topicsS .slick-next { right: -30px; }
.topics .topicsS .slick-prev { left: -30px; }

.topics .slick-dots {
	margin-top: 10px;
}

.topics .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 5px;
	border: 1px solid #3c3c3c;
}

.topics .slick-dots li.slick-active button {
	background-color: #3c3c3c;
}

/*ニュース*/

.news dl {
	padding: 0;
	font-size: 12px;
}

.news dl dt {
	float: none;
	padding: 0;
	color: #3c3c3c;
	width: auto;
	text-align: left;
	font-weight: bold;
}

.news dl dd {
    margin: 10px 0;
    padding: 0 0 10px;
    border-bottom: 1px dotted #d8d8d8;
}

.top h2 {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #3c3c3c;
	margin: 40px 0 30px;
	letter-spacing: 1px;
}


.top h3 {
	font-family: inherit;
	text-align: center;
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0;
	font-weight: bold;
	border-top: none;
	overflow: hidden;
	margin-bottom: 40px;
}

.top h3 span {
	font-size: 10px;
	position: relative;
	display: inline-block;
	margin: 0 20px;
	padding: 0 10px;
}
.top h3 span::before,
.top h3 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 999em;
	height: 1px;
	background-color: #cbcbcb;
}
.top h3 span::before { right: 100%; }
.top h3 span::after { left: 100%; }

.top .unit .more a {
	margin: 30px auto 0;
	display: block;
	width: 240px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #3c3c3c;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

/*ランキング*/
.ranking { margin: 20px 0; }
.ranking .tabNav ul {
	text-align: center;
}

.ranking .tabNav ul li {
	display: inline-block;
	margin-left: -1px;
	position: relative;
}

.ranking .tabNav ul li a {
	color: #e0e0e0;
	display: block;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	border: 1px solid #acacac;
}

.ranking .tabNav ul li.active a {
	border: 1px solid #3c3c3c;
	background-color: #3c3c3c;
	color: #fff;
}

.ranking .tabNav ul li.active a:before {
	content: '';
	position: absolute;
	right: 50%;
	width: 0;
	height: 0;
	margin: auto;
	bottom: -14px;
	border-style: solid;
	border: 7px solid transparent;
	border-top: 7px solid #3c3c3c;
	margin-right: -7px;
}

.ranking .tabContentsWrap {
	width: 100%;
	margin: 20px 0;
}

/*スライド*/
.ranking .product-list-2 { padding: 0 20px; }
.ranking .product-list-2 li {
	margin: 0;
	padding: 0 5px;

	position: relative;
}
.ranking .product-list-2 li:nth-child(2n) { margin-left: 0; }

.ranking .slick-prev,
.ranking .slick-next {
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
	background-color: transparent;
	width: 30px;
	height: 350px;
	border: none;
	text-indent: -999em;
	outline: none;
	cursor: pointer;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.ranking .slick-prev::after,
.ranking .slick-next::after {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	content: '';
	margin-top: -19px;
}

.ranking .slick-prev::after {
	left: 35%;
	border-bottom: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ranking .slick-next::after {
	right: 35%;
	border-top: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ranking .slick-next {
	right: 0;
}

.ranking .slick-prev {
	left: 0;
}

.ranking .product-list-2 li .rank { 
	display: block; 
	position: absolute;
    right: 3px;
    top: 0;
    z-index: 2;
    width: 26px;
    height: 30px;
    line-height: 30px;
    padding: 0 4px 0px 0px;
    text-align: center;
    font-family: inherit;
    font-size: 24px;
    font-weight: normal;
    border: 1px solid #3c3c3c;
    background-color: #fff;
}

/*---------- フッター*/

footer {
	padding: 0;
	background-color: #fff;
}
footer small { padding: 10px 0; }
.ssl-norton {
	padding: 20px 0;
	border-top: 1px solid #e5e5e5;
	text-align: center;
}
#coryRight {
	font-style: normal;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background-color: #3c3c3c;
}

.footer .unit.brand-list ul li img{
	height:calc(70 * (100vw / 750));
	margin-bottom: calc(10 * (100vw / 750));
}
.footer .unit.brand-list ul li:first-child img{
	height:calc(74 * (100vw / 750));
}
.footer .unit.brand-list ul li:last-of-type img{
	height:calc(80 * (100vw / 750));
}

/*---------- 商品一覧*/

.wrap-product-list {
	padding: 20px;
}

.wrap-product-list h2 {
    text-align: center;
    font-size: 20px;
    padding: 35px 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.product-list-2 .sold-out {
	/*--SEIREN 削除 2021/4/16
	display: none;
	*/
	/*--SEIREN 変更 START 2021/4/16	*/
	background-color: transparent;
    top: auto;
    left: auto;
    right:  0;
    bottom: 0;
    opacity: 0.9;
    color: #FFF;
	background-color:#333;
    width: auto;
    padding: 0 20px;
    text-align: center;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
	/*--SEIREN 変更 END 2021/4/16	*/
/*
	background-color: transparent;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    opacity: 1;
    color: #000;
    width: auto;
    padding: 0 10px;
    text-align: center;
    margin: 0;
    height: 30px;
    line-height: 30px;
*/
}

.product-vatiation-list .product-list-2 .button a {
	width: 100%;
	background-color: #3c3c3c;
	color: #fff;
	margin-top: 15px;
	font-weight: bold;
	padding: 10px 0;
}

/*ソート*/
.layout-nav li {	
	vertical-align: top;
}

.layout-nav li a {
	height: 26px;
	padding-top: 9px;
	line-height: 1;
	background-color: #f6f6f6;
}

.layout-nav li a.active {
	background-color: #dedede;
}

.sort-wrap {
	padding: 10px 0 20px;
	font-size: 12px;
}

.sort-wrap .pager .nav { display: none; }

.sort-nav {
	width: 47%;
}
.sort-nav li a {
	display: block;
	color: #fff;
	font-weight: normal;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border: none;
	background-color: #3c3c3c;
	background-repeat: no-repeat;
}

.sort-nav li a.active {
	color: #fff;
	background-color: #707070;
}

.sort-wrap .pager {
	float: right;
	line-height: 30px;
}

.toggle-advance, .toggle-sort {
	margin: 2px 0;
}

.sort-toggle table th {
	width: 30%;
	text-align: left;
}

.sort-toggle table th, .sort-toggle table td {
	padding: 5px 0;
	background-color: transparent;
	border-color: transparent;
}

.sort-toggle table td ul li { padding: 1%; }
.sort-toggle input { margin: 0; }
.sort-toggle .horizon li {
	width: 47%;
}

.sort-toggle .btn {
	background-color: #707070;
	padding: 10px 0;
	width: 50%;
}

.toggle-sort {
	width: 96%;
	padding: 2%;
	background-color: #f8f8f8;
}

.selectWrap{
	position: relative;
	display: inline-block;
}
.selectWrap select {
	float: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 3px 30px 3px 8px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 0;
	position: relative;
	font-size: 12px;
	height: 30px;
}
.selectWrap::after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
	transform: rotate(45deg);
	top: -4px;
	bottom: 0;
	margin: auto;
	right: 13px;
}

.toggle-sort .selectWrap,
.toggle-sort .selectWrap select { width: 100%; }

/*ページング*/
.pager-wrap {
	padding: 10px 0;
	background-color: transparent;
}
.pager-wrap.below { padding-bottom: 60px; }
.pager-wrap .count { display: none; }

.pager-wrap p {
	color: #b3b3b3;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: normal;
}

.pager-wrap .prev a,
.pager-wrap .next a {
	display: inline-block;
	text-indent: -999em;
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px;
}

.pager-wrap .prev { float: left; }
.pager-wrap .next { float: right; }

.pager-wrap a {
	line-height: 30px;
	font-weight: normal;
	color: #b3b3b3;
	position: relative;
	padding: 5px 10px;
}

.pager-wrap p strong {
	color: #3c3c3c;
	font-weight: normal;
	padding: 5px 10px;
}

.pager-wrap .prev a:after,
.pager-wrap .next a:after {
	position: absolute;
	top: 15px;
	width: 8px;
	height: 8px;
	content: '';
}

.pager-wrap .prev a:after {
	left: 0;
	margin-top: -3px;
	margin-left: 6px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	transform: rotate(45deg);
}

.pager-wrap .next a:after {
	right: 0;
	margin-top: -3px;
	margin-right: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
}


/*---------- 商品詳細*/

.wrap-product-detail {
	width: auto;
	margin: 0;
	padding: 0;
}
.wrap-product-detail .attention {
	margin-bottom: 5px;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	font-size: 14px;
  }
  
  .wrap-product-detail .attention:empty{
	margin-bottom: 0;
  }
  
.wrap-product-detail header { margin: 0; }

.wrap-product-detail .inner { padding: 20px; }
.wrap-product-detail .ChangesByVariation .inner{ padding: 20px 20px 0; }
.wrap-product-detail .ChangesByVariation > .wrap-product-desc > .inner{ padding: 0 20px 20px; }
.wrap-product-detail .ChangesByVariation .review.inner{ padding: 20px; }

.wrap-product-detail header h1 {
	font-size: 15px;
	padding: 10px 0;
	line-height: 1.5;
	margin-bottom: 0;
}

.wrap-product-detail .product-price p {
	font-size: 16px;
	font-weight: bold;
}

.wrap-product-detail .productPrice span {
	font-size: 18px;
	margin: 0 3px;
	color: inherit;
}

.wrap-product-detail .productPrice i {
	font-size: 12px;
	font-style: normal;
}

.wrap-product-detail .productPrice .lineThrough {
	/*text-decoration: line-through;*/
}

.wrap-product-detail .productPrice .special {
	color: #f32d2e;
}

.wrap-product-detail .outline { line-height: 1.5; }

.wrap-product-detail .product-info { margin-bottom: 20px; }

.wrap-product-detail .product-info .desc-detail { margin-top: 20px; }
.wrap-product-detail .product-info .desc-detail * { line-height: 1.5; }

.wrap-product-detail .variation_id { font-size: 12px; }
.wrap-product-detail .sns {
	text-align: right;
	margin: 15px 0 5px;
}

.flick-wrap {
	width: auto;
	overflow: hidden;
}
.flipsnap .item { width: auto; }
.flipsnap img {
	width: 100%;
	height: auto;
}

.product-image-detail { margin: 15px 0; }
.product-image-detail .prev, .product-image-detail .next {
	top: 125px;
	width: 25px;
}

.product-image-detail { margin: 0; }
.product-image-detail .prev,
.product-image-detail .next {
	background-image: none;
	background-color: transparent;
	top: 50%;
	margin: auto;
	height: 100px;
	width: 40px;
	margin-top: -50px;
}

.product-image-detail .prev { left: 10px; }
.product-image-detail .next { right: 10px; }

.product-image-detail .prev[disabled],
.product-image-detail .next[disabled] {
	filter: alpha(opacity=1);
	-moz-opacity:1;
	opacity: 1;
	background-color: transparent;
}

.product-image-detail .prev:after,
.product-image-detail .next:after {
    position: absolute;
    top: 45%;
    width: 16px;
    height: 16px;
    content: '';
}

.product-image-detail .prev:after {
    border-bottom: 1px solid #3c3c3c;
    border-left: 1px solid #3c3c3c;
    transform: rotate(45deg);
    left: 15px;
	margin: -3px 0 0 2px;
}

.product-image-detail .next:after {
    border-top: 1px solid #3c3c3c;
    border-right: 1px solid #3c3c3c;
    transform: rotate(45deg);
    right: 15px;
    margin: -3px 1px 0 0;
}

.product-image-sub {
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding: 3%;
	width: 96%;
	margin: 0;
}

.product-image-sub a {
	width: 70px;
	border: 1px solid #fff;
}

.product-image-sub img {
	width: 70px;
}

.wrap-product-detail h2,
.checked h2 {
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0 15px;
    margin-bottom: 15px;
    border-bottom: none;
}

.wrap-product-cart { margin-top: 20px; }

.wrap-product-cart .unit { margin: 15px 0; }
.wrap-product-cart .button { margin: 0 0 15px; }

.wrap-product-cart {
	background-color: #f8f8f8;
	padding: 15px;
}
.product-vatiation { margin-top: 0; }
.product-vatiation .title {
	color: #585858;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px;
	font-size: 14px;
}
.product-vatiation ul { font-size: 0; }
.product-vatiation ul li {
	width: 31.33%;
	display: inline-block;
	margin: 0 3% 3% 0;
	vertical-align: top;
}

.product-vatiation  ul li:nth-child(3n) { margin-right: 0; }

.product-vatiation ul li a {
	display: block;
	text-align: center;
}

.product-vatiation .rVariationName1List ul li a span {
	display: inline-block;
	margin: 5px 0;
	font-size: 11px;
}
.product-vatiation .rVariationName1List ul li a img {
	width: 95.5%;
	height: auto;
	border: 2px solid #e2e2e2;
}
.product-vatiation .rVariationName1List ul li .VariationPanelSelected a img,
.product-vatiation .rVariationName1List ul li .VariationPanel a:hover img {
	border-color: #3c3c3c;
}

.product-vatiation .rVariationName1List ul li .VariationPanel a:hover span,
.product-vatiation .rVariationName1List ul li .VariationPanelSelected span {
	color: #3c3c3c;
	font-weight: bold;
}

.product-vatiation .rVariationName2List ul li a {
	font-size: 12px;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	padding: 7px 0;
}
.product-vatiation .rVariationName2List ul li .VariationPanel a:hover,
.product-vatiation .rVariationName2List ul li .VariationPanelSelected a {
	border-color: #3c3c3c;
	color: #3c3c3c;
	font-weight: bold;
}

.product-vatiation .rVariationName1List,
.product-vatiation .rVariationName2List {
	clear: both;
	width: 100%;
}

.product-vatiation .rVariationName1List {
	margin-bottom: 20px;
}

.product-vatiation .rVariationName2List {
	padding-bottom: 20px;
}

.wrap-product-cart .incidental{
	margin-bottom: 10px;
  }

.wrap-product-cart .productAmount input {
	border: 1px solid #e6e6e6;
	height: 38px;
	font-size: 15px;
}

.wrap-product-cart .displayTbl {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}

.wrap-product-cart .displayTbl p,
.wrap-product-cart .displayTbl div {
	display: table-cell;
}

.wrap-product-cart .displayTbl .title {
	font-size: 14px;
	width: 30%;
	vertical-align: middle;
}

.wrap-product-cart .displayTbl .favorite {
	width: 49%;
	float: left;
}

.wrap-product-cart .displayTbl .contact {
	width: 49%;
	float: right;
}

.wrap-product-cart .displayTbl .selectWrap,
.wrap-product-cart .displayTbl select {
	width: 100%;
	height: 38px;
	font-size: 13px;
}

.wrap-product-cart .productAmount .selectWrap,
.wrap-product-cart .productAmount select {
	display: block;
	width: 90px;
}

.wrap-product-cart .favorite .btn {
	font-weight: bold;
	font-size: 14px;
	width: 97%;
	border: 1px solid #3c3c3c;
	color: #3c3c3c;
	padding: 10px 0;
	margin: 0;
	background-color: #fff;
}

.wrap-product-cart .favorite span {
	display: inline-block;
	position: relative;
	text-indent: 20px;
}

.wrap-product-cart .favorite span:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../../../SEIREN/images/icon_favorite.svg) no-repeat 0 0;
	background-size: 20px;
	top: -2px;
	left: -3px;
}

.wrap-product-cart .contact .btn {
	font-weight: bold;
	font-size: 14px;
	width: 97%;
	background-color: #acacac;
	border: 1px solid #acacac;
	color: #fff;
	padding: 10px 0;
	margin: 0;
}

.wrap-product-cart .return_exchange_message {
	line-height: 1.3;
	font-size: 12px;
}

.wrap-buyable {
	padding-top: 15px;
	border-top: 1px solid #ccc;
}
.wrap-not-buyable .add-to-cart .btn, .wrap-buyable .add-to-cart .btn {
	color: #fff;
	background-color: #3c3c3c;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.wrap-not-buyable .add-to-cart span,
.wrap-buyable .add-to-cart span {
	display: inline-block;
	position: relative;
	text-indent: 20px;
}

.wrap-not-buyable .add-to-cart span:before, .wrap-buyable .add-to-cart span:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../../../SEIREN/images/icon_cartFFF.svg) no-repeat 0 0;
	background-size: 18px;
	top: -2px;
	left: -3px;
}

.wrap-not-buyable .sold-out {
  color: #fff;
  background-color: #3c3c3c;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0;
  width: 100%;
  margin: 0 auto 10px;
  position: relative;
  text-align: center;
}

.wrap-not-buyable .sold-out span{
  display: inline-block;
  position: relative;
  text-indent: 20px;
}

.wrap-not-buyable .sold-out span::before{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../../../SEIREN/images/icon_cartFFF.svg) no-repeat 0 0;
  background-size: 18px;
  top: -2px;
  left: -3px;
}


.wrap-buyable .fixed .btn {
	margin-top: 20px;
	background-color: #937D64;
}

.wrap-not-buyable .sold-out {
	background-color: #9e9e9e;
	color: #fff;
}

.wrap-product-cart .others .btn {
	background-color: #ccc;
	font-size: 16px;
	color: #3c3c3c !important;
	font-weight: bold;
	padding: 15px 0;
	position: relative;
}

.wrap-product-cart .others .btn span {
	display: inline-block;
	position: relative;
	text-indent: 20px;
}

.wrap-product-cart .others .btn span:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../../../SEIREN/images/icon_mailmagazine.svg) no-repeat 0 0;
	background-size: 20px;
	top: 1px;
	left: -5px;
}

.user-product-arrival-mail-regist {
	padding: 10px;
	margin: 0;
	background-color: #fff;
}

.user-product-arrival-mail-regist .radio-button { display: none; }

.user-product-arrival-mail-regist .user-form {
	margin: 10px 0 5px;
	font-size: 12px;
}
.user-product-arrival-mail-regist .msg {
	padding: 0;
	line-height: 1.5;
}
.user-product-arrival-mail-regist .user-form dt {
	background-color: transparent !important;
	float: left;
	clear: left;
	width: 35%;
	padding: 7px 0 !important;
	line-height: 1;
}
.user-product-arrival-mail-regist .user-form dd {
	padding: 5px 0 !important;
	margin-left: 37%;
	line-height: 1;
}
.user-product-arrival-mail-regist .user-form dd input[type=text] {
    padding: 5px !important;
    border: 1px solid #e6e6e6 !important;
    width: 100% !important;
}

.user-product-arrival-mail-regist .user-footer-arrival {
	padding: 0;
	text-align: right;
}
.user-product-arrival-mail-regist .user-footer-arrival .button-next .btn-arrival {
	background-color: #222;
	font-size: 12px;
	padding: 10px 20px;
	display: inline-block;
	color: #fff !important;
}

.listContact {
	margin: 10px 5px 30px;
}
.listContact li {
	font-size: 12px;
	margin: 10px 0;
}

.wrap-product-detail .up-sell.inner { padding: 0 20px; margin-bottom: 40px; }
.wrap-product-detail .up-sell h4, .wrap-product-detail .cross-sell h4,
.wrap-product-detail .review h4 {
	background-color: transparent;
	font-size: 18px;
	color: #3c3c3c;
	margin-bottom: 20px;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.wrap-product-detail .product-list-2 .product-price p,
.wrap-product-detail .product-list-2 .product-price .special span {
	font-size: 14px;
}

.wrap-product-detail .review-list { padding: 0 0 20px; }
.wrap-product-detail .review-list .ReviewTitle { font-weight: bold; }
.wrap-product-detail .review-list .ReviewComment {
	margin-top: 20px;
}
.wrap-product-detail .review-list li .star { color: #f1da28; }

.wrap-product-detail .review dl dt, .wrap-product-detail .review dl dd {
	margin: 10px 0;
}
.wrap-product-detail .review dl dd { margin-bottom: 20px; }

.wrap-product-detail .review dl dd input, .wrap-product-detail .review dl dd textarea {
	padding: 5px;
	border: 1px solid #e6e6e6;
}

.wrap-product-detail .review dl dd input {
	width: 100%;
	height: 38px;
	line-height: 38px;
}

.wrap-product-detail .review dl dd select,
.wrap-product-detail .review dl dd .selectWrap {
	width: 100%;
	height: 38px;
	margin-bottom: 5px;
}

.wrap-product-detail .review .review-footer {
	padding: 0;
	text-align: right;
}

.wrap-product-detail .review .review-footer .button-next,
.wrap-product-detail .review .review-footer .button-prev {
	display: inline-block;
}

.wrap-product-detail .review .review-footer .btn {
	display: inline-block;
	font-weight: normal;
	padding: 12px 15px;
	margin: 0;
	background-color: #3c3c3c;
	border: none;
	color: #fff;
}

.wrap-product-detail .review .review-footer .button-prev .btn {
	background-color: #a2a2a2;
}

.wrap-product-detail .review .comment {
	margin-top: 15px;
}

.checked {
	margin: 0;
}
.checked h2 {
	margin-top: 0;
	padding-top: 25px;
	border-top: 1px solid #ccc;
}

/*モーダル*/
.modal {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

.modal > .inner {
	padding: 10px;

}

/*.popup {
	position: relative;
	width: 650px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.popup img {
    width: 100%;
    height: auto;
}*/

/*---------- フリーページ*/

.wrap-custom-page {
	padding: 20px;
}

.wrap-custom-page a { text-decoration: underline; }

/*よくあるご質問*/
.Faq .sec {
	margin-bottom: 60px;
	margin-top: -61px;
	padding-top: 61px;
}

.Faq nav {
	font-size: 0;
	margin: 30px 0;
}

.Faq nav a {
	width: 100%;
	margin: 0 0 1% 0;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	border: 1px solid #ccc;
	height: 25px;
	line-height: 25px;
	border-radius: 15px;
	position: relative;
}
.Faq nav a:after {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	border-right: 1px solid #4a4a4a;
	border-top: 1px solid #4a4a4a;
	transform: rotate(135deg);
	top: 50%;
	right: 15px;
	margin-top: -5px;
}
.Faq nav a:hover { background-color: #efefef; }
.Faq nav a:nth-child(2n) { margin-right: 0; }

.Faq .sec h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #4a4a4a;
}

.Faq .sec dl { margin-bottom: 20px; }
.Faq .sec dl dt.toggle {
	position: relative;
	background-color: #fff;
	font-size: 13px;
	padding: 15px 15px 15px 30px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.Faq .sec dl dt.toggle:before,
.Faq .sec dl dt.toggle:after {
	content: '';
	display: block;
	width: 13px;
	height: 1px;
	background: #4a4a4a;
	position: absolute;
	top: 50%;
	bottom: 0;
	right: 12px;
	vertical-align: middle;
}
.Faq .sec dl dt.toggle:after {
	transform: rotate(90deg);
}
.Faq .sec dl dt.toggle.active:before,
.Faq .sec dl dt.toggle.active:after {
	transform: rotate(360deg);
}
.Faq .sec dl dt.toggle.active { background-color: #efefef; }
.Faq .sec dl dt i,
.Faq .sec dl dd i {
	position: absolute;
	font-style: normal;
	display: inline-block;
}
.Faq .sec dl dt i {
	top: 15px;
	left: 10px;
}
.Faq .sec dl dd i {
	top: 15px;
	left: 12px;
}
.Faq .sec dl dd {
	display: none;
	position: relative;
	font-size: 14px;
	padding: 15px 15px 15px 30px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 1.5;
}

.Faq .toTop {
	text-align: right;
}

.Faq .toTop a {
	display: inline-block;
	height: 23px;
	line-height: 23px;
	padding: 0 20px 0 30px;
	border: 1px solid #ccc;
	position: relative;
	border-radius: 15px;
	font-size: 12px;
}
.Faq .toTop a:before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	border-right: 1px solid #4a4a4a;
	border-top: 1px solid #4a4a4a;
	transform: rotate(-45deg);
	top: 50%;
	left: 15px;
	margin-top: -2px;
}

/*特定商*/
.TermsOfUse {}
.TermsOfUse table {
	width: 100%;
	margin-top: 15px;
}

.TermsOfUse table th,
.TermsOfUse table td {
	padding: 10px 0;
	line-height: 1.5;
}

.TermsOfUse table th {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	white-space: nowrap;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.TermsOfUse table tr { 
	display: inline-block;
	vertical-align: top;
	width: 100%;
}


/*ご利用ガイド*/

.Guide .sec {
	margin-bottom: 60px;
	margin-top: -61px;
	padding-top: 61px;
}
.Guide .sec p {
	line-height: 1.5;
	margin-bottom: 15px;
}

.Guide .sec h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 15px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #4a4a4a;
}
.Guide .sec h4 {
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background-color: #efefef;
}

.Guide .toTop {
	text-align: right;
}

.Guide .toTop a {
	display: inline-block;
	height: 23px;
	line-height: 23px;
	padding: 0 20px 0 30px;
	border: 1px solid #ccc;
	position: relative;
	border-radius: 15px;
	font-size: 12px;
	text-decoration: none;
}

.Guide .toTop a:before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	border-right: 1px solid #4a4a4a;
	border-top: 1px solid #4a4a4a;
	transform: rotate(-45deg);
	top: 50%;
	left: 15px;
	margin-top: -2px;
}

.Guide nav { margin: 30px 0; }
.Guide nav .title {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.Guide nav ol {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: item;
}

.Guide nav ol li a {
	display: block;
	font-size: 12px;
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
	line-height: 1.5;
	position: relative;
	counter-increment: item;
	text-decoration: none;
}

.Guide nav ol li a:before {
	content: counter(item)'.';
	position: absolute;
	top: 10px;
	left: 0;
}

.Guide nav ol li a:after {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	border-right: 1px solid #4a4a4a;
	border-top: 1px solid #4a4a4a;
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	margin-top: -3px;
}


/*会員規約*/
/*プライバシーポリシー*/

.Agreement h3 {
    font-size: 15px;
    font-weight: bold;
	padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4a4a4a;
}

.Agreement .alignR { text-align: right; }

.Agreement {
    font-size: 13px;
    line-height: 1.6;
}

.Agreement p {
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1.6;
}

.Agreement .inner {
    display: block;
    padding-top: 10px;
}

.Agreement .inner > dl {
    display: block;
    margin-bottom: 20px;
}
.Agreement .inner > dl > dt{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.Agreement .inner > dl > dd {
	line-height: 1.6;
}

.Agreement .inner > dl > dd ol{
    margin-top: 15px;
    margin-bottom: 10px;
	list-style: none;
	padding: 0;
}

.Agreement .inner > dl > dd ol li {
	line-height: 1.6;
/*	margin-bottom: 5px;
	text-indent: -2em;
	padding-left: 2em;*/
}

/*会社概要*/
.about-us p{
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1.6;
}

.about-us-box{
    margin-top: 30px;
}

.about-us-box h3{
    position: relative;
    min-height: 19px;
    line-height: 19px;
    margin: 0 0 8px;
    padding: 0 0 6px 23px;

    background-image: url(../images/bg_tit01.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.about-us-box dl dt{
    padding: 8px 13px;
    border: #c2c2c2 1px solid;
    background: #f2f2f2;
    font-size: 15px;
    font-weight: bold;
}

.about-us-box dl dd{
    padding: 8px 13px;
    border: #c2c2c2 1px solid;
    border-top: transparent;
    border-bottom: transparent;
    font-size: 13px;
    line-height: 1.7;
}

.about-us-box dl dd:nth-last-child(1){
    border-bottom: 1px solid #c2c2c2;
}

.about-to-top{
    width: 150px;
    margin: 0 auto;
    margin-top: 34px;
    overflow: hidden;
    text-align: center;
    background-color: #666666;
}

.about-to-top a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1.7;
    text-decoration: none;
}

/*---------- オーダーユーザー*/

.wrap-cart,
.wrap-order,
.wrap-user,
.wrap-error {
	padding: 10px;
	margin-top: 20px;
}

.wrap-cart h2,
.wrap-order h2,
.user-unit h2,
.point-unit h2,
.wrap-error h2,
.wrap-custom-page h2 {
	font-size: 18px;
	color: #3c3c3c;
	padding: 5px 0 15px 10px !important;
	background-color: transparent;
	text-align: left;
	margin-top: 0;
}
.wrap-cart h2,
.wrap-order h2{
	font-size: 14px;
}

.user-unit h2,
.point-unit h2,
.login h2,
.wrap-error h2 {
	border-bottom: 1px solid #ccc;
}

.wrap-cart h3,
.order-comfirm h3 {
	text-align: center;
	background-color: #e2e2e2;
}

.order-unit h3 {
	padding: 10px;
	margin-top: 10px;
	background-color: transparent;
	font-size: 16px;
	color: #3c3c3c;
}

.order-footer .button-next .btn { font-size: 14px; }

.wrap-cart .msg,
.wrap-order .msg {
	margin: 10px 0;
	padding: 0;
	font-size: inherit;
	line-height: 1.5;
}

.cart-unit dl { border-bottom-color: #d2d2d2; }

.cart-set-promotion-unit {
	padding: 0 5px 10px 5px;
	margin-bottom: 30px;
	text-align: right;
}

.cart-unit-footer .coupon-point dd label { vertical-align: middle; }
.cart-unit-footer .coupon-point dd input {
	border: 1px solid #d2d2d2;
	padding: .5em;
	width: 100%;
}
.cart-unit-footer .use-point dd input {
	border: 1px solid #d2d2d2;
	padding: .5em;
}

.cart-unit-footer dl dt {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart-table {
	margin: 0 0 10px;
	border-top-color: #e2e2e2;
	border-bottom-color: #e2e2e2;
}

.cart-table tr { border-bottom: 1px dotted #b2b2b2; }
.cart-table .product-control { background-color: transparent; }
.cart-table td .amout input { border: 1px solid #d2d2d2; }
.cart-table td .delete a { background-color: #919191; }
.cart-table .product-image img {
	width: 100%;
	height: auto;
}

.cart-unit-footer {
	padding: 15px;
	background-color: #f6f6f6;
}

.cart-unit-footer .inner {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d2d2d2;
}

.cart-unit-footer .sub-total { background-color: #f6f6f6; }
.cart-unit-footer .total {
	border-bottom: none;
	font-weight: bold;
}

.cart-footer { padding: 10px; }

/*OrderShipping*/

.order-unit .order-form {
	border: 1px solid #c9c9c9;
	margin: 0 0 40px 0;
}

.order-unit .order-form dt {
	font-weight: bold;
	background-color: #f3f3f3 !important;
}

.order-unit .order-form dd input {
	border: 1px solid #e6e6e6;
	padding: 10px;
}

.order-form .name input,
.order-form .name-kana input,
.order-form .company-name input,
.order-form .company-post input,
.order-form .sender-name input {
	/*width: 100%;*/
}

.order-unit .order-form dd dt {
	border-bottom: none;
	font-weight: normal;
}

.order-unit .order-form .memo textarea {
	width: 100%;
	height: 70px;
	border: 1px solid #d2d2d2;
}

.order-form .zip .btn-add-search,
.user-form .zip .btn-add-search {
	color: #000;
	font-size: 11px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 50px;
	padding: 0 5px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	vertical-align: middle;
}

.order-form .shipping-input {
	background-color: transparent;
	margin-top: 15px;
}

/*OrderPayment*/

.order-payment .payment-list dt.title {
	background-color: #f5f5f5;
	border: 1px solid #c9c9c9;
	color: #000;
	padding: 10px;
	margin-bottom: 30px;
	font-weight: bold;
}

.order-payment .payment-list dt.title label { vertical-align: middle; }

.order-payment .payment-list dd {
	margin: -30px 0 30px 0;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	padding: 10px;
}

.order-payment .payment-list dd .inner { padding: 0; }
.order-payment .payment-list ul li div {
	padding: 10px;
}
.order-payment .payment-list ul li h4 {
	background-color: #f5f4f4;
	padding: 10px;
}
.order-payment .credit-card ul li input {
	border: 1px solid #d2d2d2;
	padding: 10px;
	width: 100%;
}

/*OrderConfirm OrderComplete*/

.order-comfirm dd.message {
	font-size: 11px;
    padding: 5px 10px!important;
}

.order-comfirm .button-change { text-align: right; }
.order-comfirm .button-change .btn {
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
	background-color: #3c3c3c;
	text-indent: 15px;
	position: relative;
	width: 80px;
	margin: 0;
	font-weight: bold;
}

.order-comfirm .button-change .btn:before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	margin-top: -2px;
}

.order-comfirm .cart-footer,
.order-complete .cart-footer {
	padding: 10px;
/*	background-color: #f6f6f6;
	border: 1px solid #e2e2e2;*/
	margin: 30px 0;
}

.order-comfirm .cart-footer dl,
.order-complete .cart-footer dl  {
	padding: 10px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
}

.order-comfirm .cart-footer dl dt,
.order-complete .cart-footer dl dt {
	font-size: 20px;
	font-weight: bold;
	width: 100px;
	float: left;
	padding-top: 5px;
}

.order-comfirm .cart-footer dl dd,
.order-complete .cart-footer dl dd {
	margin-left: 100px;
	text-align: right;
	font-weight: bold;
	font-size: 30px;
}

.order-comfirm .order-unit .order-form,
.order-complete .order-unit .order-form {
	margin-bottom: 10px;
}

.order-comfirm .order-unit .order-form dt,
.order-complete .order-unit .order-form dt {
	font-size: 16px;
	background-color: #e0e0e0;
	padding: 10px;
}

.order-comfirm .order-unit .order-form dd dt,
.order-complete .order-unit .order-form dd dt,
.user-regist-comfirm .order-unit .order-form dd dt {
	float: left;
	clear: left;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	background-color: transparent !important;
}

.order-comfirm .order-unit .order-form dd dd,
.order-complete .order-unit .order-form dd dd,
.user-regist-comfirm .order-unit .order-form dd dd {
	margin-left: 140px;
	padding: 10px;
}

.order-comfirm .order-unit .order-form dd dt.line2,
.order-comfirm .order-unit .order-form dd dd.line2,
.order-complete .order-unit .order-form dd dt.line2,
.order-complete .order-unit .order-form dd dd.line2,
.user-regist-comfirm .order-unit .order-form dd dt.line2,
.user-regist-comfirm .order-unit .order-form dd dd.line2 {
	height: 40px;
}

.order-complete .order-unit .shippingInfo .title {
	padding: 10px 15px;
	margin: 10px 0;
	font-weight: bold;
	font-size: 16px;
	background-color: #f5f4f4;
}

.order-complete .order-unit .order-form .orderID {
	font-size: 20px;
	font-weight: bold;
	word-break: break-all;
}

.order-complete h3 {
	font-weight: bold;
	font-size: 14px;
	background-color: #ddd;
}

/*Landing*/

.LandingOrder #Contents { margin-top: 0; }
.LandingOrder .hero {
	visibility: visible;
	margin-bottom: 0;
}

/*Login*/

.login { border-bottom: 1px dotted #3c3c3c; }
.login .order-form {
	border: none;
	margin-bottom: 10px;
}

.login .order-form dt {
	background-color: transparent;
}

.order-unit .memory-pass { text-align: left; }

/*MyPage*/

.user-nav { border-top-color: #3c3c3c; margin-top: -1px; }
.user-nav li { border-bottom-color: #3c3c3c; }
.user-nav li a {
	display: block;
    position: relative;
    padding: 25px 0;
    background-color: transparent;
    text-indent: 30px;
    font-size: 14px;
}

.user-nav li a:before,
.user-nav li a:after {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
}

.user-nav li a:before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	border-right: 1px solid #3c3c3c;
	border-top: 1px solid #3c3c3c;
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	margin-top: -3px;
}


/*UserRegistInput*/

.user-regulation .msg {
	padding: 15px;
	background-color: #eeeeee;
}
.order-unit .regulation {
	height: 200px;
	padding: 15px;
	border: 1px solid #ccc;
}
.order-unit .regulation p { line-height: 1.5; }
.kiyakuDoui {
	padding: 5px 0;
	text-align: center;
}

.user-regist-complete p { text-align: center; }
.user-regist-complete .msg {
	font-size: 16px;
	padding: 15px;
	background-color: #eeeeee;
}


/*OrderHistory FixedPurchase*/

.order-history-list h3 {
	background-color: #707070;
	color: #fff;
}

.order-history-detail .button a {
	width: 80%;
	margin: 0 auto;
	background-color: #3c3c3c;
	padding: 1em 0;
	font-weight: bold;
}

.order-history-detail .list .order-form {
	border: none;
}

.order-history-detail .list .order-form dt { margin-bottom: 10px; }
.order-history-detail .order-payment .payment-list { width: 100%; }
.order-history-detail .order-payment .payment-list ul li h4 {
	font-weight: bold;
	background-color: transparent;
	border-bottom:: none;
}

.order-history-detail .button-next a,
.order-history-detail .button-prev a {
	position: relative;
	padding: 15px 0;
	width: 80% !important;
	margin: 0 auto;
	font-weight: bold;
}

.order-history-detail .button-next a {
	background-color: #3c3c3c;
	color: #fff;
	margin-bottom: 5px;
}
.order-history-detail .button-prev a {
	background-color: #a2a2a2 !important;
	color: #fff;
}

.order-history-list .order-unit .order-form {
	border: none;
}
.order-history-nav ul li {
}

.fixed-purchase-detail small {
	display: block;
	padding: 10px;
}


/*UserRecieveMail*/

.user-recieve-mail .user-unit .user-form dd { overflow: hidden; }
.user-recieve-mail .user-unit h3, .point-unit h3 {
	background-color: #a2a2a2;
	color: #fff;
}
.user-recieve-mail h4 {
	text-align: center;
	font-size: 15px;
	margin-top: 10px;
}

.user-recieve-mail .content ul li {
	margin-bottom: 50px;
	border: 1px solid #a2a2a2;
}

/*UserWithdrawal*/

.user-withdrawal-input .button .btn {
	color: #fff !important;
	background-color: #acacac !important;
}

/*UserWithdrawal*/
.user-unit .shipping-list li.name {
	background-color: transparent;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.user-unit .shipping-list li.control a {
	padding: 10px 0 !important;
}
.user-unit .shipping-list li.control a:nth-child(2) {
	color: #fff !important;
	background-color: #acacac !important;
}

/*UserPointHistory*/
.point-unit .point-use {
	color: #fff;
	background-color: #00115d;
}

.point-history-list .point-unit .point-form dt {
	background-color: transparent;
	font-weight: bold;
	border-bottom: 1px solid #7d7d7d;
}

/*UserCoupon*/
.use-coupon-list h3 {
	background-color: #707070;
	color: #fff;
}
.use-coupon-list .content ul li dl {
	padding: 5px;
	border: 1px solid #707070;
}
.use-coupon-list .content ul li dl dt,
.use-coupon-list .content ul li dl dd {
	margin-bottom: 5px;
}

/*UserDefaultOrderSetting*/
.dvDefaultOrderSetting { margin-bottom: 50px; }
.use-default-order-setting h3 {
	background-color: #707070;
	color: #fff;
}

.use-default-order-setting .user-form dt {
	background-color: transparent;
	font-weight: bold;
	border-bottom: 1px solid #7d7d7d;
}

.use-default-order-setting .order-footer .button-prev .btn {
	width: 280px;
	font-weight: bold;
}






.user-unit .user-form dd input,
.user-unit .user-form dd textarea {
	padding: 10px;
	border: 1px solid #d2d2d2;
}

.user-unit .user-form dt, .point-unit .point-form dt {
	background-color: #ececec;
}

.order-history-list .order-unit .btn,
.user-unit .shipping-list li.control a:first-child {
	padding: 15px 0;
	font-weight: bold;
	background-color: #3c3c3c;
}

.wrap-user .user-unit .button .btn-000 { background-color: #000 !important; }

.wrap-cart .button-prev .btn,
.wrap-user .button-prev .btn,
.order-footer .button-prev .btn,
.order-complete .button-next .btn,
.login .button-prev .btn,
.landing-cart-comfirm .button-prev .btn {
	margin: 0 auto;
	width: 200px;
	padding: 15px 0;
	color: #fff;
	background-color: #a2a2a2;
}

.cart-footer .button-next .btn,
.order-footer .button-next .btn {
	width: 280px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 16px;
	font-weight: bold;
	background-color: #3c3c3c !important;
}

.user-footer .button-next .btn,
.user-unit .button .btn,
.user-regulation .button-next .btn,
.user-regist-input .button-next .btn,
.user-regist-comfirm .button-next .btn,
.user-regist-complete .button-next .btn,
.login .button-next .btn,
.not-login .button-next .btn,
.register .button-next .btn {
	width: 200px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #3c3c3c !important;
	font-weight: bold;
}

.login .button-next .btn {
}

.register .button-next .btn {
}

.wrap-cart .cart-footer .button-next .btn {
}

.order-shipping .button-next .btn,
.order-payment .button-next .btn {
}

.order-shipping .button-prev .btn,
.order-payment .button-prev .btn {
	position: relative;
	padding: 15px 0;
	background-color: transparent;
	width: 200px;
	margin: 0 auto;
}

.order-shipping .button-prev .btn span,
.order-payment .button-prev .btn span {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 18px;
	height: 18px;
	background-color: #000;
	border-radius: 9px;
	margin-top: -9px;
	z-index: 10;
	display: inline;
}

.order-shipping .button-prev .btn span:before,
.order-shipping .button-prev .btn span:after,
.order-payment .button-prev .btn span:before,
.order-payment .button-prev .btn span:after {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
}

.order-shipping .button-prev .btn span:before,
.order-payment .button-prev .btn span:before {
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 8px;
}

.order-shipping .button-prev .btn span:after,
.order-payment .button-prev .btn span:after {
	background-color: #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 9px;
}


@media screen and (max-width: 320px) {
	.header>nav>ul>li>a#go-cart { right: 7px; }
	.header>nav>ul>li>a#toggle-search { right: 35px; }
	.header>nav>ul>li>a#toggle-global-menu { left: 10px; }
	.header-toggle .global-nav-user li a i { right: 10px; }
	.hero { height: 310px; }
	.topics .topicsS .slick-next { right: -5px; }
	.topics .topicsS .slick-prev { left: -5px; }
	.wrap-product-list,
	.wrap-product-detail .inner { padding: 15px; }
	.wrap-product-detail .product-price p { font-size: 13px; }
	.user-product-arrival-mail-regist .user-form dt { width: 45%; }
	.user-product-arrival-mail-regist .user-form dd { margin-left: 47%; }
	.ranking .tabNav ul li a {
		padding: 0 7px;
		font-size: 11px;
	}
	.wrap-product-cart .favorite .btn,
	.wrap-product-cart .contact .btn {
		font-size: 12px;
	}
	.wrap-cart, .wrap-order, .wrap-user { margin-top: 10px; }

	.cart-unit-footer { padding: 10px; font-size: 12px; }
	.cart-unit-footer .inner { padding: 5px; }
	.step img,
	.order-payment .payment-list ul li p img { width: 100%; height: auto; }
	.select-same-payment { font-size: 12px; }
	.order-payment .payment-list dt.title { margin-bottom: 20px; }

	.user-nav li a { padding: 15px 0; }
}