@charset "utf-8";

.cate_child_nav{ padding:10px; border:1px solid #EEE;}
.cate_child_nav li{ margin:5px 0;}
.cate_child_nav li ul{ padding-left:10px;}

.cathead{ margin-bottom:10px;}
.catnavhd select{ padding:4px; max-width:100%; height:26px; line-height:17px;}

/* !!!!! 20241207斎藤 */
#main .container article{ 
	height:256px;
	margin:0 8px 10px 0;
	padding:10px; width:152px;
	float:left;
	background:#f8f8f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; behavior: 
	url(border-radius.htc); 
/*	position:relative; */
	word-break:break-all; 
	ext-align:left;
}

#main .container article:nth-child(5n){ margin:0 0 10px 0;}
#main .container article a{ display:block;}
#main article .img{ position:relative;}
#main article .img img{ width:132px;/* height:132px; */}

/* !!!!! 20241207斎藤 */
#main article .img .officon{
	font-size:0.8rem;
	padding:2px 7px;
	bottom:2px;
	right:2px;
	background:#FF0004;
	color:#FFFFFF;
}
#main article .cat{ line-height:1.4; font-weight:normal; font-size:10px; white-space: nowrap; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
#main article .name{ height:44px; text-align:left; line-height:1.4; font-weight:normal; font-size:10px; color:#000000; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
/*Multiline text with ellipsis*/
#main article .name{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#main article .pricebox{ text-align:left;}
#main article .price{ font-size: 130%; font-weight: bold; color: #ED5B14;}

.sortbtnbox{ margin-bottom:10px; padding:5px; height:36px; background: #EEEEEE; position:relative;}
.pagenum{ position:absolute; top:5px; right:5px; line-height:26px;}
.catnavhd{ width:100%;}
.catnavhd li{ display:inline-block;}
.catnavhd li a{ min-width:13.5rem;margin:5px; padding:10px; display:inline-block; background:#FFFFFF;border:solid 1px;position: relative;}
.catnavhd li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #093;
    border-right: solid 2px #093;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.catnavft{ background: #333333;}
.catnavft li{ border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; width:50%; float:left;}
.catnavft li:nth-child(even){ border-right:none;}
.catnavft .backlinkft{ border-top:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.catnavft a{ padding:10px; color:#FFFFFF; display:block;}
.catnavft a:hover{ background:#999999;}


/*LIGHTBOXメニュー*/
#catopenbtn{ width:100%; padding:10px; text-align:right; background:#EEEEEE;}
#catopenbtn a{ padding:10px; display:block; text-align:center; cursor: pointer; background:#FFFFFF; }
#catNav{ width:100%;}
#catNav li{ width:100%; background:url(../images/dotLine.gif) repeat-x left bottom;}
#catNav li a{ padding:20px; display:block;}

.lightbox { display: none; }
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noﾃｫl Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:60%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:2px;right:2px;line-height:25px;width:100px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#000;background:rgba(0,0,0,1);color:#FFF}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}


/*ニュースカテゴリー*/
#main .container article.newsList{ margin-bottom:10px; padding:10px; width:100%;}
#main .container article.newsList:nth-child(3n){ margin-bottom:10px;}
#main .container article.newsList:last-child{ margin-bottom:0;}
#main .container article.newsList .img{ padding:5px; width:30%; float:left;}
#main .container article.newsList .txt{ padding:5px; width:70%; float:left;}

@media only screen and (max-width:1060px){
.catnavhd li{ width:50%; float:left;}
}
@media only screen and (max-width:599px){
#main article .pricebox{ font-size:80%;}
}
@media only screen and (max-width:1060px){
.s-category { display:none;}
}