@charset "euc-jp";

/*###################################################
　 
   スマホのスタイル
   
################################################### */


/*
------------------------------------------------------------
　■ library 
------------------------------------------------------------
*/

.bx-wrapper .bx-controls-direction a {
	top: 120% !important;
}
.bx-wrapper .bx-prev {
	background-position:0 0 !important;
}
.bx-wrapper .bx-next {
	background-position:-43px 0 !important;
}
.bx-pager-link {
/*	width:20px !important;
	height:20px !important;
	border-radius: 10px !important;*/
}
.bx-wrapper .bx-pager {
	width:70% !important;
	left:15% !important;
	bottom: -40px !important;
}


/*
------------------------------------------------------------
　■ utility 
------------------------------------------------------------
*/

.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}

.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}

.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}


/*
------------------------------------------------------------
　■ スマホ共通
------------------------------------------------------------
*/

#rak3 {
}
#rak3 table,
#rak3 th,
#rak3 td {
	margin:0;
	padding:0;
	border:0;
	line-height:130%;
	vertical-align:top;
}
#rak3 table {
	border-collapse:collapse !important;
	border-spacing:0 !important;
}
#rak3 a{
	color:#333;
}





/*
------------------------------------------------------------
　■ スマホTOP
------------------------------------------------------------
*/


/*  タイトル共通
------------------------------ */
.smp-ttl1 {
	width:100%;
	margin-bottom:10px;
	border-bottom:solid 1px #000;
}
.smp-ttl1 h3 {
	padding:5px 0 0 5px;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	color:#222;
}

/* 2020/4 ver 派手に */
#rak3.ver2020-04 .smp-ttl1 {
	border-bottom:none !important;
}
#rak3.ver2020-04 .smp-ttl1 h3 {
	background:#000 !important;
	color:#fff !important;
	padding: 10px !important;
}




/*  キーワード
------------------------------ */
#smp-keyword {
	padding:0 5px 5px 5px !important;
	line-height:170%;
}



/* センターBOX 2 -- bxslider
-------------------------------------- */
.bx-wrapper {
}
.bx-wrapper .bx-viewport { 
	border:none !important;
	box-shadow:none !important;
	left:0 !important;
}


/* センターBOX 2 （共有）
--------------------------------------------------- */

#slide-item{
	padding-bottom:30px;
}
#slide-item-inner{
	padding:10px 0 0 7px;
}
#slide-item th{ /* spacer */
	width:11px;
	height:15px;
}
#slide-item li{
	width:105px;
}
#slide-item .img{
	border:solid 1px #ccc;
}
#slide-item .img img{ /* img */
	width:105px;
	margin:1px;
}
#slide-item .tr2 td{
	padding: 5px 5px 0 5px;
	font-size:12px;
	line-height:130%;
}
#slide-item .tr2 td .td2{
	width:100%;
	overflow:hidden;
	word-break: break-all;
	word-wrap: break-word;
}
#slide-item .tr2 td a{
	text-decoration:none;
}
#slide-item .tr2 td a:hover{
	text-decoration:underline;
}
#slide-item .tr2 td img {
	display:inline;
}

#slide-item .td2 h4 {
	height:60px;
	margin-bottom:3px;
	overflow:hidden;
}
#bxslider2 #slide-item .td2 h4 {
	height:54px;
}


.smp-bnr .td2 h4 {
	height:67px;
	margin-bottom:3px;
	overflow:hidden;
}
.smp-bnr .price{
	font-weight:bold;
}
.smp-bnr .date{
	background:#000;
	color:#fff;
	text-align:center;
	font-size:12px;
	line-height:12px;
	padding:2px;
}



/* slide
------------------------------ */
#slide1 img {
    max-width: 640px !important;
    width: 100% !important;
	height: auto !important;
}

/* info
------------------------- */
#center-box1-ttl {
	background:#000;
	color:#fff;
	padding:5px 10px;
	font-size:12px;
	line-height:12px;
}
#center-box1{
	margin-bottom:20px;
}
#center-box1-content {
	padding:10px;
	line-height:160%;
}


/* 2020/4 ver 派手に */
#rak3.ver2020-04 #center-box1-ttl {
	padding: 10px !important;
	font-size:14px !important;
	line-height:16px !important;	
	font-weight:bold !important;
}




/* 楽天キャンペーン
------------------------------ */
#bnrcmp a {
	display:block;
    width: 100% !important;
	margin-bottom:10px;
}




/* バナー１〜３　共通
------------------------------ */
section#smp-bnr1{}
section#smp-bnr2{}
section#smp-bnr3{}

/*.smp-bnr {
	width:310px !important;
	margin: 0 5px !important;
	overflow:hidden;
	color:blue;
}
.smp-bnr table {
	width: 100% !important;
}
.smp-bnr table th {
	width:10px !important;
	height:20px !important;
}
.smp-bnr table td {
	padding-top:5px !important;
}
.smp-bnr img {
    max-width: 640px !important;
    width: 99% !important;
	height: auto !important;
	border:solid 1px #ccc;
}*/

/* ↓ R E N E W  ... @ 2013/10/18  */

.smp-bnr {
	margin: 5px;
}
.smp-bnr table {
	display: table;
	width: 100%;
	table-layout: fixed;
	border:none;
}
.smp-bnr table th {
	width:5px !important;
	height:5px !important;
}
.smp-bnr table .tr2 td {
	padding-top:5px !important;
}
.smp-bnr img {
    max-width: 640px !important;
    width: 100% !important;
	height: auto !important;
	border:solid 1px #ccc;
}




/* 
------------------------------ */

#view-re {
	text-align:center;
	background:#000;
	padding:10px;
	margin:10px;
}
#view-re a {
	display:block;
	color:#fff;
}
#view-re.ver2020-04 {
	padding:20px 0 !important;
	background:#0E509D !important;
	border:solid 3px #003366;

	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}
#view-re.ver2020-04 a {
	font-size:16px !important;
	line-height:16px !important;
	font-weight:bold !important;
}



/* カテゴリ -- 1 はクラス指定（4と共通）
------------------------------------------ */

#left-cat4 {
	padding-top:25px;
}
div.left-category-wrapper{
	margin-bottom:15px;
}
div.left-category{
	padding:10px 0;
}
div.left-category a{
	display:block;
	margin-bottom:10px;
	padding:0 10px;
	text-decoration:none;
	font-size:14px;
	line-height:16px;
}
div.left-category a:hover{
	text-decoration:underline;
}

/* 2020/4 ver 派手に */
div.left-category-wrapper.ver2020-04 .smp-ttl1 {
	background:#000 !important;
	color:#fff !important;
	padding: 10px;
	font-weight:bold !important;
}
div.left-category-wrapper.ver2020-04 .smp-ttl1 h3 {
	color:#fff !important;
	font-weight:bold !important;
}
div.left-category-wrapper.ver2020-04 div.left-category a {
	padding:5px 10px !important;
	border-bottom: dotted 1px #ccc !important;
}





/* その他　SS用調整
------------------------------------------ */

#copyright-smp {
	padding:10px 0;
	font-size:12px;
	text-align:center;
	background:#222;
	color:#fff;
}



#rstSearch-ss {
	margin:20px 2%;
	padding:10px 0;
	text-align:center;
	border:solid 1px #ccc;
	background:#eee;
}