@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media print, screen and (max-width: 1276px) {
}
@media print, screen and (max-width: 1000px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}

/***************************************************************************
top_sld
****************************************************************************/

.main {
    padding-bottom: 60px;
}

/***************************************************************************
top_sld
****************************************************************************/

#top_sld {
    margin-bottom: 90px;
    animation: top_sld_fade_in 1s forwards;
}
@keyframes top_sld_fade_in {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
#top_sld .txt {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 15px 0;
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.35) 75%,rgba(255,255,255,0) 100%);
}
#top_sld .slick-slider {
    margin-bottom: 0px;
}

/***************************************************************************
top_txt
****************************************************************************/

#top_txt {
	text-align: center;
}
#top_txt {
	display: flex;
}
#top_txt li:nth-child(1) {
	width: 48.7%;
}
#top_txt li:nth-child(2) {
	flex: 1;
}
#top_txt li:nth-child(3) {
	width: 47.5%;
}

/***************************************************************************
product_list
****************************************************************************/

#product_list {
	display: flex;
	justify-content: space-between;
}
#product_list .thumb_exp {
	flex-direction: column;
	align-items: center;
	width: 30%;
}
#product_list .thumb {
	text-align: center;
}
#product_list .thumb li:nth-child(1) {
	-webkit-mask-image: url('../../img/index/product_list_thumb_mask.svg');	/*切り抜く形となるsvg画像（safari用）*/
	mask-image: url('../../img/index/product_list_thumb_mask.svg');			/*切り抜く形となるsvg画像*/
	-webkit-mask-repeat: no-repeat;											/*繰り返さない（safari用）*/
	mask-repeat: no-repeat;													/*繰り返さない*/
	-webkit-mask-position: center;											/*真ん中に（safari用）*/
	mask-position: center;													/*真ん中に*/
	-webkit-mask-size: 100% auto;
	mask-size: 100% auto;
	margin-bottom: 30px;
}
#product_list .thumb a:hover {
	opacity: 1 !important;
}
#product_list .thumb figure {
	background: #000000;
	color: #FFFFFF;
}
#product_list .thumb figcaption {
    position: absolute;
    width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-size: 20px;
    letter-spacing: 5px;
    opacity: 0;
    transition: all .3s ease-out .2s;
}
#product_list .thumb figure:hover figcaption {
    letter-spacing: 1px;
    opacity: 1;
}
#product_list .thumb figure img {
    transition: all .8s ease-out;
}
#product_list .thumb figure:hover img {
    opacity: .4;
    transform: scale(1.3);
}
#product_list .thumb li:nth-child(2) {
	font-size: 32px;
	letter-spacing: 0.2em;
	color: #EC6D88;
	margin-bottom: 40px;
	
    opacity: 0;
    transition: opacity 1s, transform 1s;
    transform: translateX(-60px);
}
#product_list .thumb:hover li:nth-child(2) {
    opacity: 1;
    transform: translateX(0%);
}

#product_list .exp {
	writing-mode: vertical-rl;
	flex: none;
	letter-spacing: 0.2em;
}
#product_list .exp li:nth-child(1) {
	font-size: 32px;
	margin-left: 25px;
}
#product_list .thumb_exp .nakagurro {
 	left: 0.25em;
}