@charset "utf-8";

@font-face {
	font-family: 'nse-r';
	src: url('fonts/NotoSerifJP-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.nse-r {
	font-family: 'nse-r' !important;
}

/* foodie
--------------------------- */
.foodie_main {
	padding: 50px 0;
}

.foodie_main h1 {
	padding: 50px 0;
}

.foodie_main .slider_t img,
.foodie_main .slider_b img {
	width: 100%
}

ul.slider_mt,
ul.slider_mb {
	width: 1000px;
	list-style: none;
	margin: 0 auto;
}

ul.slider_mt li,
ul.slider_mb li {
	list-style: none;
	float: left;
	width: calc(100% / 6);
}

ul.slider_mt li img,
ul.slider_mb li img {
	width: 100%;
}

.foodie h2 {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.ribbon1 {
	display: inline-block;
	position: relative;
	height: 30px;
	/*リボンの高さ*/
	line-height: 30px;
	/*リボンの高さ*/
	text-align: center;
	padding: 0 30px;
	/*横の大きさ*/
	font-size: 20px;
	/*文字の大きさ*/
	background: #dbd4c3;
	/*塗りつぶし色*/
	color: #FFF;
	/*文字色*/
	box-sizing: border-box;
}

.ribbon1:before,
.ribbon1:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}

.ribbon1:before {
	top: 0;
	left: 0;
	border-width: 15px 0px 15px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.ribbon1:after {
	top: 0;
	right: 0;
	border-width: 15px 15px 15px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.ribbon2 {
	display: inline-block;
	position: relative;
	height: 30px;
	/*リボンの高さ*/
	line-height: 30px;
	/*リボンの高さ*/
	text-align: center;
	padding: 0 30px;
	/*横の大きさ*/
	font-size: 20px;
	/*文字の大きさ*/
	background: #fff;
	/*塗りつぶし色*/
	color: #000;
	/*文字色*/
	box-sizing: border-box;
}

.ribbon2:before,
.ribbon2:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}

.ribbon2:after {
	top: 0;
	left: 0;
	background: #dbd4c3;
	border-width: 15px 15px 15px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.ribbon2:before {
	top: 0;
	right: 0;
	background: #dbd4c3;
	border-width: 15px 0px 15px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.foodie p.mb50 {
	margin-bottom: 50px;
}

.foodie ul {}

.foodie ul li {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #c9caca;
}

.foodie ul li:last-child {
	margin-bottom: 0px;
}

.foodie ul li .foodie_text {
	position: relative;
	min-height: 200px;
	padding-left: 320px;
	overflow: hidden;
}

.foodie.sec ul li .foodie_text {
	min-height: auto;
	padding-left: 0;
}

.foodie ul li .foodie_text a {
	text-decoration: none;
	color: #000;
}

.foodie ul li .foodie_text a:hover {
	color: #f00;
}

.foodie ul li .foodie_text h3 {
	position: relative;
	font-size: 1.8em;
	line-height: 1.3em;
	margin-bottom: 15px;
	padding: 0.5em 2em 0.6em;
	background-repeat: repeat;
	text-align: center;
}

.foodie ul li .foodie_text h3.green {
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #d3ebce 2px, #d3ebce 4px, #fff 4px, #fff 6px, #d3ebce 6px, #d3ebce 8px);
	background-size: 11.2px 11.2px;
}

.foodie ul li .foodie_text h3.blue {
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #bde7f7 2px, #bde7f7 4px, #fff 4px, #fff 6px, #bde7f7 6px, #bde7f7 8px);
	background-size: 11.2px 11.2px;
}

.foodie ul li .foodie_text h3.red {
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #f9ccc6 2px, #f9ccc6 4px, #fff 4px, #fff 6px, #f9ccc6 6px, #f9ccc6 8px);
	background-size: 11.2px 11.2px;
}

.foodie ul li .foodie_text h3.yellow {
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #feefb7 2px, #feefb7 4px, #fff 4px, #fff 6px, #feefb7 6px, #feefb7 8px);
	background-size: 11.2px 11.2px;
}

.foodie ul li .foodie_text h3 span {
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	left: 0.5rem;
	font-size: 1rem;
	text-align: center;
	background: #f00;
}

.foodie ul li .foodie_img {
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
}

.foodie ul li .foodie_img img {
	width: 100%;
}

.foodie_text h3:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 60px 0 0;
}

.foodie_text h3.green:before {
	border-color: #6cbb5a transparent transparent transparent;
}

.foodie_text h3.blue:before {
	border-color: #20aee5 transparent transparent transparent;
}

.foodie_text h3.red:before {
	border-color: #ea5541 transparent transparent transparent;
}

.foodie_text h3.yellow:before {
	border-color: #fcc80f transparent transparent transparent;
}

.foodie_text h3:after {
	position: absolute;
	transform: rotate(315deg);
	display: block;
	font-size: 13px;
	white-space: pre;
	color: #fff;
	top: 14px;
	left: 4px;
	text-align: center;
	z-index: 2;
	line-height: 1.2;
}

.foodie_text h3.vol1:after {
	content: "vol.1";
}

.foodie_text h3.vol2:after {
	content: "vol.2";
}

.foodie_text h3.vol3:after {
	content: "vol.3";
}

.foodie_text h3.vol4:after {
	content: "vol.4";
}

.foodie_text h3.vol5:after {
	content: "vol.5";
}

.foodie_text h3.vol6:after {
	content: "vol.6";
}

.foodie_text h3.vol7:after {
	content: "vol.7";
}

.foodie_text h3.vol8:after {
	content: "vol.8";
}

.foodie_text h3.vol9:after {
	content: "vol.9";
}

.foodie_text h3.vol10:after {
	content: "vol.10";
}

.foodie_text h3.vol11:after {
	content: "vol.11";
}

.foodie_text h3.vol12:after {
	content: "vol.12";
}

.foodie_text h3.vol13:after {
	content: "vol.13";
}

.foodie_text h3.vol14:after {
	content: "vol.14";
}

.foodie_text h3.vol15:after {
	content: "vol.15";
}

.foodie_text h3.vol16:after {
	content: "vol.16";
}

.foodie_text h3.vol17:after {
	content: "vol.17";
}

.foodie_text h3.vol18:after {
	content: "vol.18";
}

.foodie_text h3.vol19:after {
	content: "vol.19";
}

.foodie_text h3.vol20:after {
	content: "vol.20";
}

.foodie_text h3.vol21:after {
	content: "vol.21";
}

.foodie_text h3.vol22:after {
	content: "vol.22";
}

.foodie_text h3.vol23:after {
	content: "vol.23";
}

.foodie_text h3.vol24:after {
	content: "vol.24";
}

.foodie_text h3.vol25:after {
	content: "vol.25";
}

.foodie_text h3.vol26:after {
	content: "vol.26";
}

.foodie_text h3.vol27:after {
	content: "vol.27";
}

.foodie_text h3.vol28:after {
	content: "vol.28";
}

.foodie_text h3.vol29:after {
	content: "vol.29";
}

.foodie_text h3.vol30:after {
	content: "vol.30";
}

.foodie_text h3.vol31:after {
	content: "vol.31";
}

.foodie_text h3.vol32:after {
	content: "vol.32";
}

.foodie_text h3.vol33:after {
	content: "vol.33";
}

.foodie_text h3.vol34:after {
	content: "vol.34";
}

.foodie_text h3.vol35:after {
	content: "vol.35";
}

.foodie_text h3.vol36:after {
	content: "vol.36";
}

.foodie_text h3.vol37:after {
	content: "vol.37";
}

.foodie_text h3.vol38:after {
	content: "vol.38";
}

.foodie_text h3.vol39:after {
	content: "vol.39";
}

.foodie_text h3.vol40:after {
	content: "vol.40";
}

.foodie_text h3.vol41:after {
	content: "vol.41";
}

.foodie_text h3.vol42:after {
	content: "vol.42";
}

.foodie_text h3.vol43:after {
	content: "vol.43";
}

.foodie_text h3.vol44:after {
	content: "vol.44";
}

.foodie_text h3.vol45:after {
	content: "vol.45";
}

.foodie_text h3.vol46:after {
	content: "vol.46";
}

.foodie_text h3.vol47:after {
	content: "vol.47";
}

.foodie_text h3.vol48:after {
	content: "vol.48";
}

.foodie_text h3.vol49:after {
	content: "vol.49";
}

.foodie_text h3.vol50:after {
	content: "vol.50";
}

.foodie_text p {
	text-align: justify;
	text-justify: inter-character;
}

.foodie.sec .foodie_text p {
	margin-bottom: 1em;
}

.foodie.sec .foodie_text p:last-child {
	margin-bottom: 0;
}

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

/* btn
--------------------------- */

.btn,
a.btn,
button.btn {
	font-weight: 700;
	font-size: 90%;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 0.2rem 1.5rem;
	cursor: pointer;
	user-select: none;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.1em;
}

.btn--gray,
a.btn--gray {
	color: #fff;
	background-color: #cccbcb;
}

.btn--gray:hover,
a.btn--gray:hover {
	color: #fff;
	background: #cccbcb;
}

a.btn--radius {
	border-radius: 100vh;
}

/*----------------------------------------------
/*
/* SP Layout
/*
/*----------------------------------------------*/


@media screen and (max-width:640px) {

	/* foodie sp
--------------------------- */
	.foodie_main {
		padding: 15px 0;
	}

	ul.slider_mt,
	ul.slider_mb {
		width: calc(100% - 30px);
		list-style: none;
		margin: 0 auto;
	}

	.foodie_main h1 {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}

	.foodie_main h1 img {
		width: 100%;
	}

	.foodie ul li {
		margin-bottom: 20px;
	}

	.foodie ul li:last-child {
		margin-bottom: 0px;
	}

	.foodie ul li .foodie_text {
		position: relative;
		min-height: auto;
		padding-left: 0;
		overflow: auto;
	}

	.foodie ul li .foodie_img {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
	}

	.foodie.sec ul li .foodie_text h3 {
		position: relative;
		font-size: 1.5em;
		line-height: 1.3em;
		margin-bottom: 15px;
		padding: 0.5em 0.5em 0.5em 2em;
		background-repeat: repeat;
		text-align: left;
	}
}

.foodie.sec .slider,
.foodie.sec .slider_fade {
	width: 70% !important;
	margin: 0 auto 70px !important;
	text-align: center !important;
}

.foodie.sec .slider img,
.foodie.sec .slider_fade img {
	max-width: 100% !important;
	max-height: 55vh !important;
}

.foodie.sec .slick-slide {
	text-align: center !important;
}

.foodie.sec .slick-slide img {
	display: inline-block !important;
}

.foodie.sec .slick-slide p {
	font-size: 0.8em;
}

.foodie.sec ul.slick-dots {
	bottom: auto !important;
}

.foodie.sec ul li {
	padding: 0 !important;
	border: none !important;
}

.foodie.sec .slick-prev:before,
.foodie.sec .slick-next:before {
	color: #000 !important;
}

@media screen and (max-width:640px) {

	.foodie.sec .slider,
	.foodie.sec .slider_fade {
		width: 80% !important;
		margin: 0 auto 50px !important;
	}

	.foodie.sec .slider img,
	.foodie.sec .slider_fade img {
		max-width: 100% !important;
		max-height: 30vh !important;
	}

}