@charset "utf-8";
/*=======================================================================
微調整css
=======================================================================*/
/*new-style.cssから抜粋*/
li{
    list-style: none !important;
}

.F-L{
    float: left;
}

.F-R{
    float: right;
}

.ovr-hddn{
    overflow: hidden;
}

img{
    line-height: 0;
    vertical-align: middle;
}

img[src^='https://b.shopserve'] {
    display: none;
}

.FF-san{
    font-family: 'Noto Sans JP', sans-serif;
}

.pc-v{
    display: block;
}
.sp-v{
    display: none;
}

@media(max-width:580px){
    .pc-v{
        display: none;
    }
    .sp-v{
        display: block;
    }
}
input, select {
	color:#000;
}
img {
	vertical-align:bottom;
}

/*フレックスボックス設定*/
.flex {
	display: flex;
}
.fx-between{
	justify-content: space-between;
}
.fx-around{
	justify-content: space-around;
}
.fx-wrap{
	flex-wrap:wrap;
}
.fx-rev{
    flex-direction: row-reverse;
}



/*リンク画像ホバー時　フェード
=====================================*/
a img{
	transition: all 0.3s ease-out;
}
a:hover img{
	opacity: 0.8;
	transition: all 0.3s ease-out;
}
@media screen and (max-width: 768px){
	a img{
		transition:none;
	}
	a:hover img{
		opacity:1;
		transition:none;
	}	
}

/*テキスト右寄せ・左寄せ・中央寄せ
====================================*/
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-c {text-align: center;}

/*フロート左右
============================================*/
.flt-l {float: left;}
.flt-r {float: right;}

/*横幅
============================================*/
.w100 {width: 100%!important;}


/*=====================================
表示非表示設定 2022.12以前
=====================================*/
@media screen and (min-width: 769px){
    .pc-none{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .sp-none{
        display: none;
    }
}

/*=====================================
表示非表示設定 2022.12～
=====================================*/
@media screen and (min-width: 769px){
	.pc-n{display: none!important;}
}
@media screen and (min-width:581px) and ( max-width:768px) {
    .tab-n{display: none!important;}
}
@media screen and (max-width: 580px){
    .sp-n{display: none!important;}
}