@charset "UTF-8";
@keyframes sk-scaleout { 0% { transform: scale(0); }
	100% { transform: scale(1); opacity: 0; }
} .recommend .headline { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; }
.recommend .headline a { margin: 0; color: #35A18B; text-decoration: none; }
.recommend .headline a::after { content: ""; margin-left: 6px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #35A18B; display: inline-block; }
.recommend .headline a:hover { color: #F25810; }
.recommend .headline a:hover::after { border-left-color: #F25810; }
.recommend.update .headline > *:first-child { margin-right: 0.75em; }
.recommend-updated { min-width: 12em; font-size: 0.75em; flex: 1; }
.recommend-slider { position: relative; }
.recommend-slider *, .recommend-slider *::before, .recommend-slider *::after { box-sizing: border-box; }
.recommend-slider .loading { width: 100%; height: 100%; top: 0; left: 0; background-color: #FFF; position: absolute; z-index: 11; }
.recommend-slider .loading.loaded { opacity: 0; visibility: hidden; }
.recommend-slider .loading .animation { width: 100px; height: 100px; margin: auto; background-color: #1e90ff; border-radius: 100%; animation: sk-scaleout 1s infinite ease-in-out; }
.recommend-slider .swiper-block { position: relative; }
.recommend-slider ul { padding: 0; align-items: stretch !important; }
.recommend-slider li { height: auto; list-style: none; position: relative; }
.recommend-slider li a { height: 100%; color: #35A18B; margin: 0; text-decoration: none; display: block; }
.recommend-slider li a p { color: #000; }
.recommend-slider li figure { margin: 0; }
.recommend-slider li figure img { width: 100%; display: block; }
.recommend-slider li h3 { width: 100%; height: 3.9em; font-weight: normal !important; text-align: left; line-height: 1.3; word-wrap: break-word; overflow: hidden; position: relative; }
.recommend-slider li h3::before { content: "…"; right: 0; bottom: 0; padding-left: 1em; padding-right: 0.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%); position: absolute; }
.recommend-slider li h3::after { content: ""; width: 100%; height: 100%; background: #FFF; position: absolute; }
.recommend-slider li h3 span { margin-right: 1em; }
.recommend-slider li .maker { width: 100%; line-height: 1.5; text-align: left; display: block; }
.recommend-slider li .price { line-height: 1.1; text-align: left !important; }
.recommend-slider li .price span { color: #E00D0D; font-weight: bold; }
.recommend-slider .swiper-slide { height: auto; }
.recommend-slider .swiper-button-prev, .recommend-slider .swiper-button-next { opacity: 0.85 !important; }
.recommend-slider .swiper-button-next { right: 0; }
.recommend-slider .swiper-button-prev { left: 0; }
.recommend-slider .icon-wrapper { margin: 4px auto !important; display: flex !important; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; }
.recommend-slider p.icon-block { width: auto; margin: 0; padding: 0.2em 0.6em !important; color: #ffffff !important; font-size: 12px; line-height: 1; display: inline-block; }
.recommend-slider .bgcolor-org { background-color: #E67A00; }
.recommend-slider .bgcolor-red { background-color: #ff0000; }
.recommend-slider .bgcolor-black { background-color: #000000; }
.recommend-slider .bgcolor-blue { background-color: #012FBF; }
.recommend-slider .bgcolor-yellow { background-color: #FFF000; }
.recommend-slider .bgcolor-peru { background-color: #CD853F; }
.recommend-slider .bgcolor-darkslategray { background-color: #2F4F4F; }
.recommend-slider .bgcolor-purple { background-color: #800080; }

/* ランキング順位を表示する */
.ranking .swiper-container li::after { content: attr(data-ranknum); width: 28px; height: 28px; top: 0; left: 0; color: #FFF; background-color: #C68214; font-size: 0.75rem; font-weight: bold; text-align: center; line-height: 28px; display: block; position: absolute; }
.onlySP .headline, .switch__sp .headline { padding: 0 10px; margin-bottom: 1.25vw; }
.onlySP .headline a, .switch__sp .headline a { width: 100%; padding: 8px; border: 1px solid #d3d3d3; border-radius: 5px; font-size: 0.75rem; display: block; }
.onlySP .recommend-updated, .switch__sp .recommend-updated { margin: 1.25vw 0; }
.onlySP .recommend-slider .swiper-block, .switch__sp .recommend-slider .swiper-block { padding: 0 7px; }
.onlySP .recommend-slider li, .switch__sp .recommend-slider li { padding: 14px 4.75px 0; }
.onlySP .recommend-slider li figure img, .switch__sp .recommend-slider li figure img { height: auto; }
.onlySP .recommend-slider li .maker, .switch__sp .recommend-slider li .maker { margin: 0px 0 0; font-size: 12px; }
.onlySP .recommend-slider li h3, .switch__sp .recommend-slider li h3 { margin: 1.6px 0 0; font-size: 14px; }
.onlySP .recommend-slider li .price, .switch__sp .recommend-slider li .price { margin: 4.5px 0 0; font-size: 10px; }
.onlySP .recommend-slider li .price span, .switch__sp .recommend-slider li .price span { font-size: 16px; }
.onlySP .recommend-slider .swiper-button-prev, .onlySP .recommend-slider .swiper-button-next, .switch__sp .recommend-slider .swiper-button-prev, .switch__sp .recommend-slider .swiper-button-next { opacity: 0.6; }
.onlySP .recommend-slider .swiper-button-prev, .switch__sp .recommend-slider .swiper-button-prev { left: -8px; }
.onlySP .recommend-slider .swiper-button-next, .switch__sp .recommend-slider .swiper-button-next { right: -8px; }
.onlyPC .headline, .switch__pc .headline { padding: 0 4px; }
.onlyPC .headline a, .switch__pc .headline a { font-size: 0.8125rem; text-align: right; display: inline-block; }
.onlyPC .recommend-slider .swiper-block, .switch__pc .recommend-slider .swiper-block { padding: 0 57px; }
.onlyPC .recommend-slider .swiper-container, .switch__pc .recommend-slider .swiper-container { margin-top: 6px; }
.onlyPC .recommend-slider li, .switch__pc .recommend-slider li { padding: 14px 0 4px; }
.onlyPC .recommend-slider li a > *, .switch__pc .recommend-slider li a > * { width: 150px; margin-left: auto; margin-right: auto; display: block; }
.onlyPC .recommend-slider li figure, .switch__pc .recommend-slider li figure { height: 150px; }
.onlyPC .recommend-slider li figure img, .switch__pc .recommend-slider li figure img { height: 100%; object-fit: contain; }
.onlyPC .recommend-slider li .maker, .switch__pc .recommend-slider li .maker { margin: 0px auto 0; font-size: 12px; }
.onlyPC .recommend-slider li h3, .switch__pc .recommend-slider li h3 { margin-top: 4.6px; font-size: 14px; }
.onlyPC .recommend-slider li .price, .switch__pc .recommend-slider li .price { margin-top: 6.5px; font-size: 10px; }
.onlyPC .recommend-slider li .price span, .switch__pc .recommend-slider li .price span { font-size: 16px; }
.onlyPC .recommend-slider .swiper-button-prev, .onlyPC .recommend-slider .swiper-button-next, .switch__pc .recommend-slider .swiper-button-prev, .switch__pc .recommend-slider .swiper-button-next { width: 28px; top: calc(12.5% + 10px); }
.onlyPC .recommend-slider .icon-wrapper, .switch__pc .recommend-slider .icon-wrapper { width: 150px; }
.onlyPC.recommend.ranking .swiper-container, .switch__pc .recommend.ranking .swiper-container { margin-top: 14px; }
.headline h2 { margin-bottom: 0 !important; }
.switch__sp .recommend.frontpage { margin: 32px auto 0; }
.switch__sp .recommend.frontpage h2 { font-size: 1em; font-weight: 400; }
.switch__pc .recommend.frontpage { width: 960px; margin: 32px auto 0; }
.switch__pc .recommend.frontpage h2 { font-size: 1.1em; font-weight: 400; }
.switch__pc .recommend.frontpage .recommend-slider .swiper-block { padding: 0 24px; }
.switch__pc .recommend.frontpage .recommend-slider li a { width: calc(100% - 16px); margin: 0 auto; }
.switch__pc .recommend.frontpage .recommend-slider li a > * { width: 100%; }
.switch__pc .recommend.frontpage .recommend-slider li figure { height: 133.333px; }
.goods-main img { max-width: 100%; width: 100%; height: 100%; display: block; }
@media screen and (min-width: 768px) {
	.rsp .headline, .switch__rsp .headline { padding: 0 4px; }
	.rsp .headline a, .switch__rsp .headline a { font-size: 0.8125rem; text-align: right; display: inline-block; }
	.rsp .recommend-slider .swiper-block, .switch__rsp .recommend-slider .swiper-block { padding: 0 57px; }
	.rsp .recommend-slider .swiper-container, .switch__rsp .recommend-slider .swiper-container { margin-top: 6px; }
	.rsp .recommend-slider li, .switch__rsp .recommend-slider li { padding: 14px 0 4px; }
	.rsp .recommend-slider li a > *, .switch__rsp .recommend-slider li a > * { width: 150px; margin-left: auto; margin-right: auto; display: block; }
	.rsp .recommend-slider li figure, .switch__rsp .recommend-slider li figure { height: 150px; }
	.rsp .recommend-slider li figure img, .switch__rsp .recommend-slider li figure img { height: 100%; object-fit: contain; }
	.rsp .recommend-slider li .maker, .switch__rsp .recommend-slider li .maker { margin: 0px auto 0; font-size: 12px; }
	.rsp .recommend-slider li h3, .switch__rsp .recommend-slider li h3 { margin-top: 4.6px; font-size: 14px; }
	.rsp .recommend-slider li .price, .switch__rsp .recommend-slider li .price { margin-top: 6.5px; font-size: 10px; }
	.rsp .recommend-slider li .price span, .switch__rsp .recommend-slider li .price span { font-size: 16px; }
	.rsp .recommend-slider .swiper-button-prev, .rsp .recommend-slider .swiper-button-next, .switch__rsp .recommend-slider .swiper-button-prev, .switch__rsp .recommend-slider .swiper-button-next { width: 28px; top: calc(12.5% + 10px); }
	.rsp .recommend-slider .icon-wrapper, .switch__rsp .recommend-slider .icon-wrapper { width: 150px; }
	.rsp.recommend.ranking .swiper-container, .switch__rsp .recommend.ranking .swiper-container { margin-top: 14px; }
}
@media screen and (max-width: 767px) {
	.rsp .headline, .switch__rsp .headline { padding: 0 10px; margin-bottom: 1.25vw; }
	.rsp .headline a, .switch__rsp .headline a { width: 100%; padding: 8px; border: 1px solid #d3d3d3; border-radius: 5px; font-size: 0.75rem; display: block; }
	.rsp .recommend-updated, .switch__rsp .recommend-updated { margin: 1.25vw 0; }
	.rsp .recommend-slider .swiper-block, .switch__rsp .recommend-slider .swiper-block { padding: 0 7px; }
	.rsp .recommend-slider li, .switch__rsp .recommend-slider li { padding: 14px 4.75px 0; }
	.rsp .recommend-slider li figure img, .switch__rsp .recommend-slider li figure img { height: auto; }
	.rsp .recommend-slider li .maker, .switch__rsp .recommend-slider li .maker { margin: 0px 0 0; font-size: 12px; }
	.rsp .recommend-slider li h3, .switch__rsp .recommend-slider li h3 { margin: 1.6px 0 0; font-size: 14px; }
	.rsp .recommend-slider li .price, .switch__rsp .recommend-slider li .price { margin: 4.5px 0 0; font-size: 10px; }
	.rsp .recommend-slider li .price span, .switch__rsp .recommend-slider li .price span { font-size: 16px; }
	.rsp .recommend-slider .swiper-button-prev, .rsp .recommend-slider .swiper-button-next, .switch__rsp .recommend-slider .swiper-button-prev, .switch__rsp .recommend-slider .swiper-button-next { opacity: 0.6; }
	.rsp .recommend-slider .swiper-button-prev, .switch__rsp .recommend-slider .swiper-button-prev { left: -8px; }
	.rsp .recommend-slider .swiper-button-next, .switch__rsp .recommend-slider .swiper-button-next { right: -8px; }
	.inner .headline a { margin: 1.25vw 2.09vw 0; }
	.headline h2 { padding: 0 !important; }
}