@charset "utf-8";

/*初期設定*/
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese");
body {
	background-color: #fff;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-feature-settings: "palt" 1;
	font-weight: 400;
}
body * {
	box-sizing: border-box;
}
img {
	width: 100%;
	height: auto;
}
h1,h2,h3 {
	font-weight: 400;
	line-height: 1em;
}
.Flex {
	display: flex;
}
.FlCenter {/* 上下中央 */
	align-items: center;
}
.FlWrap {/* 折り返し */
	flex-wrap: wrap;
}
.FlJustify {/* 左右均等 */
	justify-content: space-between;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(80px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*ヘッダー*/
#hdr {
	position: relative;
	text-align: center;
}
#hdr_fv {
	width: 100%;
	margin: 0 auto;
}
#hdr_fv li {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
#hdr_fv li img {
	height: 100%;
	width: auto;
}
.slide-animation{
	animation: fadezoom 11s linear 0s forwards;
}
@keyframes fadezoom {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
#hdr_ttl {
	position: absolute;
	top: 0;
	left: 0;
}

/*コンテンツ*/
.cont_box,
.cont_box_inr {
	margin: 0 auto;
}
.cont_box_hdr {
	text-align: center;
}
.bg_img_10pct {/*a の背景画像10%拡大*/
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.bg_img_10pct:after {/*個別に背景画像を設定する*/
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-size: cover;
	transform: scale(1);
	transition: all 0.5s;
}
.bg_img_10pct:hover:after {
	transform: scale(1.1);
}

/*コンテンツ1*/
#cont_1 p {
	text-align: center;
	position: relative;
}
#cont_1 p span {
	position: absolute;
}

/*コンテンツ2*/
#cont_2 {
}
#cont_2_inr {
	background-color: #f9f9f4;
}
#cont_2_imgs {
}
#cont_2_imgs_note {
	text-align: right;
}

/*コンテンツ3*/
#cont_3_list {
	justify-content: center;
}
#cont_3_list li {
	background-color: #fff;
	text-align: center;
	position: relative;
}
#cont_3_list li a {
	color: #000;
	text-decoration: none;
	transition: all 0.5s;
}
#cont_3_list li a:hover {
	opacity: 0.5;
}
#cont_3_list li h3 {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
}
.cont_3_list_box_more  {
	position: relative;
	z-index: 2;
}
#cont_3_list li:nth-of-type(1) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_3_1_img.jpg");
}
#cont_3_list li:nth-of-type(2) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_3_2_img.jpg");
}
#cont_3_list li:nth-of-type(3) a:after{
	background-image: url("/img/brand/cheese-ricotta/cont_3_4_img.jpg");
}
#cont_3_list li:nth-of-type(4) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_3_3_img.jpg");
}
#cont_3_list li:nth-of-type(5) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_3_6_img.jpg");
}
#cont_3_list li:nth-of-type(6) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_3_5_img.jpg");
}

/*コンテンツ4*/
#cont_4_main {
	background: url("/img/brand/cheese-ricotta/cont_4_main_bg.jpg") repeat-y top center;
	background-size: 100% auto;
}
/*
.cont_4_box_ttl {
	text-align: center;
	font-weight: 600;
	border-bottom: 1px solid #000;
	padding-bottom: 1em;
}
.cont_4_box_list {
	background-color: rgba(245,245,245,0.8);
}
.cont_4_box_ingredient_list {
}
.cont_4_box_prep_list {
}
.cont_4_box_ht_list {
	padding-left: 1.5em;
}
.cont_4_box_ht_list li {
	list-style-type: decimal;
}
*/
#cont_4_other {
}
#cont_4_other_ttl {
	text-align: center;
}
#cont_4_other_list {
	margin: 0 auto;
}
#cont_4_other_list li a {
	transition: all 0.5s;
}
#cont_4_other_list li a:hover {
	opacity: 0.5;
}
#cont_4_other_list li:nth-of-type(1) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_4_other_1.jpg");
}
#cont_4_other_list li:nth-of-type(2) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_4_other_2.jpg");
}
#cont_4_other_list li:nth-of-type(3) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_4_other_3.jpg");
}
#cont_4_other_list li:nth-of-type(4) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_4_other_4.jpg");
}
#cont_4_other_list li:nth-of-type(5) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_4_other_5.jpg");
}
#cont_4_other_list li:nth-of-type(6) a:after {
	background-image: url("/img/brand/cheese-ricotta/cont_4_other_6.jpg");
}
#cont_4_other_bnr {
	position: relative;
}
#cont_4_other_bnr a img {
    position: relative;
	z-index: 1;
}

/*フッター*/
#ftr {
}
#ftr_navi {
}
#ftr_navi_pt {
}
#ftr_navi_home {
}
#ftr_copy {
	background-color: #efefef;
	font-family: sans-serif;
	text-align: center;
	line-height: 1em;
}