@charset "UTF-8";
/*---------------------------------------------------------
							reset
---------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video ,input,textarea,select{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	font-weight:500;
	vertical-align: baseline;
	box-sizing:border-box;
}
html{.sp_molie_menu
	height:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
	-webkit-text-size-adjust: 100%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	max-width:100%;
	vertical-align:bottom;
	image-rendering: -webkit-optimize-contrast;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

body {
	background: #fff;
	font-size: 16px;
	color: #232937;
	line-height: 1.3;
	min-width:925px;
}
a {
	color: #212121;
	outline: none;
	text-decoration:none;
}
a:hover{
	opacity:0.8;
}
.sp {
	display: none!important;
}
input[type="image"]:hover{
	opacity:0.8;
}
/*---------------------------------------------------------
common
---------------------------------------------------------*/
.container{
	max-width:1255px;
	width:100%;
	margin:auto;
	position:relative;
}
.msg{
	background:#333;
	color:#fff;
	font-size:14px;
	font-weight:300;
	line-height:2.5;
	text-align:center;
}
h2{
	font-size:24px;
	margin-bottom:1em;
}
header{
	background:#fff;
	padding:25px 0 0;
	position:relative;
}
header .controls{
	display:flex;
	justify-content:space-between;
	margin-bottom:32px;
}
header h1{
	max-width:182px;
	width:100%;
}
header ul{
	display:flex;
	padding-bottom:35px;
}
header ul li{
	display:flex;
	align-items:center;
	font-size:12px;
	font-weight:500;
	margin:0 1em;
}
header ul li span{
	color:#B62519;
	font-size:12px;
	font-weight:500;
	margin-left:0.5em;
}
header ul li img{
	margin-right:0.5em;
}
header ul.member li{
  white-space:nowrap;
}
header h2{
	font-weight:600;
	text-align:center;
	margin-bottom:45px;
}
header h2 a{
	color: #808080;
	font-size:88%;
}
header h2 img{
	margin: auto;
	display:block;
	padding-bottom: 5px;
}
header nav{
	display:table;
	margin:auto;
}
header nav ul li{
	font-size:16px;
	margin:0 50px 0;
}
header nav ul li form{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #A7A7A7;
	font-size: 14px;
	padding-bottom: 0.2em;
}
header nav ul li form input[type="text"]{
	width:12em;
}
header nav ul li form input[type="text"]:focus{
	outline:none;
}
header nav input::placeholder{
	font-weight:200;
}
/*add*/
.sp_molie_menu,
.sp_menu{
	display:none;
}
.menu_contents{
	display:none;
	background:rgba(41,145,205,0.9);
	color:#fff;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height:264px;
	z-index: 1000;
}
.menu_contents .container{
	display:flex;
}
.menu_contents .container strong{
	display:block;
	font-size:20px;
	font-weight:600;
	letter-spacing:1px;
	width:358px;
	padding:120px 0 0 68px;
}
.menu_contents .container ul{
	display:block;
	margin-right:60px;
}
.menu_contents .container ul li{
	padding:0;
	margin:2em 0;
}
.menu_contents .container ul li a{
	color:#fff;
	position: relative;
	white-space: nowrap;
}
.menu_contents .container ul li a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1em;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
}
.full_w{
	width:calc( 100% - 48px );
	margin:auto;
}
.full_w ul{
	display:flex;
	flex-wrap:wrap;
}
#breadcrumb{
	padding:10px 0 24px;
}
.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding:0 0.5em;
	color: #6c757d;
	font-size:10px;
	content: ' > ';
}
#breadcrumb span{
	font-size:14px;
	font-weight:300;
}
.col2{
	display:flex;
	padding:0 20px;
}
.col2.container{
	padding:0;
}
aside{
	width:215px;
	margin-right:50px;
	padding-top:55px;
}
.col2 main{
	width:calc( 100% - 50px);
}
aside .cat{
	border-top:1px solid #C1C1C1;
	padding-top:24px;
}
aside .cat strong{
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-bottom:24px;
}
aside .cat ul li{
	font-size: 14px;
	margin:0 0 24px 10px;
}
.hide {
	display: none;
}
.tx-left {
	text-align:left;
}
.tx-center {
	text-align:center;
}
.tx-right {
	text-align:right;
}
.fsz14p {
	font-size:13px;
}
/*---------------------------------------------------------
login
---------------------------------------------------------*/
#login{
	background:#f5f5f5;
	height:100%;
}
#login .wrap{
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width:788px;
	width:98%;
	margin: 10% auto;
}
#login h1{
	text-align:center;
	max-width:350px;
	width:100%;
	margin:0 auto 50px;
}
#login h1 small{
	display:block;
	font-size:16px;
	margin-top:1em;
}
#login h2{
	font-size:24px;
	text-align:center;
	margin-bottom:2em;
}
#login_box{
	background:#fff;

	padding:6.5% 21.828% 0;
}
#login form label{
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#F5F5F5;
	border:1px solid #f5f5f5;
	border-radius:3px;
	font-size:14px;
	width:100%;
}
#login form label span{
	display:flex;
	justify-content:center;
	align-items:center;
	width:32%;
}
#login form input[type="text"]{
	width:68%;
	font-size:1.5em;
	font-weight:300;
	padding:.5em 1em;
	height:54px;
}
#login form input[type="submit"]{
	background:#2991CD;
	border-radius:3px;
	color:#fff;
	width:100%;
	height:56px;
	cursor:pointer;
	margin-top: 24px;
}
#login_box p{
	font-size:14px;
	font-weight:400;
	margin-top:24px;
	margin-bottom: 24px;
}
#login footer{
	background:#fff;
	font-size:12px;
	padding-top:70px;
}
#login a{
	color: blue;
}
/*---------------------------------------------------------
Main Visual - Scroll
---------------------------------------------------------*/
#mv{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#scroll{
	margin:40px 0;
}
#ecslide2 #scroll div ul img,
#ecslide2 #scroll div img,
#ecslide2 #scroll img{
	max-height:107px;
}
/*---------------------------------------------------------
Pickup / Item List
---------------------------------------------------------*/
#pickup{
	margin-bottom:10px;
}
#pickup ul,#item_list ul{
	display: grid;
	grid-template-columns: repeat(auto-fill, 180px);
	grid-gap: 4rem 1rem;
	justify-content: space-between;
}
#pickup ul li,
#item_list ul li{
	margin:0 0 20px;
	max-width:240px;
}
#pickup .item_image,
#item_list .item_image{
	margin-bottom:8px;
}
#pickup .item_image img,
#item_list .item_image img{
	max-width:100%;
	max-height:100%;
}
#pickup .detail .info,
#item_list .detail .info{
	display:flex;
	flex-wrap:wrap;
}
#pickup .detail .info span,
#item_list .detail .info span{
	display:inline-block;
	color:#fff;
	font-size:12px;
	width:66px;
	line-height:22px;
	text-align:center;
	margin:0 12px 6px 0;
}
#pickup span.sale,
#item_list span.sale{
	background:#F2A842;
}
#pickup span.new,
#item_list span.new{
	background:#B62519;
}
#pickup .detail .info span.fs,
#item_list .detail .info span.fs{
	background:#fff;
	border:1px solid #B62519;
	color:#B62519;
}
#pickup ul li a,
#item_list ul li a{
	color:#3B7082;
	font-size:14px;
	font-weight:400;
}
#pickup .detail .ttl,
#item_list .detail .ttl{
	margin-bottom:1em;
}
#pickup .detail .price,
#item_list .detail .price{
	color:#5759598a;
	font-size:14px;
	font-weight:400;
	height: 60px;
}
#pickup .detail .price span.sell_p,
#item_list .detail .price span.sell_p{
	color:#B62519;
	font-size:20px;
	font-weight:500;
}
.header_info{
	display:flex;
	justify-content:space-between;
	align-items: baseline;
}
.header_info h2 small{
	font-size:18px;
	font-weight:300;
}
.header_info .changes{
	font-size:14px;
	font-weight:300;
}
.header_info .changes select{
	border:1px solid #ccc;
}
.pager{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom:48px;
}
/*add2*/
.col2 #item_list .pager ul{
	display:flex;
	grid-gap: unset;
}
#item_list .pager ul li{
	margin-right:16px;
	margin-bottom:0;
}
#item_list .pager ul li a{
	display:flex;
	justify-content: center;
	align-items: center;
	border:1px solid #DFDFDF;
	color:#000;
	width:40px;
	height:40px;
}
#item_list .pager ul li.dot{
	display:flex;
	justify-content: center;
	align-items: end;
	color:#000;
	width:auto;
	height:40px;
}
#item_list .pager ul li.current a,
#item_list .pager ul li a:hover{
	background:#DFDFDF;
	color:#fff;
}
#item_list .pager .last a{
	display:flex;
	justify-content: center;
	align-items: center;
	background:#2991CD;
	color:#fff;
	width:87px;
	height:40px;
}
#item_list .pager .first a{
	display:flex;
	justify-content: center;
	align-items: center;
	background:#2991CD;
	color:#fff;
	width:87px;
	height:40px;
	margin-right:16px;
}
/*---------------------------------------------------------
Item Deatil
---------------------------------------------------------*/
#detail_wrap{
	padding-bottom:24px;
	margin:48px 0;
}
.item_detail{
	border-bottom:1px solid #DFDFDF;
	display:flex;
	padding-bottom:24px;
	margin-bottom:48px;
}
.item_detail .photo{
	max-width:450px;
	width:100%;
	padding-top:20px;
	margin-right:40px;
}
.item_detail .photo .large{
	margin-bottom:66px;
}
.item_detail .photo .thumb{
	display:flex;
	flex-wrap:wrap;
}
.item_detail .photo .thumb figure{
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #DFDFDF;
	width:32%;
	max-width:140px;
	margin-right:2%;
	position:relative;
}
.item_detail .photo .thumb figure:nth-child(3n){
	margin-right:0;
}
.item_detail .photo .thumb figure.current a:before{
	content:"";
	border:1px solid #F2A842;
	background:rgba(242,168,66,0.3);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	box-sizing: border-box;
}
.item_detail .photo .thumb figure a{
	display:block;
}
.item_detail .detail_box{
	max-width: 540px;
}
.item_detail .detail_box .brand_name{
	margin-bottom:10px;
}
.item_detail .detail_box .brand_name a{
	color: #3B7082;
	font-size: 14px;
	font-weight: 300;
}
.item_detail .detail_box h2{
	line-height:1.8;
	margin-bottom:10px;
}
.item_detail .detail_box .info{
	border-bottom:1px solid #DFDFDF;
}
.item_detail .detail_box .info span{
	display:inline-block;
	color:#fff;
	font-size:12px;
	width:66px;
	line-height:22px;
	text-align:center;
	margin:0 12px 10px 0;
}
.item_detail .detail_box span.sale{
	background:#F2A842;
}
.item_detail .detail_box span.new{
	background:#B62519;
}
.item_detail .detail_box span.fs{
	background:#fff;
	border:1px solid #B62519;
	color:#B62519;
}
.item_detail .product_detail{
	padding-top:15px;
}
.product_code{
	font-size:14px;
	font-weight:300;
	margin-bottom:.5em;
}
.regular_price,.points,.stock{
	margin-bottom:.5em;
}
.special_price{
	color:#B62519;
	font-size:16px;
	margin-bottom:.5em;
}
.special_price span{
	position: relative;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 .5em;
	background-color:#F2A842;
	color: #fff;
	margin-right:1.5em;
	margin-bottom:.5em;
}
.special_price span::before {
	position: absolute;
	top: 0;
	right: -15px;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #F2A842;
	border-style: solid;
	border-width: 15px 0 11px 15px;
}
.special_price em{
	font-size:1.8em;
	font-style:normal;
	margin:0 0.1em;
}
.points span{
	color:#B62519;
}
.quantity{
	margin-bottom:24px;
}
.quantity {
    margin-top: 8px;
}
.quantity input{
	border:1px solid #DFDFDF;
	border-radius:2px;
	font-size: 14px;
	font-weight:300;
	width: 3em;
	padding: 0.25em 0.5em;
	text-align:center;
}
.quantity select{
	border:1px solid #bbb;
	border-radius:2px;
	padding:0.2em 0.5em;
	margin:5px 0;
}
.btns{
	margin-bottom:65px;
}
.item_detail .btns a{
	border-radius:4px;
	display:flex;
	justify-content:center;
	align-items:center;
	height:48px;
}
/*add2*/
.item_detail .btns .added{
	background:#ECECEC;
	border: 1px solid #DDD;
	border-radius:4px;
	color:#999;
	display:flex;
	justify-content:center;
	align-items:center;
	height:48px;
	cursor:pointer;
}
.item_detail .btns a.cart{
	background:#2991CD;
	color:#fff;
	margin-bottom:1em;
}
.item_detail .btns a.register{
	background:#91cd29;
	color:#fff;
	margin-bottom:1em;
}
.item_detail .btns a.register1{
	background:#ebb930;
	color:#fff;
	margin-bottom:1em;
}
.item_detail .btns a.favo{
	border:1px solid #DDD;
}
.item_detail .btns a span{
	font-size:16px;
	font-weight:300;
}
.item_detail .btns a.cart span{
	background:url("../img/cart_w.svg") no-repeat left center;
	padding-left:1.5em;
}

.item_detail .btns a.register span{
	background:url("../img/register.svg") no-repeat left center;
	padding-left:1.5em;
}

.item_detail .btns a.favo span{
	background:url("../img/star.svg") no-repeat left center;
	padding-left:1.5em;
}
/*add2*/
.item_detail .btns .added span{
	background:url("../img/star.svg") no-repeat left center;
	padding-left:1.5em;
}
.detail_text h4{
	font-size:16px;
	font-weight:400;
	margin-bottom:1em;
}
.detail_text p{
	font-size:16px;
	font-weight:300;
        word-wrap: break-word;
        width: 100%;
}
.detail_text .description{
	margin-bottom:64px;
}
.col2 #item_list ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, 220px);
}
.col2 #item_list ul .item_image img{
	width:100%;
}

/* カートに追加ボタン */
 .cart_add_btn a,
 .cart_add_btn span.sold_out_btn{
	border-radius:4px;
	display:flex;
	justify-content:center;
	align-items:center;
	height:35px;
}

 .cart_add_btn .added{
	background:#ECECEC;
	border: 1px solid #DDD;
	border-radius:4px;
	color:#999;
	display:flex;
	justify-content:center;
	align-items:center;
	height:35px;
	cursor:pointer;
}
.cart_add_btn a.pickup_cart{
	background:#2991CD;
	color:#fff;
	margin-bottom:1em;
}

.cart_add_btn span.sold_out_btn{
	background:gray;
	color:#fff;
	margin-bottom:1em;
	cursor: not-allowed;
}

.cart_add_btn a span{
	font-size:14px;
	font-weight:300;
}
.cart_add_btn a.pickup_cart span{
	background:url("../img/cart_w.svg") no-repeat left center;
	padding-left:1.5em;
}

/* 売り切れましたボタン */
 .cart_add_btn a.sold_out{
	pointer-events:none;
}

.cart_add_btn a.sold_out{
	background:grey;
	color:#fff;
	margin-bottom:1em;
}

.product_name_height {
	height: 60px!important;
}

/*---------------------------------------------------------
Pages
---------------------------------------------------------*/
.col2.page aside{
	margin-top:60px;
}
#page_wrap{
	padding-bottom:24px;
	margin:55px 0 170px;
}
#page_wrap h2{
	margin-bottom:28px;
}
#page_wrap h3{
	font-size:18px;
	margin-bottom:.5em;
}
#page_wrap p.block{
	font-size: 14px;
	font-weight:300;
	line-height:1.8;
	margin-bottom:40px;
}
#page_wrap table{
	width:100%;
	margin-bottom:10px;
}
/*add*/
#page_wrap table.in_cart{
	font-size:14px;
	text-align:center;
	margin-top:32px;
	table-layout: fixed;
}
/*add*/
#page_wrap table.in_cart th,
#page_wrap table.in_cart td{
	font-size:14px;
	font-weight:400;
	vertical-align:middle;
}
#page_wrap table.in_cart a{
	color:#2991CD;
}
/*add*/
#page_wrap table.in_cart th{
	text-align:center;
	padding:1em 20px;
}
/*add*/
#page_wrap table.in_cart .r{
	text-align:right;
}
/*add*/
#page_wrap table.shipping{
	margin-top:30px;
	table-layout: fixed;
}
/*add*/
#page_wrap table.shipping a{
	color:#2991CD;
}
/*add*/
#page_wrap table.shipping th{
	text-align:center;
	padding:1em 20px;
}
/*add*/
#page_wrap table.shipping th,
#page_wrap table.shipping td{
	font-size:14px;
	font-weight:400;
	vertical-align:middle;
	text-align:center;
}
/*add*/
#page_wrap table.shipping td.add{
	text-align:left;
}
#page_wrap table.change{
	width:100%;
	margin:24px 0 40px;
}
#page_wrap table th{
	background:rgba(221,221,221,.2);
	border:1px solid #DFDFDF;
	font-size:14px;
	text-align:left;
	max-width:150px;
	padding:0 10px 0;
	vertical-align:middle;
}
#page_wrap table.company th{
	min-width:150px;
}
#page_wrap table.address th{
	padding:1em 20px;
}
#page_wrap table td{
	border:1px solid #DFDFDF;
	font-size:14px;
	font-weight:300;
	padding:6px 10px 12px;
}
#page_wrap table.company td{
	font-size:14px;
	padding:1em;
}
#page_wrap table td.num,
#page_wrap table td.modifi,
#page_wrap table td.delete{
	font-size:14px;
	vertical-align: middle;
	text-align: center;
}
#page_wrap table td.add {
	font-size: 14px;
	padding: 1em 20px 1em;
}
#page_wrap table td.modifi a,
#page_wrap table td.delete a{
	display: inline-block;
	background: #F5F5F5;
	border: 1px solid #bbb;
	border-radius: 2px;
	color: #2991CD;
	font-weight:300;
	padding: 0.3em 0.7em;
}
#page_wrap table td img{
	vertical-align:sub;
}
#page_wrap table td label{
	font-size:14px;
}
#page_wrap table td span{
	font-weight:300;
}
span.attention{
	color:#F00;
}
#page_wrap input,
#page_wrap textarea{
	border:1px solid #bbb;
	border-radius:2px;
	padding:0.2em 0.5em;
	margin:5px 0;
	width:100%;
}
#page_wrap input[type='radio']{
	width:auto;
	margin-right:0.5em;
}
#page_wrap select{
	border:1px solid #bbb;
	border-radius:2px;
	padding:0.2em 0.5em;
	margin:5px 0;
}
#page_wrap .box70{
	max-width:70px;
}
#page_wrap .box140{
	max-width:140px;
}
#page_wrap .box340{
	max-width:340px;
}
#page_wrap .box560{
	max-width:560px;
}
div.pp{
	border:1px solid #DFDFDF;
	border-radius:2px;
	font-size:12px;
	height:266px;
	overflow:scroll;
	padding: 2em 10%;
	margin-bottom:40px;
}
.btn_area{
	text-align:center;
}
/*add*/
#page_wrap .btn_area input{
	border:0;
	width:auto;
}
.confirm_btn{
	width:307px;
	height:48px;
}
#page_wrap.login{
	margin-top:115px;
}
.login_block{
	border:3px solid #F5F5F5;
	font-size: 14px;
	font-weight: 300;
	padding: 6.5% 21.828% 0;
	background-color: #fff;
}
#page_wrap .login_block:first-child{
	margin-bottom:92px;
}
.login_block h2{
	margin-bottom:1em;
}
.login_block .inputbox{
	background:#F5F5F5;
	padding:4%;
	margin:20px 0 30px;
}
dl.formlist{
	display:flex;
	align-items:center;
	width:100%;
	margin-bottom:8px;
}
dl.formlist dd{
	flex:1;
}
.login_block input{
	border:1px solid #bbb;
	line-height: 1.8;
}
.login_block input[type="image"]{
	border:0;
}
.box360{
	max-width:360px;
	width:100%;
}
.login_memory{
	display:flex;
	align-items:center;
/*	font-size:10px;*/
	font-size:90%;
	margin-bottom:20px;
}
/*add2*/
#page_wrap .login_memory input{
	width:auto;
}
.login_memory label{
	padding-left:.5em;
}
.login_block .btn_area{
	margin-bottom:40px;
}
.login_block .btn_area.mg0{
	margin-bottom:0;
}
.login_block .forget{
/*	font-size:10px;*/
	font-size:90%;
	line-height:2;
	text-align:center;
}
.login_block .forget a{
	color:#2991CD;
}
ul.tabs{
	display:flex;
	border:1px solid #bbb;
	margin-bottom:28px;
}
ul.tabs li{
	background:#F5F5F5;
	font-size:14px;
	width:calc( 100% / 3 );
	height:55px;
	position:relative;
}
ul.tabs li:nth-child(2){
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
}
ul.tabs li.current,
ul.tabs li:hover{
	background:#fff;
}
ul.tabs li a{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#2991CD;
	height:100%;
}
ul.tabs li a span{
	position:relative;
}
ul.tabs li a span::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 3.5px 0 3.5px;
	border-color: #000 transparent transparent transparent;
	position:absolute;
	right: -1em;
	top: 0;
	bottom: 0;
	margin: auto;
}
ul.tabs li ul{
	display:none;
	border: 1px solid #dfdfdf;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.tabs li:last-child:hover ul{
	display:block;
	position:absolute;
	top:55px;
	right:0;
}
ul.tabs li ul li{
	background:#fff;
	width:100%;
	padding:0 18px;
}
ul.tabs li ul li:nth-child(2){
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	border-right:0;
	border-left:0;
}
ul.tabs li ul li a{
	color:#000;
}
#page_wrap .status{
	background:rgba(221,221,221,.22);
	font-size:14px;
	font-weight:300;
	padding:2em;
	margin-bottom:60px;
}
/*add*/
#page_wrap .status.mg1{
	margin-bottom:1em;
}
#page_wrap .status span,
p.all_history span,
p.notice span,
span.notice{
	color:#B62519;
	font-weight:300;
}
p.all_history,
p.notice,
span.notice{
	font-size:14px;
	font-weight:300;
}
/*add*/
p.notice.mg{
	margin-bottom:45px;
}
/*add*/
p.confirm{
	font-size:14px;
	font-weight: 400;
	text-align:center;
	margin:30px 0 50px;
}
ul.history_list li,
ul.favorite_list li{
	border-bottom:1px solid #bbb;
	padding:30px 20px 30px 15px;
}
ul.history_list dl{
	display:flex;
	color:#3B7082;
	font-size:14px;
	margin-bottom:1em;
}
ul.history_list dl dd{
	font-weight:300;
	flex:1;
}
.favorite_list li{
	display:flex;
	align-items:center;
	font-size:14px;
}
.favorite_list li a{
	color:#3B7082;
	font-weight:300;
}
.favorite_list li figure{
	width:75px;
	margin-right:25px;
}
.favorite_list .special_price{
	margin-top:1em;
	margin-bottom:0;
}
.favorite_list .special_price em{
	font-size:18px;
}
.favorite_list .delete{
	margin-left:auto;
}
.favorite_list .delete a{
	display:block;
	background:#F5F5F5;
	border:1px solid #bbb;
	border-radius:2px;
	padding:0.3em 0.7em;
}
.new_add{
	margin:36px 0 30px;
}
.new_add a{
	background:#f5f5f5;
	border: 1px solid #bbb;
	border-radius:2px;
	color:#2991CD;
	font-size:12px;
	font-weight:300;
	padding: 0.4em 1.2em;
}
/*add*/
.shipping .new_add{
	margin:20px 0 60px;
}
/*add*/
.coupon{
	font-size:14px;
	font-weight:400;
	margin:20px 0 40px;
}
/*add*/
#page_wrap .coupon input{
	display:block;
	max-width:335px;
	margin-top:1em;
}
.forbidden{
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #bbb;
	height:460px;
	margin-bottom:150px;
}
.leave_msg{
	font-size:14px;
	font-weight:bold;
	line-height:1.8;
}
.leave_box{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border:1px solid #bbb;
	font-size:14px;
	font-weight:300;
	height:260px;
	padding:0 20px;
	margin-top:40px;
}
.leave_btn{
	margin-top:40px;
}
.leave_btn a{
	margin:0 15px;
}
.specify{
	font-size:14px;
	font-weight:300;
}
/*add*/
ul.step{
	display:flex;
	justify-content:center;
	margin-bottom:55px;
}
/*add*/
.decide ul.step{
	margin-bottom:25px;
}
/*add*/
ul.step li{
	display:inline-block;
	background:#ddd;
	color:#fff;
	font-size:14px;
	line-height:45px;
	text-align:center;
	width:20%;
	max-width:160px;
	height:45px;
	margin:0 20px;
	padding:0 5px;
	position:relative;
}
/*add*/
ul.step li:after {
	border-style: solid;
	border-width: 22.5px 0 22.5px 16px;
	border-color: transparent transparent transparent #dddddd;
	content: '';
	display: block;
	margin-right: -16px;
	position: absolute;
	right: 0;
	top:0;
}
/*add*/
ul.step li.now {
	background:#7DB9D4;
}
/*add*/
ul.step li.now:after {
	border-color: transparent transparent transparent #7DB9D4;
}
#page_wrap.specify h3{
	display:flex;
	align-items:center;
}
#page_wrap.specify table{
	margin:30px 0 30px;
}
#page_wrap.specify table th{
	text-align:center;
	padding: 1em 20px;
}
#page_wrap.specify table td {
	font-size: 14px;
	padding: 12px 10px;
}
#page_wrap.specify table.campaign td:last-child{
	text-align:right;
}
#page_wrap.specify table input[type='radio']{
	margin:auto;
}
#page_wrap.specify table .tx-left{
	text-align:left;
}
#page_wrap.specify table .tx-center{
	text-align:center;
}
#page_wrap.specify table .tx-right{
	text-align:right;
}
#page_wrap.specify span{
	font-size:12px;
	font-weight:300;
}
.delivery-time{
	margin:16px 0 30px;
}
.delivery-time label{
	font-size:14px;
	font-weight:300;
	margin-right:1em;
}
.delivery-time select{
	border:1px solid #bbb;
	border-radius:2px;
	font-size:14px;
	font-weight:300;
	width:140px;
}
.sender{
	margin-bottom:30px;
}
.sender li{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	font-weight:300;
	margin-bottom:10px;
}
.sender label,
.bd_box label{
	font-weight:300;
}
#page_wrap .sender select{
	border: 1px solid #bbb;
	border-radius: 2px;
	font-weight:300;
	padding: 0;
	margin: 0;
}
.sender li p{
	font-weight:300;
	width:100%;
}
.sender input.ng{
	color:gray;
	background-color:#f8f8f8;
}
.bd_box{
	border:1px solid #bbb;
	font-size:14px;
	font-weight:300;
	line-height: 1.5;
	padding:30px 36px;
	margin-bottom:40px;
}
.bd_box.mg10{
	margin-bottom:10px;
}
#page_wrap.specify .bd_box span{
	font-size:14px;
}
#page_wrap .bd_box input[type="text"]{
	margin:0 0.5em;
}
#page_wrap.specify .note{
	color: #B62519;
	font-weight:300;
	margin-bottom:40px;
}
#page_wrap.specify .btns{
	margin:56px 0;
	text-align:center;
}
#page_wrap.specify .btns a{
	margin:0 15px;
}
/*add*/
#page_wrap.cart .btns{
	text-align: center;
	margin-bottom:80px;
}
/*add*/
#page_wrap.cart .btns a{
	margin:0 15px;
}
/*add*/
#page_wrap.shipping .btns{
	text-align: center;
	margin-bottom:80px;
}
/*add*/
#page_wrap.shipping .btns a{
	margin:0 15px;
}
/*---------------------------------------------------------
Recommend
---------------------------------------------------------*/
#recommend{
	margin-bottom:10px;
}
#recommend ul{
	display: grid;
	grid-template-columns: repeat(auto-fill, 385px);
	grid-gap: 1rem;
	justify-content: space-between;
}
#recommend ul li{
	margin:0 0 27px;
}
/*---------------------------------------------------------
complete
---------------------------------------------------------*/
#complete_area p{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
	}
#complete_area .shop_information{
	border-top: 1px solid #c1c1c1;
	margin-top: 40px;
	padding-top: 45px;
	margin-bottom: 40px;
}
#complete_area .name{
	font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1239px) {
	#recommend ul{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
		grid-gap:unset;
	}
	#recommend ul li{
		width:33%;
		margin:0 0 27px;
	}
}
/*---------------------------------------------------------
Latest
---------------------------------------------------------*/
#latest{
	margin-bottom:40px;
	padding:0 1em;
	max-height: 555px;
	overflow: hidden;
}
#latest ul li a{
	display:flex;
	align-items:center;
	border-bottom:1px solid #DFDFDF;
	font-size:14px;
	padding:20px 0 10px 25px;
}
#latest ul li:first-child a{
	padding-top:0;
}
#latest .thumb{
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #F2F2F2;
	width:75px;
	height:75px;
	margin-right:3.7%;
}
#latest .content{
	display: flex;
	align-items: center;
	width:72%;
}
#latest .area{
	margin:0 1%;
}
#latest .area span{
	background:#2991CD;
	border-radius:12px;
	color:#fff;
	font-size:12px;
	font-weight:300;
	line-height:20px;
	padding:0 0.584em;
	white-space:nowrap;
}
#latest .date{
	font-weight:300;
	margin-right:2%;
	white-space:nowrap;
}
#latest .ttl{
	font-weight:300;
}
#latest .price{
	color:#575959;
	font-size:14px;
	font-weight:400;
	padding-left:2%;
	white-space:nowrap;
}
#latest .price span.sell_p{
	color:#B62519;
	font-size:24px;
	font-weight:500;
}
#latest ul li:first-child {
	animation: 0.8s linear 0s normal forwards 1 running show;
}
@keyframes show {
	0% {
		height: 0;
		opacity: 0;
		transform: scale(0.9, 0.9);
	}
	100% {
		height: 75px;
		opacity: 0.2;
	}
	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}
/*---------------------------------------------------------
Information
---------------------------------------------------------*/
#information{
	margin-bottom:40px;
	padding:0 1em;
}
#information ul{
	margin-bottom:1em;
}
#information ul li a{
	display:flex;
	align-items:center;
	border-bottom:1px solid #DFDFDF;
	font-size:14px;
	padding:20px 0 ;
}
#information ul li:first-child a{
	padding-top:0;
}
#information ul li a .date{
	font-weight:300;
	width:10%;
}
#information ul li a .ttl{
	font-weight:300;
	flex:1;
}
#information ul li a strong{
	font-weight:600;
}
#information .more{
	text-align:right;
}
#information .more a{
	display:inline-block;
	color:#3B7082;
	position:relative;
	margin-right: calc(1em + 6px);
}
#information .more a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1em;
	width: 6px;
	height: 6px;
	border-top: 2px solid #3B7082;
	border-right: 2px solid #3B7082;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
}
/*---------------------------------------------------------
PUMA
---------------------------------------------------------*/
#puma{
	padding:0 1em;
}
#puma .block{
	display:flex;
}
#puma .block figure{
	width:32%;
	max-width:381px;
	margin-right:50px;
}
#puma .block .sizes{
	flex:1;
	font-weight:400;
}
#puma .block .sizes ul{
	display: grid;
	grid-template-columns: repeat(auto-fill, 55px);
	grid-gap: 1rem;
	justify-content: space-between;
	margin:24px;
}
#puma .block .sizes ul li{
	height:55px;
	margin:0 0 20px;
}
#puma .block .sizes ul li a{
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #CCCCCD;
	font-weight:300;
	width:100%;
	height:100%;
}
/*---------------------------------------------------------
Brands
---------------------------------------------------------*/
#brands{
	margin-bottom:60px;
}
#brands ul{
	display: grid;
	grid-template-columns: repeat(auto-fill, 180px);
	grid-gap: 1rem;
	justify-content: space-between;
}
#brands ul li{
	margin:0 0 27px;
}
#brands ul li a{
	color:#3B7082;
	font-size:14px;
	font-weight:300;
}
#brands .more{
	text-align:right;
}
#brands .more a{
	display:inline-block;
	color:#3B7082;
	position:relative;
	margin-right: calc(1em + 6px);
}
#brands .more a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1em;
	width: 6px;
	height: 6px;
	border-top: 2px solid #3B7082;
	border-right: 2px solid #3B7082;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
}
/*---------------------------------------------------------
Logos
---------------------------------------------------------*/
#logos{
	margin-bottom:72px;
}
#logos.container{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#FCFBFB;
	border:1px solid #ECECEC;
	padding:4% 0;
/*	max-height: 200px;*/
}
#logos.container .item_wrap > ul > li img{
	max-height: 100px;
}
#logos.container ul{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
}
#logos.container ul li{
	margin:5px 15px;
}
/*---------------------------------------------------------
Support
---------------------------------------------------------*/
#support{
	background:#F5F5F5;
	font-size:14px;
	text-align:center;
	padding:30px 0 70px;
}
#support h2{
	margin-bottom:75px;
}
#support ul{
	display:flex;
	justify-content:center;
	margin-bottom:72px;
}
#support ul li{
	line-height:2;
}
#support ul li h3{
	font-size:20px;
	font-weight:600;
	margin-bottom: 4%;
}
#support ul li strong{
	font-size:18px;
	font-weight:500;
}
#support ul li:first-child{
	border-right:1px solid #D6D6D6;
	padding-right:130px;
}
#support ul li:last-child{
	padding-left:130px;
}
#support a{
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #212121;
	border-radius:24px;
	width:265px;
	height:48px;
	margin:45px auto 0;
	position:relative;
}

#support a::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5em;
	width: 6px;
	height: 6px;
	border-top: 1px solid #212121;
	border-right: 1px solid #212121;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
}
/*---------------------------------------------------------
footer
---------------------------------------------------------*/
footer{
	background:#D9D9D9;
	padding:55px 0;
}
footer#index {
	width: 100%;
	background:#fff;
	font-size:13px;
	text-align:center;
	padding:36px 0;
}
footer .ft_btm{
	display:flex;
	align-items: center;
}
footer .ft_up{
	display:flex;
	justify-content:space-between;
	align-items: center;
	margin-bottom:40px;
}
footer ul{
	display:flex;
	justify-content:center;
	align-items:center;
	width:77%;
}
footer ul li{
	border-right:2px solid #000;
	padding:0 24px;
}
footer ul li:last-child{
	border-right:0;
}
footer .tel{
	font-size:14px;
	line-height:2;
	text-align:right;
}
footer .tel span{
	display:block;
	font-size:20px;
}
footer .tel span img{
	vertical-align:middle;
	margin-right:0.3em;
}
footer .pm{
	font-size:12px;
	font-weight:300;
	width:77%;
	max-width:930px;
	margin-left:30px;
}
footer .copy{
	font-size:14px;
	text-align:center;
	margin-top:10px;
}
/*---------------------------------------------------------
Mobile
---------------------------------------------------------*/
/*Media Queries*/
.sp-search_form{
		display: none;
		
	}
#loadMore,#loadMore2{
	display: none;
}
header ul li span.custom_cart_count{
		
		font-size: unset;
		color: unset; 
		font-weight: unset; 
		
		
	}
	
header ul li span.custom_cart{
		color: unset; 
		font-weight: unset; 
		margin-left: unset;
		font-size: unset;
	}


.hidden {
	display: none;
}

.complete_message {
	width: 25%;
	min-width: 300px;
	height: 75px;
	padding: 8px 16px;
	border-radius: 8px;
	background: #ddd;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	position: fixed;
	right: 37%;
	bottom: 84%;
	z-index: 100;
}

.err_msg {
	width: 35%;
    min-width: 276px;
    height: 242px;
    padding: 31px 16px;
    border-radius: 8px;
    background: #ffd0d0;
    color: #e83939;
    font-size: 20px;
    line-height: 40px;
    position: fixed;
    right: 30%;
    bottom: 73%;
    z-index: 100;
}

.popup-message {
	animation: popup 3s forwards;
}


div:empty{
    display: none;
}
@media screen and (max-width: 768px){
	.cart_part{
		width: 52px;
		height: 52px;
		border-radius: 5px;
		background: white;
		font-size: 26px;
		position: relative;
		text-align: center;
	}

	.cart_part .custom_cart_count{
		position: absolute;
		font-size: 14px;
		color: unset; 
		font-weight: unset; 
		top: 5px;
		right: 5px;
	}
	.cart_part img{
		width: 23px;
	}
	.cart_part .custom_cart{
		color: unset; 
		font-weight: unset; 
		margin-left: unset;
		display: block;
		font-size: 12px;
		margin-top: -3px;
	}
	#loadMore,
	#loadMore2{
		outline: none;
		border: none;
		background: transparent;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin: 10px auto 50px;
		padding: 10px;
		box-shadow: 2px 5px 10px rgba(0,0,0,0.3);
		border-radius: 8px;
		width: 200px;
		font-size: 14px;
		color: #333;
	}
	#pickup .item_wrap li{
		display: none;
	}
	#pickup {
		border-top: 2px solid #DFDFDF;
		border-bottom: 2px solid #DFDFDF;
		padding: 20px 0;
	}
	#pickup ul li .ttl a{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1.5;
		
	}
}
@media screen and (max-width: 768px) {
	body, html {
		min-width: 100%;
	}
	body {
		font-size: 15px;
	}
	img {
		max-width: 100%;
		padding-bottom: 2px;
	}
	.item_wrap img{
		padding: 0 5px;
	}
	img.sp {
		width: 100%;
	}
	.pc {
		display: none!important;
	}
	.sp {
		display: block!important;
	}
	.product_name_height {
		height: 115px!important;
	}
	.product_name_height2 {
		height: 90px!important;
	}
/*---------------------------------------------------------
common
---------------------------------------------------------*/
	.container,.full_w{
		width:92%;
	}
	h2{
		font-size:18px;
	}
	.msg{
		font-size:10px;
		line-height:3;
	}
	header{
		padding:0;
	}
	header .container{
		width:100%;
        height: auto !important;
             
	}
	header .controls {
		border-bottom:1px solid #E0E0E0;
		display: block;
		padding-bottom:10px;
		margin-bottom: 10px;
	}
	header h1 {
		max-width: 130px;
		margin:auto;
	}
	header h2 {
		font-size: 12px;
		margin-bottom: 15px;
	}
	header h2 img {
		display:block;
		width:200px;
		margin:0 auto 2px;
		padding-bottom: 2px;
	}
	header h2 .top_name img{
		width: 90%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	header nav ul{
		flex-direction:column;
	}
	.hamburger {
		display : block;
		position: absolute;
		z-index : 3;
		right : 15px;
		bottom: -8px;
		width : 32px;
		height: 32px;
		cursor: pointer;
		text-align: center;
		top:0;
		
	}
	.sp-search_form{
		display: block;
		width: 65%;
		
	}
	.sp-search_form #search_form_sp{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 65%;
		margin: 10px auto;
		border-radius: 15px;
		border: 1px solid #838383;
		padding: 1px 5px;
	}
	.sp-search_form #search_form_sp input[type='text']{
		padding: 5px;
		width: 100%;
		border: none;
		outline: none;
		border-radius: 10px;
		font-size: 16px;
	}
	
	.top_name a img{
		width: 90%;
	}
	
	.hamburger span {
		display : block;
		position: absolute;
		width   : 20px;
		height  : 2px ;
		left    : 6px;
		background : #000;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 8px;
	}
	.hamburger span:nth-child(2) {
		top: 15px;
	}
	.hamburger span:nth-child(3) {
		top: 22px;
	}
	.hamburger.active span:nth-child(1) {
		top : 16px;
		left: 6px;
		background :#000;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
	}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 16px;
		background :#000;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
	}
	.sp-wrap{
		display:none;
		position: fixed;
		z-index : 1;
/*		top  : 124px;*/
		/* top  : 140px; */
		top  : 0;
		left : 0;
		background: #fff;
/*		border-top:1px solid #C1C1C1;*/
		width: 100%;
		height:100%;
		overflow-y:scroll;
		padding-bottom:150px;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
	}
	/*add*/
	.sp-wrap.active{
		display:block;
		opacity:1;
		z-index: 1000;
	}
	.sp-wrap::after{
		content:"";
		width:100vw;
		height:100vh;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
	}
	header .controls ul{
		display:none;
	}
	/*add*/
	header .controls ul.sp{
		display:none;
	}
	/*add*/
	.sp_menu.active{
		display:block;
		padding-bottom:5px;
	}
	.member.active{
		display:block;
		z-index: 1000;
	}
	/*add*/
	.sp-wrap ul li{
		display:block;
		border-bottom:1px solid #C1C1C1;
		font-size:14px;
		padding:20px;
		margin:0;
		position:relative;
	}
	ul.inner{
		margin-top:10px;
	}
	ul.inner li{
		border-bottom:0;
		padding:10px 1em;
	}
	/*add*/
	.sp-wrap form{
		border:0;
	}
	/*add*/
	.sp-wrap form input[type="text"] {
		width: 100%;
		padding:0.5em;
	}
	.sp-wrap form{
		display: flex;
		align-items: center;
		font-size: 14px;
	}
	.accordion{
		position:relative;
	}
	.accordion .inner{
		display:none;
	}
	.accordion_border {
		position: absolute;
		top: 28px;
		right: 20px;
	}
	.accordion_border::before,
	.accordion_border::after {
		content: '';
		display: block;
		width: 14px;
		height: 2px;
		background: #000;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.accordion_border::before {
		transform: translateY(-50%) rotate(90deg);
		transition: 0.5s;
	}
	.accordion.active .accordion_border::before {
		transform: rotate(0);
		transition: 0.5s;
		opacity:0;
	}
	.col2{
		flex-direction:column;
		padding:0;
	}
	.col2 aside{
		display:none;
	}
	.col2 main {
		width: 100%;
	}
	#breadcrumb {
		padding: 8px 0 10px;
	}
	#breadcrumb span {
		font-size: 12px;
	}


	.hamburger {
		display: block;
		position: relative;
		z-index: 3;
		right: unset;
		bottom: unset;
		width: 52px;
		height: 52px;
		cursor: pointer;
		text-align: center;
		top: unset;
		z-index: 10000;
		font-size: 12px;
		background: white;
		border-radius: 5px;
	}
	.hamburger span{
		left: 10px;
		width: 30px;
		height: 2px;
		left: 9px;
	}
	
	.hamburger span:nth-child(1){
		top: 12px;
	}
	
	.hamburger span:nth-child(2){
		top: 18px;
	}
	.hamburger span:nth-child(3){
		top: 25px;
	}
	.hamburger p{
	   position: absolute;
		top: 29px;
		left: 7px;
	}
	
	.hamburger.active span:nth-child(1){
		top: 16px;
		left: 9px;
		 background: #000;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	.home{
		width: 52px;
		height: 52px;
		border-radius: 5px;
		background: white;
		font-size: 26px;
		text-align: center;
	
	
	}

:root {
   --viewport-height: 100%;
}



      
	.home span{
		display: block;
		font-size: 12px;
		margin-top: -3px;
	}
	.sp_molie_menu{
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top:  calc( calc(var(--vh, 1vh) * 100 ) - 72px);
		width: 100%;
		background: #E7E6E6;
		padding: 10px;
		gap: 10px;
		z-index: 10000;
		box-sizing: border-box;
		overflow: hidden;
    
	}
	
	.sp-search_form #search_form_sp{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 15px;
		border: 1px solid #838383;
		padding: 1px 5px;
		margin: 0;
		width: 100%;
		background: white;
	
	}
	
	.icon_area{
		display: flex;
		align-items: center;
		gap: 10px;
	}
/*---------------------------------------------------------
Main Visual - Scroll
---------------------------------------------------------*/
	#mv a img{
		height:100%;
		max-height:180px;
	}
	#scroll{
		margin:10px 0 20px;
	}
/*---------------------------------------------------------
Pickup
---------------------------------------------------------*/
	#pickup ul,
	#item_list ul{
		grid-template-columns: repeat(auto-fill, 48%);
		grid-gap: .5rem;
		justify-content: space-between;
	}
	#pickup ul li,
	#item_list ul li{
		margin:0 5px 20px;
	}
	#pickup .item_image,
	#item_list .item_image{
		position:relative;
		max-width:130px;
		max-height:130px;
	}
	#pickup .item_image img,
	#item_list .item_image img{
		max-width:100%;
		max-height:100%;
	}
	#pickup .detail .ttl,
	#item_list .detail .ttl	{
		margin-bottom: 0.5em;
	}
	#pickup img.sale.sp,
	#item_list img.sale.sp{
		position:absolute;
		top: -4px;
		left: -11px;
		width:auto;
	}
	#pickup .detail .info span,
	#item_list .detail .info span{
		font-size: 10px;
		width:43px;
		line-height:20px;
		text-align:center;
		margin:0 3px 0 0;
	}
	#pickup .detail .price span.sell_p,
	#item_list .detail .price span.sell_p{
		/* display */
	}
	.header_info{
		flex-direction: column;
		margin-bottom: 20px;
	}
	.header_info .changes{
		display:flex;
		justify-content:space-between;
		width:100%;
	}
	.header_info .changes label,
	.header_info .changes select{
		font-weight:300;
	}
	#item_list .pager .last a{
		width:60px;
	}
	#item_list .pager ul li {
		margin-right: 12px;
	}
/*---------------------------------------------------------
Recommend
---------------------------------------------------------*/
	#recommend ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, 100%);
		grid-gap: 0;
		justify-content: space-between;
	}
	#recommend ul li {
		margin: 0 0 20px;
	}
/*---------------------------------------------------------
Latest
---------------------------------------------------------*/
	#latest{
		padding:0;
	}
	#latest ul li:first-child {
		margin-bottom: 20px;
	}
	#latest ul li a {
		padding: 20px 0;
	}
	#latest .content{
		flex-direction:column;
		align-items: flex-start;
		width:50%;
	}
	#latest .price span.sell_p{
		display:block;
		font-size:20px;
	}
/*---------------------------------------------------------
Information
---------------------------------------------------------*/
	#information{
		padding:0;
	}
	#information ul li a .date {
		width: 25%;
	}
/*---------------------------------------------------------
PUMA
---------------------------------------------------------*/
	#puma{
		padding:0;
	}
	#puma .block{
		flex-direction:column;
	}
/*---------------------------------------------------------
Brands
---------------------------------------------------------*/
	#brands ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, 31%);
		grid-gap: .5rem;
		justify-content: space-between;
	}
	#brands ul li {
		margin: 0 0 20px;
	}
/*---------------------------------------------------------
Logos
---------------------------------------------------------*/
	#logos {
		margin-bottom: 20px;
	}
	#logos.container {
		width:100%;
		padding: 62px 20px 42px;
	}
	#logos.container ul {
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#logos.container ul li {
		width:31%;
		margin: 0 0 20px;
	}
/*---------------------------------------------------------
Support
---------------------------------------------------------*/
	#support ul li:first-child{
		padding-right: unset;
		text-align: center;
		border-right: none;
		border-bottom: 1px solid #D6D6D6;
		padding-bottom: 4%;
	}

	#support ul li:last-child {
		padding-left: unset;
    	text-align: center;
		padding-top: 4%;
	}
	#support a{
		width:100%;
	}
	#support {
		padding: 25px 20px 50px;
	}
	#support ul{
		margin-bottom:45px;
		display: block;
	}
/*---------------------------------------------------------
Item Deatil
---------------------------------------------------------*/
	#detail_wrap{
		margin-top:0;
	}
	.col2.container{
		margin-top:55px;
	}
	.item_detail{
		flex-direction:column;
	}
	.item_detail .photo {
		padding-top: 0;
		margin-right: 0;
		margin-bottom:24px;
	}
	.item_detail .photo .large {
		margin-bottom: 12px;
	}
	.item_detail .detail_box h2{
		font-size:20px;
	}
	.regular_price, .points, .stock {
		font-size: 14px;
		margin-bottom: 1em;
	}
	.btns {
		margin-bottom: 32px;
	}
	.col2 #item_list ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, 42%);
	}
	.col2 #item_list ul .item_image img.sale{
		width:auto;
	}
/*---------------------------------------------------------
Pages
---------------------------------------------------------*/
	#page_wrap{
		margin:0 0 64px;
	}
	#page_wrap h3 {
		font-size: 16px;
	}
	#page_wrap table th,
	#page_wrap table td label{
		font-size:12px;
		white-space:nowrap;
	}
	#page_wrap table th.wrap,
	#page_wrap table td.wrap label{
		white-space:normal;
	}
	#page_wrap table.change th{
		width:25%;
		white-space: normal;
	}
	#page_wrap table.company th{
		min-width:auto;
	}
	#page_wrap.login {
		margin-top: 0;
	}
	#page_wrap .login_block:first-child {
		margin-bottom: 45px;
	}
	.login_block {
		font-size: 14px;
		padding: 20px;
	}
	ul.tabs li:last-child:hover ul{
		white-space:nowrap;
	}
	ul.tabs li ul li a{
		justify-content: flex-start;
	}
	#page_wrap .status{
		padding:2em 0;
		text-align:center;
	}
	.forbidden {
		height: 240px;
		margin-bottom: 70px;
	}
	#page_wrap.specify .btns a{
		margin:0 5px;
	}
	#page_wrap.specify .btns img{
		max-width:45%;
	}
	/*add*/
	#page_wrap table.in_cart th,
	#page_wrap table.in_cart td{
		font-size:11px;
		padding:1em 0.5em;
	}
	/*add*/
	#page_wrap.cart .btns a {
		margin: 0 5px;
	}
	/*add*/
	#page_wrap.cart .btns img{
		max-width:45%;
	}
	/*add*/
	#page_wrap table.shipping th,
	#page_wrap table.shipping td{
		font-size:11px;
		padding:1em 0.5em;
	}
	/*add*/
	#page_wrap.shipping .btns a {
		margin: 0 5px;
	}
	/*add*/
	#page_wrap.shipping .btns img{
		max-width:45%;
	}
	/*add*/
	ul.step{
		justify-content:space-between;
	}
	/*add*/
	ul.step li{
		display:inline-block;
		background:#ddd;
		color:#fff;
		font-size:10px;
		line-height:30px;
		text-align:center;
		width:22%;
		max-width:160px;
		height:30px;
		margin:0;
		padding:0 ;
		position:relative;
	}
	/*add*/
	ul.step li:after {
		border-style: solid;
		border-width: 15px 0 15px 8px;
		border-color: transparent transparent transparent #dddddd;
		content: '';
		display: block;
		margin-right: -8px;
		position: absolute;
		right: 0;
		top:0;
	}
/*---------------------------------------------------------
Footer
---------------------------------------------------------*/
	footer {
		padding: 30px 0 50px;
	}
	footer .ft_up,
	footer .ft_btm	{
		flex-direction:column;
		align-items: flex-start;
		margin-bottom: 40px;
	}
	footer ul {
		flex-wrap:wrap;
		justify-content: flex-start;
		width: 100%;
		margin:30px 0 10px;
	}
	footer ul li {
		border-right: 2px solid #000;
		font-size: 14px;
		line-height:1;
		margin-bottom:2em;
	}
	footer ul li:nth-child(1),
	footer ul li:nth-child(4){
		padding-left:0;
	}
	footer .tel {
		text-align: center;
		width: 100%;
	}
	footer .pm {
		width: 100%;
		margin: 24px 0 0;
	}
/*---------------------------------------------------------
Login
---------------------------------------------------------*/
	#login .wrap {
		width: calc( 100% - 40px);
		margin: 20% auto;
	}
	#login h1 {
		max-width: 300px;
		width: 100%;
		margin: 0 auto 20px;
	}
	#login h1 small{
		font-size:14px;
	}
	#login_box {
		padding: 37px 12px 0;
	}
	#login h2 {
		font-size: 18px;
	}
	#login form label {
		font-size: 12px;
	}
	#login form input[type="text"] {
		height: 48px;
	}
	#login form input[type="submit"] {
		height: 48px;
	}
	#login_box p {
		font-size: 12px;
	}

	.complete_message {
		width: 98%;
		min-width: 300px;
		height: 75px;
		padding: 8px 16px;
		border-radius: 8px;
		background: #ddd;
		font-size: 20px;
		text-align: center;
		line-height: 60px;
		position: fixed;
		right: 1%;
		bottom: 5%;
		z-index: 100;
	}
	.err_msg {
		width: 98%;
		min-width: 276px;
		height: 242px;
		padding: 31px 16px;
		border-radius: 8px;
		background: #ffd0d0;
		color: #e83939;
		font-size: 20px;
		line-height: 40px;
		position: fixed;
		right: 1%;
		bottom: 5%;
		z-index: 100;
	}

}

/*.sp_molie_menu.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(100%);
  }
}

/*�@���ɉ����铮���@*/

/*.sp_molie_menu.DownMove{
	animation: DownAnime 0.5s forwards; 
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(100%);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}