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

	Date: 2025-03
	CSS Document ： ファッション小物特集

	1.ベース
	2.タイトルエリア
	3.ナビゲーション
	4.コーデ
	5.アニメーション

=============================================================*/

/*------------------------------------

ベース

------------------------------------*/

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }

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

#plist {
	letter-spacing: 0.2em;
	font-size: 12px;
	line-height: 1;
	max-width: 920px;
	margin: 10px auto;
	vertical-align: middle;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#plist li {
	font-size: 83.4%;
	float: left;
}

.emergency_cn {
	color: #ff0000;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.6;
}
#header_fsp, #side_fsp, #footer_fsp, .emergency_fsp, .sp_guide_ff {	display: none; }
#foot-cts {	display: block; }

@media screen and (max-width: 919px) {
	#plist { display: none; }
	#header_fsp, #side_fsp, #footer_fsp, .emergency_fsp, .sp_guide_ff { display: block;	}
	#foot-cts { display: none; }
}

.pc_ff { display: block; }
.sp_ff, .sp_il_ff {	display: none; }
.pc_il_ff {	display: inline; }

body #wrapper_fsp {	height: auto; }
#wrapper {
	padding-top: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
	color: #333;
	text-align: left;
	letter-spacing: 0.02em;
}
img {
	width: auto;
	height: auto;
	border: none;
	vertical-align: bottom;
	display: block;
}
a { transition: all 0.3s; }
#header_ff a, #category_wrap_ff a { display: block; }
#header_ff, #category_wrap_ff {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

#wrap {
	width: 920px;
	margin: 0px auto;
	text-align: left;
}

.pagetop_ff {
	text-align: center;
	position: fixed;
	right: 30px;
	bottom: 5%;
	display: none;
	z-index: 10001;
	transition: none;
}
.pagetop_ff a {	display: block;	width: 56px; }
.pagetop_ff a:hover { transform: translate(0,-10px); opacity: 1; }
.pagetop_ff a img {	width: 100%; height: auto; }

@media screen and (max-width: 919px) {
	.pagetop_ff { bottom: 4%; right: 0; }
	.pagetop_ff a { width: 45px; }
	.pagetop_ff img { width: 100%; height: auto; }
	.sp_ff { display: block; }
	.pc_ff, .pc_il_ff { display: none !important; }
	.sp_il_ff { display: inline; }
	body { -webkit-text-size-adjust: 100%; }
}

/*------------------------------------

タイトルエリア

------------------------------------*/

#titlearea_ff {
	height: 32vw;
    max-height: 600px;
	position: relative;
	overflow: hidden;
	background: url("../images/main_bg.jpg") 50% 0 / auto 100% repeat-x;
}
#titlearea_ff .pc_ff { height: 100%; margin: 0 auto; max-width: 1800px; }
#titlearea_ff .pc_ff .titlebg_ff {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
    justify-content: center;
}
#titlearea_ff .pc_ff .titlebg_ff li { height: 100%; }
#titlearea_ff .pc_ff .titlebg_ff li img { height: 100%; width: 100%; object-fit: cover; }
#titlearea_ff .pc_ff .mainTitle_ff { display: flex; justify-content: center; height: 100%; }

#titlearea_ff .pc_ff .titlebox_ff {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 919px) {
	#titlearea_ff { height: auto; max-height: 100%; }
	#titlearea_ff h1.sp_ff img { width: 100%; }
	#titlearea_ff h1.sp_ff img:first-child { vertical-align: bottom; }
	#titlearea_ff h1.sp_ff img:last-child { vertical-align: top; }
}

/*------------------------------------

ナビゲーション

------------------------------------*/

#nav_ff {
	position: relative;
	z-index: 10000;
	padding: 70px 0 120px;
	width: 920px;
	margin: 0 auto;
}
#nav_ff h3 {
	font-size: 18px;
	line-height: 2;
	text-align: center;
	margin: 0 auto 70px;
	letter-spacing: 0.05em;
	position: relative;
}
#nav_ff h3 span {
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #684815;
	font-size: 30px;
	display: block;
	letter-spacing: .2em;
}

#nav_ff .nav_wrap_ff { min-height: 207px; }
#nav_ff .nav_list_ff { display: flex; justify-content: space-between; }
#nav_ff .nav_list_ff a:not(:last-child) { margin-right: 5px; }
#nav_ff .nav_list_ff a img { width: 100%; height: auto; }
#nav_ff .nav_list_ff a span { display: none; }
#nav_ff .nav_list_ff a:hover { opacity: .8; }

/* Fixed nav */
#nav_ff .fixed_ff {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
}
#nav_ff .fixed_ff .nav_list_ff {
	width: 920px;
	margin: 0 auto;
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
}
#nav_ff .fixed_ff .nav_list_ff a {
	height: 50px;
	margin: 0 auto !important;
	opacity: 1;
	width: 100%;
}
#nav_ff .fixed_ff .nav_list_ff a img { display: none; }
#nav_ff .fixed_ff .nav_list_ff a:after { display: none; }
#nav_ff .fixed_ff .nav_list_ff a:hover { transform: none; text-decoration: none; }
#nav_ff .fixed_ff .nav_list_ff a span {
	font-size: min(1.1vw,17px);
	color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s;
	text-align: center;
	line-height: 1.2;
	letter-spacing: .05em;
	font-weight: 600;
}

@media screen and (max-width: 1300px) {
	#nav_ff .fixed_ff .nav_list_ff a span { font-size: min(1.5vw,17px); }
}
@media screen and (max-width: 919px) {
	#nav_ff { width: 100%; padding: 35px 0 120px; }
	#nav_ff h3 { width: 90%; font-size: 14px; margin-bottom: 35px; }
	#nav_ff h3 span { font-size: 21px; line-height: 1.4; margin-bottom: 10px; padding-left: 10px; }
	#nav_ff:before { top: 30px; left: -10px; transform: rotate(60deg); }
	#nav_ff:after { left: 7.5px; top: 12%; }
	#nav_ff h3:before { right: -20px; top: -10%; }
	#nav_ff h3:after { right: -5px; top: 35%; transform: rotate(80deg); }
	#nav_ff:before,
	#nav_ff h3:before {	border-width: 31.5px 22px 0 16px; }
	#nav_ff:after,
	#nav_ff h3:after { border-width: 14.5px 10px 0 7px; }
	#nav_ff .nav_wrap_ff { min-height: 318px; width: 96%; margin: 0 auto; }
	#nav_ff .nav_list_ff { flex-wrap: wrap; margin: 0 auto; justify-content: center; }
	#nav_ff .nav_list_ff a { transition: none; width: 48%; margin-bottom: 3%; }
	#nav_ff .nav_list_ff a:nth-child(n+3) { margin-bottom: 0 !important; }
	/*#nav_ff .nav_list_ff a:nth-child(1),
	#nav_ff .nav_list_ff a:nth-child(2) { width: 36%; margin-bottom: 3%; }
	#nav_ff .nav_list_ff a:nth-child(n+3) { width: 31%; margin-bottom: 0 !important; }*/
	#nav_ff .nav_list_ff a:nth-child(1),
	#nav_ff .nav_list_ff a:nth-child(3)/*,
	#nav_ff .nav_list_ff a:nth-child(4)*/ { margin-right: 2%; }
	#nav_ff .nav_list_ff a:after {
		width: 7px;
		height: 7px;
		border-width: 2px;
		margin-left: -3.5px;
		bottom: 10px;
	}
	
	#nav_ff .fixed_ff .nav_list_ff { width: 100%; flex-wrap: nowrap; }
	#nav_ff .fixed_ff .nav_list_ff a { margin: 0 !important; height: 50px; width: 100%; }
	#nav_ff .fixed_ff .nav_list_ff a:first-child { padding-left: 0; }
	#nav_ff .fixed_ff .nav_list_ff a:last-child { padding-right: 0; }
	/*#nav_ff .fixed_ff .nav_list_ff a:nth-child(1),
	#nav_ff .fixed_ff .nav_list_ff a:nth-child(2),
	#nav_ff .fixed_ff .nav_list_ff a:nth-child(3),
	#nav_ff .fixed_ff .nav_list_ff a:nth-child(4) { width: 19%; }
	#nav_ff .fixed_ff .nav_list_ff a:nth-child(5) { width: 24%; }*/
	#nav_ff .fixed_ff .nav_list_ff a span {
		font-size: min(3.6vw,16px) !important;
		line-height: 1.4;
		font-weight: bold;
	}
}

/*------------------------------------

コーデ

------------------------------------*/

.category_ff { padding-top: 70px; margin-top: -70px; margin-bottom: 100px; }
.category_ff.up_ff { padding-top: 105px; margin-top: -105px; }
.categoryTitle_ff { margin: 0 auto 40px; text-align: center; }

.categoryTitle_ff div {
	width: 920px;
	margin: 0 auto;
	padding: 23px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.categoryTitle_ff h3 {
	color: #fff;
	font-size: min(4vw,43px);
	font-weight: 600;
	letter-spacing: 0.1em;
}
.categoryTitle_ff span { width: auto; height: 16px; display: block; }
.categoryTitle_ff span img { width: auto; height: 100%; }
#con01_ff .categoryTitle_ff { background: #ef5357; }
#con02_ff .categoryTitle_ff { background: #f1b03d; }
#con03_ff .categoryTitle_ff { background: #c5c565; }
#con04_ff .categoryTitle_ff { background: #96bfe2; }
#con05_ff .categoryTitle_ff { background: #45B7EF; }

@media screen and (max-width: 919px) {
	.categoryTitle_ff {
		height: auto;
		margin-bottom: 5px;
		background: url("../images/title01_bg_sp.jpg") 50% 50% / cover no-repeat;
	}
	.categoryTitle_ff div { width: 100%; flex-direction: column; }
	.categoryTitle_ff h3 { font-size: min(6.5vw,30px); padding: 0 0 10px; }
	.categoryTitle_ff span { height: 12px; }
	.categoryTitle_ff h3 img { width: 85%; position: static; margin: 0 auto; }
	.categoryTitle_ff h3 img:first-child { height: 30px; }
	.categoryTitle_ff h3 img:last-child { height: 12px; }
	.categoryTitle_ff h3 img:last-child { margin-top: 15px !important; }
}

.flexAutoW_ff { flex: 1; }

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .flexAutoW_ff { flex: 1 0 0%; } /* for IE11 */
}

.ofi_ff {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.itemList_ff { max-width: 920px; margin: 0 auto; }
.itemList_ff img { width: 100%; }
.itemWrap_ff { margin-bottom: 40px; }
.mainItem_ff { display: flex; background: #f7f6f5; position: relative; }
.mainItem_ff .model_ff { width: 400px; background: #FFF; }
.mainItem_ff .model_ff a { height: 100%; }
.mainItem_ff .spec_ff { padding: 35px 40px 40px 40px; }
.mainItem_ff .spec_ff h4 {
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.mainItem_ff .spec_ff p {
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
	z-index: 1;
}
.itemWrap_ff h4 rb { font-weight: bold; }

.mainItem_ff .spec_ff .subInfo_ff {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.mainItem_ff .spec_ff .subInfo_ff div {	width: 49%; }
.mainItem_ff .spec_ff .subInfo_ff div p,
.mainItem_ff .spec_ff .subInfo_p_ff {
	padding: 8px 6px 0 0;
	font-size: 12px;
	color: #666;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}
.mainItem_ff .spec_ff .subInfo_ff div p a { display: inline !important; text-decoration: underline; }
.mainItem_ff .spec_ff .subInfo_ff div p a:hover { text-decoration: none; }
.mainItem_ff .spec_ff .subInfo_ff div:last-child p { padding: 8px 0 0 6px; }
.mainItem_ff .spec_ff .subInfo_one_ff {	justify-content: center; }
.mainItem_ff .spec_ff .subInfo_one_ff div { width: 100%; }

.mainWrap_ff { position: relative; }
.mainWrap_ff .model_sub_ff { position: absolute; }

.items_wrap_ff {
	display: flex;
	justify-content: center;
	align-items: center;
}
.items_ff {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0 0;
}
.items_ff ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.item_wrap_ff ul { flex-wrap: wrap; justify-content: center; }
.items_ff li { width: 130px; text-align: center; }
.items_ff li a { width: 100%; height: 100%;	display: block; }
.items_ff li a img { margin: 0 auto; transition: .3s; }
.items_ff li a:hover img { opacity: .7; }

.item_horizontal_ff li { width: auto; height: 110px; padding: 10px 0; }
.column2_ff .items_ff li { height: 110px; width: auto; }
.column3_ff .items_ff li { height: 100px; width: auto; }
.item_horizontal_ff li img,
.column2_ff .items_ff li img,
.column3_ff .items_ff li img { height: 100%; width: auto; }

#item01_ff .items_ff li,
#item07_ff .items_ff li { width: 230px; }
#item14_ff .items_ff li { height: 100px; }

.mainWrap_ff .items_ff .items_info_ff {	margin-left: 30px; }
.mainWrap_ff .items_ff .price_ff:not(.sale_ff) { margin-top: 12px; }
.items_ff .price_ff { margin-top: 10px; }
.subWrap_ff .items_ff .price_ff > div {	text-align: center; }
.items_ff .sale_wrap_ff { margin-top: 12px; }
.items_ff .items_info_ff p,
.items_ff .price_ff { font-size: 14px; line-height: 1.5; }
.mainWrap_ff .items_info_ff p { font-size: 15px; }
.column3_ff .items_ff .items_info_ff p,
.column3_ff .items_ff .price_ff { font-size: 13.5px; }

.subWrap_ff .items_ff .items_info_ff p,
.subWrap_ff .items_ff .price_ff { text-align: center; }
.items_ff .items_info_ff p a:hover { color: #444; opacity: 1; }
.items_ff .sale_ff { display: inline-block;	margin-top: 2px; color: #cc0000; }
.items_ff .sale_ff span { margin-left: 5px; }
.items_ff .price_ff span { font-weight: bold; margin-left: 10px; font-size: 18px; }
.column3_ff .items_ff .price_ff span { font-size: 16px; }

.items_ff .price_ff .nosale_ff { position: relative; font-size: 15px; }
.items_ff .nosale_ff::before,
.items_ff .nosale_ff::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0 ;
	border-style: solid;
	border-color: #000;
}
.items_ff .nosale_ff::before { border-width: 1px 0 0 0; top: calc(50% - 2px); }
.items_ff .nosale_ff::after { border-width: 0 0 1px 0; top: calc(50%); }

.recommended_ff { text-align: center; }
.recommended_ff span {
	display: block;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	background-color: #da2983;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
	margin-right: 30px;
	position: relative;
}
.recommended_ff span:after {
	content: "";
	position: absolute;
	right: -14px;
	top: 50%;
	margin-top: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 14px;
	border-color: transparent transparent transparent #da2983;
}

.model_ff { position: relative; }
.model_ff .mark_ff {
	position: absolute;
	top: 10px;
	left: 10px;
}
.mark_ff > p {
	border-radius: 5px;
	width: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 6px 0;
	margin-bottom: 10px;
	border: 1px solid #FFF;
}
.model_ff .markSp_ff { top: 20px; left: -20px; }
.markSp_ff > p {
	transform: rotate(-10deg);
	width: auto;
	padding: 6px 10px;
}
.mark_l_ff > p { width: auto; padding: 6px 10px; }
.mark_ff > p span {
	display: block;
	font-weight: bold;
	line-height: 1.3;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
}
.mark_ff > p span > span {
	font-size: 20px;
	color: #2496b7;
	margin-top: 3px;
}
.mark_l_ff > p span { font-size: 16px; }
.mark_ff .set_ff { background: #FFF; border: 1px solid #333; }
.mark_ff .laundry_ff { background: #8BCDEA; }
.mark_ff .cold_ff {	background: #CCE9F1; }
.mark_ff .sweat_ff { background: #A6DDBE; } /* 吸汗 */
.mark_ff .fungus_ff { background: #E2E2AF; } /* 抗菌 */
.mark_ff .uv_ff { background: #D3C8E8; }
.mark_ff .antistatic_ff { background: #B79E7F; } /* 帯電防止 */
.mark_ff .solar_ff { background: #EFA765; }
.mark_ff .recommend_ff { background: #da2983; width: auto; padding: 6px 10px; }
.mark_ff .recommend_ff span { color: #fff; }

ruby { font-weight: bold; }
ruby rt { font-size: 10px; font-weight: bold; }

.mark_ff ruby rt { transform: scale(.8); }
.mark_ff .ruby_ff { padding-top: 15px; }

.subWrap_ff ul { display: flex; }
.column3_ff, .column2_ff { justify-content: space-between; }
.column3_ff > ul > li { width: calc((100% - 56px)/3); }
.column2_ff > ul > li { width: calc((100% - 28px)/2); }
.subWrap_ff > ul > li:not(:last-child) { margin-right: 28px; }
.subWrap_ff .items_ff { display: block; }
.subWrap_ff .items_ff > ul { justify-content: center; }
.subWrap_ff .items_ff .items_info_ff { margin-top: 20px; }
.subWrap_ff .twoItems_ff li:not(:last-child) { margin-right: 20px; }

.etc_ff a span { font-size: 16px; font-weight: bold; }
.column3_ff .etc_ff a { font-size: 11px; }
.etc_ff a {
	color: #fff !important;
	padding: 8px 5px;
	text-align: center;
	display: block;
	text-decoration: none !important;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 3px;
	margin: 20px 20px 0 20px;
}
.mainWrap_ff .etc_ff a {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
	background: #81CBE2;
}

/* item hover */
.mainWrap_ff,
.subWrap_ff > ul > li {
	border: 2px solid rgba(255,255,255,0);
	padding-bottom: 20px;
	transition: all .3s ease;
}
/* //item hover */

.subWrap_ff h4 {
	font-size: 21px;
	font-weight: bold;
	margin: 15px 0 0;
	line-height: 1.4;
	text-align: center;
	word-wrap: break-word;
}
.column3_ff.subWrap_ff h4 {	font-size: 17px; }

.subWrap_ff h4 a {
	color: #81CBE2;
	font-weight: bold;
	text-decoration: underline;
}
.subWrap_ff h4 a:hover { text-decoration: none; }

.subbar_ff {
	font-size: 30px;
	text-align: center;
	padding: 20px;
	width: 80%;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 80px auto 30px;
	border-style: solid;
	border-width: 3px 0;
}

.moreBtn_ff { line-height: 1; }
.moreBtn_ff + .moreBtn_ff { margin-top: 20px; }

.moreBtn_ff a {
	display: block;
	padding: 25px 10px;
	border-radius: 10px;
	border: 2px solid #ef5357;
}
#con02_ff .moreBtn_ff a { border-color: #f1b03d; }
#con03_ff .moreBtn_ff a { border-color: #c5c565; }
#con04_ff .moreBtn_ff a { border-color: #96bfe2; }
#con05_ff .moreBtn_ff a { border-color: #45B7EF; }

.moreBtn_ff a:hover { text-decoration: none; opacity: .8; }
.moreBtn_ff a h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	position: relative;
	line-height: 1;
}
.moreBtn_ff a h3 span {	display: block; font-weight: 600; font-size: min(2.7vw,30px); }
.moreBtn_ff a h3 span:first-child {	/*font-size: 34px;*/ margin-right: 10px; letter-spacing: 0.2em; }
.moreBtn_ff a h3 span:last-child { /*font-size: 20px;*/ letter-spacing: 0.1em; }
.moreBtn_ff a h3:before,
.moreBtn_ff a h3:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2%;
}
.moreBtn_ff a h3:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	right: 20px;
	margin-top: -5px;
	transform: rotate(45deg);
	transition: all 0.3s;
}

.tax_ff {
	font-size: 16px;
	max-width: 920px;
    margin: 4vw auto 0;
}

.link_ff {
	text-align: center;
	position: relative;
	font-size: 15px;
	margin: 30px 5% 0;
	font-weight: bold;
	padding: 15px 30px 15px 15px;
	color: #fff !important;
}
.link_ff:hover {
	text-decoration: none;
	opacity: .8;
}
.link_ff:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mainWrap_ff .link_ff {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.bnr_ff {
	width: 700px;
	margin: 0 auto;
	padding: 60px 0 40px;
	position: relative;
}
.bnr_ff h5 {
	width: 250px;
	position: absolute;
	top: 0px;
	left: -20px;
	z-index: 10;
}

#con01_ff .mainItem_ff .spec_ff h4,
#con01_ff .subWrap_ff h4,
#con01_ff .subbar_ff { color: #ef5357; }
#con02_ff .mainItem_ff .spec_ff h4,
#con02_ff .subWrap_ff h4,
#con02_ff .subbar_ff { color: #f1b03d; }
#con03_ff .mainItem_ff .spec_ff h4,
#con03_ff .subWrap_ff h4,
#con03_ff .subbar_ff { color: #c5c565; }
#con04_ff .mainItem_ff .spec_ff h4,
#con04_ff .subWrap_ff h4,
#con04_ff .subbar_ff { color: #96bfe2; }
#con05_ff .mainItem_ff .spec_ff h4,
#con05_ff .subWrap_ff h4,
#con05_ff .subbar_ff { color: #45B7EF; }

#con04_ff .mainItem_ff .spec_ff h4 { font-size: 25px; }

#con01_ff .moreBtn_ff a,
#nav_ff .fixed_ff .nav_list_ff a:nth-child(1),
#con01_ff .link_ff { background: #ef5357; }
#con02_ff .moreBtn_ff a,
#nav_ff .fixed_ff .nav_list_ff a:nth-child(2),
#con02_ff .link_ff { background: #f1b03d; }
#con03_ff .moreBtn_ff a,
#nav_ff .fixed_ff .nav_list_ff a:nth-child(3),
#con03_ff .link_ff { background: #c5c565; }
#con04_ff .moreBtn_ff a,
#nav_ff .fixed_ff .nav_list_ff a:nth-child(4),
#con04_ff .link_ffn { background: #96bfe2; }
#con05_ff .moreBtn_ff a,
#nav_ff .fixed_ff .nav_list_ff a:nth-child(5),
#con05_ff .link_ff { background: #45B7EF; }

#con01_ff .mainWrap_ff:hover,
#con01_ff .subWrap_ff > ul > li:hover { border-color: rgba(239,83,87,.2); }
#con01_ff .subbar_ff { border-color: #ef5357; }
#con02_ff .mainWrap_ff:hover,
#con02_ff .subWrap_ff > ul > li:hover { border-color: rgba(241,176,61,.3); }
#con02_ff .subbar_ff { border-color: #f1b03d; }
#con03_ff .mainWrap_ff:hover,
#con03_ff .subWrap_ff > ul > li:hover { border-color: rgba(197,197,101,.3); }
#con03_ff .subbar_ff { border-color: #c5c565; }
#con04_ff .mainWrap_ff:hover,
#con04_ff .subWrap_ff > ul > li:hover { border-color: rgba(150,191,226,.3); }
#con04_ff .subbar_ff { border-color: #96bfe2; }
#con05_ff .mainWrap_ff:hover,
#con05_ff .subWrap_ff > ul > li:hover { border-color: rgba(69,183,239,.2); }
#con05_ff .subbar_ff { border-color: #45B7EF; }

.issyo_ff { margin-top: 10px; }
.issyo_ff a {
	display: block;
	padding: 12px 0;
	height: 100%;
}
.mainWrap_ff .issyo_ff a {
	width: 125px;
	height: 101px;
	padding: 0;
	margin-left: 20px !important;
}
.items_ff .issyo_ff p {
	height: 40px;
	position: relative;
	background: #ef5357;
	border-radius: 5px;
	max-width: 250px;
	margin: 0 auto !important;
}
.issyo_ff p:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -12px;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 12px 6px;
	border-color: transparent transparent #ef5357 transparent;
}
.issyo_ff p img {
	max-width: 185px;
	height: auto;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	bottom: -3px;
	margin-left: -82px;
}

.modalArea_ff {
	display: none;
	position: fixed;
	z-index: 10002; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modalBg_ff {
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.9);
}
.modalWrapper_ff {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 70%;
	max-width: 640px;
	padding: 40px 50px;
	background-color: #fff;
}
.modalContents_ff h5 {
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
}
.modalContents_ff h4 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 30px;
}
.modalContents_ff h4 span {
	color: #ef5357;
	font-weight: bold;
	font-size: 32px;
}
.modalContents_ff p {
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
.closeModal_ff {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	font-size: 40px;
	color: #ccc;
}

#wrapper div.sns { padding: 0 10px 100px; }
#wrapper div.sns ul { display: flex; justify-content: center; align-items: center; }
#wrapper div.sns ul li { width: 30px; margin: 0 10px; }
#wrapper div.sns ul li a { display: block; }
#wrapper div.sns ul li a img { width: 100%; }

.btn_title_ff {
	width: 700px;
	margin: 60px auto 0;
	text-align: center;
}
.btn_title_ff p {
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}
.btn_title_ff a { margin: 0 auto; }
.btn_title_ff a img { transition: all 0.3s; }

@media screen and (max-width: 919px) {	
	.btn_title_ff { padding: 0 10px; margin: 0 auto 40px; }
	.btn_title_ff p { font-size: 18px; }
	.category_ff { padding-top: 52.5px; margin-top: -52.5px; margin-bottom: 50px; }
	.category_ff.up_ff { padding-top: 102.5px; margin-top: -102.5px; }
	.mainItem_ff, .items_ff, .items_ff .items_info_ff, .subWrap_ff > ul { display: block; }
	.mainItem_ff .model_ff,
	.column3_ff > ul > li,
	.column2_ff > ul > li { width: 100%; height: auto; }
	.column3_ff > ul > li, .column2_ff > ul > li { margin-right: 0;	}
	.mainItem_ff .spec_ff { padding: 17.5px 20px 20px 20px; }
	.mainItem_ff .spec_ff h4 {
		font-size: 22.5px !important;
		line-height: 1.4 !important;
		text-align: center;
	}
	.mainItem_ff .spec_ff p { font-size: 13px; margin-top: 10px; }
	.mainItem_ff .spec_ff .subInfo_ff { margin-top: 15px; }
	.mainItem_ff .spec_ff .subInfo_ff div p,
	.mainItem_ff .spec_ff .subInfo_p_ff {
		font-size: 11px;
		padding: 5px 5px 0 0;
		margin: 0;
		letter-spacing: 0;
		line-height: 1.4;
	}
	.mainItem_ff .spec_ff .subInfo_ff div:last-child p { padding: 5px 0 0 5px; }
	.mainWrap_ff .items_ff .items_info_ff { margin-left: 0 !important; }
	.mainWrap_ff .items_ff .items_info_ff > div { width: 100%; }
	.itemWrap_ff { margin-bottom: 35px;	}
	.itemWrap_ff > ul > li { margin-bottom: 40px; }
	.items_wrap_ff .items_ff { width: calc(50% - 20px); padding: 10px; }
	.items_wrap_ff .items_ff li { width: 100px !important; margin: 0 auto; }
	.items_ff { padding: 15px; }
	.items_ff ul { justify-content: center; }
	.items_ff li { padding: 0 !important; }
	.items_ff .items_info_ff p,
	.items_ff .price_ff,
	.items_ff .price_ff > div { font-size: 14px !important;	text-align: center; }
	.items_ff .items_info_ff p { margin: 15px 0 7.5px; }
	.items_ff .price_ff { margin: 0 !important; }
	.items_ff .price_ff span, .items_ff .sale_ff span { font-size: 17px !important; }
	.items_ff .price_ff .nosale_ff { font-size: 14px; }
	.items_ff .sale_ff { margin-top: 2.5px !important; }
	.item_horizontal_ff li { width: 80%; height: auto; }
	.item_horizontal_ff li img { width: 100%; height: auto; }
	.column2_ff .items_ff li,
	.column3_ff .items_ff li { height: 110px !important; margin: 0 !important; }
	
	#item04_ff .items_ff li { height: 130px !important; }
	#item10_ff .items_ff li { height: 150px !important; }
	#item14_ff .items_ff li { height: 80px !important; }

	.link_ff { font-size: 30px; max-width: 81%; padding: 30px; }
	.link_ff:after { right: 20px; width: 12px; height: 12px; margin-top: -6px; }
	
	.subWrap_ff h4 { font-size: 20px !important; padding: 10px 15px 0 15px !important; }
	.subbar_ff { width: 90%; font-size: 40px; }
	
	.moreBtn_ff { padding: 0 20px 40px; }
	.moreBtn_ff + .moreBtn_ff { margin-top: -20px; }
	.moreBtn_ff a { border-radius: 10px; padding: 16.5px 10px; }
	
	.moreBtn_ff a h3 span {
		letter-spacing: .1em;
		white-space: nowrap;
		text-align: center;
		font-size: min(5vw, 30px);
   		line-height: 1.4;
	}
	.moreBtn_ff a h3 span:first-child { /*font-size: 20px;*/ margin-bottom: 0; }
	.moreBtn_ff a h3 span:last-child { /*font-size: 15px;*/ }
	
	.moreBtn_ff a h3:before { width: 10px; height: 10px; margin-top: -5px; right: 5px; }
	.moreBtn_ff a h3:after { border-width: 5.5px 0 5.5px 6.5px; right: calc(2% + 5.5px); margin-top: -5.5px; }
	.moreBtn_ff:after { right: 3%; font-size: 11.5px; }
	ruby rt { font-size: 9px; transform: translate(0, -2.5px); }
	.issyo_ff, .mainWrap_ff .issyo_ff a {
		width: 100% !important;
		height: auto !important;
		margin: 10px auto 0 !important;
	}
	.issyo_ff a, .mainWrap_ff .issyo_ff a {
		padding: 12px 0 0 0;
		max-width: 270px;
		margin: 0 auto;
		height: 65px !important;
	}
	.items_ff .issyo_ff p {
		height: 40px;
		border-radius: 5px;
		max-width: 100%;
	}
	.issyo_ff p:before {
		top: -12px;
		margin-left: -6px;
		border-width: 0 6px 12px 6px;
	}
	.issyo_ff p img {
		max-width: 185px;
		bottom: -2.5px;
		margin-left: -82.5px;
	}
	.modalWrapper_ff { padding: 15% 7% 10%;	width: 80%; }
	.modalContents_ff h5 { font-size: 18px; margin-bottom: 15px; }
	.modalContents_ff h4 {
		font-size: 25px;
		margin-bottom: 15px;
		line-height: 1.2;
	}
	.modalContents_ff h4 span {
		font-size: 30px;
		display: block;
		margin-bottom: 5px;
	}
	.modalContents_ff p { font-size: 15px; }
	.closeModal_ff { top: 5px; right: 5px; font-size: 30px; }
	.closeModal_ff { font-size: 40px; }
	.items_ff .sale_wrap_ff { margin-top: 12.5px !important; line-height: 1; }
	.recommended_ff span {
		display: inline-block;
		font-size: 14px;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 5px 10px;
	}
	.recommended_ff span:after {
		right: 50%;
		top: auto;
		bottom: -10px;
		margin-right: -7px;
		border-width: 10px 7px 0 7px;
		border-color: #da2983 transparent transparent transparent;
	}
	.mark_ff, .model_ff .markSp_ff { top: 10px; left: 10px; }
	.mark_ff > p {
		width: auto;
		padding: 7.5px;
		border-radius: 5px;
		min-width: 35px;
	}
	.markSp_ff > p { transform: rotate(0deg); }
	.mark_ff > p span { font-size: 13px; }
	.mark_ff > p span > span { font-size: 18px; }
	.mark_ff .ruby_ff { padding-top: 15px; }
	.mark_ff ruby rt { font-size: 7px; transform: none; }
	.mark_ff .recommend_ff { padding: 7.5px; }
	.mainWrap_ff,
	.subWrap_ff > ul > li { border: none; padding-bottom: 0; }
	.etc_ff a { font-size: 14px !important; border-radius: 5px; padding: 4px 2.5px 8px; }
	.etc_ff a span { font-size: 14px !important; }
	.mainWrap_ff .etc_ff a { max-width: 80%; padding: 7.5px 5%; }
	.tax_ff {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 12px;
		margin-top: 0;
	}
}
@media screen and (max-width: 414px) {
	.mainItem_ff .spec_ff h4 { font-size: 20px !important; }
	.items_ff .items_info_ff p,
	.items_ff .price_ff,
	.items_ff .price_ff > div { font-size: 13px !important; }
}

/*------------------------------------

アニメーション

------------------------------------*/
@media screen and (min-width: 920px) {
	.fadeInUp_ff {
		animation-fill-mode:both;
		animation-duration:2s;
		animation-name: fadeInUp;
		visibility: visible !important;
	}
}
@media screen and (max-width: 919px) {
	.fadeInUp_ff {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.zoomUp_ff {
		transform: scale(1) !important;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform:translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeSlide_ff {
	animation: fadeSlide 1s forwards;
	visibility: visible !important;
	opacity: 0;
	animation-delay: 1s;
}
.fadeSlide_l_ff {
	animation: fadeSlide_l 1s forwards;
	visibility: visible !important;
	opacity: 0;
	animation-delay: .5s;
}
.fadeSlide_r_ff {
	animation: fadeSlide_r 1s forwards;
	visibility: visible !important;
	opacity: 0;
	animation-delay: .5s;
}
.fadeImg_ff {
	animation: fadeImg 1.5s forwards;
	visibility: visible !important;
	opacity: 0;
}

@keyframes fadeImg {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeSlide {
    0% { opacity: 0; transform: translate(0,-20px); }
    100% { opacity: 1; transform: translate(0,0); }
}
@keyframes fadeSlide_l {
    0% { opacity: 0; transform: translate(-20px,0); }
    100% { opacity: 1; transform: translate(0,0); }
}
@keyframes fadeSlide_r {
    0% { opacity: 0; transform: translate(20px,0); }
    100% { opacity: 1; transform: translate(0,0); }
}