@charset "utf-8";

/**** Clearfix ****/
.newinfo:after{content:""; display:table;clear:both;}
.newinfo{zoom:1;}

/* トップページ「総合オンラインショップです。」
------------------------------------------------------------*/
h3 {
width:100%;
margin:10px auto 25px;
background:url("../img/bg_h1.jpg") repeat-x center bottom;
border-top:2px solid #660000;
border-bottom:1px dotted #CCC;
color:#990000;
font-size:16px;
font-weight:normal;
padding:10px;
line-height:1.2;
}


/* カルーセル
------------------------------------------------------------*/
.slick{
padding:15px 35px;
border:1px solid #ccc;
border-radius:10px;
/*width:100%;
overflow:hidden;*/
line-height:1;
}

.slick div{
margin:0 5px;
}

.slick a img{
border:1px solid #ccc;
display:block;
margin:0 auto 3px;
}
.slick a{
font-size:12px;
font-size:1.2rem;
color:#000080;
}
.slick a:hover{
text-decoration:underline;
}
.slick a:hover img{
border:1px solid #000080;
}
.slick-slide{
text-align:center;
}

.slick-prev, .slick-next {
position:absolute;
top:50px;
display:block;
width:25px;
height:50px;
background:url("../img/ama_arrow.gif");
background-repeat:no-repeat;
cursor:pointer;
font-size:0;
line-height:0;
color:transparent;
border:none;
outline:none;
}

.slick-prev {
left:10px;
background-position:left top;
}
.slick-prev:hover {
background-position:left bottom;
}
.slick-next {
right:10px;
background-position:right top;
}
.slick-next:hover {
background-position:right bottom;
}
.slick-dots {
bottom:10px;
display:block;
width:100%;
padding:0;
margin:0;
text-align:center;
}
.slick-dots li {
position:relative;
display:inline-block;
width:30px;
height:30px;
margin:0 10px;
padding:0;
cursor:pointer;
}
.slick-dots li button {
font-size:0;
line-height:0;
display:block;
width:30px;
height:30px;
padding:0;
background:url("https://www.iifas.jp/img/circle_black.gif") no-repeat 50% 50%;
opacity:.25;
cursor:pointer;
color:transparent;
border:none;
outline:none;
/*background:transparent;*/
}
.slick-dots li.slick-active button {
opacity:.75;
color:black;
}


/* 新着情報
------------------------------------------------------------*/
.newinfo_title{
width:100%;
height:45px;
background:url('../img/title_newinfo.png') top left no-repeat;
}
.newinfo{
/*position:relative;height:300px; overflow:hidden;*/
width:100%;
border-bottom:2px solid #000080;
margin-bottom:20px;
}
/*.newinfo iframe{
border:none;
width:100%;
height:300px;
overflow-x:hidden;
overflow-y:auto;
}
.newinfo iframe::-webkit-scrollbar {
width:10px;
}
.newinfo iframe::-webkit-scrollbar-track{
background:#F1F1F1;
}
.newinfo iframe::-webkit-scrollbar-thumb {
background:#BCBCBC;
}
.newinfo iframe::-webkit-overflow-scrolling:touch;*/

.newinfo dl{
width:100%;
float:left;
margin:0;
padding:5px 10px;
display:inline;
border-bottom:1px dotted #999;
line-height:1.2;
}

.newinfo dt {
float:left;
width:90px;
margin-right:5px;
color:#cc0000;
}
.newinfo dd {
margin-left:90px;
/*float:left;*/
/*width:540px;*/
padding:0pt 0pt 0pt 20px;
color:#333300;
/*word-wrap:break-word;*/
}

.newinfo dd a{
color:#009;
text-decoration:underline;
}
.newinfo dd a:hover{
color:#900;
}


/* 大カテゴリー
------------------------------------------------------------*/
.cat1_header1{
margin-top:10px;
float:left;
text-align:left;
font-size:2.4rem;
font-weight:bold;
color:#fff;
padding:4px 30px 4px 5px;
background:url('https://www.iifas.jp/img/diagonal2.png') top right no-repeat;
margin-bottom:1px;
}
.cat1_header1 a{
color:#fff;
}
.cat1_header1 a:hover{
color:#fff;
text-decoration:underline;
}

.cat1_header2{
clear:both;
border:1px solid #800000;
}


/* 中カテゴリー
------------------------------------------------------------*/
.bl-hot {
background-color:#fff;
}
.bl-hover {
cursor:pointer;
background-color:#f3f3f3!important;
}
.bl-hover a:link{
text-decoration:underline;
}

ul.cat{
display:table;
table-layout:fixed;
width:100%;
border-collapse:separate;
border-spacing:10px;
}
ul.cat li.cat_content{
/*width:50%;*/
display:table-cell;
padding:10px;
border:#008000 solid 1px;
color:#00497D;
text-align:left;
line-height:1.2;
overflow:hidden;
}
ul.cat .table_row{
display:table-row;
}

ul.cat li.cat_content ul li{
width:100%;
padding:0 0 4px 20px;
background-image:url(https://www.iifas.jp/img/yaz3_green.gif);
background-repeat:no-repeat;
background-position:left 5px;
word-break:normal;
}

ul.cat li.cat_content ul li a{
color:#006600;
font-size:20px;
font-size:2.0rem;
font-weight:bold;
}
ul.cat li .cat_content a:hover{
text-decoration:underline;
}

ul.cat li.cat_content img.goods{
margin:6px 6px 3px 0;
border:1px solid #ccc;
}
ul.cat li.cat_content img.goods2{
margin:6px 6px 3px 0;
border:none;
}

ul.cat li.cat_content .cat_link{
float:right;
color:#990000;
}
ul.cat li.cat_content .cat_link a{
color:#990000;
}

.cat_link a{
color:#900;
text-decoration:none;
font-weight:normal;
text-align:center;
padding:2px 30px;
margin-left:10px;
border:1px solid #999;
border-radius:5px;
background:#EEE;
background:-moz-linear-gradient(top,#fff 0%,#eee);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
white-space:nowrap;
cursor:pointer;
line-height:2;
}

/* 幅720px以下から
------------------------------------------------------------*/
@media only screen and (max-width:720px){
}


/* 幅560px以下から
------------------------------------------------------------*/
@media only screen and (max-width:560px){

	.slick img{
	width:75px;
	height:75px;
	}

	ul.cat li.cat_content{
	width:100%;
	display:block;
	margin:10px 0;
	}
	ul.cat .table_row{
	display:block;
	}
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

	.slick{
	padding:0;
	border:none;
	}
	.slick-prev, .slick-next {
	display:none!important;
	}
	.slick-dots li {
	margin:0 5px;
	}

	.newinfo dt {
	float:none;
	}
	.newinfo dd {
	margin-left:0;
	}

}