body.no_scroll{overflow:hidden;}

/*header*/
header{z-index:4;height:60px;border-bottom:none;}
#header_logo img {width:190px;}
header h1 {margin:0;padding:0;}
header a{color:#666;}
.sp_btn_menu_oc{padding:0px 10px;}

header.popup{
	position:fixed;
	top:0;left:0;
	width:100%;
	height:100%;
	overflow:auto;
	-webkit-overflow-scrolling: touch;

}
header.popup{background:rgba(255,255,255,1);}

	/*メニューボタン*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 18px;
  height: 18px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #666;
  border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 8px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}


	/*menu*/
#sp_btn_instagram img, #sp_btn_cart img, #sp_btn_line img{width:20px;}
#sp_btn_instagram{padding:0px 0 0 10px;}
#sp_btn_line{padding:0px 0 0 0px;}
#sp_btn_cart{padding:0px 10px 0 0;}

.sp_nav_main{
	display:flex;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
	align-items: center;
	border-bottom: 1px solid #d5d5d5;
	margin:0 10px;
	height:60px;
}

#header_menu{
	position:fixed;
	top:80px;
	left:0;right:0;
	margin:0 auto;
	width:80%;
	height:100%;
	background:rgba(255,255,255,0.9);
	display:none;
}
#header_menu ul.gnavi{
	margin:0;
	padding:0;
	height:100%;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
 }
#header_menu ul li{
	position:relative;
}

#header_menu ul li ul{
	padding:0 20px;
}
#header_menu ul li ul.submenu{
	display:none;
	padding-bottom:10px;
}
#header_menu ul li ul.submenu li ul.submenu li a{
	padding:10px 0;
	border:none;
}
#header_menu ul li ul.submenu li{
	border-bottom:1px solid #d5d5d5;
}
#header_menu ul li ul.submenu li ul li{
	border-bottom:none;
	padding-left:10px;
}
#header_menu a{
	font-size:1.6rem;
	color:#666;
	display:block;
	padding:20px 10px 15px 20px;
}
#header_menu a.border{
	border-bottom:1px solid #d5d5d5;
}
#header_menu ul li a.btn_brown{
	margin:20px 0;
	color:#fff;
}
#header_menu .menu_btn_oc{
	position:absolute;
	right:10px;
	top:10px;
	width:45px;
	height:45px;
}


#header_menu .header_text_menu {
	display:flex;
	justify-content:space-between
}
#header_menu .header_text_menu li{width:33%;margin:20px 0;text-align:center;}
#header_menu .header_text_menu li a{padding:0; font-size:1.4rem;}
#header_menu .header_text_menu li.center{border-right:1px solid #bbb; border-left:1px solid #bbb; }


#header_menu a:hover{color:#bbb;}
#header_menu a.btn{text-align:center;}


/*sidemenu*/
.sidemenu_box{padding-bottom:40px;}
ul.sidemenu{margin:0;padding:0;border-top:1px solid #d3d3d3;}
ul.sidemenu li{
	margin:0;padding:0;
	font-size:1.5rem;
 }
ul.sidemenu li{border-left:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
ul.sidemenu a{display:block;padding:10px;text-align:center;}

/*横2個並びパターン 一応残す
ul.sidemenu{margin:0;padding:0;display:flex;flex-wrap:wrap;border-top:1px solid #d3d3d3;}
ul.sidemenu li{
	margin:0;
	padding:5px 0 5px 10px;
	font-size:1.5rem;
	width:50%;
 display: flex;
 align-items: center;
 justify-content: center;
 }
ul.sidemenu li{border-left:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
ul.sidemenu li:nth-child(2n){border-right:1px solid #d3d3d3;}
ul.sidemenu li ul{margin:0;padding:0;}
ul.sidemenu li ul li{padding:0 0 0 12px;font-size:1.4rem;border:none;}
ul.sidemenu a{display:block;padding:5px;text-align:center;}
*/

/*footer*/

footer{padding:10px;z-index:0;}
footer a{color:#666;}
#foot_menu_top{padding:0 13.3%;}
#foot_menu_top ul li{
	position:relative;
}

.btn{padding:15px 10px}
.btn_brown{background:#6c4a3d;color:#fff;}
.btn_brown:hover{background:#666;}
#foot_menu_top ul li ul{
	padding:0 20px;
}
#foot_menu_top ul li ul.submenu li ul.submenu li a{
	padding:10px 0;
}
#foot_menu_top ul li ul.submenu li ul.submenu{
	padding-bottom:10px;
}
#foot_menu_top ul li ul.submenu li{
	border-bottom:2px solid #fff;
}
#foot_menu_top ul li ul.submenu li ul li{
	border-bottom:none;
}
#foot_menu_top a{
	font-size:1.6rem;
	color:#666;
	display:block;
	padding:20px 0px;
}
#foot_menu_top a.border{
	border-bottom:2px solid #fff;
}
#foot_menu_top ul li a.btn_brown{
	margin:20px 0;
	padding:15px 0px;
	color:#fff;
}
#foot_menu_top .menu_btn_oc{
	position:absolute;
	right:10px;
	top:7px;
	width:45px;
	height:45px;
}

#foot_menu_top a:hover{color:#bbb;}
#foot_menu_bottom ul li{
	padding:5px 0;
	}
#foot_menu_bottom ul li:last-child{border-right:none;}
#foot_menu_bottom a{
	font-size:1.5rem;
	color:#666;
}
#foot_menu_bottom {padding:10px 0 20px;}
#foot_menu_bottom a:hover{color:#bbb;}
#foot_copyright{border-top:1px solid #fff;}

/*共通*/
.pco{display:none;}
.frm_sp{padding:0 10px;}
.pager ul{
  -webkit-justify-content: center;
  justify-content:         center;
}
.text_sp_small{font-size:0.8em;}

	/*メニュー展開ボタン*/
#header_menu .menu_btn_oc.open::after,
#foot_menu_top .menu_btn_oc.open::after,
.sp_category_menu h3 a.open::after,
.sp_category_menu .menu_btn_oc.open::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 35%;
    right: 15px;
	width: 7px;
	height: 7px;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	transform: rotate(45deg);
}
#header_menu .menu_btn_oc.close::after,
#foot_menu_top .menu_btn_oc.close::after,
.sp_category_menu h3 a.close::after,
.sp_category_menu .menu_btn_oc.close::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 45%;
    right: 15px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #656565;
	border-left: 1px solid #656565;
	transform: rotate(45deg);
}
	
/*top*/
.top_keyvisual_outer.sp{padding:0 0 0px 0;}
.top_keyvisual_slide ul li{
	background-size:contain;
	background-position:top;
}
.top_btn_sale{
	position:absolute;
	top:0px;
	left:0px;
	width:125px;
}
.top_keyvisual_logo img {max-width:65%;}
	/*pickup*/
.top_pickup .item_box{width:49.5%;}
	/*topic*/
.top_topic{text-align:center;}
.top_topic img{margin-bottom:10px;}
	/*category*/
.top_cate .cate_box{width:49.5%;}
.top_cate.icon .cate_box{width:33%;padding-bottom:30px;}
.top_cate.icon .cate_box img{height:50px;}
.top_footer_banner img{width:80%;}

	/*information*/
.top_info .info_box{
	display:flex;
	padding:0;
}
.top_info .info_box p{
	padding:0 20px;
	margin:0 0 10px 0;
}
.info_detail h3{
	font-size:4vw;
}

/*coordinate*/
.coord_list .coord_box{width:50%; padding:0 10px;}
.coord_list .coord_box:nth-child(2n+1){padding-left:20px;}
.coord_list .coord_box:nth-child(2n){padding-right:20px;}
.coord_list.top .coord_box{padding:0 4px;}
.coord_list.top .coord_box:nth-child(2n+1){padding-left:0px;}
.coord_list.top .coord_box:nth-child(2n){padding-right:0px;}

.coord_list.related .coord_box{width:33.33%;padding:0 3px;;}

.coord_list .coord_box h3{
	font-size:2vw;
}
.coord_list .coord_box p{
	font-size:5vw;
	font-weight:200;
}
.coord_list .coord_box .coord_box_height{
	font-size:3vw;
	top:0px;
}

	/*detail*/
.coord_detail .left_box {padding:0 0px;}
.coord_detail .item_info{border-bottom:1px solid #727171;}
.coord_detail .item_box a{display:flex;justify-content:space-between;margin-bottom:10px;}
.coord_detail .item_box .item_box_image{width:35%;}
.coord_detail .item_box .item_box_text{width:60%;position:relative;}
.coord_detail .item_box .item_box_text h4{margin-top:0;}
.coord_detail .item_box .item_box_text .middle_block{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.coord_detail .middle_block .item_tag:last-of-type{margin-bottom:10px;}
.link_more_tri{text-align:center;}

/*item*/
.item_list .item_box{width:50%; padding:0 10px;}
.item_list.newarrival .item_box{padding:0 0px;}
.item_list.ranking .item_box{padding:0 4px;}

.item_index_title{height:120px;}
.item_index_title p.subtitle {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70%;
    text-align: center;
}
.item_index_title nav{
position: absolute;
bottom: 0px;
right: 10px;
}
select.item_sort{width:120px;border:none;marign-top:40px;border-bottom:1px solid #d3d3d3;}
.item_image_slide{margin-bottom:30px;}
.item_image_slide #slider{margin-bottom:0;}
.item_detail h2{margin:0 0 0.5em;padding:0;font-size:1.6rem;}
.item_detail p.price{font-size:1.6rem;}

	/*category menu*/
.sp_category_menu{
	width:78%;
	height:70px;
	margin:30px auto 0;
}
.sp_category_menu h3{
	margin:0;
	padding:0;
	font-weight:200;
}
.sp_category_menu h3 a{
	display:block;
	padding:10px 5px 10px 40px;
	position:relative;
}
.sp_category_menu h3 a.open{
	border:1px solid #d3d3d3;
}	

.sp_category_menu h3 a.close{
	border-bottom:1px solid #d3d3d3;
}


.sp_category_menu ul{
	margin:0;
	padding:0 20px;
 }
.sp_category_menu ul li{
	position:relative;
	border-bottom:1px solid #d3d3d3;
}

.sp_category_menu ul li ul{
	padding:0 20px;
}
.sp_category_menu ul li ul.submenu{
	display:none;
	padding-bottom:10px;
}
.sp_category_menu ul li ul.submenu li,
.sp_category_menu ul li:last-child{
	border:none;
}
.sp_category_menu ul li ul.submenu li a{
	padding:15px 10px 15px 40px;
}
.sp_category_menu ul li ul.submenu li ul.submenu{
	
}

.sp_category_menu a{
	font-size:1.6rem;
	color:#666;
	display:block;
	padding:20px 10px 15px 40px;
}
.sp_category_menu a.border{
	border-bottom:1px solid #d3d3d3;
}
.sp_category_menu ul li a.btn_brown{
	margin:20px 0;
	color:#fff;
}
.sp_category_menu .menu_btn_oc{
	position:absolute;
	right:10px;
	top:10px;
	width:45px;
	height:45px;
}

.sp_category_menu a:hover{color:#bbb;}
.sp_category_menu a.btn{text-align:center;}

.sp_category_menu_oc_close,
.sp_category_menu_oc{cursor:pointer;}

	/*sp_category modal*/
/* モーダルウィンドウのスタイル */
.sp_category_modal {
  position:absolute;
  width:100%;
  height:100vh;
  top:0;
  left:0;
  display:none;
  z-index:5;
}
 
/* オーバーレイのスタイル */
.sp_category_modal_bg {
  position:fixed;
  top:0;
  left:0;
  background:rgba(114,113,113,0.9);
  width:100%;
  height:100vh;
  z-index:3;
  overflow:auto;
}
 
/* モーダルウィンドウの中身のスタイル */
.sp_category_modal_content {
	background:#fff;
	width:85%;
  position:absolute;
  z-index:3;
  top:20px;
  left:50%;
  transform:translate(-50%,0px);
  padding:10px 0px;
}

	/*detail*/
.item_image_slide ul.slides li p.caption{text-align:center;}

/*topic*/
.lookbook_box{margin-bottom:20px;}
.lookbook_box .btn_credit{
	right:20px;bottom:-35px;left:auto;
}
.lookbook_box .lookbook_credit{
	left:10px;right:10px;bottom:10px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.lookbook_box .lookbook_credit_inner{padding:2.5vw 3vw;}
.lookbook_box .lookbook_credit .lookbook_credit_body table td{padding:0 10px 1em 0;font-size:1rem;white-space:nowrap;}
.lookbook_box .lookbook_credit .lookbook_credit_body table td span{font-size:1rem;}
.lookbook_box .lookbook_credit .lookbook_credit_body table td:last-child{padding-right:0;}
label.shop{border:1px solid #ccc; font-size:0.7rem;border-radius:3px;padding:3px 4px 2px;}

	/*lookbook 2018 autmun */
.lookbook_box.mode_brown .lookbook_credit .lookbook_credit_body{font-size:1.4rem;}

#lookbook2018autmn p.abst{font-size:2.8vw;margin-bottom:3em;}

#p01_credit01{position:relative;margin:0px;left:auto;right:auto;padding-bottom:30px;background:#294d71;}
#p01_credit02{display:none;}

#p02_credit01{top:85%;bottom:auto;left:10px;right:auto;}
#p02_credit01 table tr td:last-child{margin-bottom:10px;}
#p02_credit01 table tr td{width:100%;display:block;}

#p03_credit01{position:relative;margin-top:10px;left:auto;right:auto;}

#p04_credit01{top:60%;bottom:auto;left:10px;right:auto;}
#p04_credit01 table tr td:last-child{margin-bottom:10px;}
#p04_credit01 table tr td{width:100%;display:block;}

/*guide*/
.guide_box .frm_img_box .img_box:nth-child(2){padding-top:20px;}
.guide_content h3.feature_title_2{font-size:4.8vw;}

/*contact*/
.form_row .title{margin-bottom:0.5em;}

/*feature*/
.feature_block_one{
	padding:0;
}

.feature_top_copy p{
	font-size:5.5vw;
}
.feature_top_copy_v2 p{
	font-size:3.5vw;
}
.feature_buy_row.text_small{font-size:2.5vw;}
.feature_buy_row td:nth-child(3){width:120px;}
.feature_price_table .feature_buy_row a img{width:65px;}
.feature_price_table .feature_buy_row td:nth-child(1){width:30%;}
.feature_price_table .feature_buy_row td.attention{padding-left:7px;}

.feature_price_table .feature_buy_row.col4 td:nth-child(1){width:30%;}
.feature_price_table .feature_buy_row.col4 td:nth-child(2){width:auto;}
.feature_price_table .feature_buy_row.col4 td:nth-child(3){width:100px;}
.feature_price_table .feature_buy_row.col4 td:nth-child(4){width:115px;}


	/*lightouter 2024*/
.feature_price_table.border{
	border-right: none;
	border-left: none;
	padding:20px 10px;
}
.feature_price_table.border.bgB{
	border-top:none;
}
.feature_price_table.border.bgA,
.feature_price_table.border.bgB,
.feature_price_table.border.bgA.orange,
.feature_price_table.border.bgB.orange{
	background-position: 8px 50%;
}

.feature_price_table.border .feature_buy_row td{
	font-size:1.4rem;
}
.feature_price_table.border .feature_buy_row td:nth-child(1){width:40%;}
.feature_price_table.border .feature_buy_row td:nth-child(3){width:100px;}

img.feature_arrow_down{width:50px;}

.feature_qa_block_one.question{align-items:flex-start;}
.feature_qa_block_one.question .feature_qa_block_one_icon{width:15%;}
.feature_qa_block_one.question .feature_qa_block_one_text{width:80%;}

.feature_qa_block_one.answer .feature_qa_block_one_icon{width:22%;}
.feature_qa_block_one.answer .feature_qa_block_one_text{width:73%;}
.feature_qa_block_one_text .bubble_box{
	padding:1em 1.5em;
}
.feature_qa_block_one_text .bubble_box:before {
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border-color: rgba(0, 0, 0, 0);
	border-top-width:6px;
	border-bottom-width:6px;
	border-left-width:15px;
	border-right-width:15px;
	margin-top: -6px;
	border-right-color:#EAF4FF;
	right:100%;
	top:25%;
}
.feature_qa_block_one_text .bubble_box.answer:before {
	border-top-width:6px;
	border-bottom-width:6px;
	border-left-width:15px;
	border-right-width:15px;
	margin-top: -6px;
	border-left-color:#F8F8DF;
	border-right-color:rgba(0, 0, 0, 0);
	left:100%;
	top:auto;
	bottom:30%;
}