<!--
@import url("https://www.improves.jp/css/fs/base.css"); 
@import url("https://www.improves.jp/css/fs/guide.css"); 
@import url("https://www.improves.jp/css/fs/item.css"); 

-->



/*coupon area */
td.FS2_CouponImgCell {
    width: 35%;
}

table.FS2_CouponDescriptionTable td {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 18px;
    line-height: 18px;
}

/*　ページャー全体　*/
.FS2_GroupLayout .pager {
	border-bottom:none;
	font-size:12px;
	height:33px;
	background:#f6f6f6;
	width:100%;
	text-align:center;　/*　表示方法：中央　*/
	/*　text-align:left;　表示方法：左寄せ　*/
	/*　text-align:right;　表示方法：右寄せ　*/
}


/*　00 件中 0-0 件表示　*/
.FS2_GroupLayout .FS2_pager_text{
	margin:5px 5px 5px 15px;
	font-size:12px;
	color:#434343;
	position:relative;
	top:3px;
	/*　float:right;　表示方法：右寄せを使用する場合、コメントアウトを外してください　*/
}


/*　緑色の矢印の画像を表示しない　*/
.FS2_pager_link_first img{
	display:none;
}
.FS2_pager_link_prev img{
	display:none;
}
.FS2_pager_link_next img{
	display:none;
}
.FS2_pager_link_last img{
	display:none;
}



/*　最初に戻る　*/
.FS2_GroupLayout .FS2_pager_link_first{
	display:inline-block;
	width:55px;
	height:13px;
	background:url(/shop/item/improves/design/img01/bg_first.gif) no-repeat center center;
	padding:3px 5px;
	position:relative;
	top:6px;
	border:1px #dcdcdc solid;
	margin:0 2px;
}

a:hover.FS2_pager_link_first{
	background-color:#fff;
	border:1px #ff0033 solid;
}



/*　前へ　*/
.FS2_GroupLayout .FS2_pager_link_prev{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/improves/design/img01/bg_prev.gif) no-repeat center center;
	padding:3px 5px;
	position:relative;
	top:6px;
	border:1px #dcdcdc solid;
	margin:0 2px;
}

a:hover.FS2_pager_link_prev{
	background-color:#fff;
	border:1px #ff0033 solid;
}




/*　次へ　*/
.FS2_GroupLayout .FS2_pager_link_next{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/improves/design/img01/bg_next.gif) no-repeat center center;
	padding:3px 5px;
	position:relative;
	top:6px;
	border:1px #dcdcdc solid;
	margin:0 2px;
}

a:hover.FS2_pager_link_next{
	background-color:#fff;
	border:1px #ff0033 solid;
}


/*　最後へ　*/
.FS2_GroupLayout .FS2_pager_link_last{
	display:inline-block;
	width:55px;
	height:13px;
	background:url(/shop/item/improves/design/img01/bg_last.gif) no-repeat center center;
	padding:3px 5px;
	position:relative;
	top:6px;
	border:1px #dcdcdc solid;
	margin:0 2px;
}

a:hover.FS2_pager_link_last{
	background-color:#fff;
	border:1px #ff0033 solid;
}












@media screen and (min-width: 769px){
		.sp_only{
			display: none;
		}
	.menu_margin{
		margin: 0 0 100px 0;
	}
	/* header fix banner area */
	#header_fix_area{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	#header_fix_banner{
		position: relative;
		top: 0;
		width: 100%;
		text-align: center;
		background-color: #E5E5E5;
		z-index: 10000;
	}
	
	#header_fix_banner .header_main_banner{
		width: 100%;
		max-width: 1600px;
		
	}
	
	#header_menu_box{
		width: 100%;
		height: 55px;
		background-color: #FFFFFF;
		position: relative;
		z-index: 3000;
	}
	
	#header_menu{
		background-color: #FFFFFF;
		height: 70px;
		position: relative;
		/*box-shadow: 0 -55px 20px 50px #000000;*/
		border-bottom: 1px solid #E4E4E4;
		z-index: 5000;
	}
	
	#header_left_box{
		width: 15%;
		/*background-color: #FF9193;*/
		height: 55px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#header_right_box{
		width: 100%;
		/*background-color: #91FF9A;*/
		height: 70px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#header_center_box{
		width: 25%;
		/*background-color: #ABB330;*/
		height: 70px;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
	#header_center_box h1{
		
	}
	#shop_logo{
		width: 100%;
	}
	
	#header_center_box #shop_logo{
		width: 150px;
		max-width: 150px;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#pc_new_bt{
		width: 150px;
		background-color: #212121;
		display: inline-block;
		text-align: center;
		padding: 10px;
		color: #FFFFFF;
		font-size: 17px;
		border-radius: 5px;
		margin: 16px 0 0 20px;
	}
	
	#sp_new_bt img{
		width: 100%;
	}
	
	.icon_box{
		width: 50px;
		height: 69px;
		float: right;
		background-color: #FFFFFF;
		position: relative;
	}
	
	#login_icon,
	#cart_icon{
		width: 30px;
		position: absolute;
		top: 50%;
		left: 50%;;
		transform: translate(-50%,-50%);
		float: right;
	}
	
	#login_icon{
		right: 50px;
	}
	#cart_icon{
		right: 100px;
		
	}
	#login_icon img{
		width: 100%;
	}
	#cart_icon img{
		width: 100%;
	}
/*search*/
	#search{
        display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
        cursor: pointer;
        width: 30px;
		float: right;
    }

    #search > div > img{
        width: 100%;
    }

    #search_box{
        width: 100%;
        height: 40px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #929292;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
		left: 50%;
		transform: translate(-50%,0);
        z-index: 1000;
        transition: all .5s ease;
    }
    #search_box.active {
        top: 70px;
		height: 40px;
        z-index: 1000;
        /*box-shadow: 0px 1px 5px #757575;*/
		border-bottom: 1px solid #E4E4E4;
        transition: all .5s ease;
    }
    #search_box > div{
        width: 96%;
		position: absolute;
		bottom: 10px;
        margin: 1% 2% 0;
    }
    #search_form{
        border: none;
        outline: none;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: baseline;
        border-bottom: 1px solid #4D4D4D;
    }
    #search_h{
        border: none;
        outline: none;
        width: 100%;
    }
    #search_form_img{
        width: 16px;
    }
/*search end*/
	
/*sp_category*/
    #sp_header{
        position: fixed;
        top: 55px;
        left: 0;
        margin: 40px auto;
        width: 100%;
        height: 100%;
        display: none;
        overflow-y: scroll;
        background-color: rgba(255,255,255,0.95);
        z-index: 1000;
        opacity: 0;
        -webkit-overflow-scrolling: touch;
    }
	.newre_box{
		width: 170px;
		height: 30px;
		background-color: #212121;
		color: #FFFFFF !important;
		text-align: center;
		line-height: 30px;
		border-radius: 5px;
	}
    #sp_header_newre{
        display: flex;
        justify-content: space-around;
        margin: 50px 0 20px 0;
    }
    #sp_header_newre > a > div{
        display: inline-block;
        font-size: 1.4rem;
        color: #4D4D4D;
    }
    .sp_header_menu_text{
        font-size: 12px;
        padding: 5% 0;
        text-align: right;
        border-bottom: 1px solid #4d4d4d;
    }
    .sp_header_menu_text > span{
        font-size: 12px;
        margin: 0 5% 0 0;
    }
    .sp_cate{
        padding: 0 0 2% 0;
    }
    .sp_cate > div{
        display: flex;
        justify-content: space-between;
        padding: 5% 0;
        border-bottom: 1px solid #4d4d4d;
    }
    .sp_cate > div > span.sp_cate_text{
        font-size: 1.2rem;
        margin: 0 0 0 2%;
		color: #797979;
    }
    .sp_cate > div > span.plus_mark{
        font-size: 1.4rem;
        margin: 0 2% 0 0;
    }
    .sp_cate_inner{
        display: none;
        padding: 4% 0;
        border-bottom: 1px solid #4d4d4d;
    }
    .sp_cate_inner > li{
        padding: 2% 0;
        margin: 0 5%;
    }
    .sp_cate_inner > li > a{
        font-size: 1.2rem;
        color: #4d4d4d;
    }
/*sp_category end*/

/*sns*/

    #sp_header > div.sns_box{
        padding: 0 0 5%;
		margin-bottom: 100px;
        text-align: center;
    }

	.sns_box{
		display: inline-block !important;
		border: none !important;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.sns_img{
		float: left;
		margin: 1%;
		width: 15%;
	}
	.sns_img img{
		width: 100%;
	}
	#sns_text{
		float: left;
		width: 49%;
		position: relative;
	}
	#sns_text:before{
		content: "";
		display: block;
		padding-top: 32%;
	}
	.sns_inner_text{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.sns_text{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 12px;
		width: 70%;
		text-align: center;
		padding: 5px 0;
		border-top: 1px dotted #CBCBCB;
		border-bottom: 1px dotted #CBCBCB;
	}

	#menu_info_box{
		border-bottom: none !important;
		display: inline-block !important;
		width: 100%;
		text-align: center;
		font-size: 16px;
		color: #797979;
	}
	
/*sns end*/
	
	/* menu area */
	.menu_info_text{
		color: #797979;
		padding: 0 0 0 5%;
		font-size: 13px;
		margin: 10px 0;
	}
	.pc_header_menu{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 14px;
	}
	.pc_header_menu_text{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 14px;
		color: #797979;
	}
	.hmenu {
		position: relative;
		width: 100%;
		height: 70px;
		max-width: 1600px;
		margin: 0 auto;
	}

	.hmenu > li {
		float: right;
		height: 40px;
		line-height: 40px;
		background-color: #FFFFFF;
		width: 80px;
	}

	.hmenu > li a {
		display: block;
		color: #797979;
		font-size: 14px;
		text-align: center;
	}

	.hmenu > li a:hover {
		color: #797979;
	}

	ul.menu_second {
		visibility: hidden;
		opacity: 0;
		z-index: 10;
	}

	ul.menu__third-level {
		visibility: hidden;
		opacity: 0;
	}

	ul.menu__fourth-level {
		visibility: hidden;
		opacity: 0;
	}

	.hmenu > li:hover {
		background: #FFFFFF;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	.menu__third-level li {
		border-top: 1px solid #FFFFFF;
	}

	.menu_second li a:hover {
		background: #4E4E4E;
		color: #FFFFFF;
		transition: all .2s ease;
	}

	.init-bottom{
		height: 69px;
		line-height: 69px;
		color: #797979;
	}

	/* floatクリア */
	.hmenu:before,
	.hmenu:after {
		content: " ";
		display: table;
	}

	.hmenu:after {
		clear: both;
	}

	.hmenu {
		*zoom: 1;
	}

	.pc_cate_inner{
		width: 20%;
		float: left;
	}
	li.cate_menu ul.menu_second {
		position: absolute;
		top: 60px;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 20px 2%;
		background: #FFFFFF;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}

	li.cate_menu:hover ul.menu_second {
		top: 70px;
		visibility: visible;
		opacity: 1;
	}

	li.cate_menu ul.menu_second > li {
		width: 25%;
		border: none;
	}

	li.cate_menu ul.menu_second > li:nth-child(3n+2) {
		margin: 0 1%;
	}
	
	
	/* tab coupon */
	.tab_box{
		position: fixed;
		right: -20px;
		transition: all .3s linear; 
		z-index: 900;
	}
	.tab_box:hover{
		right: 0;
		transition: all .3s linear; 
	}
	
			.under_text_box{
				width: 100%;
				padding: 10px 0;
				margin: 15px 0 0 0;
				text-align: center;
				font-size: 16px;
			}
.catch{
margin: 0 5px 0 0;
}
	}
@media screen and (max-width: 768px){
		.pc_only{
			display: none;
		}
	.menu_margin{
		margin: 0 0 100px 0;
	}
	/* header fix banner area */
	#header_fix_area{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	#header_fix_banner{
		position: relative;
		top: 0;
		width: 100%;
		text-align: center;
		background-color: #E5E5E5;
		z-index: 10000;
	}
	
	#header_fix_banner .header_main_banner{
		width: 100%;
		max-width: 500px;
		
	}
	
	#header_menu_box{
		width: 100%;
		height: 55px;
		background-color: #FFFFFF;
		position: relative;
		z-index: 3000;
	}
	
	#header_menu{
		background-color: #FFFFFF;
		height: 55px;
		position: relative;
		/*box-shadow: 0 -55px 20px 50px #000000;*/
		border-bottom: 1px solid #E4E4E4;
		z-index: 5000;
	}
	
	#header_left_box{
		width: 15%;
		/*background-color: #FF9193;*/
		height: 55px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#header_right_box{
		width: 25%;
		/*background-color: #91FF9A;*/
		height: 55px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#header_center_box{
		width: 25%;
		/*background-color: #ABB330;*/
		height: 55px;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
	#header_center_box h1{
		
	}
	#shop_logo{
		width: 100%;
	}
	
	#header_center_box #shop_logo{
		width: 100px;
		max-width: 120px;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#sp_new_bt{
		width: 80%;
		max-width: 35px;
		max-height: 35px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		display: block;
	}
	
	#sp_new_bt img{
		width: 100%;
	}
    #sp_ham_box{
        width: 36px;
        height: 36px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0,-50%)
    }

    #sp_ham {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #fff;
        transition: all .5s;
    }

    #sp_ham span {
        position: absolute;
        width: 24px;
        height: 2px;
        left: 4px;
        background-color: #444;
        border-radius: 2px;
        transition: all .5s;
    }

    #sp_ham span:nth-of-type(1) {top: 7px;}
    #sp_ham span:nth-of-type(2) {top: 17px;}
    #sp_ham span:nth-of-type(3) {bottom: 7px;}
    #sp_ham span:nth-of-type(2)::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 2px;
/*        margin: 0 0 0 2%;*/
        background-color: #4D4D4D;
        border-radius: 2px;
        transition: all .5s;
    }

    #sp_ham.active span:nth-of-type(1) {transform: translateY(20px) scale(0);}
    #sp_ham.active span:nth-of-type(2) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    #sp_ham.active span:nth-of-type(2)::after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
    #sp_ham.active span:nth-of-type(3) {transform: translateY(-20px) scale(0);}
	
/*search*/
	#search{
        display: inline-block;
		position: absolute;
		top: 50%;
		right: 45px;
		transform: translate(0,-50%);
        cursor: pointer;
        width: 25px;

    }

    #search > div > img{
        width: 100%;
    }

    #search_box{
        width: 100%;
        height: 40px;
        max-width: 1600px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #929292;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
		left: 0;
        z-index: 1000;
        transition: all .5s ease;
    }
    #search_box.active {
        top: 55px;
		height: 40px;
        z-index: 1000;
        /*box-shadow: 0px 1px 5px #757575;*/
		border-bottom: 1px solid #E4E4E4;
        transition: all .5s ease;
    }
    #search_box > div{
        width: 96%;
		position: absolute;
		bottom: 10px;
        margin: 1% 2% 0;
    }
    #search_form{
        border: none;
        outline: none;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: baseline;
        border-bottom: 1px solid #4D4D4D;
    }
    #search_h{
        border: none;
        outline: none;
        width: 100%;
    }
    #search_form_img{
        width: 16px;
    }
/*search end*/
	
/*sp_category*/
    #sp_header{
        position: fixed;
        top: 55px;
        left: 0;
        margin: 40px auto;
        width: 100%;
        height: 100%;
        display: none;
        overflow-y: scroll;
        background-color: rgba(255,255,255,0.95);
        z-index: 1000;
        opacity: 0;
        -webkit-overflow-scrolling: touch;
    }
	.newre_box{
		width: 170px;
		height: 30px;
		background-color: #212121;
		color: #FFFFFF !important;
		text-align: center;
		line-height: 30px;
		border-radius: 5px;
	}
    #sp_header_newre{
        display: flex;
        justify-content: center;
        margin: 50px 0 20px 0;
    }
    #sp_header_newre > a > div{
        display: inline-block;
        font-size: 1.4rem;
        color: #4D4D4D;
    }
    .sp_header_menu_text{
        font-size: 12px;
        padding: 5% 0;
        text-align: right;
        border-bottom: 1px solid #4d4d4d;
    }
    .sp_header_menu_text > span{
        font-size: 12px;
        margin: 0 5% 0 0;
    }
    .sp_cate{
        padding: 0 0 2% 0;
    }
    .sp_cate > div{
        display: flex;
        justify-content: space-between;
        padding: 5% 0;
        border-bottom: 1px solid #4d4d4d;
    }
    .sp_cate > div > span.sp_cate_text{
        font-size: 1.2rem;
        margin: 0 0 0 2%;
		color: #797979;
    }
    .sp_cate > div > span.plus_mark{
        font-size: 1.4rem;
        margin: 0 2% 0 0;
    }
    .sp_cate_inner{
        display: none;
        padding: 4% 0;
        border-bottom: 1px solid #4d4d4d;
    }
    .sp_cate_inner > li{
        padding: 2% 0;
        margin: 0 5%;
    }
    .sp_cate_inner > li > a{
        font-size: 1.2rem;
        color: #4d4d4d;
    }
/*sp_category end*/

/*sns*/

    #sp_header > div.sns_box{
        padding: 0 0 5%;
		margin-bottom: 100px;
        text-align: center;
    }

	.sns_box{
		display: inline-block !important;
		border: none !important;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.sns_img{
		float: left;
		margin: 1%;
		width: 15%;
	}
	.sns_img img{
		width: 100%;
	}
	#sns_text{
		float: left;
		width: 49%;
		position: relative;
	}
	#sns_text:before{
		content: "";
		display: block;
		padding-top: 32%;
	}
	.sns_inner_text{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.sns_text{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 12px;
		width: 70%;
		text-align: center;
		padding: 5px 0;
		border-top: 1px dotted #CBCBCB;
		border-bottom: 1px dotted #CBCBCB;
	}

	#menu_info_box{
		border-bottom: none !important;
		display: inline-block !important;
		width: 100%;
		text-align: center;
		font-size: 16px;
		color: #797979;
	}
	.sp_cate > div:after{
		content: none;
	}
/*sns end*/
	
	/* menu area */
	.menu_info_text{
		color: #797979;
		padding: 0 0 0 5%;
		font-size: 13px;
		margin: 10px 0;
	}
	
	/* tab coupon */
	.tab_box{
		width: 50px;
		position: fixed;
		right: 0;
		transition: all .3s linear; 
		z-index: 900;
	}
	
	.tab_box img{
		width: 100%;
	}
	.tab_box:hover{
		right: 0;
		transition: all .3s linear;
	}
	
			.under_text_box{
				width: 100%;
				padding: 5px 0;
				text-align: center;
				font-size: 10px;
			}
	}
