@charset "utf-8";
/* CSS Document */




/*デフォルト*/
/*
* {
	margin: 0;
	padding: 0;
}

body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
*/
a {
	text-decoration:none !important;
	/*color: #333333 !important; 20180517消去*/
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


/*コンテンツブロック*/

.titleframe {
	margin: 30px 5%  20px;
	width:90%;
	/*border-bottom: 1px solid #666666;*/
	border-bottom: 1px solid #9f9f9f;
}

.titleword {
	padding: 0 3%;
	color:#666666; 
}

.photoboxouter {
	margin: 0 5%;
	width:90%;
}

.photobox {
	width: 100%;
}

.photobox ul li {
	float: left;
}

.photobox ul li#base{
	background-color: #E6E6E6;
}

.main-nav {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  }

.rankword {
	font-weight:bold;
	text-align:left;
}

.itemword {
	text-align:left;
}

.priceword {
	text-align:right;
}

.setumeiword {
	text-align:left;
	padding: 0 6%;
	margin-bottom: 10px;
}


.brandboxouter {
	margin: 0 5%;
	width:90%;
}
.brandbox {
	width: 100%;
}

.brandbox ul li {
	float: left;
}

.brandname {
	text-align: center;
}

.newsflame {
	width: 90%;
	font-size:14px;
	margin: 0 auto 50px;
}

.newsflame li {
	margin: 10px 3%;
	border-bottom:1px dotted #CCCCCC;
	height: 25px;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

	
}

.newsflame li .newsflameday{
	width: 25%; margin-right: 5%;
}

.newsflame li .newsflameword{

}

@media screen and (min-width:461px) { 
    /*　画面サイズが461（旧768）768pxからはここを読み込む　*/
.titleword {
	font-size: 24px;
}

.photobox ul li {
	width: 21%;
	margin: 20px 2%; 
}

.rankword {
	font-size: 16px;
}

.itemword {
	font-size: 14px;
}

.priceword {
	font-size: 16px;
}

.setumeiword {
	font-size: 12px;
}

.brandbox ul li {
	width: 17%;
	margin: 20px 1.5%; 
}

.brandname {
	font-size: 12px;
}

.newsflame li .newsflameday{
	font-size: 13px;
}

.newsflame li .newsflameword{
	font-size: 13px;
}

.newsreco {
	background-color: #006699;
	border: #000033 1px solid;
	  border-radius: 5px;
	width:80%;
	margin: 10px auto 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;

}

.newsrecotext {
	padding: 2px 20px;
	font-size:16px;
	color:#FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	overflow: visible;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}

.newsreco2 {
	background-color: #55616d/*slategrey*/;
	border: #404952 1px solid;
	/* border-radius: 5px; */
	width: 100%;
	margin: 10px auto 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.newsrecotext2 {
	padding: 2px 10%;
	font-size:16px;
	color:#FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	overflow: visible;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}

}


@media screen and (max-width:460px) { 
    /*　画面サイズが461（旧768）まではここを読み込む（＝スマホ）　*/
.titleword {
	font-size: 18px;
}

.photobox ul li {
	width: 47%;
	margin: 20px 1.5%; 
}

.rankword {
	font-size: 14px;
}

.itemword {
	font-size: 10px;
}

.priceword {
	font-size: 14px;
}

.setumeiword {
	font-size: 10px;
}

.brandbox ul li {
	width: 30%;
	margin: 20px 1.65%; 
}

.brandname {
	font-size: 10px;
}

.newsflame li .newsflameday{
	font-size: 10px;
}

.newsflame li .newsflameword{
	font-size: 10px;
}

.newsreco {
	background-color: #4A5F8B;
	border: #000033 1px solid;
	  border-radius: 5px;
	width:90%;
	margin: 20px auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;

}

.newsrecotext {
	padding: 2px 2px;
	font-size:10px;
	color:#FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	overflow: visible;//仕様変更のための追記
/*
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
*/
}

.common_header .right_wrap  ul a {
  font-size: 1.2rem !important;
}

#Register-MyPage {
	display: no ne !important;
}

.common_header .right_wrap {
    right: 0px !important;
}

}


.newsreco:hover {
	background-color: #ffffff;
	border: #000033px solid;
}


.newsrecotext:hover {
	color: #000033;
}

.newsreco2:hover {
	background-color: #ffffff;
	border: #000033px solid;
}


.newsrecotext2:hover {
	color: #000033;
}  

/*
h2 {
	margin: 20px 0;
	padding:20px 10px 10px;
	font-size: 18px;
	font-weight: bold;
	border-top:1px #ccc solid;
}
*/
.slider {
	margin: 0 0 50px;
}
.slider img {
	width: 100%;
	height: auto;
}
.single-item {
	max-width: 600px;
	margin: 0 auto 50px;
}

@media screen and (min-width:461px) { 
    /*　画面サイズが461（旧768）768pxからはここを読み込む　*/
.slick-prev::before, .slick-next::before {
	font-size: 40px;
}
}

@media screen and (max-width:460px) { 
    /*　画面サイズが460（旧767）px以下（スマホ）はここを読み込む　*/
.slick-prev::before, .slick-next::before {
	display: no ne;
}
}

.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	z-index: 1;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 2;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-25px;
}
.multiple-item li {
	margin: 0 5px;
}
.thumb-item {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 0 5px;
}
.thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 5px;
}
.lazy-item {
	width: 400px;
	margin: 0 auto 50px;
}
.lazy-item li {
	margin: 0 5px;
}

/*@media screen and (max-width:460px) { 
.slick-prev .slick-arrow {
	display:none;
}
.slick-next .slick-arrow {
	display:none;
}

}*/



@media screen and (min-width:769px) { 
    /*　画面サイズが769pxからはここを読み込む　*/
	
#formobile {
	display:none !important;
}

}

/*––––––––––––––––––––––––––––––––––––––––––––––––––
商品ページ用セール他イベントバナー
––––––––––––––––––––––––––––––––––––––––––––––––––*/	
@media screen and (max-width:460px) { 

.eventbannerfit {
	width: 80%;
	margin: 10px auto;
	text-align:center;

}

}


@media screen and (min-width:769px) { 
    /*　画面サイズが769pxからはここを読み込む　*/
.eventbannerfit {
	width: 50%;
	margin: 10px auto;
	text-align:center;	

}

}	

/*––––––––––––––––––––––––––––––––––––––––––––––––––
商品ページ用セール他イベントバナー(2枚バナー用)
––––––––––––––––––––––––––––––––––––––––––––––––––*/
@media screen and (min-width:461px) { 
.eventbannerfit2 {
    width: 75%;
    margin: 10px auto;
    text-align: center;
}

.eventbannerfit2 li {
    width: 49%;
    margin: 0 auto;
    text-align: center;
	float: left;
	list-style: none;
}


.eventbannerfit2 li:first-child {
	margin-right: 2%;
}
}

@media screen and (max-width:460px) { 
.eventbannerfit2 {
    width: 75%;
    margin: 10px auto;
    text-align: center;
}

.eventbannerfit2 li {
	list-style: none;
	width: 100%;
	margin-bottom: 8px !important;
}

.eventbannerfit2 li:last-child {
	margin-bottom: 0px !important;
}

}

/*––––––––––––––––––––––––––––––––––––––––––––––––––
カラー別ブロック表示コンテンツ
––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	margin:0;
	padding:0;
}

.colorblock-box {
 overflow: hidden;
 *zoom: 1;
 width: 90%;
 margin: auto;
}
 
.colorblock-box ul {
 margin: 0 -3.4% 0 0; /*ネガティブマージン*/
 padding: 0;
}
 
.colorblock-box li {
 float: left;
 width: 30%;
 height: auto;
 margin: 0 3.3% 0 0;
 list-style: none;
}


/*––––––––––––––––––––––––––––––––––––––––––––––––––
フッター送料・お支払方法・ラッピング表示コンテンツ
––––––––––––––––––––––––––––––––––––––––––––––––––*/

.footcontents {
    background: #f0f0f0;
    width: 100%;
    /*height: 200px;*/
    padding: 20px;	
}

.setumeiwordftin a {
	color:#0000FF !important;
	
}


@media screen and (min-width:461px) { 
.photoboxft ul li {
	width: 21%/*29%*/;
	margin: 20px 2%; 
}

.setumeiwordft {
	font-size: 16px;
	font-weight:bold;
	color: #333333;
	padding-left: 2%;
	line-height: 2.6 !important; 
}

.setumeiwordftin {
	font-size: 14px;
	line-height: 1.4 !important;
}


}

@media screen and (max-width:460px) { 
.photoboxft ul li {
	width: 96%;
	margin: 20px 2%;
	border-bottom: #999999 solid 1px ;
}

.setumeiwordft {
	font-size: 14px;
	font-weight:bold;
	color: #333333;
	padding-left: 3%;
	line-height: 1.8 !important; 
}

.setumeiwordftin {
	font-size: 11px;
	line-height: 1.4 !important;
	margin-bottom: 20px !important;
}

}




/*––––––––––––––––––––––––––––––––––––––––––––––––––
ヘッダーカルーセル　スマホ左右のボタン非表示コンテンツ/201911
––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*@media screen and (max-width: 600px) {
	.slick-arrow {
	display: none !important;
}
}*/