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

	Date: 2024-11
	CSS Document ： 時短ごはん

	1.ベース
	2.ヘッダー
	3.フッター
	4.基本（スマホ）
	5.タイトルエリア
	6.ナビゲーション
	7.コーデ
	8.アニメーション

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

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

ベース

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

.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: 767px) {
	#header_fsp, #side_fsp, #footer_fsp, .emergency_fsp, .sp_guide_ff { display: block;	}
	#foot-cts { display: none; }
}

.pc_ff { display: block; }
br.pc_ff { display: inline-block; }
.sp_ff, .sp_il_ff, #nav_ff .fixed_ff .fixDisp_ff.sp_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: "Yu Gothic Medium", "游ゴシック Medium", MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
	color: #000000;
	text-align: left;
	letter-spacing: 0.02em;
}
img {
	width: auto;
	height: auto;
	border: none;
	vertical-align: bottom;
}
#wrapper a:hover { text-decoration: underline; }
a:hover img { opacity: .7; }

a { transition: all 0.3s; color: #000; }
#header_ff a, #category_wrap_ff a { display: block; }
#header_ff, #category_wrap_ff {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

.mb0 { margin-bottom: 0 !important; }

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

ヘッダー
	
--------------------------------- */

#wrap {
	width: 920px;
	margin: 0px auto;
	text-align: left;
}
#header {
	position: relative;
	zoom: 1;
	min-height: 42px;
}
#wrap_dr {
	position: absolute;
	top: 0;
	width: 100%;
}

/* 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;
}

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

	フッター
	
--------------------------------- */

div#footer {
	clear: both;
	border-top: 1px solid #EEEEEE;
	text-align: center;
	margin: 6px 0 0;
	padding: 20px 0 25px;
	font-size: 83.4%;
}
div#footer p {
	font-family: "Arial";
}
div#footer p.logo {
	margin: 12px 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* ページのトップへ */
.pagetop_ff {
	position: fixed;
	right: 30px;
	bottom: 5%;
	z-index: 10;
	transition: none;
}
.pagetop_ff a {
	display: block;
}
.pagetop_ff a, .pagetop_ff a img {
	width: 81px;
	height: 81px;
}
.pagetop_ff a:hover {
	transform: translate(0,-10px);
	opacity: 1;
}

/* safari調整 */
.is_safari #Footer_fca {
	font-size: 120% !important;
}
#sp-foot-cts {
	display: none;
	clear: both;
}
#ff-foot-cts {
	display: block;
	clear: both;
}
@media screen and (max-width: 767px) {
	#sp-foot-cts { display: block; }
	#ff-foot-cts { display: none; }
	.pagetop_ff { right: 10px; }
	.pagetop_ff a, .pagetop_ff a img { width: calc(40.5px * 1.7); height: calc(40.5px * 1.7); }
}

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

基本（スマホ）

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

@media screen and (max-width: 767px) {
	#wrap_dr, #footerarea_ff { display: none; }
	#wrapper_fsp .emergency_fsp, .sp_ff, #nav_ff .fixed_ff .fixDisp_ff.sp_ff { display: block; }
	body #wrapper_fsp { height: auto; }
	.pc_ff, .pc_il_ff { display: none !important; }
	.sp_il_ff { display: inline; }
	#wrapper { -webkit-text-size-adjust: 100%; letter-spacing: 0; }
	/* ヘッダー */
	#headerbox_ff {
		width: 100%;
		min-width: 10px;
		min-height: 12px;
		left: 0px;
		top: 0px;
		z-index: auto;
	}
}

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

タイトルエリア

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

#titlearea_ff {
	height: 540px;
	overflow: hidden;
}
#titlearea_ff .pc_ff {
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
	background: url(../images/main_bg.jpg) -4px 0 / 59.5px auto repeat;
}
#titlearea_ff .pc_ff > div {
	position: absolute;
	width: 1800px;
	height: 540px;
	top: 0;
	left: 50%;
	margin-left: -900px;
	display: flex;
	justify-content: center;
	z-index: 5;
}
#titlearea_ff .pc_ff .fadeInBasic_ff img { width: auto; height: 540px; }
#titlearea_ff .pc_ff > div > div { display: flex; }
/*#titlearea_ff .pc_ff > div > div:first-child { margin: 0 auto 0 -40px; }*/

#titlearea_ff .pc_ff .mainTitle_ff {
	animation-delay: 0.5s;
	position: absolute;
	top: 15%;
	left: 50%;
	display: flex;
    justify-content: center;
	align-items: center;
	z-index: 5;
}
#titlearea_ff .pc_ff .mainTitle_ff img { margin: 0 auto; width: 100%; }

@media screen and (min-width: 1800px) {
	#titlearea_ff .pc_ff > div { width: 100%; margin-left: -50%; }
}
@media screen and (min-width: 768px) {
	#titlearea_ff .pc_ff .mainTitle_ff { width: 746px; margin-left: -373px; }
}
@media screen and (max-width: 767px) {
	#titlearea_ff { height: inherit; }
	#titlearea_ff .mainTitle_ff.sp_ff img { width: 100%; }
	#titlearea_ff .mainTitle_ff.sp_ff img:first-child { vertical-align: bottom; }
	#titlearea_ff .mainTitle_ff.sp_ff img:last-child { vertical-align: top; }
}

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

ナビゲーション

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

#nav_ff {
	position: relative;
	z-index: 2;
	padding: 70px 0 150px;
}
#nav_ff h3 {
	font-size: 18px;
	line-height: 2;
	text-align: center;
	margin: 0 auto 60px;
	letter-spacing: 0.1em;
}
#nav_ff .nav_wrap_ff {
	min-height: 132px;
}
#nav_ff ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 920px;
	margin: 0 auto;
}
#nav_ff li {
	position: relative;
	width: 100%;
}
#nav_ff li:first-child:before,
#nav_ff li:after {
	content: "";
	background: url(../../images/nav_break.gif) 0 0 / contain no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -34px;
	width: 14px;
	height: 68px;
	z-index: 1;
}
#nav_ff li:before {
	left: 0;
}
#nav_ff li:after {
	left: auto;
	right: 0;
}
#nav_ff li a {
	background-size: 218px 132px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	width: 218px;
	height: 132px;
	opacity: 1;
}
#nav_ff li:nth-child(1) a { background-image: url(../../images/nav01.gif); }
#nav_ff li:nth-child(2) a { background-image: url(../../images/nav02.gif); }
#nav_ff li:nth-child(3) a { background-image: url(../../images/nav03.gif); }
#nav_ff li:nth-child(4) a { background-image: url(../../images/nav04.gif); }

#nav_ff li a img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
#nav_ff li a:hover img {
	opacity: 1;
}

/* Fixed nav */
#nav_ff .fixed_ff {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	box-shadow: 0 1px 2px rgba(100,100,100,.2);
	background: #FFF;
}
#nav_ff .fixed_ff ul {
	margin: 0 auto;
	width: 820px;
}
#nav_ff .fixed_ff li {
	margin: 0;
	width: 25%;
}
#nav_ff li:first-child:before, #nav_ff li:after {
	width: 10px;
	height: 48px;
	margin-top: -24px;
}
#nav_ff .fixed_ff li a {
	width: 100%;
	height: 65px;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	transition: none;
	background: none;
}
#nav_ff .fixed_ff li a:hover {
	-webkit-transform: none;
	transform: none;
}
#nav_ff .fixed_ff li a img {
	background: #fff;
	width: 90%;
	margin-bottom: 4px;
	position: static;
	opacity: 1;
}
#nav_ff li a img.fixnav_ff {
	display: none;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
	#nav_ff ul { width: 100%; }
	#nav_ff li a { background-size: 100% auto; width: 100%; }
}
@media screen and (max-width: 767px) {
	#nav_ff { padding: 40px 0 130px; }
	#nav_ff h3 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 40px;
		font-size: 14px
	}
	#nav_ff .nav_wrap_ff { min-height: 320px; }
	#nav_ff .nav_wrap_ff > div { transition: none;	}
	#nav_ff .nav_wrap_ff > div > p { display: none;	}
	#nav_ff ul { width: 90%; flex-wrap: wrap; align-items: unset; }
	#nav_ff li {
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
	}
	#nav_ff li:nth-child(1), #nav_ff li:nth-child(4) { background: #fcfcfc; }
	#nav_ff li:nth-child(2), #nav_ff li:nth-child(3) { background: #f7f6f0; }
	#nav_ff li:first-child:before, #nav_ff li:after { width: 5px; height: 24px; margin-top: -12px; }
	#nav_ff li:before, #nav_ff li:after { display: none; }
	#nav_ff li a {
		width: 100%;
		height: 100%;
		background: none !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#nav_ff li a img {
		width: 100%;
		transition: none;
		position: static;
		opacity: 1;
		margin-bottom: 5px;
	}
	#nav_ff li a:hover { transform: none; }
	#nav_ff li a:hover img { opacity: 1; }
	#nav_ff li a img.fixnav_ff { display: block; }
	#nav_ff li:nth-child(1) a img { width: 70%; }
	#nav_ff li:nth-child(2) a img { width: 80%; }
	#nav_ff li:nth-child(3) a img { width: 66%; }
	#nav_ff li:nth-child(4) a img { width: 71%; }

	#nav_ff .fixed_ff { box-shadow: 0 2px 4px rgba(100,100,100,.2); }
	#nav_ff .fixed_ff ul { width: 100%; align-items: flex-start; }
	#nav_ff .fixed_ff li { width: 25%; margin: 0; background: #fff !important; padding: 0; }
	#nav_ff .fixed_ff li:not(:last-child):after { display: block; }
	#nav_ff .fixed_ff li a { height: 11vw; }
	#nav_ff .fixed_ff li:nth-child(1) a img { width: 75%; margin-bottom: 7.5px; }
	#nav_ff .fixed_ff li:nth-child(2) a img { width: 85%; margin-bottom: 7.5px; }
	#nav_ff .fixed_ff li:nth-child(3) a img { width: 75%; margin-bottom: 5px; }
	#nav_ff .fixed_ff li:nth-child(4) a img { width: 75%; margin-bottom: 7.5px; }
	#nav_ff .fixed_ff li a img.mainnav_ff { display: none; }
	#nav_ff .fixed_ff li a img.fixnav_ff { display: block; }
}

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

アイテム

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

.category_ff {
	padding-top: 70px;
	margin-top: -70px;
	margin-bottom: 120px;
}
.categoryTitle_ff {
	width: 920px;
	margin: 0 auto 30px;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
	.categoryTitle_ff { width: 100%; }
	.categoryTitle_ff img { width: 100%; }
}
@media screen and (max-width: 767px) {
	.categoryTitle_ff { width: 100%; margin-bottom: 5px; }
	.categoryTitle_ff h2 { height: auto !important; }
}

.items_ff > div,
.flexAutoW_ff { flex: 1; }

@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .flexAutoW_ff { flex: 1 0 0%; } /* for IE11 */
    *::-ms-backdrop, .items_ff > div { flex: 1 0 0%; } /* for IE11 */
    *::-ms-backdrop, .items_ff > div > div { flex: 1 0 0%; } /* for IE11 */
}
@media all and (-ms-high-contrast:none) and (max-width: 767px) {
	*::-ms-backdrop, .flexAutoW_ff { flex: auto; } /* 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;
}
.itemWrap_ff {
	margin: 0 0 80px 0;
}
.detail_ff {
	margin-top: 15px;
}

.spec_ff {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 13px;
    margin-bottom: 13px;
}
.spec_ff .point_ff {
	margin-bottom: 10px;
	padding-left: 70px;
	background: url(../../images/deco01.png) 0 50% / 56px 67px no-repeat;
	display: flex;
	align-items: center;
	height: 67px;
}
.spec_ff .point_ff h4 {
	font-size: 25px;
    color: #000000;
    font-weight: bold;
    line-height: 1.3;
	margin-bottom: 0;
}

.spec_ff > p {
    color: #555555;
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
	z-index: 1;
	margin-bottom: 0;
}

.items_ff {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.items_ff ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 20px;
}
.items_ff li a {
	width: auto;
	height: 100px;
}
.items_ff li a img {
	margin: 0 auto;
	width: auto;
	height: 100%;
}

.items_ff .price_ff { line-height: 1; margin-top: 5px; font-weight: normal !important; }
.items_ff div.price_ff { margin-top: 10px; }

.items_ff > div p,
.items_ff .price_ff {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 0;
}
.items_ff .price_ff { font-weight: bold; }
.items_ff > div p a:hover {
	color: #444;
	opacity: 1;
}
.items_ff .sale_ff {
	font-size: 15px !important;
	line-height: 1.5 !important;
	display: inline-block;
	margin-top: 2px !important;
	color: #cc0000;
}
.items_ff .sale_ff span {
	margin-left: 5px !important;
}
.items_ff .price_ff span {
	font-weight: bold !important;
	margin-left: 10px;
}
.items_ff .price_ff span:not(.nosale_ff) {
	font-size: 20px !important;
}
.items_ff .nosale_ff {
  position: relative;
}
.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%); }

/* メインでない商品のみ */

ul.itemWrap_ff {
	display: flex;
	justify-content: space-between;
}
ul.itemWrap_ff > li {
	width: 48%;
}
ul.itemWrap_ff .model_ff a { position: relative; }
ul.itemWrap_ff .model_ff a img { transition: all 0.3s; }
ul.itemWrap_ff .model_ff a img:nth-child(1) { z-index: 1; position: absolute; }
ul.itemWrap_ff .model_ff a:hover img:nth-child(1) {	opacity: 0; }
ul.itemWrap_ff .model_ff a,
ul.itemWrap_ff .model_ff a:hover img:nth-child(2) {	opacity: 1; }

/* メインの商品のみ */

.mainItem_ff .model_ff a {
	display: flex !important;
}
.mainItem_ff .model_ff a > div {
	height: auto;
	width: 50%;
}
.mainItem_ff .detail_ff {
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.mainItem_ff .detail_ff .spec_ff { width: 49%; border: none; margin: 0; padding: 0; }
.mainItem_ff .detail_ff .items_ff { width: 49%; display: block; }
.mainItem_ff .detail_ff .items_ff > div { display: flex; align-items: center; justify-content: flex-end; }

.mainItem_ff .spec_ff .comment_ff {
	display: flex;
	justify-content: space-between;
}
.mainItem_ff .spec_ff .comment_ff p {
	padding: 8px 6px 0 6px;
	font-size: 12px;
	color: #666;
	line-height: 1.3;
	width: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.05em;
}

/* 誘導バナー */

.moreBtn_ff a + a {
	margin-top: 30px;
}
.moreBtn_ff h3 {
	width: 307px;
	height: 48px;
	margin: 0 auto 20px;
}
.moreBtn_ff a img {
	width: 100%;
	height: auto;
}

/* モーダル */

.issyo_ff {	margin-top: 10px; display: block !important; }
.issyo_ff a {
	display: block;
	padding: 12px 0 0 0;
	height: 50px;
}
.issyo_ff p {
	height: 40px;
	position: relative;
	background: #EFB600;
	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 #EFB600 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;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
.modalContents_ff h4 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.modalContents_ff h4 span {
	color: #efb607;
	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;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
}

/* SNS */

#wrapper div.sns { padding: 0 10px 50px 10px; }
#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%; }

.tax_ff {
	max-width: 920px;
	margin: 30px auto 0;
	text-align: right;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
	#category_wrap_ff { width: 90%; margin-left: auto; margin-right: auto; }
	.spec_ff .point_ff h4 { font-size: min(2.5vw,25px); }
	.items_ff > div p, .items_ff .price_ff { font-size: min(1.5vw,25px); }
	.spec_ff > p { font-size: min(1.3vw,25px); }
}
@media screen and (max-width: 767px) {
	.category_ff { padding-top: 55px; margin-top: -55px; margin-bottom: 60px; }
	.itemWrap_ff  { margin-bottom: 0; }
	.mainItem_ff, .itemWrap_ff > li { margin-bottom: 70px; }
	.detail_ff { margin: 5% 5% 0; }
	.items_ff { position: relative; padding-right: 20px; width: calc(100% - 20px) !important; }
	.items_ff:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 14px;
		height: 14px;
		margin-top: -7px;
		border-top: 1.5px solid #ccc;
		border-right: 1.5px solid #ccc;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.spec_ff { padding-bottom: 12.5px; margin-bottom: 12.5px; margin-right: 0 !important; }	
	.mainItem_ff .detail_ff,
	ul.itemWrap_ff { flex-direction: column; }	
	.mainItem_ff .model_ff,
	.mainItem_ff .model_ff a > div,
	.mainItem_ff .detail_ff .spec_ff,
	ul.itemWrap_ff > li { width: 100%; height: auto; }	
	ul.itemWrap_ff .model_ff a:hover img:nth-child(1) {	opacity: 1; }
	.mainItem_ff .model_ff a > div:last-child { display: none; }	
	.mainItem_ff .detail_ff .spec_ff {
		border-bottom: 1px solid #dbdbdb;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.mainItem_ff .detail_ff .items_ff > div,
	.items_ff { flex-direction: row-reverse; justify-content: flex-end; }
	.spec_ff .point_ff {
		background-size: 56px 67px;
		padding-left: 70px;
		margin-bottom: 10px;
		min-height: 67px;
		height: auto;
	}
	.spec_ff .point_ff h4 { font-size: 22.5px !important; letter-spacing: 0.05em; }
	.spec_ff > p { font-size: 14px; line-height: 1.5; }
	.items_ff ul { margin-left: 0; margin-right: 15px; justify-content: flex-start; }
	.items_ff > div p,
	.items_ff .price_ff { font-size: 15px !important; line-height: 1.4; }
	.items_ff .price_ff { margin-top: 5px; }
	.items_ff div.price_ff { margin-top: 10px; }
	.items_ff > div p:last-child span,
	.items_ff .price_ff span:not(.nosale_ff) { font-size: 17px !important; }
	.items_ff > div p:last-child .nosale_ff { font-size: 15px !important; }
	.items_ff .sale_ff { font-size: 14px !important; }
	.items_ff .sale_ff span { font-size: 17px !important; }	
	.items_wrap_ff .items_ff:not(:last-child) > div { border-bottom: 1px solid #ddd; padding-bottom: 12.5px; }
	.items_wrap_ff .items_ff { margin-top: 0; }
	.items_wrap_ff .items_ff ul { margin-bottom: 0;	}	
	.items_ff li { padding: 0 !important; }
	.items_ff li, .items_ff li a { height: 85px !important; width: auto !important;	}
	.items_ff li img { height: 100%; width: auto; }
	.itemWrap_ff > ul > li { margin-bottom: 30px; }
	.moreBtn_ff { padding: 0 10px; }
	.moreBtn_ff h3 { width: 255px; height: 40px; margin-bottom: 15px; }
	.moreBtn_ff a + a { margin-top: 10px; }	
	.items_wrap_ff > .items_ff { width: 100%; }	
	.tax_ff { padding: 0 10px; font-size: 13px; }	
	.issyo_ff {
		width: 100% !important;
		height: auto !important;
		margin: 10px auto 0 !important;
	}
	.issyo_ff a {
		padding: 12px 0 0 0;
		max-width: 270px;
		margin: 0 auto;
		height: 50px !important;
	}
	.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%;	}
	.modalContents_ff h5 { font-size: 18px; margin-bottom: 15px; }
	.modalContents_ff h4 { font-size: 28px; margin-bottom: 15px; line-height: 1.2; }
	.modalContents_ff h4 span { font-size: 35px; display: block; margin-bottom: 5px;	}
	.modalContents_ff p { font-size: 15px; }
}
@media screen and (max-width: 375px) {
	.spec_ff .point_ff { background-size: 45px 53.5px; padding-left: 60px; }
	.spec_ff .point_ff h4 { font-size: 20px !important; }
	.spec_ff > p { font-size: 13.5px; }
	.items_ff > div p, .items_ff .price_ff { font-size: 13px !important; }
	.items_ff li, .items_ff li a { height: 70px !important; }
}

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

アニメーション

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

.anime_ff {
	visibility: visible !important;
	opacity: 0;
	animation-fill-mode: both;
}
.fadeInBasic_ff { animation: fadeInBasic 1s forwards; }
.fadeInLeft_ff { animation: fadeInLeft 1s forwards; }
.fadeInRight_ff { animation: fadeInRight 1s forwards; }
.fadeInDown_ff { animation: fadeInDown 1s forwards; }
.fadeInUp_ff { animation: fadeInUp 1s forwards; }

@keyframes fadeInBasic {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInLeft {
  0% { opacity: 0; transform: translate(-20px,0); }
  100% { opacity: 1; transform: translate(0,0); }
}
@keyframes fadeInRight {
  0% { opacity: 0; transform: translate(20px,0); }
  100% { opacity: 1; transform: translate(0,0); }
}
@keyframes fadeInDown {
  0% { opacity: 0; transform: translate(0,-20px); }
  100% { opacity: 1; transform: translate(0,0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translate(0,20px); }
  100% { opacity: 1; transform: translate(0,0); }
}