@charset "utf-8";
/* CSS Document */

/************************/
/*____ 共通基礎 ____*/
body{margin:0;}
body .article{line-height: 1.5;font-size: 14px;}
figure{margin:auto;}
a:link, a:visited, a:hover, a:active {
    color: #333;
    text-decoration: none;
}
a, a img {
    transition: all 0.4s ease 0s;
}
#my_footer img {
	width:auto;
}
.pagetop__btn {
	display:none;
}
#LP-body{opacity:1;}

a.cmBtn {font-weight:normal; text-decoration:none; display:block; text-align:center; position:relative;}
a.cmBtn:before {
	/*content:"＞";
	right:1rem;
	position:absolute;*/
}

a:hover{opacity:0.7;}

.cmTxt{
	line-height:1.66rem;
	font-size: 0.9rem;
	font-weight: 200;
	margin-bottom: 1rem;
	color: #444444;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/************************/
/*____ レイアウト ____*/

.flex_c{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width: auto;
	
}
.flex_b{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: auto;
}

/************************/
/* menuボタンアイコン */
#menuButton {
    display: block;
    width: 42px;
    height:42px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 3;
}
#menuButton span {
    display: block;
    background: #666;
    width: 24px;
    height: 2px;
    position: absolute;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menuButton span:first-child {
    top: 12px;
}
#menuButton span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menuButton span:last-child {
    bottom: 12px;
}

/************************/
/*____ 看板 ____*/
.title_container{
    position: relative;
}
.title_img{
	width: 100%;
    height: auto;
    position: relative;
    background: no-repeat 50% 50%;
    background-size: cover;
    margin: 0 auto;
}
.title_img:after {
    content: "";
    display: block;
}
.title_h1 {
    display: inline-block;
	font-weight:600;
	letter-spacing:0px;
}
.title_date{
	font-weight:100;
}

/************************/
/*____ 見出し ____*/
.headLine{
	position:relative;
	z-index:1;
}
.headLine hr{
	margin:0px;
	height:inherit;
	border-top-width:1px;
	border-color:#191919;
}
.headLineDeg{
	display:block;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	width:30px;
	height:30px;
	border:solid #191919;
	border-width:0 1px 1px 0;
	background-color:#FFF;
	position:relative;
	top:-16px;
}
.headLineTtl{
	margin:0 0px;
	font-size:1.75rem;
	letter-spacing:-1px;
	font-weight:600;
}


/************************/
/*____   ____*/
.section{
	margin-bottom:2rem;
}

figure img,
ul li img {
	width:100%;
}

.main_h2 p{font-size:14px;font-weight:bold;}
.content_box{overflow:hidden;margin:5em auto 0;}
.contnt_box_left{float:left;}
.contnt_box_right{float:right;}
.wid_56_img{width:100% !important;}
.contnt_box_right h3 img{width:300px;}
.item_name{font-size:1.3em;font-weight:bold;}
.p_style_content{line-height:1.75em;}
.content_box p{margin:0.5em 0;}
.wid_56{width:56%;margin:10px;}
.wid_40{width:40%;}
.content_incontent_left{float:left;width:calc(100% - 4em - 4px);text-align:center;border:2px solid #ccc;padding:2em;margin-top: 1em;}
.content_incontent_left .menu_btn_img_style{margin:0;}
.content_incontent_right ul{margin:1em;}
.check_btn{width:200px;background-color:#000;display:block;text-align:center;padding:10px 0;margin-top: 2em;}
.check_btn:link , .check_btn:visited{color:#FFF;}
.item_evaluation{font-size:18px;line-height:40px;}
.content_incontent_left_text{padding:0;margin:0 !important;}
.end_content_box_01{background-size:100%;position:relative;margin:10em auto;max-width:800px;width:100%;}
.end_content_box_btn:link , .end_content_box_btn:visited{color:#FFF;}
.end_content_box_btn_contain{position:absolute;left:40px;bottom:40px;}
.end_content_box_btn_contain a{text-decoration:underline;text-shadow:1px 1px 1px #555;}
.end_content_box_btn_open{position:absolute;right:30px;bottom:0;background-color:#ddd;padding:10px 20px;width:100px;text-align:center;cursor:pointer;margin: 0;}
.end_content_box_02{position:relative;margin:10em auto;max-width:800px;width:100%;}
.all_item_btn {
    display: inline-block;
    max-width: 400px;
    width: 90%;
    padding: 0;
    text-align: center;
    border: 1px solid;
    margin: 80px 1em;
    font-size: 12px;
    font-weight: bold;
    min-height: 150px;
    position: relative;
}
.all_item_btn span{font-size:1.5em;}

.btn_hover_ac{overflow: hidden;max-width: 240px;max-height: 240px;width:100%;height:auto;border-radius:50%;position:relative;display: block;transition-duration: 0.3s;cursor:pointer;}
.btn_hover_ac img{margin:0;max-width: 240px;max-height: 240px;width:100%;height:auto;transition-duration: 0.3s;}
.btn_hover_ac img:hover {transform: scale(1.1);transition-duration: 0.3s;}

.footer_content_img_bg{position:fixed;top:0;left:0;z-index:-1000;}

.article{background-color:#FFF;}

.footer_content{width:1200px;height:800px;background:none;overflow: hidden;background-image:url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/98/img/per_l_k.jpg");-webkit-transform: skewY(10deg);transform: skewY(10deg);margin: 0px auto 100px;position:relative;background-position: center;background-size: contain;background-repeat: no-repeat;}/* background-attachment:fixed; */
.footer_content_box{position:absolute;top:80px;right:3%;-webkit-transform: skewY(-10deg);transform: skewY(-10deg);max-width:460px;width:36%;text-align:center;}
.footer_content_box_img{max-width:500px;width:100%;}

.toggle_btn_img{height:60px;width:auto !important;}

.menu_btn_img_style_box div:after{display:none;}

.contnet_switch_02{display:none;}
.contnet_switch_03{display:none;}
.toggle_btn_img:hover{opacity:0.7;}
.toggle_btn_img{transition-duration:.3s;}

.menu_img{height:40px;width:auto !important;}
.main_h2 img{width:auto !important;height:60px;}
.menu_btn_img_style_box > div{margin:1em 1em 0;;}
.toggle_btn_img {margin:2em 0 0;cursor:pointer;}
.p_style{max-width:900px !important;width:90%;margin:0 auto;}
.end_content_box_01 .end_content_box_btn_contain{display:none;}
.end_content_box_02 .end_content_box_btn_contain{display:none;}

.main_h3 img{height:60px;width:auto !important;}

.end_content_box_01 img{width:100%;}
.end_content_box_02 img{width:100%;}

.text_color_gray{color:#777;}
.sp_break{display:none;}


/* 201027 追加 */
.stocking_arch{text-align:center;overflow:auto;}
.stocking_arch_title{font-weight:bold;font-size:1.2em;margin-top:4em;margin-bottom:1em;text-align:center;}
.stocking_arch_table{width:1200px;}
.stocking_arch_table th{width:100px;}
.stocking_arch_table td{width:calc(100% - 100px / 6);}
.stocking_arch_table td img{width:80%;}
.stocking_arch_table td .stocking_arch_table_btn{display:block;width:80%;margin:1em auto;background-color:#000;color:#FFF;padding:6px 0;}
.stocking_arch_table th , .stocking_arch_table td{border:1px solid #ddd;padding:0.5em 0;text-align: center;}
.stocking_arch_table th{background-color:#eeeeee;}
.main_img{box-shadow: 10px 10px 7px -4px #dadada;}
.colovari_text{font-weight:bold;font-size:1.5em;font-family:serif;border-bottom:2px solid;display: inline-block;text-align:left !important;}
.colorvari_box{display:flex;flex-wrap: wrap;}
.colorvari_box li{width:calc(100% / 6 - 0.5em );margin:0 0.5em 1em 0;text-align:center;font-size:11px;}
.colorvari_box li span{margin:0.5em 0 0;font-weight:bold;font-size:1.2em;display:block;}
.contnt_box_right{text-align:center;}
.content_incontent_disc{clear:both;text-align:left;padding-top:1em;}
.content_incontent_disc h3{font-family:serif;font-style: italic;font-weight:bold;font-size:1.5em;}
.content_incontent_left a{float:left;}
.content_incontent_left a img{width:180px;}
.item_evaluation{font-size:14px;display:inline-block;width:calc(50% - 2em);text-align:left;padding:0 1em;line-height:2em;}
.item_evaluation li{border-bottom:1px dotted;}
.item_evaluation span{display:inline-block;width:100px;}
.item_evaluation .item_evaluation_title{display:block;width:100%;font-weight:bold;}
.contnt_box_left{text-align:center;}
.colovari_text_box{text-align:left;}
.colovari_text_box_right{text-align:right;}
.wid_40{padding-top:4em;}
.colorvari_box_right{justify-content:flex-end}
a.haru_link{text-align:center;color:#000;margin:2em auto 4em;display: block;text-decoration:none;width:240px;border:1px solid;padding:1em 0;}
.footer_link_box{text-align:center;}
.all_item_btn span {
    font-size: 1.5em;
}
.all_item_btn_font {
    font-family: serif;
    font-style: italic;
    font-weight: bold;
}
.all_item_btn div {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.end_content_box_03{background-size:100%;position:relative;margin:10em auto;max-width:800px;width:100%;}
.end_content_box_04{position:relative;margin:10em auto;max-width:800px;width:100%;}
.end_content_box_05{position:relative;margin:10em auto;max-width:800px;width:100%;}

.end_content_box_03 .end_content_box_btn_contain{display:none;}
.end_content_box_04 .end_content_box_btn_contain{display:none;}
.end_content_box_05 .end_content_box_btn_contain{display:none;}

.end_content_box_03 img{width:100%;}
.end_content_box_04 img{width:100%;}
.end_content_box_05 img{width:100%;}

.contnet_switch_03 .main_h3 img {height: 38px;}
img.COTONE_COSTE, img.COLLANT_WOOL, img.COLLANT_CASHMERE, img.COLLANT_COTTON_SOFT {
    height: 80px !important;
}
.stocking_arch_title span {
    text-decoration: underline;
    margin-bottom: 0.5em;
    display: block;
    font-size: 22px;
}

#LP-html .pc_only{display:block;}
#LP-html .sp_only{display:none;}
#LP-html .title_h1 img.pc_only{display:block;}
#LP-html .title_h1 img.sp_only{display:none;}

/* 売り切れストッキングはitem checkボタンをsold outにしてホバー変化を消す */
.check_btn.sold_out {
	font-size: 0;
	opacity: 0.5;
}
.check_btn.sold_out::before {
	font-size: 14px;
	content: "sold out";
	color: #fff;
}
.check_btn.sold_out:hover {
	opacity: 0.5;
}

/* sectionのスタイルでヘッダーのロゴが真ん中に来てしまうので回避 */
.global_mb.logo_mb {
	margin: 0;
}