@charset "utf-8";
/*
機　　能　　名：トップページ
作　　成　　日：2018/00/00
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	top
**************************************** */

div#top {
}

/* main_img */
#main_img {
text-align:center;
margin-bottom:20px;
}
#main_img .slick-dots {
display:none !important;
}
#main_img .center-item img {
width:100%;
height:auto;
margin:0 auto;
}
@media screen and (min-width: 768px) {/* PC */
#main_img .center-item {
margin-bottom:15px;
}
#main_img .center-item li {
text-align:center;
background:rgba(0,0,0,0.8);
}
#main_img .center-item li img {
opacity:0.6;
filter:alpha(opacity=60);
}
#main_img .item-nav {
width:1100px;
margin:0 auto;
text-align:center;
}
#main_img .item-nav .slick-list {
overflow:visible;
position:static;
}
#main_img .thumb-item-nav li {
width:130px !important;
background:rgba(0,0,0,0.8);
}
#main_img .thumb-item-nav img {
width:130px;
opacity:0.6;
filter:alpha(opacity=60);
}
#main_img .center-item .slick-current li,
#main_img .thumb-item-nav .slick-current li {
background:none;
}
#main_img .center-item .slick-current li img,
#main_img .thumb-item-nav .slick-current li img {
opacity:1;
filter:alpha(opacity=100);
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
#main_img .item-nav {
width:100%;
}
}
}
@media screen and (max-width: 767px) {/* SP */
#main_img .thumb-item-nav {
display:none;
}
}

/* ***************************************
	ranking
**************************************** */
#ranking {
margin-bottom:0;
}
#ranking .rank_box h3 {
text-align:center;
color:#3F789C;
border-bottom:1px solid #3F789C;
}
#ranking .rank_box h3 span {
display:inline-block;
}
#ranking .rank_item_01 h3 span {
background:url(../images/item/rank_icon_01.png) 0 0 no-repeat;
}
#ranking .rank_item_02 h3 span {
background:url(../images/item/rank_icon_02.png) 0 0 no-repeat;
}
#ranking .rank_item_03 h3 span {
background:url(../images/item/rank_icon_03.png) 0 0 no-repeat;
}
#ranking .rank_item_04 h3 span {
background:url(../images/item/rank_icon_04.png) 0 0 no-repeat;
}
#ranking .rank_item_05 h3 span {
background:url(../images/item/rank_icon_05.png) 0 0 no-repeat;
}
#ranking .rank_item_06 h3 span {
background:url(../images/item/rank_icon_06.png) 0 0 no-repeat;
}
#ranking .rank_box a {
text-decoration:none;
}
#ranking .rank_box .rank_item {
position:relative;
margin-bottom:35px;
padding:0 5%;
}
#ranking .rank_box .icon_num {
position:absolute;
left:18%;
z-index:1;
}
#ranking .rank_box .item_photo {
width:48%;
float:left;
}
#ranking .rank_box .item_photo img {
position:relative;
z-index:0;
}
#ranking .rank_box .item_r {
width:48%;
float:right;
}
@media screen and (min-width: 768px) {/* PC */
#ranking .rank_box {
width:260px;
float:left;
margin-right:20px;
}
#ranking .rank_box:nth-child(3),
#ranking .rank_box:nth-child(6) {
margin-right:0;
}
#ranking .rank_box h3 {
padding-bottom:5px;
font-size:14px;
margin-bottom:35px;
}
#ranking .rank_box h3 span {
padding-left:45px;
line-height:37px;
min-height:37px;
background-size:auto 37px;
-webkit-background-size:auto 37px;
}
#ranking .rank_box .icon_num {
width:50px;
top:-25px;
}
#ranking .rank_box a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#ranking .rank_box .item_name {
font-size:14px;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
#ranking .rank_box {
width:235px;
}
#ranking .rank_box .item_name {
font-size:12px;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
#ranking .rank_box {
width:32%;
margin-right:2%;
}
#ranking .rank_box:nth-child(3),
#ranking .rank_box:nth-child(6) {
margin-right:0;
}
#ranking .rank_box .rank_item {
padding:0 3%;
}
#ranking .rank_box .item_price .web_price .p {
font-size:14px;
}
}
}
@media screen and (max-width: 767px) {/* SP */
#ranking .rank_box {
width:90% !important;
padding:0 5%;
xmargin:0 auto;
}
#ranking .rank_box h3 {
padding-bottom:4px;
font-size:13px;
margin-bottom:30px;
}
#ranking .rank_box h3 span {
padding-left:40px;
line-height:33px;
min-height:33px;
background-size:auto 33px;
-webkit-background-size:auto 33px;
}
#ranking .rank_box .icon_num {
width:46px;
top:-24px;
}
#ranking .rank_box .item_name {
font-size:13px;
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}








/* ***************************************
	news_area
**************************************** */
#news_area li {
padding:10px;
margin-bottom:10px;
background:#EFEFEF;
line-height:1.6;
}
#news_area li span {
display:block;
}
@media screen and (min-width: 768px) {/* PC */
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
}
}
@media screen and (max-width: 767px) {/* SP */
#news_area ul {
width:90%;
margin:0 auto;
}
#news_area a {
text-decoration:underline;
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}





@media screen and (min-width: 768px) {/* PC */
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
}
}

@media screen and (max-width: 767px) {/* SP */
@media screen and (max-width: 320px) {/* iphoneSE */
}
}