@charset "Shift_JIS";
/* CSS Document */

body{
	color: #202020;
	font-family: YakuHanJPs, "Meiryo","ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS P Gothic",  Osaka, sans-serif;
	font-size : 11px;
	font-weight: normal;
	margin: 0px;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden!important;
	padding: 0px;
}
*{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;
}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
h2 {
	background-color: #333;
	display: block;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFF;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
}

h3 {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: block;
	}
	
A:link { text-decoration:none; color: #0000cc; }
A:visited { color: #0000cc; }
A:hover { text-decoration:no; color:#00cccc; }
A:active { color: #00CCCC; }
A:hover img{ filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80; }

#container {
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-bottom: 0px;
	margin-top: 0px;

	 }

.review {
	margin: 0px;
	padding: 0px;
	float: right;
	display: block;
	height: 30px;
	overflow: hidden;
}
.review iframe {
	height: 30px;
	width: 370px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow: hidden;
	margin-top: 5px;
}



#headbg {
	width: 100%;
	background-color: #FFF;
	clear: both;
	margin-top: 0;
	margin-right: -500%;
	margin-bottom: 0;
	margin-left: -500%;
	padding-top: 0;
	padding-right: 500%;
	padding-bottom: 0;
	padding-left: 500%;
	height: auto;
}

.hdSoryo {
	padding: 0;
	width: 100%;
	background-color: #ff0000;
	margin-top: 10px;
	margin-right: -500%;
	margin-bottom: 0;
	margin-left: -500%;
	padding-top: 0;
	padding-right: 500%;
	padding-bottom: 0;
	padding-left: 500%;
	}
@media screen and (max-device-width: 1024px) {
 .hdSoryo {
	padding: 0;
	width: 100%;
	background-color: #ff0000;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
}

.iphone #headbg {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	}
.ipad #headbg {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	}
	
.android #headbg {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	}
.hdSale {
	display: block;
	margin-top: 10px;
}
.hdSaleCp {
	width: 996px;
	float: left;
	padding: 0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
.hdSaleCp .hdSaleCpBox{
	width: 324px;
	padding: 0;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	float: left;
	}

.hdSaleCp .hdSaleCpBox img{
	width: 100%;
	}
	
.main {
	width: 996px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	text-algin: left;
	list-style-type: none;
}


.head1{
	margin: 0px;
	padding: 0;
       list-style-type: none;
	border-bottom-color: #000000;
}
.head1 .logo {
	margin-left: 10px;
}

.head1 li{
	float: left;
	text-algin: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.head1 .right {
	float: right;
}
.head1 .rightCp {
	float: right;
	display: block;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.head2{
	list-style-type: none;
	border-bottom-color: #000000;
	margin-left: -500%;
	margin-right: -500%;
	padding-right: 500%;
	padding-left: 500%;
	clear: both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
}
.iphone .head2 {
	margin: 0;
	padding: 0;
	}
.ipad .head2 {
	margin: 0;
	padding: 0;
	}
	
.android .head2 {
	margin: 0;
	padding: 0;
	}

ul.head2 li{
	float: left;
	margin-top: 7px;
	margin-right: 6px;
	margin-bottom: 12px;
	margin-left: 3px;
	display: block;
	border-left: 1px solid #000000;
	text-align: left;
	line-height: 14px;
	width: 8%;
}
ul.head2 li a {
	float: left;
	margin-right: 6px;
	margin-left: 3px;
	display: block;
	color: #000;
	}
ul.head2 li a:hover{
	display: block;
	width: 100%;
	background-color: #E3E3E3;
	text-decoration: none;
}
ul.head2 li.icon{
	float: left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	display: block;
	border-left: 1px solid #000000;
	width: auto;
}
ul.head2 li.icon ul {
	margin: 0px;
	padding: 0px;
	}
ul.head2 li.icon ul li {
	float: left;
	margin: 0px;
	display: block;
	width: 40px;
	height: 27px;
	border-left: none;
	}

/*@-moz-document url-prefix( ){
ul.head2 li{
       float: left;
	margin: 5px 0px 2px 3px;
}
}*/

/*@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
ul.head2 li{
       float: left;
	margin: 5px 0px 2px 3px;
}
}*/

/* search
------------------------------------------*/
#search .key {
	color: #999999;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 13px;
	}
#search {
	display: block;
	clear: both;
	height: 41px;
	width: 100%;
	margin-left: -500%;
	margin-right: -500%;
	padding-right: 500%;
	padding-left: 500%;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	}
		
.iphone #search {
	margin: 0;
	padding: 0;
	}
.ipad #search {
	margin: 0;
	padding: 0;
	}
	
.android #search {
	margin: 0;
	padding: 0;
	}
	
#headbg #search form {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 55%;
	padding-bottom: 0;
	padding-top: 4px;
}
.iphone #headbg #search form {
	display: block;
	margin-left: auto;
	margin-right: auto;

	}
.ipad #headbg #search form {
	display: block;
	margin-left: auto;
	margin-right: auto;

	}
	
.android #headbg #search form {
	display: block;
	margin-left: auto;
	margin-right: auto;

	}
#searchBox{
	border: 1px solid #999;
	width: 500px;
	vertical-align: 11;
	font-size: 1.4em;
	background-color: #CCCCCC;
	clear: both;
	float: left;
	height: 29px;
	background-color: #FFF;
}
.iphone #searchBox {
	height: auto;
	}
.ipad #searchBox {
	height: 25px;
	}
	
.android #searchBox {
	height: auto;
	}
.searchBtn {
	height: 21px;
	width: 21px;
	float: left;
	margin-left: -27px;
	margin-top: 5px;
}
.ipad .searchBtn {
	height: 21px;
	width: 21px;
	float: left;
	margin-left: -30px;
	margin-top: 7px;
}
.searchBtn:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/* header----------------------------------------------- */
#infoHeader {
	clear: both;
	float: left;
	width: 996px;
}
#infoHeader ul {
	clear: both;
	float: left;
	width: 996px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#infoHeader ul li {
	float: left;
	list-style-type: none;
	padding: 0px;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: both;
}
.head {
	width: 996px;
	color: #202020;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Lucida Grande", Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: white;
}
.head #headline {
	background-color: #FFF;
}

.border{
border-width : 1px;
border-style : solid;
border-color : silver;
}

.left1{
line-height : 1.5;
margin-bottom : 3px;
}


SPAN{ list-style-type : disc; }
A:hover {
	color: #000000;
}
form { margin: 0em 0em 0em 0em; } 


.ce_block {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 830px;
}

.ce_block li {
		float: left;
		width: 78px;
		height: 73px;
		margin: 0px 1px 0px 1px;
		padding: 0px;
	}



#cpbanner {
	clear: both;
	float: left;
	padding: 0px;
	width: 996px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#cpbanner ul {
	clear: both;
	float: left;
	width: 996px;
	padding: 0;
	margin: 0;
		}
#cpbanner ul li {
	float: left;
	list-style-type: none;
	padding: 0px;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#cpbanner ul li a .hdTxt {
	font-size: 16px;
	display: block;
	padding: 5px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F00;
	color: #FFF;
	margin-top: 5px;
	font-weight: bold;
	letter-spacing: 0.3em;
}

#cpbanner ul li a:hover .hdTxt {
	background-color: #FF9999;
	margin-top: 5px;
	font-weight: bold;
	color: #900;
}
/* keyword
----------------------------------------------------*/
#keyword {
	padding: 0px;
	margin: 0px;
}
#keyword ul {
	text-align: center;
	padding: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	display: block;
	width: 996px;
	float: left;
	height: auto;
}
#keyword li a {
	display: inline-block;
	float: left;
	margin-right: 7px;
	height: 18px;
	margin-top: 4px;
	background-color: #E7E7E7;
	border-radius: 20px;        /* CSS3‘ˆΔ */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome—p */
	-moz-border-radius: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 2px solid #999;
	color: #333;
	margin-bottom: 4px;
	margin-left: 7px;
	width: 180px;
}

#keyword li a:hover  {
	background-color: #FFFFFF;
}


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


#headBanner2 {
	clear: both;
	float: left;
	width: 996px;
}

  #headBanner2 ul {
clear: both;
  float: left;
padding: 0px;
margin: 0px;
	width: 996px;
	  }
  
  #headBanner2 ul li.b996 {
	float: left;
	list-style-type: none;
	margin-bottom: 5px;
  }

    #headBanner2 ul li.b494l {
	float: left;
	list-style-type: none;
	width: 494px;
	text-algin: left;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	height: auto;

  }

    #headBanner2 ul li.b494r {
	float: right;
	list-style-type: none;
	width: 494px;
	text-algin: left;
	display: block;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;

  }
  
      #headBanner2 ul li.b335 {
	float: left;
	list-style-type: none;
	width: 335px;
	text-algin: left;
	margin-right: 5px;
	display: block;
	padding: 0px;
	margin-bottom: 5px;
	height: auto;

  }
  
        #headBanner2 ul li.b160 {
	float: left;
	list-style-type: none;
	width: 160px;
	height: auto;
	text-algin: left;
	margin-right: 5px;
	display: block;
	padding: 0px;
	margin-bottom: 5px;

  }
  
          #headBanner2 ul li.b160r {
	float: right;
	list-style-type: none;
	width: 160px;
	height: 110px;
	text-algin: left;
	display: block;

  }
  
/* slider-pro
----------------------------------------------------*/
#hSlider {
	display: block;
	height: 460px;
	clear: both;
	z-index: 1;
}

/* slider-proƒJƒXƒ^ƒ€
=============================================== */
.sp-arrow {
	position: absolute;
	display: block;
	width: 40px;
	height: 60px;
	cursor: pointer;
	bottom: -38px;
}

.sp-horizontal .sp-previous-arrow {
left: 50%;
    margin-left: -490px;
	right: auto;
}

.sp-horizontal .sp-next-arrow {
	right: 50%;
    margin-right: -490px;
	left: auto;
}

/* pickup
----------------------------------------------------*/
#pickUp {
	text-align: center;
	position: relative;
	margin-left: 2px;
	margin-right: 2px;
	width: 992px;
	margin-bottom: 50px;
}
#pickUp div {
	width: 240px;
	margin-left: 4px;
	float: left;
	margin-bottom: 8px;
	margin-right: 4px;
	height: 300px;
	}
/*	#pickUp div img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}*/

#pickUp div a p {
	color: #333;
	text-align: left;
	font-size: 12px;
	display: inline-block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	z-index: 9999999;
	}
#pickUp div a:hover p {
	background-color: #EDEDED;
}


#pickUp .imgWrap {
	overflow: hidden;	/*Šg‘εŽž‚ɂ͂ݏo‚½•”•ͺ‚π‰B‚·*/
	width: 240px;	/*‰ζ‘œ‚Μ•*/
	height: 300px;	/*‰ζ‘œ‚̍‚‚³*/
}
#pickUp .imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*•Ο‰»‚ΙŠ|‚©‚ιŽžŠΤ*/
}
#pickUp .imgWrap img:hover {
	transform: scale(1.1);	/*‰ζ‘œ‚ΜŠg‘ε—¦*/
	transition-duration: 0.3s;	/*•Ο‰»‚ΙŠ|‚©‚ιŽžŠΤ*/
}

/* ranking
----------------------------------------------------*/
#container h2 .text {
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	float: right;
	margin-right: 5px;
}

.rankingHd {
	display: block;
	height: 180px;
	width: 980px;
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
.rankingHd .rakingItem {
	display: block;
	float: left;
	height: 160px;
	width: 140px;
	margin-top: 10px;
}
.rankingHd .rakingItem a span {
	display: block;
	position: relative;
	left: 0px;
	font-size: 11px;
	margin: 0px;
	bottom: 0px;
	text-align: left;
	width: auto;
	top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
	line-height: 1.3;
	color: #333;
}
.rankingHd .rakingItem a span:hover {
	color: #00cccc;
	text-decoration: none;
}


.rankingHd .r1 {
	background-image: url(https://www.rakuten.ne.jp/gold/mischief/img/r1.gif);
	background-repeat: no-repeat;
	background-position: 0% 80%;
	position: static;
}
.rankingHd .r2 {
	background-image: url(https://www.rakuten.ne.jp/gold/mischief/img/r2.gif);
	background-repeat: no-repeat;
	background-position: 0% 80%;
}
.rankingHd .r3 {
	background-image: url(https://www.rakuten.ne.jp/gold/mischief/img/r3.gif);
	background-repeat: no-repeat;
	background-position: 0% 80%;
}
.rankingHd .r4 {
	background-image: url(https://www.rakuten.ne.jp/gold/mischief/img/r4.gif);
	background-repeat: no-repeat;
	background-position: 0% 80%;
}
.rankingHd .r5 {
	background-image: url(https://www.rakuten.ne.jp/gold/mischief/img/r5.gif);
	background-repeat: no-repeat;
	background-position: 0% 80%;
}
.rankingHd .r6 {
	background-image: url(https://www.rakuten.ne.jp/gold/mischief/img/r6.gif);
	background-repeat: no-repeat;
	background-position: 0% 80%;
}
.rankingHd .r7 {
	background-image: url(https://www.rakuten.ne.jp/gold/mischief/img/r7.gif);
	background-repeat: no-repeat;
	background-position: 0% 80%;
}


/*ƒy[ƒWƒƒCƒ“*/
#pageBody {
	clear: both;
	width: 996px;
	position: relative;
	height: auto;
	float: left;
	display: block;
	margin-bottom: 50px;
}

#pageBody div#leftContent {
	float: left;
	width: 160px;
	height: 6000px;
	text-align: center;

}

#attention li a {
	color: #F00;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-decoration: underline;
}
#attention {
	display: block;
	width: 156px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border: 1px solid #F00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	}


#pageBody #leftContent ul#Soy {
	float: left;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	clear: both;

}

#pageBody #leftContent ul#Soy li {
	list-style-type: none;
	float: left;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 10px;
	width: 158px;
	color: #333;
}

#pageBody #leftContent ul#info {
	float: left;
	width: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin: 0px;
}

#pageBody #leftContent ul#info li {
	list-style-type: none;
	float: left;
	margin-bottom: 1px;
	margin-top: 1px;
}


#pageBody #leftContent .leftHBanner {
	border-width : 1px;
	border-style : solid;
	border-color : silver;
	width: 158px;
	float: left;
	text-algin: left;
	margin: 1px;
	list-style-type: none;
	padding: 0px;
	text-align: center;
}
 .leftSearch {
	border-width : 1px;
	border-style : solid;
	border-color : silver;
	width: 158px;
	float: left;
	margin-bottom: 10px;
	background-color: #FFF;
	display: block;
	height: auto;
	list-style-type: none;
	clear: both;
	padding: 0px;
	margin-top: 0px;
			}
.leftSearch li {
    padding: 0px;
	margin-bottom: 5px;
	list-style-type: none;
}
.leftSearch li form .keyL {
	width: 128px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.searchBtnL {
	margin-bottom: 3px;
	padding: 0px;
	height: 25px;
	width: 128px;
	margin-top: 0px;
	margin-right: 2px;
	margin-left: 0px;
}
.searchBtnL:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#pageBody #leftContent .leftSearch li form input {
	text-align: left;
}
#pageBody #leftContent .leftSearch li img {
	margin-bottom: 5px;
}



#pageBody #leftContent #leftBrand {
	border-width : 1px;
	border-style : solid;
	border-color : #999999;
	width: 158px;
;
		float: left;
	text-algin: left;
	margin: 1px;
	list-style-type: none;
padding: 0px;
}

#pageBody #leftContent #leftBrand li#box ul {
    clear: both;
	padding: 0px;
	float: left;
text-algin: left;
}

#pageBody #leftContent #leftBrand li#box ul li.brandIcon {
display: block;
width: 40px;
height: 30px;
	margin-top: 3px;
	margin-bottom: 3px;
	list-style-type: none;
	padding: 0px;
		float: left;
}


#pageBody div#mainContent {
	float: left;
	width: 830px;
	height: 2580px;
	padding-left: 5px;
	margin-top: 20px;
}


#updata {
	overflow: hidden;
	float: left;
	height: 840px;
	width: 996px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	}

#updata .inner {
	width: 100% !important;
	height: 800px !important;
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;
	display: inline-block !important;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

#updata .inner iframe {
	display: block;
	height: 800px;
	width: 976px;
	border: none;
	background-color: #FFF;
	padding-left: 20px;
}


/*recommernd*/
#recommend {
	float: left;
	padding-top: 0px;
	text-decoration: none;
	width: 996px;
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}
.rbrand {
	display: block;
	width: 490px;
	height: 149px;
	padding: 0px;
	margin-top: 11px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	background: #EEEEEE;
	float: left;
}
.rbrandTxt {
	display: inline-block;
	width: auto;
	line-height: 1.7;
	font-size: 13px;
	margin: 10px;
	padding: 0px;
	float: left;
}


.rbrand a  {
	color: #333;
}

.rbrand:hover  {
	background-color: #E8E8E8;
}

.rbrandTxt img {
	height: 125px;
	width: 125px;
	display: inline-block;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.rbrandTxt h3 span {
	font-size: 0.9em;
		margin-bottom: 2px;
}

#brandlist {
	overflow: hidden;
	float: left;

	width: 996px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	}
.brandInner iframe {
	display: block;
	width: 996px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	background-color: #FFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}


.shopInfo {
	padding: 0px;
	height: 920px;
	width: 996px;
	display: block;
	clear: both;
	float: left;
	margin: 0px;
}
.realShop {
	float: left;
	width: 490px;
	height: 800px;
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	font-size: 12px;
	line-height: 1.2;
}
.realShop img {
	margin-bottom: 5px;
	height: 180px;
	width: 490px;
	margin-top: 20px;
}
.realShop h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

.realShop .fas {
	margin-right: 5px;
}

.facebook {
	display: block;
	float: left;
	width: 490px;
	height: 800px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.facebook h2 {
	background-color: #3B5998;
}
h2 .fab.fa-facebook-square.fa-lg {
	margin-right: 2px;
}

.rcBanner {
	width: 996px;
	padding: 0px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.rcBanner img {
	display: block;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



#infoContent {
	clear: both;
	width: 996px;
	margin-bottom: 20px;
	position: relative;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 12px;
}

#infoContentTop {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 996px;
	background-color: #FFF;
}
#infoContentTop p {
	line-height: 20px;
	font-size: 12px;
}
#infoContentTop h3 {
	padding-top: 5px;
	padding-bottom: 5px;
}

#infoContentLeft {
	float: left;
	height: auto;
	width: 492px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#infoContentLeft h3 {
	font-size: small;
	float: left;
	padding: 0px;
	display: block;
	height: auto;
	width: 487px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#infoContentLeft ul {
	padding: 0px;
	float: left;
	width: 487px;
	margin: 0px;
}
#infoContentLeft ul li {
	line-height: 1.8;
}
#infoContentRight {
	float: left;
	height: auto;
	width: 492px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}
#infoContentRight h3 {
	font-size: small;
	float: left;
	padding: 0px;
	display: block;
	height: auto;
	width: 487px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#infoContentRight ul {
	padding: 0px;
	float: left;
	width: 487px;
	margin: 0px;
}
#infoContentRight ul li {
	line-height: 1.5;
}

	 #copyright {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	text-align: center;
	margin-top: 20px;
	display: block;
	margin-bottom: 80px;
	position: relative;
	clear: both;
	bottom: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	   	   }

/* rNavi *
----------------------------------------------- */

#rNavi{
	float: right;
	position: fixed;
	right: 0px;
	top: 20%;
	z-index: 2147483647 !important;
}

li.rNavi100{
	clear: both;
	float: right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	padding: 0;
}
li.rNavi100 a{
	display: block;
	width: 100px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
  padding: 0;
	}
li.rNavi100 a:hover{
  display: block;
  margin: 0;
  padding: 0;
  width: 100px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
li.rNavi100 a:hover img{ filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; }

	
	
/*footFixed*/
#footFixed {
	position: fixed;
	left: 0;
	z-index: 999;
	width: 100%;
	text-align: center;
	height: 50px;
	background-color: #2f2e2e;
	bottom: 0px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.footFixedrcardday {
	position: fixed;
	left: 0;
	z-index: 9999;

	width: 100%;
	text-align: center;
	height: 50px;
	background-color: #f44c19;
	bottom: 0px;
	}
	#footFixedFree {
	position: fixed;
	left: 0;
	z-index: 999999;
	width: 100%;
	text-align: center;
	height: 50px;
	background-color: #078EA1;
	bottom: 0px;
}
/*Top‚Φ*/
#page-top {
	position: fixed;
	right: 20px;
	font-size: 100%;
	bottom: 0px;
	z-index: 99999;
}
#page-top a img{ filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80; }
#page-top a {
	display: block;
	margin: 0px;
	padding: 0px;
}
#page-top a:hover {
	text-decoration: none;
}
#page-top a:hover img{ filter: alpha(opacity=80);
	-moz-opacity:0.60;
	opacity:0.60; }

#mainContent {
	width: 158px;
	float: right;
	background-color: #FFF;
	display: block;
}



/* New *
----------------------------------------------- */
#headerbg {
	margin: 0 -500%;
	padding: 0 500%;
	width: 100%;
	background-color: #333333;
	height: auto;
}
	.iphone #headerbg {
		margin: 0;
	padding: 0;
	width: 100%;
	background-color: #333333;
	height: 30px;
	}
.ipad #headerbg {
		margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	width: 100%;
	background-color: #333333;
	height: 30px;
	}
	
.android #headerbg {
		margin: 0;
	padding: 0;
	width: 100%;
	background-color: #333333;
	height: 30px;
	}
	
 #pageTitle {
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
	width: 996px;
	text-align: left;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#pageTitle span {
	color: #FFF;
	float: right;
	font-size: 12px;
	background-color: #F00;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}

#headbg .main .head1 .right {
	float: right;
}


/* info *
----------------------------------------------- */

#Info .info {
	display: block;
	border: 1px solid #999;
	width: 984px;
	background-color: #F7F7F7;
	font-size: 12px;
	color: #333;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#Info .info2 {
	text-align: left;
}
.info .info2 span {
	color: #F00;
}
h4 img {
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}


.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

/*----------------------------------------------------
	BRAND
----------------------------------------------------*/
#headBbrand {
	clear: both;
	height: 120px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 996px;
}
#headBbrand ul {
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	width: 990;
}
#headBbrand ul li a {
	float: left;
	display: block;
	margin: 4px;
	width: 108px;
	border: 1px solid #CCC;
	padding: 3px;
	text-align: center;
}
#headBbrand ul li a img {
	height: 48px;
	width: 66px;
}
#headBbrand ul li span {
	font-size: 14px;
	background-color: #000;
	display: table-cell;
	color: #FFF;
	height: 54px;
	top: 0px;
	margin-top: 0px;
	text-align: center;
	vertical-align: middle;
	width: 114px;
	font-weight: bold;
}

#headBbrand ul .end a{
	display: block;
	vertical-align: middle;
	text-align: center;
	height: 54px;
	position: relative;
	padding: 0px;
	width: 114px;
	background-color: #000;
	}
#headBbrand ul li span:hover{
	background-color: #999;
	}

.my-big {
	font-size: 1.5em;
	margin-left: 5px;
	top: 2px;
	position: relative;
  }
  
.brandAll a {
	display: block;
	width: 80%;
	text-align: center;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #CCC;
	margin-bottom: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 0px;
}

.brandAll a:hover {
	display: block;
	width: 80%;
	text-align: center;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #666;
	margin-bottom: 10px;
	margin-right: 10%;
	margin-left: 10%;
	color: #FFF;
}

#headBbrand img:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
}
/*----------------------------------------------------
	headline END
----------------------------------------------------*/