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

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

/*------------------------------------------------
	js [interface -&gt; sort]
------------------------------------------------*/
#uiSort { display: block; bottom:80px; right:30px; }

/*------------------------------------------------
	Modal js
------------------------------------------------*/
#modaal-close { top:auto; bottom:115px; right:20px; margin:0 auto; background-color:#555; }

/* modal inner contents [view] */
.modalInr .colR,
.modalInr .colL,
.modalInr .colL.vrtiCampo + .colR { width:auto; }
.modalInr .colL.vrtiCampo { width:75%; margin:0 auto; }
.modalInr .boxTtl .ttlJa { font-size:125%; }
.modalInr .boxTtl .ttlEn { font-size:90%; }
.modalInr .boxDetail &gt; ul &gt; li &gt; dl { line-height:1.5em; }
.modalInr .boxDetail &gt; ul &gt; li &gt; dl dt { float:none; font-weight:bold; }
.modalInr .boxDetail &gt; ul &gt; li &gt; dl dt::before { display:inline; content:"["; padding-right:.1em; font-weight:normal; }
.modalInr .boxDetail &gt; ul &gt; li &gt; dl dt::after { display:inline; content:"]"; padding-left:.1em; font-weight:normal; }
.modalInr .boxDetail &gt; ul &gt; li &gt; dl dd { margin-bottom:10px; margin-left:auto; }

/*------------------------------------------------
	list
------------------------------------------------*/
.list.typeTumub.col4 &gt; ul &gt; li { width:32%; margin-right:2%; margin-bottom:2%; }
.list.typeTumub.col4 &gt; ul &gt; li:nth-child(4n) { margin-right:2%; }
.list.typeTumub.col4 &gt; ul &gt; li:nth-child(3n) { margin-right:0; }
.list.typeTumub.col5 &gt; ul &gt; li { width:23%; margin-right:2%; margin-bottom:2%; }
.list.typeTumub.col5 &gt; ul &gt; li:nth-child(5n) { margin-right:2%; }
.list.typeTumub.col5 &gt; ul &gt; li:nth-child(4n) { margin-right:0; }

.list.typeSwicth &gt; ul { overflow:hidden; }
.list.typeSwicth &gt; ul &gt; li { float:left; width:32%; margin-right:2%; }
.list.typeSwicth &gt; ul &gt; li:nth-child(3n) { margin-right:0; }

/*------------------------------------------------
	custum radio &amp; checkbox
------------------------------------------------*/
.custumRadio + label::after { top:5px; left:5px; }

.custumCheck + label::after { top:5px; left:5px; }


/*------------------------------------------------
	swiper js
------------------------------------------------*/
.swiper-slide {	height:80px; }
.swiper-container .thumb { position:relative; }
.swiper-container .thumb img { position:absolute; left:-50%; width:260px; width:160%; }
.swiper-containerB { width:auto; height:auto; padding:50px 0 0 0; }
.swiper-containerB .swiper-slide { /*width:240px*/ !important; height:auto; }
.swiper-containerB .swiper-slide a { display:block; }
.swiper-containerB .swiper-slide img { width:200px; width:50%; height:auto; }

/*------------------------------------------------
	Section Animete js
------------------------------------------------*/

/*Switch UI*/
#downBtn,
#upBtn { position:fixed; top:11px; right:80px; width:22px; height:22px; margin:5px; cursor:pointer; }

/*------------------------------------------------
	sort panel
------------------------------------------------*/
#search { display:none; overflow-y: scroll; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding:7vw; background-color:rgba(0,0,0,.8); color: #FFF; z-index:9001; font-size:90%; }
#search form { margin-top: 60px; }
#search .list ul { display:block; }
#search .list ul li { margin-bottom:4%; }
#search .list ul li + li { margin-left:auto; }
#search #btnSort { max-width:auto; padding:15px 10px; }

/*------------------------------------------------
	page content
------------------------------------------------*/
#gallery .swiper-container &gt; ul &gt; li:hover { opacity:.7; }
#gallery .swiper-container &gt; ul &gt; li .thumb { overflow:visible; }
#gallery .swiper-container &gt; ul &gt; li .thumb::after { display:none; }

#gallery-section .colL { float:none; width:auto; }
#gallery-section .colR { float:none; width:auto; }

}

@media screen and (max-width: 460px) {

/*------------------------------------------------
	list
------------------------------------------------*/
.list.typeTumub.col5 &gt; ul &gt; li { float:left; width:32%; margin-right:2%; margin-bottom:2%; }
.list.typeTumub.col5 &gt; ul &gt; li:nth-child(5n) { margin-right:2%; }
.list.typeTumub.col5 &gt; ul &gt; li:nth-child(4n) { margin-right:2%; }
.list.typeTumub.col5 &gt; ul &gt; li:nth-child(3n) { margin-right:0; }

}

</pre></body></html>