@charset "UTF-8";

/*******************************************************************/
/* PC */
/*******************************************************************/
@media print,
screen and (min-width: 769px) {

	/*<start>==========================================================*/
	/*=================================================================*/
	/*	スライドショー */
	/*=================================================================*/
	.simply-scroll {
		/* padding-top: 140px; */
	}

	/* .mainText {
		font-size: 2.0rem;
		text-align: center;
		font-weight: 900;
		line-height: 2.0em;
		padding: 37px 0 64px;
		width: 900px;
		max-height: 100%;
		margin: 0 auto;
	} */

	/* スワイパー全体のスタイル修正 */
	.fv_slide {
		padding-top: 120px;
		width: 100%;
		background: #F5C501;
		position: relative;
		overflow: hidden;
	}

	/* スワイパーコンテナのスタイル */
	.fv_slide .swiper {
		width: 100%;
		/* max-width: 1200px; */
		max-width: min(calc(1100/1340 * 100%), 1100px);
		margin: 0 auto;
		/* overflow: hidden; */
		overflow: visible;
		position: relative;
	}

	.swiper-container__wrapper {
		position: relative;
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 50px;
	}

	/* スライド内のリンクとイメージ */
	.fv_slide .swiper-slide a {
		display: block;
		max-width: 1100px;
		/* max-width: min(calc(1200/1440 * 100%), 1200px); */
		margin: auto;
	}

	.fv_slide .swiper-slide a img {
		width: 100%;
		height: auto;
		aspect-ratio: 980/420;
		object-fit: cover;
	}

	/* センタリングのための追加スタイル */
	.fv_slide .swiper-wrapper {
		display: flex;
		align-items: center;
	}

	/* スライドの表示を調整 */
	.fv_slide .swiper-slide {
		opacity: 1 !important;
		width: 100% !important;
		visibility: visible !important;
	}

	/* アクティブでないスライドを非表示にする */
	.fv_slide .swiper-slide:not(.swiper-slide-active) {
		visibility: hidden !important;
		opacity: 0 !important;
	}

	/* ナビゲーションボタンのスタイル調整*/
	.swiper-pagination {
		max-width: 1200px;
	}

	.fv_slide .swiper-button-next,
	.fv_slide .swiper-button-prev {
		color: #fff;
		background-color: rgba(51, 51, 51, 0.5);
		width: 32px;
		height: 56px;
		background: #333;
		opacity: 0.5;
		width: 32px;
		height: 56px;
		color: #fff;
		top: 50%;
	}

	.fv_slide .swiper-button-next {
		/* right: 2%; */
		right: -40px;
	}

	.fv_slide .swiper-button-prev {
		/* left: 2%; */
		left: -40px;
	}

	.fv_slide .swiper-button-next:after,
	.fv_slide .swiper-button-prev:after {
		font-size: 25px;
	}

	.fv_slide .swiper-pagination {
		position: static;
		margin-top: 10px;
	}

	.fv_slide .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		background: #EEEEEE;
		opacity: 1;
	}

	.fv_slide .swiper-pagination-bullet-active {
		background: #333333;
	}

	/*=================================================================*/
	/*	商品部分 */
	/*=================================================================*/
	.product-lineup {
		padding-top: 120px;
		padding-bottom: 150px;
		background: #F5C501;
		margin-top: -35px;
	}

	/* タブ関連 */
	.tab-section {
		max-width: 1200px;
		margin: auto;
	}

	.tab-container {
		display: flex;
		width: 100%;
		gap: 10px;
	}

	.tab {
		flex: 1;
		background: url(../images/top/product/tab-bg.png)no-repeat center center/cover;
		color: #fff;
		padding: 20px;
		display: flex;
		align-items: center;
		cursor: pointer;
		position: relative;
		justify-content: center;
	}

	.tab::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		border-left: 24px solid transparent;
		border-top: 24px solid #F5C501;
	}

	.tab.active {
		background: #040404;
		position: relative;
	}

	.tab.active:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid #040404;
		position: absolute;
		bottom: -25px;
		margin: 0 auto;
	}

	.tab-wrapper {
		position: relative;
		display: flex;
		align-items: center;
	}

	.tab.active .tab-wrapper:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		background: #f5c501;
		bottom: -8px;
	}

	.tab img {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}

	.tab h2 {
		font-size: 24px;
		font-weight: bold;
		font-family: "Noto Sans JP";
	}

	/* タブコンテンツ */
	.tab-content {
		display: none;
		border-top: 10px solid #040404;
		padding: 48px 64px 64px;
		background: url('../images/top/product/tab-content-bg.png')no-repeat center center/cover;
	}

	.tab-content.active {
		display: block;
	}

	/* 検索コンテナ */
	.search-container {
		display: flex;
		justify-content: space-between;
		margin-bottom: 74px;
		gap: 80px;
		/* flex-wrap: wrap; */
	}

	.select2-container {
		flex: 1;
	}

	.selection {
		display: block;
		width: 100%;
		height: 100%;
	}

	.select2-container .select2-selection--single {
		box-sizing: border-box;
		border: 2px solid #333333 !important;
		appearance: none;
		background-image: url('../../common/images/select-arrow.png');
		background-repeat: no-repeat;
		background-position: right 0 center;
		background-size: 48px;
		font-size: 16px;
		width: 100%;
		height: 49px !important;
	}

	.select2-search--dropdown {
		display: none !important;
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		padding: 10px 24px;
		font-weight: inherit;
	}

	.select2-selection__arrow {
		display: none;
	}

	/* ドロップダウンのスタイル追加 */
	.select2-dropdown {
		border: 2px solid #333333;
		border-radius: 0;
	}

	.select2-results__option {
		padding: 10px 24px;
		cursor: pointer;
	}

	.select2-results__option--highlighted {
		background-color: #FFCC00 !important;
		color: #333333 !important;
	}

	.search-box {
		flex: 1;
		min-width: 280px;
		/* margin: 0 10px 20px; */
	}

	.search-box h3 {
		font-weight: bold;
		font-size: 20px;
		line-height: calc(30/20);
	}

	.select-container {
		margin-top: 10px;
		display: flex;
	}

	.select-container select {
		flex: 1;
		padding: 14px 24px;
		box-sizing: border-box;
		border: 2px solid #333333;
		appearance: none;
		background-image: url('../../common/images/select-arrow.png');
		background-repeat: no-repeat;
		background-position: right 0 center;
		background-size: 48px;
		font-size: 16px;
		height: auto;
		max-height: 300px;
		overflow-y: auto;
	}


	.search-btn {
		background-color: #F5C501;
		color: #333333;
		border: none;
		border-radius: 20px;
		padding: 8px 20px;
		margin-left: 20px;
		margin-top: auto;
		margin-bottom: auto;
		font-size: 16px;
		font-family: inherit;
		height: 40px;
		font-weight: bold;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		white-space: nowrap;
		font-family: "Noto Sans JP";
	}

	.search-btn:hover {
		background-color: #333;
		color: #F5C501;
	}

	.pickup-products {
		/* margin-top: 74px; */
	}

	/* PICKUP製品 */
	.pickup-products h2 {
		font-family: "Noto Sans JP";
		text-align: center;
		font-weight: bold;
		font-size: 40px;
		color: #333;
		line-height: 1;
	}

	.product-container {
		margin-top: 20px;
		display: flex;
		justify-content: center;
		/* flex-wrap: wrap; */
		gap: 30px;
	}

	.product-item {
		/* width: 31%; */
		/* overflow: hidden;
		transition: transform 0.3s; */
	}

	.product-item:hover {
		/* transform: translateY(-5px); */
	}

	.product-item a {
		display: block;
		color: var(--black);
		text-decoration: none;
	}

	.product-image {
		width: 100%;
		height: 228px;
		overflow: hidden;
	}

	.product-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		transition: transform 0.3s;
	}

	/* .product-item:hover .product-image img {
		transform: scale(1.05);
	} */

	.product-item h3 {
		margin-top: 20px;
		font-weight: bold;
		font-size: 18px;
		line-height: calc(27/18);
		text-align: center;
		color: #333;
	}

	.product-item p {
		margin-top: 5px;
		font-size: 16px;
		color: #272626;
		text-align: center;
	}

	/* もっと見るボタン */
	.more-link {
		margin-top: 40px;
		text-align: center;
	}

	.more-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 320px;
		height: 60px;
		background: #f5c501;
		border: 3px solid #333;
		padding: 17px;
		box-sizing: border-box;
		transition: all 0.3s;
		font-weight: bold;
		font-size: 18px;
		line-height: calc(27/18);
		color: #333;
		position: relative;
		font-family: "Noto Sans JP";
	}

	.more-btn:after {
		content: '';
		height: 0;
		width: 0;
		position: absolute;
		bottom: 7px;
		right: 7px;
		border-left: 10px solid transparent;
		border-bottom: 10px solid #333;
		transition: all 0.3s;
	}

	.more-btn:hover {
		background-color: #333;
		color: #f5c501;
	}

	.more-btn:hover::after {
		border-bottom: 10px solid #f5c501;
	}

	/* なるほどアロンアルフア記事 */
	.article-container {
		display: flex;
		flex-wrap: wrap;
		margin: 100px -15px 0;
	}

	.article-item {
		width: calc(33.33% - 30px);
		margin: 0 15px 0px;
		/* overflow: hidden;
		transition: transform 0.3s; */
	}

	.article-item:hover {
		/* transform: translateY(-5px); */
	}

	.article-item a {
		display: block;
	}

	.article-image {
		width: 100%;
		/* height: 180px; */
		/* overflow: hidden; */
		position: relative;
	}

	.article-image img {
		width: 100%;
		height: 100%;
		aspect-ratio: 340/230;
		object-fit: cover;
		/* transition: transform 0.3s; */
	}

	.article-item:hover .article-image img {
		/* transform: scale(1.05); */
	}

	.article-image-icon {
		position: absolute;
		left: -15px;
		top: -15px;
	}

	.article-image-icon img {
		aspect-ratio: 75/65;
	}

	.article-title {
		margin-top: 20px;
		font-weight: bold;
		font-size: 18px;
		line-height: calc(27/18);
		text-align: left;
		color: #333;

	}

	.article-info p {
		font-size: 13px;
		color: #666;
		margin: 0 0 15px;
	}

	.tags {
		margin-top: 15px;
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
	}

	.tags .tag {
		background-color: #333333;
		border: 1px solid #fff;
		font-size: 12px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: calc(17/12);
		color: #fff;
		box-sizing: border-box;
		height: 27px;
	}

	/*=================================================================*/
	/*	なるほどアロンアルフア */
	/*=================================================================*/
	section.columnArea {
		padding: 76px 0 48px;
		background: url(../images/top/bg_column.jpg) no-repeat center #f5c501;
		background-size: cover;
	}

	section.columnArea h2 {
		text-align: center;
		margin: 0 auto 35px;
		width: 570px;
	}

	section.columnArea h2 img {
		width: 100%;
		height: auto;
	}

	section.columnArea div.tagList {
		text-align: center;
		margin: 0 auto 34px auto !important;
	}

	section.columnArea div.tagList h3 {
		margin: 0 0 17px 0;
	}

	section.columnArea div.tagList ul li {
		display: inline-block;
		margin: 0 0 3px;
	}

	section.columnArea div.tagList ul li a {
		display: block;
		padding: 4px 18px;
		background: #fff;
		border: 1px solid #000;
		font-weight: 500;
	}

	_:-ms-fullscreen,
	:root section.columnArea div.tagList ul li a {
		/* IE11以上 */
		padding: 7px 18px 4px;
	}

	section.columnArea div.catList h3 {
		text-align: center;
		margin: 0 0 26px 0;
	}

	section.columnArea div.catList .detail {
		margin: 0 0 47px 0;
	}

	section.columnArea div.catList ul.btnTab {
		width: 888px;
		margin: 0 auto 45px auto;
	}

	section.columnArea div.catList ul.btnTab li {
		position: relative;
		display: table-cell;
		width: 294px;
		height: 63.78px;
		padding: 10px 0 0 0;
		box-sizing: border-box;
		border-right: 1px solid #777777;
		text-align: center;
		cursor: pointer;
	}

	_::-webkit-full-page-media,
	_:future,
	:root section.columnArea div.catList ul.btnTab li {
		/* safari */
		vertical-align: top;
	}

	section.columnArea div.catList ul.btnTab li:first-child img {
		width: auto;
		height: 23px;
	}

	section.columnArea div.catList ul.btnTab li:nth-child(2) img,
	section.columnArea div.catList ul.btnTab li:last-child img {
		width: auto;
		height: 25px;
	}

	section.columnArea div.catList ul.btnTab li:nth-child(3) img {
		width: auto;
		height: 21px;
	}

	section.columnArea div.catList ul.btnTab li:last-child {
		border-right: 0;
	}

	section.columnArea div.catList ul.btnTab li.noselect0_0 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_1 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_2 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_3 img.select {
		display: none;
	}

	section.columnArea div.catList ul.btnTab li.noselect0_0:hover img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_1:hover img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_2:hover img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_3:hover img.select {
		display: inline-block;
	}

	section.columnArea div.catList ul.btnTab li.noselect0_0:hover img.noselect,
	section.columnArea div.catList ul.btnTab li.noselect0_1:hover img.noselect,
	section.columnArea div.catList ul.btnTab li.noselect0_2:hover img.noselect,
	section.columnArea div.catList ul.btnTab li.noselect0_3:hover img.noselect {
		display: none;
	}

	section.columnArea div.catList ul.btnTab li.select0_0 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_1 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_2 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_3 img.noselect {
		display: none;
	}

	section.columnArea div.catList ul.btnTab li.select0_0::after,
	section.columnArea div.catList ul.btnTab li.select0_1::after,
	section.columnArea div.catList ul.btnTab li.select0_2::after,
	section.columnArea div.catList ul.btnTab li.select0_3::after {
		position: absolute;
		bottom: -9px;
		left: 0;
		right: 0;
		width: 156px;
		height: 24px;
		margin: auto;
		background: url(../images/top/img_hov.png) no-repeat center;
		content: '';
	}

	section.columnArea div.catList .columnList {
		width: 888px;
		margin: 0 auto;
	}

	section.columnArea div.catList .columnList ul li {
		float: left;
		width: 281px;
		margin: 0 21px 0 0;
	}

	section.columnArea div.catList .columnList ul li:last-child {
		margin: 0;
	}

	section.columnArea div.catList .columnList ul li a {
		color: #fff;
	}

	section.columnArea div.catList .columnList ul li a:hover dt img {
		opacity: 0.7;
	}

	section.columnArea div.catList .columnList dt {
		position: relative;
		margin: 0 0 10px 0;
	}

	section.columnArea div.catList .columnList dt span.icon {
		position: absolute;
		top: -20px;
		left: 10px;
		width: 56px;
	}

	section.columnArea div.catList .columnList dt img {
		width: 100%;
		height: auto;
	}

	section.columnArea div.catList .columnList dd .date {
		font-size: 1.2rem;
	}

	section.columnArea div.catList .columnList dd h4 {
		margin: 5px 0;
		font-size: 1.6rem;
		font-weight: 500;
	}

	section.columnArea div.catList .columnList dd p.columTag {
		color: #fff;
		font-size: 1.2rem;
		font-weight: 600;
	}

	section.columnArea div.catList .columnList dd p.columTag span {
		display: inline-block;
		padding: 2px 8px;
		margin: 0 10px 5px 0;
		border: 1px solid #777777;
	}

	_:-ms-fullscreen,
	:root section.columnArea div.catList .columnList dd p.columTag span {
		/* IE11以上 */
		padding: 4px 8px 2px;
	}

	section.columnArea div.catList .columnList a:hover dd p.columTag span {
		border: 1px solid #fff;
		background: #fff;
		color: #000;
	}

	section.columnArea div.catList a.btn02 {
		width: 180px;
		padding: 7px 0;
		font-size: 1.6rem;
	}

	/*=================================================================*/
	/*	製品ラインナップ */
	/*=================================================================*/
	section.productArea {
		position: relative;
		padding: 53px 0 86px;
		background: url(../images/top/bg_product.jpg) no-repeat center #f5c501;
		background-size: cover;
	}

	section.productArea a:hover {
		opacity: 1;
	}

	section.productArea a:hover span.btn {
		opacity: 0.7;
	}

	section.productArea .productBox {
		height: 454px;
		background: url(../images/top/img_product.png) no-repeat center bottom;
		background-size: 75%;
	}

	section.productArea .productBox h2 {
		text-align: center;
		margin: 0 0 17px 0;
	}

	section.productArea .productBox h2 span.icon {
		display: block;
		width: 65px;
		margin: 0 auto 9px;
	}

	section.productArea .productBox h2 span.icon img {
		width: 100%;
		height: auto;
	}

	section.productArea .productBox h2>img {
		width: 550px;
		height: auto;
	}

	section.productArea .productBox p {
		margin: 0 0 27px 0;
		text-align: center;
	}

	section.productArea .productBox p img {
		width: 216px;
		height: auto;
	}

	section.productArea .productBox span.btn {
		width: 180px;
		padding: 7px 0;
		font-size: 1.6rem;
	}

	/*=================================================================*/
	/*	CMひみつ */
	/*=================================================================*/
	section.btnArea {
		display: table;
		width: 100%;
		position: relative;
	}

	section.btnArea img.centerImg {
		position: absolute;
		top: -15px;
		left: 0;
		right: 0;
		width: 55px;
		margin: auto;
		z-index: 999;
	}

	section.btnArea div.cmBox {
		background: url(../images/top/bg_cm.jpg) no-repeat left center;
		background-size: cover;
		vertical-align: middle;
	}

	section.btnArea div.secretBox {
		background: url(../images/top/bg_secret.jpg) no-repeat right center;
		background-size: cover;
		vertical-align: middle;
	}

	section.btnArea div.cmBox,
	section.btnArea div.secretBox {
		position: relative;
		display: table-cell;
		width: 50%;
		padding: 20px 0;
		text-align: center;
	}

	section.btnArea div.cmBox p.txt,
	section.btnArea div.secretBox p.txt {
		height: 190px;
	}

	section.btnArea div.cmBox p.txt img,
	section.btnArea div.secretBox p.txt img {
		width: auto;
		height: 100%;
	}

	section.btnArea div.cmBox span.btn,
	section.btnArea div.secretBox span.btn {
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
		width: 146px;
		padding: 3px 0;
		margin: auto;
		font-size: 1.6rem;
	}

	section.btnArea div.cmBox a:hover,
	section.btnArea div.secretBox a:hover {
		opacity: 1;
	}

	section.btnArea div.cmBox a:hover span.btn,
	section.btnArea div.secretBox a:hover span.btn {
		opacity: 0.7;
	}

	/*=================================================================*/
	/*	新着情報 */
	/*=================================================================*/
	section.newsArea {
		/* background: #f5c501; */
		position: relative;
		padding: 134px 0 100px;
	}

	.newsAreaInner {
		max-width: 1040px;
		margin: 0 auto;
		width: 96.77%;
	}

	section.newsArea h2 {
		font-family: "Noto Sans JP";
		text-align: center;
		font-weight: 900;
		font-size: 64px;
		line-height: 27px;
		color: #333;
		line-height: 1;
	}

	section.newsArea h2 span.icon {
		display: block;
		width: 42px;
		margin: 0 auto 12px;
	}

	section.newsArea h2 span.icon img {
		width: 100%;
		height: auto;
	}

	section.newsArea h2>img {
		width: 135px;
		height: auto;
	}

	section.newsArea ul.newsList {
		margin-top: 22px;
	}

	section.newsArea ul li {
		padding: 30px 20px;
		max-height: 100%;
		font-weight: 500;
		background: #FFF;
		display: flex;
		font-size: 16px;
		/* align-items: center; */
		border-bottom: 1px solid #333333;
	}

	section.newsArea ul li a {
		/* margin-top: 12px; */
		display: flex;
		align-items: center;
	}

	/* section.newsArea ul li a+a {
		margin-top: 0;
	} */
	section.newsArea ul li .newsitemLink {
		text-decoration: underline;
		margin-top: 10px;
	}

	section.newsArea ul li .newsitemLink+.newsitemLink {
		margin-top: 2px;
	}

	/*section.newsArea ul li:nth-child(even) {
		background: #e0b300;
	}*/
	section.newsArea ul li span.date {
		min-width: 80px;
		font-size: 16px;
		color: #333;
		margin-right: 45px;

	}

	section.newsArea ul li span.release {
		/* margin-top: -5px; */
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFF;
		margin-right: 15px;
		background-color: #d80005;
		min-width: 80px;
		height: 30px;
	}

	section.newsArea ul li span.media {
		/* margin-top: -5px; */
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFF;
		margin-right: 15px;
		background-color: #0066d4;
		min-width: 80px;
		height: 30px;
		line-height: 1;
	}


	.newsArea .more-link {
		margin-top: 60px;
	}

	/* section.newsArea a.btn03 {
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		width: 180px;
		padding: 7px 0;
		margin: auto;
		background: url(../images/top/bg_btn03.gif) repeat top left;
		font-size: 1.6rem;
	} */

	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	/* footer {
		background: url(../images/top/bg_news.png) no-repeat center top, url(../images/top/bg_footer.gif) repeat center top;
		background-size: auto, auto;
	} */

	/*<end>============================================================*/
}

@media print,
screen and (min-width: 1367px) and (max-width: 1920px) {

	/*<start>==========================================================*/
	/*=================================================================*/
	/*	スライドショー */
	/*=================================================================*/
	.simply-scroll {
		padding-top: 142px;
	}

	.mainText {
		font-size: 2.4rem;
		width: auto;
	}

	/*=================================================================*/
	/*	なるほどアロンアルフア */
	/*=================================================================*/
	section.columnArea {
		padding: 6.04% 0 3.84%;
		background-size: cover;
	}

	section.columnArea h2 {
		width: auto;
	}

	section.columnArea h2 img {
		width: auto;
	}

	section.columnArea div.catList .detail {
		margin: 0 0 47px 0;
	}

	section.columnArea div.catList ul.btnTab {
		display: table;
		width: 93.75%;
		margin: 0 auto 3.59% auto;
	}

	section.columnArea div.catList ul.btnTab li {
		width: 25%;
	}

	section.columnArea div.catList ul.btnTab li:first-child img {
		width: auto;
		height: 28px;
	}

	section.columnArea div.catList ul.btnTab li:nth-child(2) img,
	section.columnArea div.catList ul.btnTab li:last-child img {
		width: auto;
		height: 30px;
	}

	section.columnArea div.catList ul.btnTab li:nth-child(3) img {
		width: auto;
		height: 30px;
	}

	section.columnArea div.catList ul.btnTab li.select0_0::after,
	section.columnArea div.catList ul.btnTab li.select0_1::after,
	section.columnArea div.catList ul.btnTab li.select0_2::after,
	section.columnArea div.catList ul.btnTab li.select0_3::after {
		width: 53.33%;
		height: 37.6293%;
	}

	section.columnArea div.catList .columnList {
		width: 93.75%;
		max-width: 1800px;
	}

	section.columnArea div.catList .columnList ul li {
		width: 31.666%;
		margin: 0 2.5% 0 0;
	}

	section.columnArea div.catList .columnList dt img {
		width: 100%;
		height: auto;
	}

	/*=================================================================*/
	/*	製品ラインナップ */
	/*=================================================================*/
	section.productArea .productBox {
		height: 604px;
		background: url(../images/top/img_product.png) no-repeat center bottom;
		background-size: auto;
	}

	section.productArea .productBox h2 span.icon {
		width: 87px;
	}

	section.productArea .productBox h2>img {
		width: auto;
	}

	section.productArea .productBox p img {
		width: auto;
	}

	/*=================================================================*/
	/*	CMひみつ */
	/*=================================================================*/
	section.btnArea {
		width: 100%;
	}

	section.btnArea img.centerImg {
		top: -6.92%;
		width: 4.414%;
	}

	section.btnArea div.cmBox,
	section.btnArea div.secretBox {
		padding: 1.58% 0;
	}

	section.btnArea div.cmBox p.txt,
	section.btnArea div.secretBox p.txt {
		height: auto;
	}

	section.btnArea div.cmBox p.txt img,
	section.btnArea div.secretBox p.txt img {
		width: 47.9166%;
		height: auto;
	}

	section.btnArea div.cmBox span.btn,
	section.btnArea div.secretBox span.btn {
		position: absolute;
		bottom: 18%;
		left: 0;
		right: 0;
		width: 18.75%;
		min-width: 150px;
		padding: 0.5% 0;
		margin: auto;
		font-size: 1.6rem;
	}

	/*=================================================================*/
	/*	新着情報 */
	/*=================================================================*/
	section.newsArea h2 span.icon {
		width: 56px;
	}

	section.newsArea h2>img {
		width: auto;
	}

	/*<end>==========================================================*/
}

@media all and (-ms-high-contrast: none) {

	section.columnArea div.catList ul.btnTab li.select0_0::after,
	section.columnArea div.catList ul.btnTab li.select0_1::after,
	section.columnArea div.catList ul.btnTab li.select0_2::after,
	section.columnArea div.catList ul.btnTab li.select0_3::after {
		padding: 5px;
	}

	/* IE11 */
}

@media print,
screen and (min-width: 1921px) {

	/*<start>==========================================================*/
	/*=================================================================*/
	/*	スライドショー */
	/*=================================================================*/
	.simply-scroll {
		padding-top: 152px;
	}

	.mainText {
		font-size: 2.4rem;
		width: auto;
	}

	/*=================================================================*/
	/*	なるほどアロンアルフア */
	/*=================================================================*/
	section.columnArea {
		padding: 115px 0 73px;
		background: url(../images/top/bg_column.jpg) no-repeat center #f5c501;
		background-size: 100%;
	}

	section.columnArea h2 {
		text-align: center;
		margin: 0 0 35px 0;
		width: auto;
	}

	section.columnArea h2 img {
		width: auto;
	}

	section.columnArea div.tagList {
		text-align: center;
		margin: 0 auto 34px auto !important;
	}

	section.columnArea div.tagList h3 {
		margin: 0 0 17px 0;
	}

	section.columnArea div.tagList ul li {
		display: inline-block;
	}

	section.columnArea div.tagList ul li a {
		display: block;
		padding: 4px 18px;
		background: #fff;
		border: 1px solid #000;
		font-weight: 500;
	}

	section.columnArea div.catList h3 {
		text-align: center;
		margin: 0 0 26px 0;
	}

	section.columnArea div.catList .detail {
		margin: 0 0 47px 0;
	}

	section.columnArea div.catList ul.btnTab {
		width: 1800px;
		margin: 0 auto 52px auto;
	}

	section.columnArea div.catList ul.btnTab li {
		position: relative;
		display: table-cell;
		width: 450px;
		height: 63.78px;
		padding: 10px 0 0 0;
		box-sizing: border-box;
		border-right: 1px solid #777777;
		text-align: center;
		cursor: pointer;
	}

	section.columnArea div.catList ul.btnTab li:last-child {
		border-right: 0;
	}

	section.columnArea div.catList ul.btnTab li.noselect0_0 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_1 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_2 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_3 img.select {
		display: none;
	}

	section.columnArea div.catList ul.btnTab li.select0_0 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_1 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_2 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_3 img.noselect {
		display: none;
	}

	section.columnArea div.catList ul.btnTab li.select0_0::after,
	section.columnArea div.catList ul.btnTab li.select0_1::after,
	section.columnArea div.catList ul.btnTab li.select0_2::after,
	section.columnArea div.catList ul.btnTab li.select0_3::after {
		position: absolute;
		bottom: -9px;
		left: 0;
		right: 0;
		width: 240px;
		height: 24px;
		margin: auto;
		background: url(../images/top/img_hov.png) no-repeat center;
		content: '';
	}

	section.columnArea div.catList .columnList {
		width: 1800px;
		margin: 0 auto;
	}

	section.columnArea div.catList .columnList ul li {
		float: left;
		width: 570px;
		margin: 0 45px 0 0;
	}

	section.columnArea div.catList .columnList ul li:last-child {
		margin: 0;
	}

	section.columnArea div.catList .columnList ul li a {
		color: #fff;
	}

	section.columnArea div.catList .columnList dt {
		position: relative;
		margin: 0 0 10px 0;
	}

	section.columnArea div.catList .columnList dt span.icon {
		position: absolute;
		top: -20px;
		right: 10px;
		width: 75px;
	}

	section.columnArea div.catList .columnList dd .date {
		font-size: 1.2rem;
	}

	section.columnArea div.catList .columnList dd h4 {
		margin: 5px 0;
		font-size: 1.6rem;
		font-weight: 500;
	}

	section.columnArea div.catList .columnList dd p.columTag {
		color: #fff;
		font-size: 1.2rem;
		font-weight: 600;
	}

	section.columnArea div.catList .columnList dd p.columTag span {
		display: inline-block;
		padding: 2px 8px;
		margin: 0 10px 0 0;
		border: 1px solid #777777;
	}

	_:-ms-fullscreen,
	:root section.columnArea div.catList .columnList dd p.columTag span {
		/* IE11以上 */
		padding: 4px 8px 2px;
	}

	section.columnArea div.catList a.btn02 {
		width: 180px;
		padding: 7px 0;
		font-size: 1.6rem;
	}

	section.columnArea div.catList ul.btnTab li img {
		height: auto !important;
	}

	/*=================================================================*/
	/*	製品ラインナップ */
	/*=================================================================*/
	section.productArea .productBox {
		height: 604px;
		background: url(../images/top/img_product.png) no-repeat center bottom;
		background-size: auto;
	}

	section.productArea .productBox h2 span.icon {
		width: 87px;
	}

	section.productArea .productBox h2>img {
		width: auto;
	}

	section.productArea .productBox p img {
		width: auto;
	}


	/*=================================================================*/
	/*	CMひみつ */
	/*=================================================================*/
	section.btnArea {
		display: table;
		width: 100%;
		max-width: 1920px;
		position: relative;
	}

	section.btnArea img.centerImg {
		position: absolute;
		top: -24px;
		left: 0;
		right: 0;
		width: 84px;
		margin: auto;
		z-index: 999;
	}

	section.btnArea div.cmBox {
		background: url(../images/top/bg_cm.jpg) no-repeat left center;
		background-size: cover;
		vertical-align: middle;
	}

	section.btnArea div.secretBox {
		background: url(../images/top/bg_secret.jpg) no-repeat right center;
		background-size: cover;
		vertical-align: middle;
	}

	section.btnArea div.cmBox,
	section.btnArea div.secretBox {
		position: relative;
		display: table-cell;
		width: 50%;
		padding: 30px 0;
		text-align: center;
	}

	section.btnArea div.cmBox p.txt,
	section.btnArea div.secretBox p.txt {
		height: auto;
	}

	section.btnArea div.cmBox p.txt img,
	section.btnArea div.secretBox p.txt img {
		width: auto;
		height: auto;
	}

	section.btnArea div.cmBox span.btn,
	section.btnArea div.secretBox span.btn {
		position: absolute;
		bottom: 60px;
		left: 0;
		right: 0;
		width: 180px;
		padding: 7px 0;
		margin: auto;
		font-size: 1.6rem;
	}

	/*=================================================================*/
	/*	新着情報 */
	/*=================================================================*/
	section.newsArea h2 span.icon {
		width: 56px;
	}

	section.newsArea h2>img {
		width: auto;
	}

	/*<end>==========================================================*/
}

/*******************************************************************/
/* SP */
/*******************************************************************/
@media screen and (max-width: 768px) {

	/*<start>==========================================================*/
	/*=================================================================*/
	/*	スライドショー */
	/*=================================================================*/
	/* .slider li.large {
		width: 248px !important;
	}

	.slider li.large a {
		margin-bottom: 0 !important;
	}

	.slider li {
		width: 120px !important;
		margin: 0 4px;
	}

	.slider li a {
		display: block;
	}

	.slider li a:first-child {
		margin-bottom: 8px;
	} */
	.fv_slide .swiper-slide a img {
		aspect-ratio: 335/222;
		object-fit: cover;
	}

	/* ナビゲーションボタンのスタイル調整*/
	.fv_slide .swiper-button-next,
	.fv_slide .swiper-button-prev {
		color: #fff;
		/* 矢印の色 */
		background-color: rgba(51, 51, 51, 0.5);
		width: 32px;
		height: 56px;
		background: #333;
		opacity: 0.5;
		width: 32px;
		height: 56px;
		color: #fff;
		top: 50%;
		transform: translateY(-50%);
	}

	.fv_slide .swiper-button-next {
		right: 2px;
	}

	.fv_slide .swiper-button-prev {
		left: 2px;
	}

	.fv_slide .swiper-button-next:after,
	.fv_slide .swiper-button-prev:after {
		font-size: 25px;
	}

	.fv_slide .swiper-pagination {
		position: static;
		margin-top: 00px;
	}

	.fv_slide .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 0 2px;
		background: #EEEEEE;
		opacity: 1;
	}

	.fv_slide .swiper-pagination-bullet-active {
		background: #333333;
	}

	/*=================================================================*/
	/*	コンテンツの色 */
	/*=================================================================*/
	article {
		background: #f5c501;
	}

	.slick-slide div {
		margin-right: 7px;
	}

	.slick-slide li a {
		display: block;
	}

	.slick-slide li a:first-child {
		margin-bottom: 7px;
	}

	/*=================================================================*/
	/*	スライダー下のテキスト */
	/*=================================================================*/
	.mainText {
		font-size: 3.9vw;
		text-align: center;
		font-weight: bold;
		line-height: 1.7em;
		padding: 2% 5% 7%;
	}

	/*=================================================================*/
	/*	商品部分 */
	/*=================================================================*/
	.product-lineup {
		padding-top: 20px;
		padding-bottom: 50px;
		padding-inline: 20px;
		/* background: #F5C501; */
		/* margin-top: -35px; */
	}

	/* タブ関連 */
	.tab-section {
		/* max-width: 1200px; */
		margin: auto;
	}

	.tab-container {
		display: flex;
		width: 100%;
		gap: 5px;
	}

	.tab {
		flex: 1;
		background: url(../images/top/product/tab-bg.png)no-repeat center center/cover;
		color: #fff;
		padding: 8px 18px;
		display: flex;
		align-items: center;
		cursor: pointer;
		position: relative;
		justify-content: center;
	}

	.tab::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		border-left: 16px solid transparent;
		border-top: 16px solid #F5C501;
	}

	.tab.active {
		background: #040404;
		position: relative;
	}

	.tab.active:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid #040404;
		position: absolute;
		bottom: -25px;
		margin: 0 auto;
	}

	.tab-wrapper {
		position: relative;
		display: flex;
		align-items: center;
	}

	.tab.active .tab-wrapper:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		background: #f5c501;
		bottom: -8px;
	}

	.tab img {
		width: 24px;
		height: 24px;
		margin-right: 8px;
	}

	.tab h2 {
		font-family: "Noto Sans JP";
		font-weight: bold;
		font-size: 12px;
		line-height: calc(18/12);
	}

	/* タブコンテンツ */
	.tab-content {
		display: none;
		border-top: 10px solid #040404;
		padding: 24px 20px 30px;
		background: url('../images/top/product/tab-content-bg.png')no-repeat center center/cover;
	}

	.tab-content.active {
		display: block;
	}

	/* 検索コンテナ */
	.search-container {
		display: flex;
		flex-direction: column;
		margin-bottom: 44px;
		gap: 30px;
		/* flex-wrap: wrap; */
	}

	.select2-container {
		flex: 1;
	}

	.selection {
		display: block;
		width: 100%;
		height: 100%;
	}

	.select2-container .select2-selection--single {
		box-sizing: border-box;
		border: 2px solid #333333 !important;
		appearance: none;
		background-image: url('../../common/images/select-arrow.png');
		background-repeat: no-repeat;
		background-position: right 0 center;
		background-size: 40px;
		font-size: 14px;
		width: 100%;
		height: 40px !important;
	}

	.select2-search--dropdown {
		display: none !important;
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		padding: 5px 10px;
		font-weight: inherit;
	}

	.select2-selection__arrow {
		display: none;
	}

	/* ドロップダウンのスタイル追加 */
	.select2-dropdown {
		border: 2px solid #333333;
		border-radius: 0;
	}

	.select2-results__option {
		padding: 10px 24px;
		cursor: pointer;
	}

	.select2-results__option--highlighted {
		background-color: #FFCC00 !important;
		color: #333333 !important;
	}


	.search-box {
		flex: 1;
		min-width: 280px;
		/* margin: 0 10px 20px; */
	}

	.search-box h3 {
		font-weight: bold;
		font-size: 14px;
		line-height: 1.3;
	}

	.select-container {
		margin-top: 6px;
		display: flex;
	}

	.select-container select {
		flex: 1;
		padding: 10px 14px;
		border: 2px solid #333333;
		/* border-radius: 4px 0 0 4px; */
		appearance: none;
		background-image: url('../../common/images/select-arrow.png');
		background-repeat: no-repeat;
		background-position: right 0 center;
		background-size: 40px;
		max-width: 220px;
		/* font-size: 14px; */
	}

	.search-btn {
		background-color: #F5C501;
		color: #333333;
		border: none;
		border-radius: 20px;
		padding: 6px 16px;
		margin-left: 15px;
		margin-top: auto;
		margin-bottom: auto;
		height: 32px;
		font-size: 14px;
		font-family: inherit;
		font-weight: bold;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s;
		font-family: "Noto Sans JP";
	}

	.search-btn:hover {
		background-color: #333;
		color: #F5C501;
	}

	/* PICKUP製品 */
	.pickup-products h2 {
		font-family: "Noto Sans JP";
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		color: #333;
		line-height: calc(27/24);
	}

	.product-container {
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 15px;
	}

	.product-item {
		/* width: 31%; */
		/* overflow: hidden;
		transition: transform 0.3s; */
	}

	.product-item:hover {
		/* transform: translateY(-5px); */
	}

	.product-item a {
		display: block;
		color: var(--black);
		text-decoration: none;
	}

	.product-image {
		width: 100%;
		height: 200px;
		overflow: hidden;
	}

	.product-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		transition: transform 0.3s;
	}

	/* .product-item:hover .product-image img {
		transform: scale(1.05);
	} */

	.product-item h3 {
		margin-top: 10px;
		font-weight: bold;
		font-size: 16px;
		line-height: calc(24/16);
		text-align: center;
		color: #333;
	}

	.product-item p {
		margin-top: 5px;
		font-size: 14px;
		color: #272626;
		text-align: center;
	}

	/* もっと見るボタン */
	.more-link {
		margin-top: 40px;
		text-align: center;
	}

	.more-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 255px;
		height: 50px;
		background: #f5c501;
		border: 2px solid #333;
		padding: 15px;
		box-sizing: border-box;
		transition: all 0.3s;
		font-weight: bold;
		font-size: 14px;
		line-height: calc(27/14);
		color: #333;
		position: relative;
		font-family: "Noto Sans JP";
	}

	.more-btn:after {
		content: '';
		height: 0;
		width: 0;
		position: absolute;
		bottom: 7px;
		right: 7px;
		border-left: 10px solid transparent;
		border-bottom: 10px solid #333;
		transition: all 0.3s;
	}

	.more-btn:hover {
		background-color: #333;
		color: #f5c501;
	}

	.more-btn:hover::after {
		border-bottom: 10px solid #f5c501;
	}

	/* なるほどアロンアルフア記事 */
	.article-container {
		display: flex;
		flex-direction: column;
		gap: 30px;
		flex-wrap: wrap;
		margin: 0 -15px;
	}

	.article-item {
		/* width: calc(33.33% - 30px); */
		margin: 0 15px 0px;
		/* overflow: hidden;
		transition: transform 0.3s; */
	}

	.article-item:hover {
		/* transform: translateY(-5px); */
	}

	.article-item a {
		display: block;
	}

	.article-image {
		width: 100%;
		/* height: 180px; */
		/* overflow: hidden; */
		position: relative;
	}

	.article-image img {
		width: 100%;
		height: 100%;
		aspect-ratio: 340/230;
		object-fit: cover;
		/* transition: transform 0.3s; */
	}

	.article-item:hover .article-image img {
		/* transform: scale(1.05); */
	}

	.article-image-icon {
		position: absolute;
		left: -15px;
		top: -15px;
	}

	.article-image-icon img {
		aspect-ratio: 75/65;
	}

	.article-title {
		margin-top: 10px;
		font-weight: bold;
		font-size: 16px;
		line-height: calc(27/18);
		text-align: left;
		color: #333;

	}

	.article-info p {
		font-size: 13px;
		color: #666;
		margin: 0 0 15px;
	}

	.tags {
		margin-top: 5px;
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
	}

	.tags .tag {
		background-color: #333333;
		border: 1px solid #fff;
		font-size: 12px;
		padding: 5px 15px;
		font-size: 12px;
		line-height: calc(17/12);
		color: #fff;
		box-sizing: border-box;
		height: 27px;
	}

	/*=================================================================*/
	/*	新着情報 */
	/*=================================================================*/
	section.newsArea {
		/* background: #f5c501; */
		background: #fff;
		position: relative;
		padding: 40px 0 60px;
	}

	.newsAreaInner {
		padding-inline: 20px;
	}

	section.newsArea h2 {
		/* text-align: center;
		margin: 0 0 25px 0; */
		font-family: "Noto Sans JP";
		text-align: center;
		font-weight: 900;
		font-size: 32px;
		line-height: calc(27/32);
		color: #333;
		line-height: 1;
	}

	section.newsArea h2 span.icon {
		display: block;
		width: 42px;
		margin: 0 auto 12px;
	}

	section.newsArea h2 span.icon img {
		width: 100%;
		height: auto;
	}

	section.newsArea h2>img {
		width: 135px;
		height: auto;
	}

	section.newsArea ul.newsList {
		/* margin-top: 30px; */
	}

	section.newsArea ul li {
		padding: 20px 0px;
		max-height: 100%;
		font-weight: 500;
		background: #FFF;
		display: flex;
		/* align-items: center; */
		border-bottom: 1px solid #333333;
		flex-wrap: wrap;
	}

	section.newsArea ul li a {
		margin-top: 8px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-size: 14px;
		line-height: 1.5;
	}

	section.newsArea ul li a+a {
		margin-top: 0;
	}

	/*section.newsArea ul li:nth-child(even) {
		background: #e0b300;
	}*/
	section.newsArea ul li span.date {
		min-width: 70px;
		font-size: 14px;
		color: #333;
		margin-right: 20px;
		margin-bottom: 12px;
	}

	section.newsArea ul li span.release {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFF;
		margin-right: 15px;
		background-color: #d80005;
		min-width: 63px;
		max-width: 63px;
		height: 20px;
		font-size: 10px;
		margin-bottom: 12px;
	}

	section.newsArea ul li span.media {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFF;
		margin-right: 15px;
		background-color: #0066d4;
		min-width: 63px;
		max-width: 63px;
		height: 20px;
		font-size: 10px;
		line-height: 1;
		margin-bottom: 15px;
	}


	.newsArea .more-link {
		margin-top: 40px;
	}

	/*=================================================================*/
	/*	なるほどアロンアルフア */
	/*=================================================================*/
	/* section.columnArea {
		padding: 10.13% 0 13.73%;
		background: url(../images/top/sp/bg_column.jpg) no-repeat center #f5c501;
		background-size: cover;
	}

	section.columnArea h2 {
		width: 89.33%;
		margin: 0 auto 6.93% auto;
	}

	section.columnArea div.tagList {
		text-align: center;
		margin: 0 auto 5.66% auto !important;
	}

	section.columnArea div.tagList h3 {
		width: 32.26%;
		margin: 0 auto 3.73% auto;
	}

	section.columnArea div.tagList ul li {
		display: inline-block;
		margin: 0 0 1.33% 0;
	}

	section.columnArea div.tagList ul li a {
		display: block;
		padding: 4px 5px;
		background: #fff;
		border: 1px solid #000;
		font-weight: 500;
	}

	section.columnArea div.catList h3 {
		width: 41.33%;
		margin: 0 auto 3.73% auto;
	}

	section.columnArea div.catList .detail {
		margin: 0 0 8.13% 0;
	}

	section.columnArea div.catList ul.btnTab {
		display: table;
		width: 94.66%;
		margin: 0 auto 11.06% auto;
	}

	section.columnArea div.catList ul.btnTab li {
		position: relative;
		display: table-cell;
		width: 25%;
		height: 63.78px;
		padding: 10px 0 0 0;
		box-sizing: border-box;
		border-right: 1px solid #777777;
		text-align: center;
		cursor: pointer;
	}

	section.columnArea div.catList ul.btnTab li:first-child img {
		width: 63.66%;
	} */

	/* section.columnArea div.catList ul.btnTab li:nth-child(2) img {
		width: 65%;
		width: 45.07%;
	} */

	/* section.columnArea div.catList ul.btnTab li:nth-child(3) img {
		width: 65%;
		width: 39.43%;
	} */

	/* section.columnArea div.catList ul.btnTab li:last-child img {
		width: 82.25%;
	} */

	/* section.columnArea div.catList ul.btnTab li:last-child {
		border-right: 0;
	}

	section.columnArea div.catList ul.btnTab li.noselect0_0 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_1 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_2 img.select,
	section.columnArea div.catList ul.btnTab li.noselect0_3 img.select {
		display: none;
	}

	section.columnArea div.catList ul.btnTab li.select0_0 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_1 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_2 img.noselect,
	section.columnArea div.catList ul.btnTab li.select0_3 img.noselect {
		display: none;
	}

	section.columnArea div.catList ul.btnTab li.select0_0::after,
	section.columnArea div.catList ul.btnTab li.select0_1::after,
	section.columnArea div.catList ul.btnTab li.select0_2::after,
	section.columnArea div.catList ul.btnTab li.select0_3::after {
		position: absolute;
		bottom: -9px;
		left: 0;
		right: 0;
		width: 78.87%;
		height: 24px;
		margin: auto;
		background: url(../images/top/sp/img_hov.png) no-repeat center;
		background-size: contain;
		content: '';
	}

	section.columnArea div.catList ul.btnTab li.select0_3::after {
		bottom: -35%;
	}

	section.columnArea div.catList .columnList {
		width: 94.66%;
		margin: 0 auto;
	}

	section.columnArea div.catList .columnList ul li {
		float: left;
		width: 46.47%;
		margin: 0 7% 0 0;
	}

	section.columnArea div.catList .columnList ul li:nth-child(2) {
		margin: 0;
	}

	section.columnArea div.catList .columnList ul li a {
		color: #fff;
	}

	section.columnArea div.catList .columnList dt {
		position: relative;
		margin: 0 0 2% 0;
	}

	section.columnArea div.catList .columnList dt span.icon {
		position: absolute;
		top: -21%;
		right: 3%;
		width: 28.4%;
	}

	section.columnArea div.catList .columnList dt img {
		width: 100%;
		height: auto;
	}

	section.columnArea div.catList .columnList dd .date {
		font-size: 1.2rem;
	}

	section.columnArea div.catList .columnList dd h4 {
		margin: 2% 0;
		font-size: 1.6rem;
		font-weight: 500;
	}

	section.columnArea div.catList .columnList dd p.columTag {
		color: #fff;
		font-size: 1.2rem;
		font-weight: 600;
	}

	section.columnArea div.catList .columnList dd p.columTag span {
		display: inline-block;
		padding: 2px 4px;
		margin: 0 3% 3% 0;
		border: 2px solid #777777;
	}

	section.columnArea div.catList a.btn02 {
		width: 180px;
		padding: 7px 0;
		font-size: 1.6rem;
	} */

	/*=================================================================*/
	/*	製品ラインナップ */
	/*=================================================================*/
	/* section.productArea {
		position: relative;
		padding: 4.13% 0 15.7%;
		background: url(../images/top/sp/bg_product.jpg) no-repeat center #f5c501;
		background-size: cover;
	}

	section.productArea .productBox {
		padding: 0 0 46% 0;
		background: url(../images/top/sp/img_product.png) no-repeat center bottom;
		background-size: contain;
	}

	section.productArea .productBox h2 {
		text-align: center;
		margin: 0 0 1.33% 0;
	}

	section.productArea .productBox h2 span.icon {
		display: block;
		width: 15.49%;
		margin: 0 auto 2.13%;
	}

	section.productArea .productBox h2 img.ttl {
		width: 78.87%;
	}

	section.productArea .productBox p {
		width: 50.7%;
		margin: 0 auto 4.26% auto;
	}

	section.productArea .productBox span.btn {
		width: 50.7%;
		padding: 1.53% 0;
		font-size: 1.6rem;
	} */

	/*=================================================================*/
	/*	CMひみつ */
	/*=================================================================*/
	/* section.btnArea {
		display: table;
		width: 100%;
		position: relative;
	}

	section.btnArea img.centerImg {
		position: absolute;
		top: -2%;
		left: 0;
		right: 0;
		width: 8.53%;
		margin: auto;
		z-index: 999;
	}

	section.btnArea div.cmBox {
		background: url(../images/top/sp/bg_cm.jpg) no-repeat left center;
		background-size: cover;
		vertical-align: middle;
	}

	section.btnArea div.cmBox p.txt {
		float: left;
		margin: 0 0 0 6%;
	}

	section.btnArea div.secretBox {
		background: url(../images/top/sp/bg_secret.jpg) no-repeat right center;
		background-size: cover;
		vertical-align: middle;
	}

	section.btnArea div.secretBox p.txt {
		float: right;
		margin: 0 6% 0 0;
	}

	section.btnArea div.cmBox,
	section.btnArea div.secretBox {
		position: relative;
		display: table-cell;
		width: 50%;
		padding: 20px 0;
		text-align: center;
	}

	section.btnArea div.cmBox p.txt,
	section.btnArea div.secretBox p.txt {
		width: 80%;
	}

	section.btnArea div.cmBox span.btn,
	section.btnArea div.secretBox span.btn {
		position: absolute;
		bottom: 20%;
		left: 0;
		right: 0;
		width: 48%;
		margin: auto;
		font-size: 1.2rem;
	}

	section.btnArea div.cmBox span.btn::after,
	section.btnArea div.secretBox span.btn::after {
		background: url(../images/union/sp/icon_blackarrow.png) no-repeat right center;
		background-size: 50%;
	}

	section.btnArea div.cmBox span.btn02::after,
	section.btnArea div.secretBox span.btn02::after {
		background: url(../images/union/sp/icon_whitearrow.png) no-repeat right center;
		background-size: 50%;
	} */

	/*=================================================================*/
	/*	新着情報 */
	/*=================================================================*/
	/* section.newsArea {
		background: #f5c501;
		padding: 10.86% 0 10.4%;
	}

	section.newsArea h2 {
		text-align: center;
		margin: 0 0 3.46% 0;
	}

	section.newsArea h2 span.icon {
		display: block;
		width: 9.85%;
		margin: 0 auto 1.73%;
	}

	section.newsArea h2 img.ttl {
		width: 37.46%;
	}

	section.newsArea ul {
		margin: 0 0 6% 0;
	}

	section.newsArea ul li {
		padding: 0.8% 2.81%;
		background: #FFF;
	} */

	/*section.newsArea ul li:nth-child(even) {
		background: #e0b300;
	}*/
	section.newsArea ul li span.date {
		display: block;
		font-weight: 600;
	}

	section.newsArea ul li span.cat.release {
		background: #d80005;
		color: #FFF;
		padding: 3px 5px;
		margin-right: 5px;
		max-width: 63px;
		box-sizing: border-box;
	}

	section.newsArea ul li span.cat.media {
		background: #0066d4;
		color: #FFF;
		padding: 3px 5px;
		max-width: 63px;
		margin-right: 5px;
		box-sizing: border-box;
	}

	section.newsArea a.btn03 {
		width: 50.7%;
		padding: 1.53% 0;
		background: url(../images/top/bg_btn03.gif) repeat top left;
		font-size: 1.6rem;
	}

	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	footer {
		/* background: url(../images/top/sp/bg_news.png) no-repeat center top, url(../images/top/bg_footer.gif) repeat center top;
		background-size: auto, auto; */
	}

	/*<end>============================================================*/
}

/*# sourceMappingURL=top.css.map */