<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/*slick*/
.slider_3colomn,.slider_4colomn {
	width: 100%;
	padding: 0 10px;
}
.slider_3colomn li,.slider_4colomn li {
	position: relative;
	    display: block;
}
.slider_3colomn li img,.slider_4colomn li img {
	width: 90%;
	margin: 0 auto;
    display: block;
}

/*スライダー下ドット削除*/
.slick-dots li button:before {
	display: none;
}

/*画像をマウスオーバーしたらボタンを表示する*/
.btn_area{
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 40% auto;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease;
    display: block;
}
.btn_area:hover{
	opacity: 1;
	transition: all 0.5s ease;
}
.btn_area p{
	margin-top: 10px;
}
.soldout_item,a.buy_item{
	color: #fff;
    border: solid 2px #fff;
	background-color: rgba(255, 255, 255, 0);
	transition: all 0.5s ease;
	display: inline-block;
	text-align: center;
	width: 30%;
	padding: 11px 9px;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.5s ease;
}
a.buy_item:hover{
	color: #000;
    background-color: #fff;
    border: solid 2px #fff;
	transition: all 0.5s ease;
}
/*
.soldout_item:after, a.buy_item:after{
	content: "";
	display: inline-block;
	margin-left: 10px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #000;
	vertical-align: middle;
	margin-top: -3px;
}
a.buy_item:hover{
	color: #fff;
    border: solid 2px #fff;
	background-color: rgba(255, 255, 255, 0);
	transition: all 0.5s ease;
}
*/
a:hover a.buy_item{
	color: #fff;
}
/*
a.buy_item:hover:after{
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
}
*/
/*1200px~1600px 4カラム*/
.colomn_box{
	width: 1200px;
	margin: 30px auto;
    text-align: center;
}

/*▲▲ @media （1200px~max1600pxまで）の記述 PC▲▲*/

/*▼▼（1199px~992pxまで）の記述 PC &amp; tab ▼▼ 基本PCデザインに寄せる*/
@media screen and (max-width: 1199px) {
/*MAIN CONTENTS=======================*/
.contet{
    max-width: 1199px;
    margin: 0 auto;
}

/*SUB CONTENTS=======================*/
/*1199px~991px 4カラム*/
.contet_box{
    width: 991px;
    margin: 0 auto;
}
.colomn_box{ 
	width: 100%;
}
.soldout_item,a.buy_item{
    width: 50%;
}
}/*▲▲ @media （1199px~992pxまで）の記述 PC &amp; tab ▲▲*/


/*▼▼（991px~768pxまで）の記述 tab &amp; スマートフォン ▼▼ 基本PCデザインに寄せる*/
@media screen and (max-width: 991px) {

.btn_area{
	position: inherit;
    top: 0;
    left: 0;
	width: 80%;
	margin: 10px auto 0;
	padding: 0;
	opacity: 1;
}


/*MAIN CONTENTS=======================*/
.contet{
    max-width: 991px;
    margin: 0 auto;
}

/*SUB CONTENTS=======================*/
/*1199px~991px 4カラム*/
.contet_box{
    width: 100%;
    margin: 0 auto;
}
.colomn_box{ 
}
.slick-next
{
    right: -10px;
}
.slick-prev
{
    left: -10px;
}
.soldout_item,a.buy_item{
	color: #000;
    background-color: #fff;
    border: solid 2px #000;
    width: 80%;
}
.soldout_item:hover,a.buy_item:hover{
	color: #000;
    background-color: #fff;
    border: solid 2px #000;
}

/*SUB CONTENTS=======================*/
/*992px~768px 4カラム*/

}/*▲▲ @media（991px~768pxまで）の記述 tab &amp; スマートフォン ▲▲*/


/*▼▼ 767px以下用(スマートフォン用）の記述 ▼▼*/
@media screen and (max-width: 767px) {
/*MAIN CONTENTS=======================*/
.content-asset ol, .content-asset ul{
	margin: 0;
}
.colomn_box{
}

.btn_area{
	position: inherit;
    top: 0;
    left: 0;
	width: 65%;
	margin: 10px auto 0;
	padding: 0;
	opacity: 1;
}
.soldout_item, a.buy_item {
    width: 80%;
}

/*SUB CONTENTS=======================*/
.slick-prev {
    left: -10px;
}
.slider_3colomn, .slider_4colomn {
    width: 90%;
    margin: 20px auto !important;
    /*padding: 0 10px;*/
}
.slider_3colomn li img, .slider_4colomn li img {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.slick-next
{
    right: -15px;
}
.slick-prev
{
    left: -15px;
}
.soldout_item,a.buy_item{
	color: #000;
    background-color: #fff;
    border: solid 2px #000;
}
/*
a.buy_item:hover:after{
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #000;
}
*/
/*767px以下 2カラム*/

}/*▲▲ @media screen and (max-width: 767px)(スマートフォン用）の記述 ▲▲*/


/*▼▼ どうしても必要な場合　iphone5&amp;6&amp;6plus 横画面 ▼▼ 
@media (min-width: 500px) and (max-width: 740px) {
}
=======================*/</pre></body></html>