@charset "UTF-8";
/* CSS Document */
/*メインイメージ*/
#BodyContentsArea h2 {
	margin: 1em 0;
}
#MainVisual {
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.MVBox {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.MVBox .ImageBox img {
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
	object-fit: cover;
}

/* ▼ 2025/01/06 新年の御挨拶対応 */

.MVBox .ImageBox.Goaisatu {
	background-image: url('/images/top/mv/令和７年新年の御挨拶PC.png');
	background-position: 50% center;
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
}


/* ▲ 2025/01/06 新年の御挨拶対応 */



/* ▼追加 */
.MVBox .ImageBox.KV {
	background-image: url('../images/top/mv/mv_01_autumn.jpg');
	background-position: 50% center;
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
}

.MVBox .ImageBox.LINE {
	background-image: url('../images/top/mv/mv_08.jpg');
	background-position: 50% center;
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
}
/* ▲追加 */

.MVBox .MVCopy {
	position: absolute;
	/*top: 50%;
	transform: translateY(-50%);*/
	top: calc((100% - 130px) /2);
	left: calc((100vw - 1200px) / 2);
	display: block;
	width: 41.666vw;
	max-width: 500px;
	height: 14.166vw;
	max-height: 170px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	text-indent: -999em;
}
/*230627修正*/
.MVBox .MVCopy.Large {
	width: calc(41.666vw * 1.3);
	max-width: 650px;
	height: calc(14.166vw * 1.65);
	max-height: 280px;
}
/*230724追記*/
.MVBox .MVCopy.Right {
	left: 50%;
}

/* ▼ 2023/11/16 キービジュアル（冬）用に文言を調整 */

.MVBox .MVCopy.KV { 
	background-image: url('/images/top/mv/copy_01.png');
	left: 3vw;

	width: 45.8vw;
	max-width: 550px;
	height: 16.133vw;
	max-height: 187px;
}


/* ▲ 2023/11/16 キービジュアル（冬）用に文言を調整 */


/* ▼ 2024/07/11 LINE漫画対応 */
/* ▼追加 */
.MVBox .MVCopy.LINE { 
	/* background-image: url('../images/top/mv/qr_08.png'); */
	/* top: 450px; */
	/* left: calc((100vw / 2) + 1em); */
}
/* ▲追加 */

.MV_LinkBtn.LINE {
	font-size: 150%;
}
/* ▲ 2024/07/11 LINE漫画対応 */

/*230821追記*/
.MVBox.NaturalProducts .MVCopy{
	width: calc(41.666vw * 1.1);
	max-width: 550px;
	height: calc(14.166vw * 1.65);
	max-height: 280px;
	background-image: url("../images/top/mv/copy_03.png");

	// ▼追加
	position: absolute;
	top: calc((100% - 90px) / 2 );
	left: calc(50% - min((41.666vw * 1.1), 550px));

	// ▲追加
}
/*230801追記*/
.MVBox.FeaturedProducts .FeaturedProductsBox {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 10em);
	max-height: 400px;
	position: absolute;
	right: calc((100vw - 1200px) / 2 + 5em);
	bottom: 10em;
}
.MVBox.FeaturedProducts .FeaturedProductsBox img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}


/* ▼ 2024/05/10 カルーセルバナーにフセキフロアブル追加 */
.MVBox.FeaturedProducts .FeaturedProductsBoxFuseki {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 5em);
	max-height: 500px;
	position: absolute;
	right: calc((100vw - 1200px) / 2 + 2em);
	bottom: 6em;
}
.MVBox.FeaturedProducts .FeaturedProductsBoxFuseki img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}
/* ▲ 2024/05/10 カルーセルバナーにフセキフロアブル追加 */

/* ▼ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */
.MVBox.FeaturedProducts .LogoImageKaname {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 5em);
	max-height: 450px;
	position: absolute;
	right: calc((100vw - 1300px) / 2 + 2em);
	bottom: 15em;
}
.MVBox.FeaturedProducts .LogoImageKaname img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}


.MVBox.FeaturedProducts .ProdImageKaname {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 5em);
	max-height: 330px;
	position: absolute;
	right: calc((100vw - 450px) / 2 + 2em);
	bottom: 4em;
}
.MVBox.FeaturedProducts .ProdImageKaname img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}


.MVBox.FeaturedProducts .CopyImageKaname {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 5em);
	max-height: 400px;
	position: absolute;
	right: calc((100vw - 1300px) / 2 + 2em);
	bottom: 3em;
}
.MVBox.FeaturedProducts .CopyImageKaname img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}


.MVBox.FeaturedProducts .SpImageKaname {
	display: none;
}

/* ▲ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */



/* ▼ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */
.MVBox.FeaturedProducts.FusekiWide .LogoImageFusekiWide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 5em);
	max-height: 450px;
	position: absolute;
	right: calc((100vw - 1300px) / 2 + 2em);
	bottom: 11em;
}
.MVBox.FeaturedProducts.FusekiWide .LogoImageFusekiWide img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}


.MVBox.FeaturedProducts.FusekiWide .ProdImageFusekiWide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 5em);
	max-height: 330px;
	position: absolute;
	right: calc((100vw - 450px) / 2 + 2em);
	bottom: 4em;
}
.MVBox.FeaturedProducts.FusekiWide .ProdImageFusekiWide img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}


.MVBox.FeaturedProducts.FusekiWide .CopyImageFusekiWide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15vw - 5em);
	max-height: 400px;
	position: absolute;
	right: calc((100vw - 1300px) / 2 + 2em);
	bottom: 3em;
}
.MVBox.FeaturedProducts.FusekiWide .CopyImageFusekiWide img {
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: right center;
}


.MVBox.FeaturedProducts .SpImageFusekiWide {
	display: none;
}

/* ▲ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */




/* ▼ 2023/11/10 カルーセルバナーにトップメッセージ追加 */
.MVBox .ImageBox.TopMessage {
	background-image: url('/images/top/mv/mv_09.png');
	background-position: 60% center;
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
}

.MVBox .MVCopy.TopMessage {
	width: calc(62.5vw * 1.1);
	max-width: 700px;
	height: calc(22vw * 1.65);
	max-height: 386px;
	background-image: url("/images/top/mv/copy_09.png?upd=20241001");

	position: absolute;
	top: calc((100% - 280px) / 2 );
	left: calc(50% - min((41.666vw * 1.1), 800px));
}
/* ▲ 2023/11/10 カルーセルバナーにトップメッセージ追加 */


/* ▼ 2025/03/15 カルーセルバナーにスミカ・ドローンサイト追加 */

.MVBox .ImageBox.DroneSite {
	background-image: url('/images/top/mv/mv_13.png');
	background-position: 50% center;
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
}

.MVBox .MVCopy.DroneSite {
	width: calc(62.5vw * 1.1);
	max-width: 700px;
	height: calc(22vw * 1.65);
	max-height: 386px;
	background-image: url("/images/top/mv/copy_13.png");

	position: absolute;
	top: calc((100% - 280px) / 2 );
	left: calc(50% - min((41.666vw * 1.1), 800px));
}

/* ▲ 2025/03/15 カルーセルバナーにスミカ・ドローンサイト追加 */


/* ▼ 2025/07/29 カルーセルバナーにアディオン乳剤４０周年追加 */

.MVBox .ImageBox.Adion40 {
	background-image: url('/images/top/mv/mv_15.webp');
	background-position: 50% center;
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
}

.MVBox .MVCopy.Adion40 {
	width: calc(62.5vw * 1.1);
	max-width: 700px;
	height: calc(22vw * 1.65);
	max-height: 386px;
	background-image: url("/images/top/mv/copy_15.png");

	position: absolute;
	top: calc((100% - 280px) / 2 );
	left: calc(50% - min((41.666vw * 1.1), 800px));
}

/* ▲ 2025/07/29 カルーセルバナーにアディオン乳剤４０周年追加 */



/* ▼ 2024/03/13 カルーセルバナーにレオゼータ追加 */
.MVBox .ImageBox.LeoZeta {
	background-image: url('/images/top/mv/mv_10.png');
	background-position: 50% center;
	width: 100%;
	height: 66.66vw;
	max-height: 800px;
}


.MV_LinkBtn.LeoZetaPC div a {
	height: 2em !important;
}

.MV_LinkBtn.LeoZetaSP {
	display: none;
}

/* ▲ 2024/03/13 カルーセルバナーにレオゼータ追加 */

/*Slick*/
.MVSlider .slick-dots {
	position: relative;
	bottom: 2.5em;
	display: flex;
	justify-content: space-around;
	padding-left: calc((100vw - 1200px) / 2 + 5em);
	padding-right: calc((100vw - 1200px) / 2 + 5em);
}
.MVSlider .slick-dots li {
	/*width: calc(100% / 7 - 5px);*/ /*スライド7枚*/
	/*width: calc(100% / 5 - 5px); /*スライド5枚*/
	/*230627修正*/
	width: calc(100% / 4 - 5px); /*スライド4枚*/
	height: 5px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.5);
	overflow: hidden;
}
.MVSlider .slick-dots li:not(:last-child) {
	margin-right: 10px;
}
.MVSlider .slick-dots li.slick-active button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #ffffff;
	animation: progress 5s linear 0s forwards; /* ここでアニメーションのスピードをスライドの秒数に合わせて調整をする */
	z-index: 1;
}
@keyframes progress {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.slick-num {
	color: #ffffff;
	font-size: 80%;
	line-height: 150%;
	position: absolute;
	bottom: 1em;
	right: 0;
	text-align: right;
	padding-right: calc((100vw - 1200px) / 2 + 5em);
}
#MainVisual .ScrollIconBk {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: 4em;
	left: 50%;
	transform: translateX(-50%);
	background: url("../images/top/mv/icn_scroll_bk.png") no-repeat center center;
	background-size: contain;
	text-indent: -999em;
}
#MainVisual .ScrollIconWh {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: 4em;
	left: 50%;
	transform: translateX(-50%);
	background: url("../images/top/mv/icn_scroll_wh.png") no-repeat center center;
	background-size: contain;
	text-indent: -999em;
}
#MainVisual .MV_LinkBtn {
	position: absolute;
	right: calc((100vw - 1200px) / 2 + 5em);
	bottom: 5em;
}
#MainVisual .MV_LinkBtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat right 0.5em center #3e8d9e;
	background-size: 1.5em;
	color: #ffffff;
	line-height: 120%;
	text-decoration: none;
	padding: 0 2.5em 0 1em;
	height: 4em;
}
/*トピックス*/
#TopicsArea {
	display: grid;
	grid-template-columns: 20% 80%;
	grid-template-rows: auto;
	grid-template-areas: "TopicsTitle TopicsTable";
	width: 100%;
	max-width: 1200px;
	height: auto;
	min-height: 300px;
	margin: 0 auto;
	padding: 80px 100px;
	background: url("../images/top/topics/topics_bg.png") no-repeat right 30px top 20px;
	background-size: 4%;
}
#TopicsArea h2 {
	grid-area: TopicsTitle;
	margin: 0;
}
#TopicsArea h2 span {
	display: block;
	font-size: 57%;
	line-height: 200%;
	padding-top: 1em;
}
#TopicsTable {
	grid-area: TopicsTable;
	width: 100%;
}
#TopicsTable th, #TopicsTable td {
	font-weight: 400;
	vertical-align: top;
	padding: 0.5em 1em;
	border-bottom: solid 1px #c6c6ca;
}
#TopicsTable th {
	color: #c6c6ca;
}
#TopicsTable td a {
	text-decoration: none;
	color: #3e8d9e;
	display: block;
}
#TopicsTable td a:hover {
	text-decoration: underline;
}
/*ピックアップメニュー*/
#PickupMenu {
	padding: 160px 0 50px;
	border-bottom: solid 1px #c6c6ca;
}
#PickupMenu ul {
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: space-around;
	align-items: stretch;
}
/*230724修正*/
#PickupMenu ul li {
	display: block;
	width: 32.0833vw;
	max-width: 385px;
	/*height: 39.166vw;
	max-height: 470px;*/
	height: 27.5vw;
	max-height: 330px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#PickupMenu ul li:nth-of-type(1) {
	background-image: url("../images/top/pickup/pickup_img_01.png");
}
#PickupMenu ul li:nth-of-type(2) {
	background-image: url("../images/top/pickup/pickup_img_02.png");
}
#PickupMenu ul li:nth-of-type(3) {
	background-image: url("../images/top/pickup/pickup_img_03.png");
}
/*230724修正*/
#PickupMenu ul li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	/*background: rgba(0, 0, 0, 0.6);*/
	padding: 2em 1em 1em;
	font-size: 175%;
	line-height: 150%;
	/*color: #ffffff;*/
	color: #3e8d9e;
	text-shadow: 2px 2px 8px #ffffff, -2px 2px 8px #ffffff, 2px -2px 8px #ffffff, -2px -2px 8px #ffffff;
	text-decoration: none;
}
/*230724修正*/
#PickupMenu ul li a::after {
	content: "";
	width: 0.75em;
	height: 0.75em;
	position: absolute;
	bottom: 1em;
	right: 1em;
	/*background: url("../images/global/icn_arrow_r_g.png") no-repeat center center #ffffff;*/
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center #3e8d9e;
	background-size: 0.75em;
	border-radius: 50%;
}
/*季節のワンポイント情報・おすすめ製品*/
#RecommendProd {
	padding: 50px 0 0;
}
#RecommendProd .ContentsBlock h2 {
	margin-top: 0;
	text-align: center;
}
/*230623追記*/
#RecommendProd .ContentsBlock #RecommendProdTab ul {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2em;
	/*230807修正*/
	border-left: solid 1px #3e8d9e;
}
#RecommendProd .ContentsBlock #RecommendProdTab ul li {
	display: block;
	width: 100%;
	text-align: center;
	/*230807修正*/
	/*border-bottom: solid 1px #c6c6ca;
	color: #c6c6ca;*/
	border: solid 1px #3e8d9e;
	border-left: none;
	color: #3e8d9e;
	padding: 1em 0;
	cursor: pointer;
	font-size: 1.2em;
}
#RecommendProd .ContentsBlock #RecommendProdTab ul li.Select, #RecommendProd .ContentsBlock #RecommendProdTab ul li:hover {
	/*230807修正*/
	/*color: #3e8d9e;
	border-bottom-color: #3e8d9e;*/
	color: #ffffff;
	background-color: #3e8d9e;
}
.RecommendProdArea {
	display: none;
}
.RecommendProdArea.Show {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
}
.RecommendProdArea a.RecommendProdBox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-flow: column;
	flex-shrink: 0;
	width: calc(25% - (3em / 4));
	color: #000000;
	text-decoration: none;
	scroll-snap-align: start;
	margin-left: 1em;
}
.RecommendProdArea a.RecommendProdBox:first-child {
	margin-left: 0;
}
.RecommendProdArea a.RecommendProdBox .ProdPhoto {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	border: solid 1px #3e8d9e;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.RecommendProdArea a.RecommendProdBox .ProdPhoto img {
	width: 90%;
	height: auto;
}
.RecommendProdArea a.RecommendProdBox .ProdCopy {
	color: #3e8d9e;
	text-align: center;
	padding-top: 1em;
	font-size: 80%;
	line-height: 150%;
}

/* ▼ 2024/04/04 おすすめ製品レイアウト調整 */


/* おすすめ製品表示エリア */
#RecommendProdArea {
	overflow-x: scroll;
	text-align: center;
	margin-bottom: 2em;
}



/* カテゴリーの大枠 */
.Category1, .Category2, .Category3, .Category4 {
	width: 100%;
	/* color: #3e8d9e; */
	/* text-align: center; */
}

/* 製品表示枠 */
.ProdInfoArea, .ProdDummy {
	width: 25%;
}


/* 製品写真表示枠 */
.ProdPhotoArea {
	border: solid 1px #3e8d9e;
	width: calc(100% - (3em / 4));
	aspect-ratio: 1/1;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 製品写真と紹介文の間のスペース */
.ProdTextSpace {
	height: 0.5em;
}

/* 製品紹介文表示枠 */
.ProdTextArea td {
	line-height: 100%;
}

.ProdTextArea a {
	font-size: 80%;
	text-decoration: none;
}

.ProdTextArea a:link {
	color: #3e8d9e;
}

.ProdTextArea a:visited {
	color: #3e8d9e;
}


/* 製品名表示枠 */
.ProdNameArea a {
	font-weight: 700;
	text-decoration: none;
}

.ProdNameArea a:link {
	color: #3e8d9e;
}

.ProdNameArea a:visited {
	color: #3e8d9e;
}
/* ▲ 2024/04/04 おすすめ製品レイアウト調整 */


/*動画ライブラリ*/
#VideoLibrary {
	margin: 80px 0 0;
	position: relative;
}
#VideoLibrary::before {
	content: "";
	display: block;

	/* ▼ 2024-07-30 牛川：動画ライブラリ デザイン修正 */
	/* width: 100%; */
	width: 90vw;
	max-width: calc(calc(calc(100vw - 1200px) / 2) + 1100px);
	/* ▲ 2024-07-30 牛川：動画ライブラリ デザイン修正 */

	height: 100%;
	position: absolute;
	top: 0;

	/* ▼ 2024-07-30 牛川：動画ライブラリ デザイン修正 */
	/* left: -30%; */
	/* ▲ 2024-07-30 牛川：動画ライブラリ デザイン修正 */

	background-color: #ededee;
	z-index: -1;
}
#VideoLibrary .ContentsBlock {
	background: url("../images/top/video_library/video_library_bg.png") no-repeat right 30px top 20px;
	background-size: 4%;
	padding: 80px 0;
}
#VideoLibrary .ContentsBlock p {
/* ▼ 2024-07-31 牛川：動画ライブラリ デザイン修正 */
	/* width: 65%; */
	width: 80%;
/* ▲ 2024-07-31 牛川：動画ライブラリ デザイン修正 */
}
#VideoLibrary .ContentsBlock #ThumbnailArea {
	display: flex;
	justify-content: space-around;
	margin-top: 1em;
}
#VideoLibrary .ContentsBlock #ThumbnailArea a {
	display: block;
	width: 31.66vw;
	max-width: 380px;
	aspect-ratio: 16/9;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	text-indent: -999em;
}
#VideoLibrary .ContentsBlock #ThumbnailArea a::after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("../images/global/icn_video_play.png") no-repeat center center;
	background-size: contain;
	opacity: 0.8;
}
#VideoLibrary .ContentsBlock .BtnArea {
	margin: 1em;
}
#VideoLibrary .ContentsBlock .BtnArea a.OtherSite {
	display: inline-block;
	text-decoration: none;
	position: relative;
	padding: 0.5em 2.5em;
	background-color: #3e8d9e;
	color: #ffffff;
}
#VideoLibrary .ContentsBlock .BtnArea a.OtherSite::before {
	content: "";
	display: block;
	width: 1.25em;
	height: 1.25em;
	position: absolute;
	top: 50%;
	left: 0.5em;
	transform: translateY(-50%);
	background: url("../images/global/icn_othersite_wh.png") no-repeat center center;
	background-size: 1.25em;
}
#VideoLibrary .ContentsBlock .BtnArea a.OtherSite::after {
	content: "";
	display: block;
	width: 1.25em;
	height: 1.25em;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center;
	background-size: 1.25em;
}

/* ▼ 2024-07-31 牛川：動画ライブラリ デザイン修正 */
br.PC {
	display: block;
}
/* ▲ 2024-07-31 牛川：動画ライブラリ デザイン修正 */

/*230801追記*/
/*埋め込みmp4*/
.VideoBox {
	width: 100%;
	height: auto;
}
.VideoBox video {
	width: 100%;
}

/* ▼ 2024/04/16 動画Youtubeリンクに変更 */
#VideoLibrary .ContentsBlock #VideoThumbnail {
	display: flex;
	gap: 20px; 
}
/* ▲ 2024/04/16 動画Youtubeリンクに変更 */


/*ピックアップコンテンツ*/
#PickupContents {
	padding: 160px 0 0;
}
#PickupContents .PickupContentsBlock {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 2em 0;
	border-bottom: solid 1px #c6c6ca;
}
#PickupContents .PickupContentsBlock:last-child {
	border: none;
}

/* ▼ 2024/03/28（ピックアップコンテンツの画像にリンク追加） */
.PickupContentsLink 
{
	width: 31.66vw; 
	max-width: 380px; 
	aspect-ratio: 16/9; 
	padding: 0 !important;
}
/* ▲ 2024/03/28（ピックアップコンテンツの画像にリンク追加） */


#PickupContents .PickupContentsBlock img {
	display: block;
	width: 31.66vw;
	max-width: 380px;
	aspect-ratio: 16/9;
}
#PickupContents .PickupContentsBlock div {
	padding-left: 125px;
}
#PickupContents a {
	text-decoration: none;
}
/*おすすめコンテンツ・Facebopok*/
#RecommendContents {
	padding: 160px 0 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	overflow-x: hidden;
}
#RecommendContentsBlock {
	flex-shrink: 0;
	display: block;
	background-color: #ededee;
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 90px;
	width: calc((100vw - 1200px) / 2 + (1200px * 0.7));
	padding-left: calc((100vw - 1200px)/2);
}
#RecommendContentsBlock h2 {
	/* color: #ffffff; */
	color: #3e8d9e;
}
#RecommendContentsArea {
	display: flex;
	flex-wrap: wrap;
}
#RecommendContentsArea .RecommendContentsBox {
	position: relative;
	flex-shrink: 0;
	width: 32vw;
	max-width: 385px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
	background: #ffffff;
	margin: 0 1em 1em 0;
}
#RecommendContentsArea .RecommendContentsBox a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-indent: -999em;
}
#RecommendContentsArea .RecommendContentsBox::after {
	content: "";
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	bottom: 1em;
	right: 1em;
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center #3e8d9e;
	background-size: 1em;
	border-radius: 50%;
}
#RecommendContentsArea .RecommendContentsBox img {
	width: 32%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}
#RecommendContentsArea .RecommendContentsBox div {
	padding-left: 1em;
	padding-bottom: 1.5em;
}
#RecommendContentsArea .RecommendContentsBox h3 {
	font-size: 100%;
	line-height: 200%;
	margin: 0;
}
#RecommendContentsArea .RecommendContentsBox p {
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 0;
}

/* ▼ 2024/06/25 横２ブロックを占有するおすすめコンテンツ表示欄を追加 */
#RecommendContentsArea .RecommendContentsBox2 {
	position: relative;
	flex-shrink: 0;
	width: 65.3VW;
	max-width: 780px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
	background: #ffffff;
	margin: 0 1em 1em 0;
}
#RecommendContentsArea .RecommendContentsBox2 a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-indent: -999em;
}
#RecommendContentsArea .RecommendContentsBox2::after {
	content: "";
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	bottom: 1em;
	right: 1em;
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center #3e8d9e;
	background-size: 1em;
	border-radius: 50%;
}
#RecommendContentsArea .RecommendContentsBox2 img {
	/* width: auto; */
	/* height: 8vw; */
	/* max-height: 130px; */
	width: 100%;
	aspect-ratio: 3.125/1;
	object-fit: cover;
}
#RecommendContentsArea .RecommendContentsBox2 div {
	/* padding-left: 1em; */
	padding-bottom: 1.5em;
}
#RecommendContentsArea .RecommendContentsBox2 h3 {
	font-size: 100%;
	line-height: 200%;
	margin: 0;
}
#RecommendContentsArea .RecommendContentsBox2 p {
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 0;
}

/* ＰＣとスマホで表示を切り替え */
#Box2 {
	display: flex;
}
#Box2_D2 {
	width: 50%;
	padding-top: 0.5em;
}
#Box2_D3 {
	width: 50%;
	padding-left: 1em;
}
/* ▲ 2024/06/25 横２ブロックを占有するおすすめコンテンツ表示欄を追加 */


#FacebookBlock {
	flex-shrink: 0;
	width: calc((100vw - 1200px)/2 + (1200px*0.3));
	display: block;
	/* background: #ededee; */
	background: white;
	padding-left: 2em;
	padding-right: calc((100vw - 1200px)/2);
}
#FacebookBlock h2 {
	margin: 25px 0 0;
}
.facebook-wrapper {
	max-width: 90%;
	height: 300px;
}
.facebook-wrapper > .fb-page {
	width: 100%;
}
.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
	width: 100% !important;
}
.LINE-wrapper {
	max-width: 90%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: column;
	position: relative;
	padding-bottom: 25px;
}
.LINE-wrapper h2 {
	display: block;
	width: 100%;
	text-align: center;
}
.LINE-wrapper p {
	width: 100%;
	text-align: center;
}
.LINE-wrapper img {
	width: 150px;
	height: auto;
	margin: 0 auto;
}
/*タブレット*/
@media screen and (max-width:1199px) {
	/*メインイメージ*/
	#MainVisual {
		max-height: 90vh;
	}
	.MVBox .ImageBox img {
		max-height: 90vh;
	}
	.MVBox .MVCopy {
		top: calc((100% - 10.833vw) /2);
		left: 0;
	}


	/* ▼ 2025/03/15 カルーセルバナーにスミカ・ドローンサイト追加 */

	.MVBox .ImageBox.DroneSite {
		height: 66.66vw;
	}

	/* ▲ 2025/03/15 カルーセルバナーにスミカ・ドローンサイト追加 */


	/* ▼ 2025/07/29 カルーセルバナーにアディオン乳剤４０周年追加 */
	.MVBox .ImageBox.Adion40 {
		height: 66.66vw;
	}
	/* ▲ 2025/07/29 カルーセルバナーにアディオン乳剤４０周年追加 */


	/* ▼ 追加（カルーセルバナー・Natural Products） */
	.MVBox.NaturalProducts .MVCopy{
		/* 文字のスマホ表示位置 */
		top: calc((100% - 8vw) /2);
	}
	/* ▲ 追加（カルーセルバナー・Natural Products） */


	/*230801追記*/
	.MVBox.FeaturedProducts .FeaturedProductsBox {
		/* ▼ 変更（カルーセルバナー・Featured Products） */

		/* 製品写真＋テキストのスマホ表示位置、サイズ */
		max-height: 75vmin;
		justify-content: flex-end;

		/* max-height: 33.33vmin; */
		/* ▲ 変更（カルーセルバナー・Featured Products） */

		right: 5em;
	}


	/* ▼ 2024/05/14 カルーセルバナーにフセキフロアブル追加 */
	.MVBox.FeaturedProducts .FeaturedProductsBoxFuseki {
		right: calc((100vw - 1200px) / 2 + 4em);
	}
	/* ▲ 2024/05/14 カルーセルバナーにフセキフロアブル追加 */

	/* ▼ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */
	.MVBox.FeaturedProducts .LogoImageKaname {
		max-height: 270px;
		position: absolute;
		right: calc((100vw - 750px) / 2 + 2em);
		bottom: 15em;
	}

	.MVBox.FeaturedProducts .ProdImageKaname {
		max-height: 270px;
		position: absolute;
		right: calc((100vw - 180px) / 2 + 2em);
		bottom: 4em;
	}

	.MVBox.FeaturedProducts .CopyImageKaname {
		max-height: 300px;
		position: absolute;
		right: calc((100vw - 800px) / 2 + 2em);
		bottom: 3em;
	}
	/* ▲ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */


	/* ▼ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */
	.MVBox.FeaturedProducts.FusekiWide .LogoImageFusekiWide {
		max-height: 270px;
		position: absolute;
		right: calc((100vw - 750px) / 2 + 2em);
		bottom: 15em;
	}

	.MVBox.FeaturedProducts.FusekiWide .ProdImageFusekiWide {
		max-height: 270px;
		position: absolute;
		right: calc((100vw - 180px) / 2 + 2em);
		bottom: 4em;
	}

	.MVBox.FeaturedProducts.FusekiWide .CopyImageFusekiWide {
		max-height: 300px;
		position: absolute;
		right: calc((100vw - 800px) / 2 + 2em);
		bottom: 3em;
	}
	/* ▲ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */


	/* ▼追加 */
	.MVBox .ImageBox.LINE {
		background-image: url('../images/top/mv/mv_08.jpg');
		background-size: cover;
		background-position: 50% center;
		max-height: 90vh;
	}

	.MVBox .MVCopy.LINE { 
		max-width: 36vmin;
		top: calc((100% + 10vw) / 2);
		left: calc((100vw / 2) + 5em);
	}
	/* ▲追加 */


	.MVSlider .slick-dots {
		padding-left: 5em;
		padding-right: 5em;
	}
	.slick-num {
		padding-right: 5em;
	}
	#MainVisual .ScrollIconBk, #MainVisual .ScrollIconWh {
		width: 5vw;
		height: 5vw;
	}
	/*230627修正*/
	/*#MainVisual #MemberRegistrationBtn {
		right: 5em;
	}*/
	#MainVisual .MV_LinkBtn {
		right: 5em;
		bottom: 5em;
	}
	/*トピックス*/
	#TopicsArea {
		min-height: 25vw;
		padding: 6.66vw 8.33vw;
		background-position: right 2.5vw top 1.66vw;
	}
	/*ピックアップメニュー*/
	#PickupMenu {
		padding-top: 13.33vw;
	}
	/*季節のワンポイント情報・おすすめ製品*/
	#RecommendProd {
		padding-top: 4vw;
	}
	/*動画ライブラリ*/
	#VideoLibrary {
		margin-top: 6.66vw;
	}
	#VideoLibrary .ContentsBlock {
		background-position: right 2.5vw top 1.66vw;
		padding: 3vw 1vw;
	}
	#VideoLibrary .ContentsBlock #ThumbnailArea a::after {
		content: "";
		width: 8.33vw;
		height: 8.33vw;
	}
	/*ピックアップコンテンツ*/
	#PickupContents {
		padding-top: 13.33vw;
	}
	#PickupContents .ContentsBlock {
		margin: 0 auto;
	}
	#PickupContents .PickupContentsBlock div {
		padding-left: 10vw;
	}
	/*おすすめコンテンツ・Facebopok*/
	#RecommendContents {
		padding-top: 13.33vw;
	}
	#RecommendContentsBlock {
		flex-shrink: 0;
		display: block;
		background-color: #ededee;
		/* background: url("../images/top/recommend_contents/recommend_contents_bg.jpg") no-repeat center center; */
		background-size: cover;
		padding-top: 7.5vw;
		padding-bottom: 7.5vw;
		width: 70vw;
		padding-left: 1vw;
	}

	/* ▼追加 */
	/* おすすめコンテンツ　タイトル */
	#RecommendContentsBlock h2 {
		/* color: #ffffff; */
	}
	/* ▲追加 */

	#FacebookBlock {
		flex-shrink: 0;
		width: 30vw;
		display: block;
		background: white;
		/* background: #ededee; */
		padding-left: 2em;
		padding-top: 2em;
		padding-bottom: 2em;
		padding-right: 0;
	}
	.LINE-wrapper img {
		width: 8.333vw;
		height: auto;
		margin: 0 auto;
	}


/* ▼ 2023/11/14 カルーセルバナーにトップメッセージ追加 */
.MVBox .MVCopy.TopMessage {
	width: calc(50vw * 1.1);
	max-width: 700px;
	height: calc(17.6vw * 1.65);
	max-height: 360px;
	background-image: url("/images/top/mv/copy_09.png?upd=20241001");

	position: absolute;
	top: calc((100% - 90px) / 2 );
	left: calc(50% - min((41.666vw * 1.1), 800px));
}
/* ▲ 2023/11/14 カルーセルバナーにトップメッセージ追加 */
}
/*スマホ*/
@media screen and (max-width: 767px) {
	/*メインイメージ*/
	#MainVisual .ScrollIconBk, #MainVisual .ScrollIconWh {
		width: 10vmin;
		height: 10vmin;
	}
	#MainVisual .MV_LinkBtn a {
		font-size: 80%;
		line-height: 120%;
	}
	/*230801追記*/
	.MVBox.FeaturedProducts .FeaturedProductsBox .TextArea {
		font-size: 80%;
		line-height: 125%;
	}


	/* ▼ 2024/05/10 カルーセルバナーにフセキフロアブル追加 */
	.MVBox.FeaturedProducts .FeaturedProductsBoxFuseki {
		/* height: calc(100% - 50vw); */
		/* max-height: 500px; */
		/* right: calc((100vw - 800px) / 2 - 0em); */


		height: calc(100% - 50vw);
		max-height: 380px;

		bottom: 20vw;
		right: 5vw;
	}
	/* ▲ 2024/05/10 カルーセルバナーにフセキフロアブル追加 */

	/* ▼ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */
	.MVBox.FeaturedProducts .LogoImageKaname {
		height: calc(100% - 50vw);
		max-height: 270px;

		bottom: 20vw;
		left: 5vw;
	}


	.MVBox.FeaturedProducts .ProdImageKaname {
		height: calc(100% - 50vw);
		max-height: 270px;

		bottom: 20vw;
		left: 5vw;
	}

	.MVBox.FeaturedProducts .CopyImageKaname {
		display: flex;
		justify-content: center;
		align-items: center;
		height: calc(100% - 15vw - 5em);
		max-height: 250px;

		position: absolute;
		bottom: -10vw;
		right: 5vw;

		/* right: calc((100vw - 1300px) / 2 + 2em); */
		/* bottom: 3em; */
	}
	/* ▲ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */


	/* ▼ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */
	.MVBox.FeaturedProducts.FusekiWide .LogoImageFusekiWide {
		height: calc(100% - 50vw);
		max-height: 270px;

		bottom: 20vw;
		left: 5vw;
	}


	.MVBox.FeaturedProducts.FusekiWide .ProdImageFusekiWide {
		height: calc(100% - 50vw);
		max-height: 270px;

		bottom: 20vw;
		left: 5vw;
	}

	.MVBox.FeaturedProducts.FusekiWide .CopyImageFusekiWide {
		display: flex;
		justify-content: center;
		align-items: center;
		height: calc(100% - 15vw - 5em);
		max-height: 250px;

		position: absolute;
		bottom: -10vw;
		right: 5vw;

		/* right: calc((100vw - 1300px) / 2 + 2em); */
		/* bottom: 3em; */
	}
	/* ▲ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */


	/*トピックス*/
	#TopicsArea {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto auto;
		grid-template-areas: "TopicsTitle""TopicsTable";
		padding: 6.66vw 8.33vw;
		background-position: right 2.5vw top 1.66vw;
		background-size: 8vmin auto
	}
	#TopicsArea h2 {
		display: block;
		position: relative;
		margin-bottom: 1em;
	}
	#TopicsArea h2 span {
		display: block;
		font-size: 57%;
		line-height: 200%;
		padding-top: 1em;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	/*ピックアップメニュー*/
	#PickupMenu {
		padding-top: 13.33vmin;
	}
	#PickupMenu ul li a {
		padding: 1em 1em;
		font-size: 150%;
		line-height: 150%;
	}
	/*季節のワンポイント情報・おすすめ製品*/
	/*230623追記*/
	#RecommendProd .ContentsBlock #RecommendProdTab ul li {
		font-size: 80%;
		line-height: 150%;
	}
	.RecommendProdArea.Show {
		margin-bottom: 2em;
		padding-bottom: 1em;
	}
	.RecommendProdArea a.RecommendProdBox {
		width: 30%;
	}
	/*おすすめコンテンツ・Facebopok*/
	#RecommendContents {
		padding-top: 8vmin;
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto auto;
		grid-template-areas: "RecommendContentsBlock""FacebookBlock";
	}
	#RecommendContentsBlock {
		width: 100%;
		display: block;
		padding: 5vw;
	}

	/* ▼追加 */
	/* おすすめコンテンツ　タイトル */
	#RecommendContentsBlock h2 {
		/* color: #ffffff; */
	}
	/* ▲追加 */

	#RecommendContentsArea {
		justify-content: space-around;
	}
	#RecommendContentsArea .RecommendContentsBox {
		width: 45%;
		max-width: 45%;
	}
	#FacebookBlock {
		width: 100%;
		display: block;
		padding: 5vmin;
		height: auto;
		position: relative;
	}
	.facebook-wrapper {
		width: auto;
		max-width: 500px;
		height: 300px;
		margin: 0 auto;
		text-align: center;
	}
	.facebook-wrapper > .fb-page {
		width: 100%;
		margin: 0 auto;
	}
	.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
		width: 100% !important;
		margin: 0 auto;
	}
	.LINE-wrapper {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	.LINE-wrapper img {
		width: 25vmin;
		height: auto;
		margin: 0 auto;
	}
	@media screen and (max-aspect-ratio: 11/10) {
		/* 縦向きの場合のスタイル */
		/*メインイメージ*/
		#MainVisual {
			height: 90vh;
		}
		.MVBox .ImageBox img {
			height: 90vh;
		}

/* ▼ 2025/01/06 新年の御挨拶対応 */

.MVBox .ImageBox.Goaisatu {
	background-image: url('/images/top/mv/令和７年新年の御挨拶SP.png');
	background-size: cover;
	background-position: 50% top;
	min-height: 90vh;
	max-height: 90vh;
}

#MainVisual .MV_LinkBtn.Goaisatu a {
	position: relative;
	top: 70px;
	left: 20px;
}

/* ▲ 2025/01/06 新年の御挨拶対応 */

		/* ▼ 追加（カルーセルバナー・キービジュアル） */
		.MVBox .ImageBox.KV {
			background-image: url('../images/top/mv/mv_01sp_autumn.jpg');
			background-size: cover;
			background-position: 50% top;
			min-height: 90vh;
			max-height: 90vh;
		}

		/* テキストのスマホ表示位置指定 */
		.MVBox .MVCopy.KV {
			top: 150px;
			left: 10px;

			background-size: 120%;
		}

		/* リンクボタンのスマホ表示位置指定） */
		.MVBox.KeyVisual .MV_LinkBtn{
			bottom: 25vw !important;
		}
		/* ▲ 追加（カルーセルバナー・キービジュアル） */



		/* ▼ 追加（カルーセルバナー・Futured Products） */
		/* リンクボタンのスマホ表示位置指定 */
		.MVBox.FeaturedProducts .MV_LinkBtn{
			bottom: 25vw !important;
		}
		/* ▲ 追加（カルーセルバナー・Futured Products） */


		/* ▼追加 */
		.MVBox .ImageBox.LINE {
			background-image: url('../images/top/mv/mv_08sp.jpg');
			background-size: cover;
			background-position: 50% top;
			min-height: 90vh;
			max-height: 90vh;
		}

		.MVBox .MVCopy.LINE { 
			/* QRコードは非表示 */
			display: none;
		}

		#MainVisual .MV_LinkBtn.LINE {
			width:100%;
			right:0;
			bottom: 8vh;
			padding: 0;
		}

		/* ▼ 2024/07/19 LINE紹介漫画対応 */
		#MainVisual .MV_LinkBtn.LINE a {
			background: url('../images/top/mv/button_08sp.jpg');
			background-size: 100%;
			/* height: calc(100vw / 10); */
			height: 40px;
			position: relative;
			top: 15px;
		}

		#LINE_LINK {
			/* かんたん登録の文字を消す */
			display: none;
		}

		#MainVisual .ScrollIconBk {
			/* scroll の文字を消す */
			display: none;
		}
		/* ▲追加 */


		/*230627修正*/
		.MVBox .ImageBox.PositionRight img {
			object-position: 75% center;
		}
		/*230724追記*/
		.MVBox .ImageBox.PositionLeft img {
			object-position: 30% center;
		}


		/*230821追記*/
		.MVBox.NaturalProducts img{
			/* ▼ 追加（カルーセルバナー・Natural Products） */
			/* 製品写真のスマホ表示位置 */
			object-fit: cover;
			/* ▲ 追加（カルーセルバナー・Natural Products） */

			/* ▼変更 */
			/* object-position: 50% center; */
			object-position: 53% center;
			/* ▲変更 */
		}
		/*230801追記*/
		.MVBox.FeaturedProducts img{
			object-position: left center;
		}

		/* ▼ 変更（カルーセルバナー・Futured Products） */
		.MVBox.FeaturedProducts .MVCopy{
			/* top:40%; */
			top: calc((100vh - 97.33vmin) / 2);
		}
		/* ▲ 変更（カルーセルバナー・Futured Products） */


		.MVBox.FeaturedProducts .FeaturedProductsBox {
			right:1em;
			bottom: 12em;

			/* ▼ 追加（カルーセルバナー・Futured Products） */
			/* 製品写真＋テキストのスマホ表示位置、サイズ */
			max-height: 60vmin;
			justify-content: flex-end;
			/* ▲ 追加（カルーセルバナー・Futured Products） */
		}

		.MVBox .MVCopy {
			top: calc((100% - 17.33vmin) /2);
			left: 0;
			width: 75vw;
			height: 27vw;
		}


		/*230627修正*/
		.MVBox .MVCopy.Large {
			width: calc(75vw * 1.3);
			height: calc(27vw * 1.65);
		}
		/*230724追記*/
		.MVBox .MVCopy.Right {
			left: 0;
		}
		/*230821追記*/
		.MVBox.NaturalProducts .MVCopy{
			width: calc(75vw * 1.1);
			height: calc(27vw * 2.12);
			background-image: url("../images/top/mv/copy_03_sp.png");

			/* ▼ 追加（カルーセルバナー・Natural Products） */
			/* 文字のスマホ表示位置 */
			top: calc((100% - 19.33vmin) / 2);

			left: -10px;
			/* ▲ 追加（カルーセルバナー・Natural Products） */
		}
		.MVSlider .slick-dots {
			padding-left: 2em;
			padding-right: 2em;
		}
		.slick-num {
			padding-right: 2em;
		}
		#MainVisual .MV_LinkBtn {
			right: 2em;
			bottom: 30vw;
		}
		/*20230821追記*/
		.MVBox.NaturalProducts .MV_LinkBtn{
			bottom: 25vw !important;
		}


/* ▼ 2023/11/10 カルーセルバナーにトップメッセージ追加 */

.MVBox .ImageBox.TopMessage {
	background-image: url('/images/top/mv/mv_09sp.png?upd=20241001');
	background-size: cover;
	background-position: 50% top;
	min-height: 90vh;
	max-height: 90vh;
}

.MVBox .MVCopy.TopMessage {
	display: none;
}

#MainVisual .MV_LinkBtn.TopMessage a {
	position: relative;
	top: 70px;
	left: 20px;
}

/* ▲ 2023/11/10 カルーセルバナーにトップメッセージ追加 */


		/* ▼ 2025/03/15 カルーセルバナーにスミカ・ドローンサイト追加 */

		.MVBox .ImageBox.DroneSite {
			background-image: url('/images/top/mv/mv_13sp.png');
			background-size: cover;
			background-position: 50% top;
			min-height: 90vh;
			max-height: 90vh;
		}

		.MVBox .MVCopy.DroneSite {
			display: none;
		}

		#MainVisual .MV_LinkBtn.DroneSite a {
			position: relative;
			top: 70px;
			left: 20px;
		}

		/* ▲ 2025/03/15 カルーセルバナーにスミカ・ドローンサイト追加 */


		/* ▼ 2025/07/29 カルーセルバナーにアディオン乳剤４０周年追加 */
		.MVBox .ImageBox.Adion40 {
			background-image: url('/images/top/mv/mv_15sp.jpg');
			background-size: cover;
			background-position: 50% top;
			min-height: 90vh;
			max-height: 90vh;
		}

		.MVBox .MVCopy.Adion40 {
			display: none;
		}

		#MainVisual .MV_LinkBtn.Adion40 a {
			position: relative;
			top: 70px;
			left: 20px;
		}
		/* ▲ 2025/07/29 カルーセルバナーにアディオン乳剤４０周年追加 */



		/* ▼ 2024/03/13 カルーセルバナーにレオゼータ追加 */
		.MVBox .ImageBox.LeoZeta {
			background-image: url('/images/top/mv/mv_10sp.png');
			background-size: cover;
			background-position: 50% top;
			min-height: 90vh;
			max-height: 90vh;
		}


		.MV_LinkBtn.LeoZetaPC {
			display: none;
		}

		.MV_LinkBtn.LeoZetaSP {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;

			position: absolute;
			top: 78vh;
			left: calc(50% - min((41.666vw * 1.1), 800px));
		}

		.MV_LinkBtn.LeoZetaSP div a {
			height: 3em !important;
		}

		/* ▲ 2024/03/13 カルーセルバナーにレオゼータ追加 */

		/* ▼ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */
		.MVBox.FeaturedProducts.Kaname img{
			object-position: 55% 50%;
		}

		.MVBox.FeaturedProducts .LogoImageKaname {
			display: none;
		}

		.MVBox.FeaturedProducts .ProdImageKaname {
			display: none;
		}

		.MVBox.FeaturedProducts .CopyImageKaname {
			display: none;
		}

		.MVBox.FeaturedProducts .SpImageKaname {
			display: flex;

			width: 95vw;

			position: absolute;
			bottom: 25vw;
			left: 1vw;
		}
		/* ▲ 2025/01/29 カルーセルバナーにカナメフロアブル追加 */



		/* ▼ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */
		.MVBox.FeaturedProducts.FusekiWide img{
			object-position: 55% 50%;
		}

		.MVBox.FeaturedProducts.FusekiWide .LogoImageFusekiWide {
			display: none;
		}

		.MVBox.FeaturedProducts.FusekiWide .ProdImageFusekiWide {
			display: none;
		}

		.MVBox.FeaturedProducts.FusekiWide .CopyImageFusekiWide {
			display: none;
		}

		.MVBox.FeaturedProducts.FusekiWide .SpImageFusekiWide {
			display: flex;

			width: 95vw;

			position: absolute;
			bottom: 33vw;
			left: 1vw;
		}
		/* ▲ 2025/05/08 カルーセルバナーにフセキワイドフロアブル追加 */


		/*トピックス*/
		#TopicsArea {
			padding: 6.66vw;
		}
		#TopicsTable th, #TopicsTable td {
			display: block;
			width: 100%;
			border-bottom: none;
			text-align: left;
			padding: 0.5em 0;
		}
		#TopicsTable th {
			padding-bottom: 0.25em;
		}
		#TopicsTable td {
			padding-top: 0.25em;
		}
		#TopicsTable tr {
			border-bottom: solid 1px #c6c6ca;
		}
		/*ピックアップメニュー*/
		#PickupMenu {
			padding: 8vmin 0;
		}
		#PickupMenu ul {
			display: flex;
			flex-flow: column;
			width: 90%;
		}
		#PickupMenu ul li {
			display: block;
			width: 100%;
			max-width: 100%;
			height: auto;
			max-height: auto;
			aspect-ratio: 2/1;
			margin-bottom: 1em;
		}
		#PickupMenu ul li a {
			padding: 1em;
			font-size: 155%;
			line-height: 150%;
		}





		/*季節のワンポイント情報・おすすめ製品*/
		/*230623追記*/
		.RecommendProdArea a.RecommendProdBox {
			/* width: 45%; */
			/*padding: 0.5em;*/

			/* width: 100%; */
			/* max-width: 1000px; */
			/* margin: 0 auto; */
			/* overflow-x: scroll; */
			/* scroll-snap-type: x mandatory; */

overflow-x: scroll;
		}

		/* カテゴリーの大枠 */
		/* （肥料だけはコンテンツが少ないので幅指定が異なる） */
		.Category1, .Category2, .Category3 {
			width: 184vw; 
			border-collapse: collapse;
		}
		.Category4 {
			/* ▼ 2024/04/30 肥料幅指定変更 */
			/* width: 93vw; */ 
			width: 138vw; 
			/* ▲ 2024/04/30 肥料幅指定変更 */
			border-collapse: collapse;
		}

		/* 製品表示枠 */
		.ProdDummy {
			width: 0;
		}








		/*動画ライブラリ*/
		#VideoLibrary {
			margin: 0;
		}

		/* ▼ 2024-07-30 牛川：動画ライブラリ デザイン修正 */
		#VideoLibrary::before {
			width: 80vw;
		}
		/* ▲ 2024-07-30 牛川：動画ライブラリ デザイン修正 */

		#VideoLibrary .ContentsBlock {
			background-position: right 2.5vw top 1.66vw;
			background-size: 8vmin auto;
			padding: 1em 0;
			width: 90%;
		}
		#VideoLibrary .ContentsBlock p {
			/* ▼ 2024-07-31 牛川：動画ライブラリ デザイン修正 */
			/* width: 100%; */
			width: 80%;
			/* ▲ 2024-07-31 牛川：動画ライブラリ デザイン修正 */
		}
		#VideoLibrary .ContentsBlock #ThumbnailArea {
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: center;
			margin-top: 1em;
		}
		#VideoLibrary .ContentsBlock #ThumbnailArea a {
			width: 80vw;
			max-width: 80vw;
			aspect-ratio: 16/9;
			margin-bottom: 1em;
		}
		#VideoLibrary .ContentsBlock #ThumbnailArea a::after {
			content: "";
			width: 20vmin;
			height: 20vmin;
		}


		/* ▼ 2024/04/16 動画Youtubeリンクに変更 */
		#VideoLibrary .ContentsBlock #VideoThumbnail {
			display: flex;
			flex-flow: column;

			/* ▼ 2024-07-31 牛川：動画ライブラリ デザイン修正 */
			/* align-items: center; */
			align-items: start;
			/* ▲ 2024-07-31 牛川：動画ライブラリ デザイン修正 */

			justify-content: center;
		}
		/* ▲ 2024/04/16 動画Youtubeリンクに変更 */

		/* ▼ 2024-07-31 牛川：動画ライブラリ デザイン修正 */
		br.PC {
			display: none;
		}
		/* ▲ 2024-07-31 牛川：動画ライブラリ デザイン修正 */



		/*ピックアップコンテンツ*/
		#PickupContents {
			/*padding-top: 160px 0 0;*/
		}
		#PickupContents .PickupContentsBlock {
			display: flex;
			flex-flow: column;
			justify-content: center;
			align-items: center;
			padding: 0;
		}

		/* ▼ 2024/03/28（ピックアップコンテンツの画像にリンク追加） */
		.PickupContentsLink 
		{
			width: 100%;
			max-width: 100%;
		}
		/* ▲ 2024/03/28（ピックアップコンテンツの画像にリンク追加） */

		#PickupContents .PickupContentsBlock img {
			display: block;
			width: 100%;
			max-width: 100%;
		}
		#PickupContents .PickupContentsBlock div {
			padding-left: 0;
		}
		/*おすすめコンテンツ・Facebopok*/
		#RecommendContentsArea {
			display: flex;
			flex-wrap: nowrap;
			flex-flow: column;
		}
		#RecommendContentsArea .RecommendContentsBox {
			width: 100%;
			max-width: 100%;
		}

		/* ▼ 2024/06/25 横２ブロックを占有するおすすめコンテンツ表示欄を追加 */
		#RecommendContentsArea .RecommendContentsBox2 {
			width: 100%;
			max-width: 100%;
		}
		#RecommendContentsArea .RecommendContentsBox2 img {

		}

		/* ＰＣとスマホで表示を切り替え */
		#Box2 {
			display: initial;
		}
		#Box2_D2 {
			width: 100%;
		}
		#Box2_D3 {
			width: 100%;
			padding-left: 0;
		}
		/* ▲ 2024/06/25 横２ブロックを占有するおすすめコンテンツ表示欄を追加 */

	}
	@media screen and (min-aspect-ratio: 11/10) {
		/* 横向きの場合のスタイル */
	}
}