/* ********************************************************
 * cmn:TOP
 ******************************************************* */
.fs-p-messageBoard__heading{
margin-bottom:0;
font-size: 1.5rem;
}

.fs-pt-carousel.fs-c-slick .slick-slide[aria-hidden="true"]{
opacity: 0.5;
}
.yo-colmun3-rectangle{
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 -10px;
}
.yo-colmun3-rectangle a{
border: 1px solid #BCD0D5;
border-radius: 3px;
text-decoration: none;
color: #444;
}
.yo-colmun3-rectangle a:hover,
.yo-colmun3-rectangle a:active{
text-decoration: underline;
}
.yo-colmun3-rectangle a:hover img,
.yo-colmun3-rectangle a:active img{
opacity: 0.8;
}
.yo-colmun3-rectangle .fs-pt-column__item{
margin:0 10px 10px 10px;
padding: 0;
}
.yo-colmun3-rectangle .fs-pt-column__image img{
border-radius: 2px 2px 0 0;
}
.yo-colmun3-rectangle > :nth-child(1){
-ms-grid-column: 1; grid-column: 1;
-ms-grid-row: 1; grid-row: 1;
height: 100%;
}
.yo-colmun3-rectangle > :nth-child(2){
-ms-grid-column: 2; grid-column: 2;
-ms-grid-row: 1; grid-row: 1;
height: 100%;
}
.yo-colmun3-rectangle > :nth-child(3){
-ms-grid-column: 3; grid-column: 3;
-ms-grid-row: 1; grid-row: 1;
height: 100%;
}
.yo-colmun3-rectangle .fs-pt-column__heading{
margin:0;
padding: 10px 15px 0 15px;
line-height: 1.25;
}
.yo-colmun3-rectangle .fs-pt-column__description{
margin:0;
padding: 0 15px 10px 15px;
line-height: 1.35;
}

@media screen and (max-width: 768px) {
	.yo-colmun3-rectangle > :nth-child(1),
	.yo-colmun3-rectangle > :nth-child(2),
	.yo-colmun3-rectangle > :nth-child(3){
	display: flex;
	flex-direction: column;
	}
	.yo-colmun3-rectangle .fs-pt-column__heading{
	padding: 8px 8px 0 8px;
	font-size: 1.4rem;
	}
	.yo-colmun3-rectangle .fs-pt-column__description{
	padding: 0 8px;
	font-size: 1.2rem;
	}
}
@media screen and (max-width: 480px) {
	.yo-colmun3-rectangle{
	display: flex;
	flex-direction: column;
	margin-top: -25px;
	}
	.yo-colmun3-rectangle > :nth-child(1),
	.yo-colmun3-rectangle > :nth-child(2),
	.yo-colmun3-rectangle > :nth-child(3){
	margin: 10px 10px 0 10px;
	}
	.yo-colmun3-rectangle .fs-pt-column__description {
    padding-bottom: 8px;
	}
}


.yo-colmun4-square{
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 2em -10px 0 -10px;
}
.yo-colmun4-square + .yo-colmun4-square{
margin-top: 10px;
}
.yo-colmun4-square .fs-pt-column__item{
margin:0 10px 10px 10px;
padding: 0;
}
.yo-colmun4-square > :nth-child(1){
-ms-grid-column: 1; grid-column: 1;
-ms-grid-row: 1; grid-row: 1;
}
.yo-colmun4-square > :nth-child(2){
-ms-grid-column: 2; grid-column: 2;
-ms-grid-row: 1; grid-row: 1;
}
.yo-colmun4-square > :nth-child(3){
-ms-grid-column: 3; grid-column: 3;
-ms-grid-row: 1; grid-row: 1;
}
.yo-colmun4-square > :nth-child(4){
-ms-grid-column: 4; grid-column: 4;
-ms-grid-row: 1; grid-row: 1;
}
.yo-colmun4-square .fs-pt-column__image img{
height: auto;
border-radius: 3px;
}
.yo-colmun4-square a:hover img,
.yo-colmun4-square a:active img{
opacity: 0.8;
}

@media screen and (max-width: 480px) {
	.yo-colmun4-square {
		grid-template-columns: 1fr 1fr;
		margin: 20px 0 0 0;
	}
	.yo-colmun4-square > :nth-child(1){
	-ms-grid-column: 1; grid-column: 1;
	-ms-grid-row: 1; grid-row: 1;
	}
	.yo-colmun4-square > :nth-child(2){
	-ms-grid-column: 2; grid-column: 2;
	-ms-grid-row: 1; grid-row: 1;
	}
	.yo-colmun4-square > :nth-child(3){
	-ms-grid-column: 1; grid-column: 1;
	-ms-grid-row: 2; grid-row: 2;
	}
	.yo-colmun4-square > :nth-child(4){
	-ms-grid-column: 2; grid-column: 2;
	-ms-grid-row: 2; grid-row: 2;
	}
	.yo-colmun4-square .fs-pt-column__item{
	margin: 0;
	}
	.yo-colmun4-square > :nth-child(1) .fs-pt-column__image img{
	border-radius: 3px 0 0 0;
	}
	.yo-colmun4-square > :nth-child(2) .fs-pt-column__image img{
	border-radius: 0 3px 0 0;
	}
	.yo-colmun4-square > :nth-child(3) .fs-pt-column__image img{
	border-radius: 0 0 0 3px;
	}
	.yo-colmun4-square > :nth-child(4) .fs-pt-column__image img{
	border-radius: 0 0 3px 0;
	}

}



.yo-rank-module{
margin-top: 3em;
border-top: 1px solid #BCD0D5;
}
.yo-rank-module .fs-p-heading--lv2,
.yo-maker-module .fs-p-heading--lv2{
display: inline-block;
margin-top: -2px;
padding-top: 0.5em;
border-top: 3px solid #EF6C00;
border-bottom: 0 transparent;
font-size: 2.1rem;
font-weight: bold;
}
.fs-c-productListCarousel__list{

}
.fs-c-productListCarousel__list__item{
flex-basis: 160px;
max-width: 160px;
min-width: 160px;
margin: 10px 10px 0 10px;
}
.fs-c-productListItem__control .fs-c-button--particular.fs-c-button--addToWishList--icon::before{
content: "\e91b";
color: #BCD0D5;
}
.fs-c-productListItem__control .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before{
content: "\e91d";
color: #EF6C00;
}

.yo-column{
display: flex;
justify-content: space-between;
margin: 3em -20px 0 -20px;
}
.yo-maker-module,
.yo-news-module{
margin: 0 20px;
}
.yo-maker-module{
order: 1;
width: 520px;
border-top: 1px solid #BCD0D5;
}
.yo-news-module{
flex-grow: 1;
order: 2;
padding: 0 20px;
border:1px solid #BCD0D5;
border-radius: 3px;
}
.yo-news-module h3{
padding-bottom: 0.25em;
border-bottom: 1px solid #BCD0D5;
font-size: 1.8rem;
font-weight: bold;
color: #004444;
}


.yo-maker-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0;
padding: 0;
}
.yo-maker-list li{
flex-basis: calc(25% - 9px);
margin-top: 12px;
margin-right: 12px;
}
.yo-maker-list li:nth-child(4n){
margin-right: 0;
}
.yo-maker-list li a{
display: block;
color: #004444;
}
.yo-maker-list li img{
display: block;
border: 1px solid #eee;
}
.yo-maker-list li a span{
display: block;
margin-top: 0.5em;
font-size: 1.3rem;
text-align: center;
}

.yo-news-module .yo-news-all{
position: relative;
}
.yo-news-module .yo-news-all a{
position: absolute;
top: -3.2em;
right: 0;
}
.yo-news-module .yo-news-all a::after{
font-family: 'fs-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e90c";
font-size: 2rem;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.yo-news-module .fs-pt-list{

}
.yo-news-module .fs-pt-list > li{
display: flex;
align-items: baseline;
padding: 0;
width: 100%;
border: 0 none;
}
.yo-news-module .fs-pt-list > li a{
display: flex;
align-items: baseline;
width: 100%;
color: #004444;
}
.yo-news-module .fs-p-dateList > li time{
font-size: 1.3rem;
}
.yo-news-module .fs-p-dateList > li time:first-child{
width: calc(100px - 0.5em);
text-align: center;
white-space: nowrap;
margin-right: 0.5em;
border-radius: 2px;
background: #F0F5F6;
color: inherit;
}
.yo-news-module .fs-pt-list > li span{
width: calc( 100% - 100px - 0.5em);
}
.yo-news-module .fs-pt-list > li a span{
width: calc( 100% - 100px - 0.5em);
text-decoration: underline;
}

.yo-top-knowledge-module{
display: flex;
flex-direction: column;
flex-shrink: 0;
order: 3;
margin: 0 20px;
width: 380px;
border:3px solid #009297;
border-radius: 3px;
background: #f3ffff;
}
.yo-top-knowledge-module h3{
margin: 0;
padding: 0 .75em .5em .75em;
background: #009297;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
}
.yo-top-knowledge-module h3::before {
font-family: "Font Awesome 5 Free";
content: '\f4d8';
margin-right: .2em;
font-size: 2.4rem;
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
position: relative;
top: .1em;
}

.yo-knowledge-list{
margin: 1em 1em;
}
.yo-knowledge-list li{
margin: .25em 0 !important;
}
.yo-knowledge-list li::before{
font-family: 'fs-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e90c";
font-size: 2rem;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: -.1em;
color: #0366D6;
position: relative;
top: .05em;
}

.yo-knowledge-all{
margin-top: auto;
margin-bottom: 1em;
margin-right: 10px;
text-align: right;
}
.yo-knowledge-all a{
padding: .5em .75em;
border-radius: 4px;
background: #009297;
color: #f3ffff;
font-size: 1.2rem;
text-decoration: none;
}
.yo-knowledge-all a::after{
font-family: 'fs-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e90c";
font-size: 2rem;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: -.25em;
position: relative;
top: .1em;
}
.yo-knowledge-all a:hover,
.yo-knowledge-all a:active{
opacity: 0.7;
}


@media screen and (max-width: 1500px) {
	.yo-column {
	flex-wrap: wrap;
	}
	.yo-maker-module {
	order: 1;
	flex-grow: 1;
	}
	.yo-top-knowledge-module {
	order: 2;
	}
	.yo-news-module {
	order: 3;
	margin-top: 4em;
	}
}

@media screen and (max-width: 1024px) {
	.yo-column{
	margin: 3em -20px 0 0;
	}
	.yo-maker-module{
	margin: 0;
	}
	.yo-news-module{
	margin: 3em 20px 0 0;
	}
}

@media screen and (max-width: 768px) {
	.yo-column{
	flex-direction: column;
	margin: 3em 0 0 0;
	}
	.yo-maker-module {
	margin: 0;
	width: 100%;
	}
	.yo-top-knowledge-module {
	margin: 3em 0 0 0;
	width: 100%;
	}
	.yo-news-module {
	margin: 3em 0 0 0;
	width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.fs-p-messageBoard{
	margin-top: -15px;
	margin-bottom: 32px;
	padding: 10px;
	}
	.fs-p-messageBoard__heading{
	margin-bottom: 2px;
	font-size: 1.4rem;
	}
	.fs-p-messageBoard__content{
	font-size: 1.3rem;
	}
	.yo-column{
	margin: 3em 0 0 0;
	}
	.yo-rank-module,
	.yo-column,
	.yo-news-module,
	.yo-top-knowledge-module{
	margin-top: 2em;
	}
	.yo-rank-module .fs-p-heading--lv2,
	.yo-maker-module .fs-p-heading--lv2{
	font-size: 1.6rem;
	}
	/* .fs-c-productListCarousel[data-part-name="[top]topsales_rail_list"]{
	margin: 0 -10px;
	} */
	.fs-c-productListCarousel{
	overflow: hidden;
	}
	.fs-c-productListCarousel__list{
	margin: 0 -10px;
	}
	.fs-c-productListCarousel__ctrl:first-child{
	left: -8px;
	}
	.fs-c-productListCarousel__ctrl:last-child{
	right: -8px;
	}
	.fs-c-productListCarousel__list__item{
	flex-basis: 90px;
	max-width: 90px;
	min-width: 90px;
	margin: 8px 8px 0 8px;
	}
	.fs-c-productListItem__productName{
	font-size: 1.2rem;
	}
	.fs-c-productPrice__main__label{
	font-size: 1.2rem;
	}
	.fs-c-productListCarousel__list__item .fs-c-button__label{
	font-size: 1.2rem;
	}


	.yo-news-module{
	padding: 0 10px;
	}
	.yo-news-module h3{
	margin: .5em 0;
	padding-bottom: 0.4em;
	font-size: 1.6rem;
	}
	.yo-news-module .yo-news-all a{
	top: -2.5em;
	}
	.yo-news-module .fs-pt-list{
	font-size: 1.2rem;
	}
	.yo-news-module .fs-p-dateList > li time:first-child{
	width: calc(25% - 0.5em);
	}
	.yo-news-module .fs-pt-list > li span,
	.yo-news-module .fs-pt-list > li a span{
	width: 75%;
	}

	.yo-knowledge-list {
	margin: 0.5em;
	}
	.yo-knowledge-list li{
	font-size: 1.3rem;
	}
}