@charset "UTF-8";

.emergency_cn {
	color: #ff0000;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.6;
}
#plist {
	padding-top: 52px;
}
#header_fsp, #side_fsp, #footer_fsp, .emergency_fsp, .sp_guide_ff {
	display: none;
}
#foot-cts {
	display: block;
}

@media screen and (max-width: 919px) {
	#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 {
	color: #333;
	text-align: left;
	letter-spacing: 0.02em;
}
body #wrapper_fsp {
	height: auto;
}
#wrapper {
	padding-top: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
}

#ff-foot-cts img, #sp-foot-cts img, #footerarea_ff img, #footer_fsp img {
	display: inline-block;
}
a:hover {
	color: #888888;
	text-decoration: underline;
	opacity: .8;
}
a {
	transition: all 0.3s;
	color: #000;
}
#header_ff a {
	display: block;
}
#header_ff, #category_wrap_ff {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

/* ---------------------------------

ヘッダー
	
--------------------------------- */

/* sp用共存 */
#wrapper_fsp .emergency_fsp {
	display: none;
}
#viewport_fsp {
	position: relative;
}
#modal_fsp {
	display: none;
}
#header #head-topnavi_allb {
	position: absolute;
	right: 0;
	top: 12px;
}
#header #head-topnavi_allb li {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}
#add-line_allb a {
	border-left: none;
	padding-left: 0;
}
#header a:hover img, #foot-cts a:hover img {
	opacity: 0.7;
	text-decoration: underline;
}
#foot-cts p a {
	padding-bottom: 1px;
}

/*------------------------------------

基本（スマホ）

------------------------------------*/

@media screen and (max-width: 767px) {
	#wrap_dr, #footerarea_ff, #plist {
		display: block;
	}
	#wrapper_fsp .emergency_fsp, .sp_ff {
		display: block;
	}
	body #wrapper_fsp {
		height: auto;
	}
	.pc_ff, .pc_il_ff {
		display: block !important;
	}
	.sp_il_ff {
		display: inline;
	}
	body {
		-webkit-text-size-adjust: 100%;
	}
	/* ヘッダー */
	#headerbox_ff {
		width: 100%;
		min-width: 10px;
		min-height: 12px;
		left: 0px;
		top: 0px;
		z-index: auto;
	}
}

/*------------------------------------

タイトルエリア

------------------------------------*/

#titlearea_ff {
	position: relative;
	opacity: 0;
}
#titlearea_ff .pc_ff {
	height: auto;
	margin: 0 auto;
	position: relative;
}
#titlearea_ff .title_ff {
	width: 2400px;
	height: 350px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1200px;
	overflow: hidden;
	z-index: 1;
}
#titlearea_ff .title_ff h2 {
    width: 650px;
    margin: 0 auto;
}
#titlearea_ff .title_ff h2 img { width: 100%; }

.swiper-container { height: 100%; }
.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 767px) {
	#titlearea_ff { height: auto; }
	
#titlearea_ff .title_ff {
    width: 100%;
    height: auto;
    display: flex!important;
    align-items: center;
    position: absolute;
    top: 38%;
	left: 0!important;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
#titlearea_ff .title_ff h2 {
    width: 100%;
    margin: 0 auto;
}
#titlearea_ff .title_ff h2 img { width: 100%; }
}

/*------------------------------------

ナビゲーション

------------------------------------*/

#nav_ff {
	position: relative;
	z-index: 10000;
	padding: 90px 0 116px;
	width: 920px;
	margin: 0 auto;
}
#nav_ff h3 {
	width: 140px;
	margin: 0 auto 10px;
}
#nav_ff h3 img {
	width: 100%;
	height: auto;
}
#nav_ff .nav_wrap_ff {
	min-height: 176px;
}
#nav_ff .nav_list_ff {
	display: flex;
	justify-content: space-between;
}
#nav_ff .nav_list_ff a {
	text-decoration: none;
	text-align: center;
	transition: none;
}
#nav_ff .nav_list_ff a:hover { opacity: 1; }
#nav_ff .nav_list_ff a .img_ff {
	width: 110px;
	height: 110px;
	border-radius: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 15px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
#nav_ff .nav_list_ff a img { width: 100%;	transition: all .2s ease; }
#nav_ff .nav_list_ff a:hover img { transform: scale(1.2); }
#nav_ff .nav_list_ff a p {
	font-size: 15px;
	font-weight: bold;
	color: #53C7D3;
	display: inline-block;
	letter-spacing: .1em;
	position: relative;
	padding-bottom: 6px;
}
#nav_ff .nav_list_ff a p:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: all .3s ease;
	background: rgba(83,199,211,.3);
	width: 100%;
	height: 3px;
}
#nav_ff .nav_list_ff a:hover p:after { transform: scale(1,1); }
#nav_ff .nav_list_ff a:nth-child(even) { padding-top: 30px; }
#nav_ff .nav_list_ff a:nth-child(even) p { color: #E8AE1C; }
#nav_ff .nav_list_ff a:nth-child(even) p:after { background: rgba(232,174,18,.3); }
#nav_ff .nav_list_ff a .fix_disp_ff { display: none; }

#nav_ff .nav_list_ff a span {
	display: block;
	font-weight: bold;
}

/* Fixed nav */
#nav_ff .fixed_ff {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	background: #fff;
	box-shadow: 0 1rem 1rem -.8rem rgba(0,0,0,.07);
}
#nav_ff .fixed_ff .nav_list_ff {
	width: 840px;
	margin: 0 auto;
}
#nav_ff .fixed_ff .nav_list_ff a {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 15px;
	width: 100%;
}
#nav_ff .nav_list_ff a:not(:last-child):after {
	height: 40px;
	margin-top: -20px;
}
#nav_ff .fixed_ff .nav_list_ff a:before {	display: none; }
#nav_ff .fixed_ff .nav_list_ff a .img_ff { width: 70px; height: 70px; margin: 0 auto 10px; }
#nav_ff .fixed_ff .nav_list_ff a p { font-size: 13px; letter-spacing: 0; }

@media screen and (max-width: 919px) {
	#nav_ff h3 { width: 220px; margin-bottom: 20px; }
	#nav_ff { width: 96%; padding-bottom: 120px; }
	#nav_ff .nav_wrap_ff { min-height: 478px; }
	#nav_ff .nav_list_ff { flex-wrap: wrap; }
	#nav_ff .nav_list_ff a { font-size: 30px; transition: none; padding: 0 !important; }
	#nav_ff .nav_list_ff a:nth-child(1),
	#nav_ff .nav_list_ff a:nth-child(2),
	#nav_ff .nav_list_ff a:nth-child(3) { width: calc(100%/3); }
	#nav_ff .nav_list_ff a:nth-child(1) .img_ff { margin-right: 0; }
	#nav_ff .nav_list_ff a:nth-child(3) .img_ff { margin-left: 0; }
	#nav_ff .nav_list_ff a:nth-child(n + 4) { width: calc(100%/4); }
	#nav_ff .nav_list_ff a .img_ff {
		width: 160px;
		height: 160px;
		box-shadow: 0 5px 5px rgba(0,0,0,.15);
		margin-bottom: 20px;
	}
	#nav_ff .nav_list_ff a p {
		width: 160px;
		display: block;
		text-align: center;
		margin: 0 auto;
		font-size: 23px;
		white-space: nowrap;
		letter-spacing: 0.05em;
	}
	#nav_ff .nav_list_ff a p:after { display: none; }
	
	#nav_ff .nav_list_ff a:nth-child(1) p { margin: 0 0 0 auto; }
	#nav_ff .nav_list_ff a:nth-child(3) p { margin: 0 auto 0 0; }
	
	#nav_ff .nav_list_ff a:nth-child(1),
	#nav_ff .nav_list_ff a:nth-child(3) { margin-top: -20px; }
	#nav_ff .nav_list_ff a:nth-child(4),
	#nav_ff .nav_list_ff a:nth-child(7) { margin-top: -30px; }
	#nav_ff .nav_list_ff a:nth-child(2) { margin-top: 30px; }
	#nav_ff .nav_list_ff a:nth-child(5),
	#nav_ff .nav_list_ff a:nth-child(6) { margin-top: 30px; }
	
	#nav_ff .nav_list_ff a:hover img { transform: none; }
	
	#nav_ff .fixed_ff .nav_list_ff { width: 100%; flex-wrap: nowrap; }
	#nav_ff .fixed_ff .nav_list_ff a {
		width: 100% !important;
		margin: 0;
		font-size: 21px;
		border-bottom: none;
		padding: 25px 0;
	}
	#nav_ff .fixed_ff .nav_list_ff a .fix_disp_ff { display: block; }
	#nav_ff .fixed_ff .nav_list_ff a:nth-child(3) { border-right: 1px solid #fff; }
	#nav_ff .fixed_ff .nav_list_ff a:after { display: block; height: 80px; margin-top: -40px; }
	#nav_ff .fixed_ff .nav_list_ff a span { display: none; }
	#nav_ff .fixed_ff .nav_list_ff a .img_ff { margin: 10px auto !important; }
	#nav_ff .fixed_ff .nav_list_ff a p { width: 100%; font-size: 14px; }
}

/*------------------------------------

コーデ

------------------------------------*/

.category_ff {
	padding-top: 114px;
	margin-top: -114px;
	margin-bottom: 130px;
}
.categoryTitle_ff {
	width: 920px;
	height: 360px;
	margin: 0 auto 100px;
	background-position: 50% 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#con01_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-moomin.jpg); }
#con02_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-finlayson.jpg); }
#con03_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-saana.jpg); }
#con04_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-lisa.jpg); }
#con05_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-natural.jpg); }
#con06_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-fortune.jpg); }
#con07_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-hand.jpg); }

.categoryTitle_ff .inner_ff {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 100%;
}
.categoryTitle_ff .inner_ff > div {
	background: rgba(255,255,255,.9);
	padding: 30px 40px;
	display: inline-block;
}
#con03_ff .categoryTitle_ff .inner_ff > div { margin-top: 150px; }

.categoryTitle_ff h3 {
	margin: 0 auto;
	width: 290px;
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	letter-spacing: .1em;
}
.categoryTitle_ff h3 img { width: 100%; }
#con03_ff .categoryTitle_ff h3 { width: 180px; margin-top: -180px; }
#con05_ff .categoryTitle_ff h3,
#con06_ff .categoryTitle_ff h3,
#con07_ff .categoryTitle_ff h3 { width: 100%; }

.categoryTitle_ff p {
	font-size: 16px;
	line-height: 1.75;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	#con01_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-moomin_sp.jpg); }
	#con02_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-finlayson_sp.jpg); }
	#con03_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-saana_sp.jpg); }
	#con04_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-lisa_sp.jpg); }
	#con05_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-natural_sp.jpg); }
	#con06_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-fortune_sp.jpg); }
	#con07_ff .categoryTitle_ff { background-image: url(/contents/hokuou/images/title-bg-hand_sp.jpg); }
	.categoryTitle_ff { width: 100%; height: auto; padding-top: 56%; position: relative; }
	.categoryTitle_ff .inner_ff { position: absolute; top: 0; left: 0; width: 100%; }
	.categoryTitle_ff h3 { width: 320px; font-size: 50px; }
	#con05_ff .categoryTitle_ff h3,
	#con06_ff .categoryTitle_ff h3,
	#con07_ff .categoryTitle_ff h3 { width: 100%; }
	.categoryTitle_ff p { font-size: 24px; }
}

.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: 350px;
	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: 80px;
	display: flex;
}

.items_ff {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0 30px 20px;
	flex: 1;
}

@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .items_ff { flex: 1 0 0%; } /* for IE11 */
}

.items_ff > div { width: 100%; }

.items_ff:after {
	content: "";
	position: absolute;
	top: -30px;
	right: 0;
	background: rgba(128,166,199,.1);
	width: 100px;
	height: 180px;
}
.modelR_ff .items_ff:after {
	left: 0;
	right: auto;
	height: 150px;
}
#item22_ff .items_ff:after { height: 120px; }

.items_ff .catch_ff {
	font-size: 26px;
	margin-bottom: 30px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "Ryumin Regular KL";
	position: relative;
	z-index: 1;
}
.items_ff .catch_ff ruby rt { font-size: 10px; }

.items_ff .multiple_ff {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.items_ff .multiple_ff > div { width: 32%; }

#item32_ff .items_ff .multiple_ff { justify-content: center; }
#item32_ff .items_ff .multiple_ff > div { width: 43%; }

#item22_ff .model_ff { width: 340px; }
#item22_ff .items_ff { padding: 20px 0 40px 50px; }
#item22_ff .items_ff li,
#item32_ff .items_ff li { height: 110px; }
#item22_ff .items_ff .items_info_ff,
#item32_ff .items_ff .items_info_ff { margin-top: 10px; }
#item22_ff .items_ff .items_info_ff p,
#item32_ff .items_ff .items_info_ff p { font-size: 12px; }

.items_ff ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.items_ff li {
	height: 130px;
	text-align: center;
}
#item10_ff .items_ff li { height: 100px; }

.items_ff li a {
	width: 100%;
	height: 100%;
	display: block;
}
.items_ff li a img {
	margin: 0 auto;
	height: 100%;
	width: auto;
}
.items_ff .price_ff {	margin-top: 10px; }
.items_ff .sale_wrap_ff {	margin-top: 12px; }
.items_ff .items_info_ff p,
.items_ff .price_ff {	font-size: 15px; line-height: 1.5; }
.items_ff .items_info_ff { margin: 30px 0 0 0; }
.items_ff .items_info_ff p { text-align: center; }
.items_ff .price_ff { display: flex; justify-content: center; align-items: center; }
.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 p {
	font-size: 14px;
	line-height: 1;
}
.items_ff .price_ff span {
	font-weight: bold;
	margin-left: 10px;
}
.items_ff .price_ff .nosale_ff {
	position: relative;
	font-size: 16px;
	line-height: 1;
}
.items_ff .detail_ff {
	width: 193px;
	height: 42px;
	border: 1px solid rgba(0,0,0,.6);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 15px 0 0;
	margin: 30px auto 0;
	position: relative;
	overflow: visible;
}
.items_ff .detail_ff:hover {
	background: rgba(128,166,199,.3);
}
.items_ff .detail_ff:before,
.items_ff .detail_ff:after {
	content: "";
	position: absolute;
	background: rgba(0,0,0,.6);
	right: -5px;
	bottom: -5px;
}
.items_ff .detail_ff:before {	width: 1px; height: 100%; }
.items_ff .detail_ff:after { width: 100%; height: 1px; }
.items_ff .detail_ff span {	width: 108px;	display: block; }

.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 { margin: 0 auto; width: 440px;	background: #FFF; }

.model_ff a { position: relative; overflow: visible; display: block; }
.model_ff a:before,
.model_ff a:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-color: rgba(0,0,0,.4);
	width: 97%;
	height: 100%;
}
.model_ff a:before { border-width: 1px 0 0 1px; top: -7px; left: -7px; }
.model_ff a:after { border-width: 0 1px 1px 0; bottom: 7px; right: 7px; }

.brand_ff { background: #EEECE7; padding: 30px; display: flex; align-items: center; }
#con02_ff .brand_ff,
#con03_ff .brand_ff { padding: 0 30px 0 0; }

.brand_ff .img_ff { width: 40%; margin-right: 40px; }
#con02_ff .brand_ff .img_ff,
#con03_ff .brand_ff .img_ff { width: 35%; }

.brand_ff .summary_ff { flex: 1; }

@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .brand_ff .summary_ff { flex: 1 0 0%; } /* for IE11 */
}

.brand_ff .summary_ff h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(0,0,0,.3);
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.brand_ff .summary_ff h3 span { display: block; line-height: 1.2; }
.brand_ff .summary_ff h3 span:first-child { font-family: "Ryumin Regular KL"; font-size: 32px; letter-spacing: .1em; }
.brand_ff .summary_ff h3 span:last-child { font-size: 12px; font-family: 'Josefin Sans', sans-serif; font-weight: 400; }
.brand_ff .summary_ff p { font-size: 14px; line-height: 1.8; }

.copy_ff { margin-top: 10px; height: 12px; }
.copy_ff img { width: auto; height: 100%; }
#con02_ff .copy_ff { height: 16px; }

.itemList_ff .copy_item_ff { width: 120px; margin: 20px auto 0; }

.fin200_ff { padding: 50px 50px 20px 50px; border: 1px solid rgba(0,0,0,.4); margin-bottom: 70px; }
.fin200_ff h3 {
	text-align: center;
	font-family: "Ryumin Regular KL";
	font-size: 32px;
	letter-spacing: .1em;
	margin-bottom: 30px;
	line-height: 1.5;
}
.fin200_ff > p { text-align: center; font-size: 16px; line-height: 1.8; margin-bottom: 40px; }
.fin200_ff ul {	display: flex; justify-content: space-between; flex-wrap: wrap; }
.fin200_ff li {	width: 47%; margin-bottom: 30px; }
.fin200_ff li h4 { font-weight: bold; font-size: 16px; margin: 15px 0 10px; }
.fin200_ff li p { font-size: 13px; line-height: 1.6; }

.moreBtn_ff {
	margin-top: 50px;
}
.moreBtn_ff a {
	display: block;
	padding: 27px 10px;
	max-width: 700px;
	border: 1px solid rgba(0,0,0,.6);
	position: relative;
	overflow: visible;
	margin: 30px auto 0;
}
.moreBtn_ff a:hover {
	text-decoration: none;
	background: rgba(128,166,199,.2);
	opacity: 1;
	color: #444;
}
.moreBtn_ff a:before,
.moreBtn_ff a:after {
	content: "";
	position: absolute;
	background: rgba(0,0,0,.6);
	right: -7px;
	bottom: -7px;
}
.moreBtn_ff a:before {	width: 1px; height: 100%; }
.moreBtn_ff a:after { width: 100%; height: 1px; }

.moreBtn_ff a h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	line-height: 1;
}
.moreBtn_ff a h3 span {
	display: block;
	letter-spacing: 0.15em;
	font-weight: bold;
}
.moreBtn_ff a h3 span:first-child {
	font-size: 30px;
	font-weight: bold;
}
#con07_ff .moreBtn_ff a h3 span:first-child {
	font-size: 25px;
	letter-spacing: 0.1em;
}
.moreBtn_ff a h3 span:last-child {
	font-size: 18px;
	margin-left: 10px;
	position: relative;
	padding-right: 50px;
}
.moreBtn_ff a h3 span:last-child:before,
.moreBtn_ff a h3 span:last-child:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	background: rgba(0,0,0,.6);
	height: 1px;
}
.moreBtn_ff a h3 span:last-child:before {
	width: 33px;
}
.moreBtn_ff a h3 span:last-child:after {
	width: 10px;
	transform: rotate(20deg);
	margin-top: -2px;
}

.tax_ff {
	content: "※表示価格はすべて税込み";
	font-size: 16px;
	margin-top: 60px;
}

.bnr_ff {
	width: 705px;
	margin: 70px auto 0;
	position: relative;
}
.bnr_ff a img { transition: all .3s ease; }
.bnr_ff a:hover img { opacity: .7; }

div.sns {
	background: url(/contents/hokuou/images/foot_sns_bg.jpg) repeat-x 0 0;
	background-size: cover;
}
div.sns ul {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0;
}
div.sns ul li {
	width: 28%;
	overflow: hidden;
	float: left;
	margin: 0 4% 0 0;
}
div.sns ul li img {
	width: 100%;
	height: auto;
}
div.sns ul li:first-child {
	margin: 0 4%;
}
div.sns ul li:last-child {
	margin: 0;
}

.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: 767px) {
.pc_ff { display: block; }
	.sp_ff { display: none; }
	
	.ofi_ff {
	width: 100% !important;
	height: 250px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
	
	.btn_title_ff {
		padding: 0 20px;
		margin: 0 auto 80px;
	}
	.btn_title_ff p {
		font-size: 36px;
	}
	.category_ff {
		padding-top: 110px;
		margin-top: -110px;
	}
	.model_ff, #item22_ff .model_ff { width: 90%; }	 
	
	.itemWrap_ff { margin-bottom: 100px; flex-direction: column;	}
	.itemWrap_ff > ul > li { margin-bottom: 80px; }
	.modelR_ff { flex-direction: column-reverse; }
	
	.items_ff {
		display: block;
		width: 90%;
		padding: 0;
		margin: 40px auto 0;
	}
	.items_ff:after { top: -40px; right: 20px; width: 130px; height: 200px; }
	.modelR_ff .items_ff:after { right: auto; left: 20px; }
	.items_ff .catch_ff { font-size: 38px; }
	.items_ff ul { justify-content: center; }
	.items_ff li { padding: 0 !important; height: 200px !important; margin: 0 auto; }
	#item12_ff .items_ff li:first-child { margin: 0 20px 0 auto; }
	#item12_ff .items_ff li:last-child { margin: 0 auto 0 20px; }
	
	.items_ff .items_info_ff p,
	.items_ff .price_ff,
	.items_ff .price_ff > div { font-size: 28px !important;	text-align: center; }
	.items_ff .price_ff { margin: 0 !important; }
	.items_ff .price_ff span { margin-left: 30px; }
	.items_ff .price_ff span,
	.items_ff .sale_ff span { font-size: 34px; }
	.items_ff .price_ff .nosale_ff { font-size: 25px; }
	.items_ff .sale_ff { margin-top: 5px !important; }	
	.items_ff .sale_wrap_ff { margin-top: 28px !important; }
	
	.items_ff .multiple_ff { flex-direction: column; }
	.items_ff .multiple_ff > div { width: 100%; display: flex; justify-content: space-between; align-items: center; }
	.items_ff .multiple_ff > div:not(:last-child) { border-bottom: 1px solid #ddd; }
	
	#item32_ff .items_ff .multiple_ff > div { width: 100%; }
	
	#item22_ff .items_ff,
	#item32_ff .items_ff { padding: 0; }
	#item22_ff .items_ff ul,
	#item32_ff .items_ff ul { width: 30%; margin: 0 10% 0 5%; }
	#item22_ff .items_ff li,
	#item22_ff .items_ff li a img,
	#item32_ff .items_ff li,
	#item32_ff .items_ff li a img { width: 100%; height: auto; }
	#item22_ff .items_ff .items_info_ff,
	#item32_ff .items_ff .items_info_ff { width: 55%; }
	#item22_ff .items_ff .items_info_ff p,
	#item32_ff .items_ff .items_info_ff p { text-align: left; }
	#item22_ff .items_ff .items_info_ff p,
	#item22_ff .items_ff .price_ff,
	#item22_ff .items_ff .price_ff > div,
	#item32_ff .items_ff .items_info_ff p,
	#item32_ff .items_ff .price_ff,
	#item32_ff .items_ff .price_ff > div { font-size: 25px !important; }
	#item22_ff .items_ff .price_ff span,
	#item22_ff .items_ff .sale_ff span,
	#item32_ff .items_ff .price_ff span,
	#item32_ff .items_ff .sale_ff span { font-size: 30px !important; }
	#item22_ff .items_ff .price_ff,
	#item32_ff .items_ff .price_ff { justify-content: flex-start; }
	
	.moreBtn_ff a { max-width: 100%; }
	.moreBtn_ff a h3 { flex-direction: column; }
	.moreBtn_ff a h3 span { letter-spacing: .1em; white-space: nowrap; }
	.moreBtn_ff a h3 span:first-child { font-size: 40px; margin-bottom: 15px; }
	.moreBtn_ff a h3 span:last-child { font-size: 30px; margin-left: 0; }
	.moreBtn_ff a:before, .moreBtn_ff a:after { right: -8px; bottom: -8px; }
	#con07_ff .moreBtn_ff a h3 span:first-child { font-size: 34px; letter-spacing: 0.05em; }
	
	.tax_ff { padding-left: 20px; padding-right: 20px; font-size: 24px; }
	
	.brand_ff, .copy_ff, .bnr_ff, .moreBtn_ff { margin-left: 5%; margin-right: 5%; }
	
	.brand_ff { flex-direction: column-reverse; padding: 40px; }
	.brand_ff .summary_ff h3 span:first-child { font-size: 40px; }
	.brand_ff .summary_ff h3 span:last-child { font-size: 20px; }
	.brand_ff .summary_ff p { font-size: 23px; }
	.brand_ff .summary_ff p br { display: none; }
	.brand_ff .img_ff { width: 70%; max-width: 100%; margin-right: 0; margin-top: 30px; }
	
	#con02_ff .brand_ff, #con03_ff .brand_ff { padding: 40px; }
	#con02_ff .brand_ff .img_ff, #con03_ff .brand_ff .img_ff { width: 50%; }
	
	.bnr_ff { width: 90%; }
	
	.copy_ff { height: 20px; }
	#con02_ff .copy_ff { height: 26px; }
	
	.itemList_ff .copy_item_ff { width: 200px; margin: 30px auto 0; }
	
	.fin200_ff { margin: 0 5% 50px; padding: 30px 40px 10px; }
	.fin200_ff > p { text-align: left; font-size: 23px; }
	.fin200_ff li { width: 46%; }
	.fin200_ff li h4 { font-size: 20px; line-height: 1.5; }
	.fin200_ff li p { font-size: 20px; text-align: justify; }
}

/*------------------------------------

アニメーション

------------------------------------*/
@media screen and (min-width: 920px) {
	.fadeInUp_ff {
		animation-fill-mode:both;
		animation-duration:120ms;;
		animation-name: fadeInUp;
		visibility: visible !important;
	}
}
@media screen and (max-width: 767px) {
	.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); }
}