/* common */
body{
font-size:12px;
color:#333;
width: 1024px !important;
margin:0 auto !important;
}
a{
/*color:#804e00;*/
/*color:#ee6b2a;*/
color:#070809;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a:hover img{
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
/*  */
@media only screen and (max-width : 612px){
    #container{
    width:600px;
    }
}

/* header */
.headMenu{
/*background:#f0ede3;*/
background:#FFF6E3;
/*padding:10px;*/    
padding:5px;
position: relative;
}
.headMenu:after{
content:"";
display:block;
clear:both;
}
.headMenuLeft{
float:left;
margin-top: 18px;
}
.headMenuRight{
float:right;
}
/*
@media only screen and (max-width : 768px){
    .headMenuLeft{
    float:none;
    }
    .headMenuRight{
    float:none;
    display:block;
    margin-top:10px;
    }
}
*/
.headMenuLeft li,
.headMenuRight li{
display:inline-block;
padding:0 10px;
/*font-size:10px;*/
font-size:12px;
position:relative;
}
.headMenuLeft li:not(:last-of-type):after,
.headMenuRight li:not(:last-of-type):after{
content:"";
display:block;
width:2px;
height:18px;
background:url(../img/img_line_01.png) no-repeat;
background-size:contain;
position:absolute;
/*top:0;*/
bottom:0;
right:0;
margin:auto;
}
.userName{
color:#FFC427;
}
.headMenuRight .entryLink,
.headMenuRight .loginLink{
margin:0 5px;
}
.headContents{
margin-top:10px;
position:relative;
}
/*.logoArea a{
display:block;
width:140px;
height:64px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
background:url(../img/logo.png) no-repeat;
background-size:contain;
margin-left:15px;
}*/
.logoSubText{
position:absolute;
/*color:#804e00;*/
/*color:#ee6b2a;*/
color:#FFB62F;
line-height:1.1;
}
.logoSubText.logoSubText01{
left:175px;
top:14px;
font-size:12px;
}
.logoSubText.logoSubText02{
left:175px;
top:30px;
font-size:16px;
}
.over900{
display:none;
}
/*
@media only screen and (max-width : 900px){
    .over900{
    display:block;
    }
    .logoSubText.logoSubText01{
    top:7px;
    }
    .logoSubText.logoSubText02{
    top:21px;
    line-height:1.3;
    }
}
*/
/*
@media only screen and (max-width : 768px){
    .logoArea a{
    width:105px;
    height:48px;
    }
    .logoSubText.logoSubText01{
    display:none;
    }
    .logoSubText.logoSubText02{
    display:none;
    }
}
*/

.shoppingInfo{
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*right: 15px;*/
    margin: auto;
    float: right;
    background: #070809;
    padding: 3px 10px 7px;
	border:1px solid #070809;
}
.shoppingInfo dt{
font-size:10px;
position:relative;
display:inline-block;
padding:0 10px;
vertical-align:baseline;
}
.shoppingInfo dt img{
width:14px;
height:13px;
}
.shoppingInfo dd{
font-size:12px;
position:relative;
display:inline-block;
padding:0 10px;
color: #FFF;
text-align:right;
}

.shoppingInfo dd a {
	color:#FFF;
}

.shoppingInfo dt:after,
.shoppingInfo dd:not(:last-of-type):after{
content:"";
display:block;
width:2px;
height:18px;
background:url(../img/img_line_01.png) no-repeat;
background-size:contain;
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
}
.shoppingInfo .numArea{
font-size:16px;
color:#FFC427;
margin:0 2px;
}
.menuArea{
    margin-top: 10px;
    position: relative;
    border-top: 1px solid #070809;
    padding-top: 5px;
    min-width: 770px;
}
.menuTab{
    position: absolute;
    top: -29px;
    /*left: 10px;*/
}
.menuTab ul:after{
content:"";
display:block;
clear:both;
}
.menuTab li{
    float: left;
    margin-right: 2px;
    border-bottom: 1px solid #070809;
}
.menuTab li img{
    height: 28px;
}

.menuTab li a img{
	opacity:1;
}

.menuTab span,
.menuTab .current{
/*display:inline-block;
width:120px;
padding:8px 0;
font-size:14px;
color:#fff;
text-align:center;
border-radius:3px 3px 0 0;
border-top:1px solid #895d18;
border-right:1px solid #895d18;
border-left:1px solid #895d18;*/
}
@media only screen and (max-width : 768px){
    .menuTab span,
    .menuTab .current{
    width:auto;
    /*padding:8px 12px;*/
    }
}
.menuTab span{
/*background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #895d18), color-stop(0.00, #c4a86c));
background:-webkit-linear-gradient(#c4a86c, #895d18);
background:-moz-linear-gradient(#c4a86c, #895d18);
background:-o-linear-gradient(#c4a86c, #895d18);
background:-ms-linear-gradient(#c4a86c, #895d18);
background:linear-gradient(#c4a86c, #895d18);*/
}
.menuTab span:hover,
.menuTab .current{
/*color:#8c6320;*/
/*color:#ee6b2a;*/
/*color:#FFB62F;*/
color:#FF8E28;
text-decoration:none;
/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.47, #f0ede3), color-stop(0.00, #fff));
background:-webkit-linear-gradient(top, #fff 0%, #f0ede3 47%);
background:-moz-linear-gradient(top, #fff 0%, #f0ede3 47%);
background:-o-linear-gradient(top, #fff 0%, #f0ede3 47%);
background:-ms-linear-gradient(top, #fff 0%, #f0ede3 47%);
background:linear-gradient(to bottom, #fff 0%, #f0ede3 47%);*/
}
.menuSubLink li{
display:inline-block;
margin-right:10px;
}
.menuSubLink li:before{
content:">";
margin-right:5px;
}

/*
.searchArea,
.attWord{
width:75%;
margin:20px auto 0;
}
*/
.searchArea{
    width: 100%;
    margin: 5px auto 0;
}

.searchArea .keyword{
    /*position:relative;*/
    padding: 8px;
    width: 20%;
    border-radius: 3px 0 0 3px;
    border: 2px solid #16BAC2;
    font-size: 16px;
    background: #fff url(../img/icon/icon_arrow_09.png) no-repeat 96% center;
    background-size: 16px 14px;
}
.searchArea .serchText{
    position: relative;
    margin-right: 5px;
    padding: 7px;
    width: 53%;
    border-radius: 0 3px 3px 0;
    border: 2px solid #16BAC2;
    margin-left: -6px;
    margin-top: -5px;
    font-size: 16px;
}
.btn{
padding:12px 0;
border-radius:3px;
text-align:center;
display:inline-block;
color:#fff;
font-size:14px;
}
.btn:hover{
text-decoration:none;
opacity:0.8;
}
.searchArea .btn.serchBtn{
    padding:8px 15px 5px 30px;
    border-radius: 3px;
    border: none;
    color: #070809;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    background:#FFC427;
	border:1px solid #070809;
}
.searchArea .serchBtn:before{
content:"";
display:block;
width:16px;
height:16px;
background:url(../img/icon/icon_serch_01.png) no-repeat;
background-size:contain;
position:absolute;
top:0;
bottom:0;
left:15%;
margin:auto;
}
.searchArea .detail{
display:inline-block;
margin:10px 0 0 10px;
}
@media screen and (max-width: 768px) {
    .serchBtn{
    margin-top:10px;
    }
    .searchArea .keyword{
    width:25%;
    }
    .searchArea .serchText{
/*    width:70%;*/
    width:45%;
    padding:7px;
    margin-left:-6px;
    margin-top:-5px;
    }
    .iOS .searchArea .serchText{
    margin-top:-8px;
    padding:6px 7px;
    }
    .android .searchArea .serchText{
    margin-top:-4px;
    padding:6px 7px 7px;
    }
    .searchArea .detail{
    margin:0 0 0 15px;
    vertical-align:middle;
    }
}

/*
.attWord{
margin-top:10px;
padding-left:78px;
}
.attWord dt{
display:inline-block;
margin-left:-76px;
}
.attWord dd{
display:inline-block;
border:1px solid #895d18;
border:1px solid #ee6b2a;
border-radius:3px;
padding:3px;
margin:0 3px 3px 0;
background:#fff;
color:#895d18;
color:#ee6b2a;
}*/
.bnrArea{
background:#d4d4d4;
height:40px;
}
.topicPath{
    margin: 0px;

}
.topicPath li{
display:inline-block;
margin-right:8px;
}
.topicPath li:not(:first-of-type):before{
content:">";
margin-right:3px;
}
.topicPath a {
color: #070809;
text-decoration: none;
}
.contentWarp{
	position: relative;
    margin: 5px 0px 0;
    overflow: hidden;
}
.contentWarp:after{
content:"";
display:block;
clear:both;
}
.leftArea{
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
}
/*
@media only screen and (max-width : 768px){
    .leftArea{
    position:relative;
    width:100%;
    clear:both;
    }
}
*/
.leftSection:first{
/*
    background:#f3eee5;
    border:1px solid #895d18;
*/
    background:#FFF6E3;
/*    border:1px solid #ee6b2a;*/
/*    border:1px solid #FFB62F;*/
    border:1px solid #FF8E28;
    padding:20px 10px;
}
.leftSection:not(:first-of-type) {
/*    margin-top: 15px;*/
}

.advSearch {
	border-bottom: 1px solid #070809;
}

.advSearch li {
	display:block;
}

.leftArea .advSearchHead{
    padding:10px;
    font-size: 14px;
    color: #fff;
    word-break: break-all;
    text-align: left;
    background-color: #16bac2;
    border: 1px solid #070809;
}
.label-search{
    width: 70%;
}
div.leftSection{
    background-color: #ffffff;
}
.advSearchHead.advSearchConditionHead{
    border-bottom: 1px solid #070809;
}
.advSearch dt{
padding:10px;
text-align:center;
font-size:12px;
border-bottom:1px dotted #ccc;
}
.advSearch dd{
    position: relative;
    border-left: 1px solid #070809;
    border-right: 1px solid #070809;
}
.advSearch .showSubMenu{
display:block;
padding:10px;
background:#fff;
border-bottom:1px dotted #ccc;
position:relative;
}
.advSearch .showSubMenu:after{
content:"";
display:block;
width:6px;
height:11px;
background:url(../img/icon/icon_arrow_01.png) no-repeat;
background-size:6px 11px;
position:absolute;
right:10px;
top:0;
bottom:0;
margin:auto;
}
.advSearch .showSubMenu + ul{
    position: absolute;
    top: -1px;
    left: 100%;
    max-height: 300px;
    overflow-y: scroll;
    display: none;
    z-index: 10000;
    border-top: 1px solid #070809;
    border-right: 1px solid #070809;
    border-bottom: 1px solid #070809;
    background: rgba(7,8,9,0.9);
}
.advSearch .showSubMenu{
display:block;
padding:10px;
border-bottom:1px dotted #ccc;
}
.advSearch .noSubMenu ul{
background:#fff;
}
.noSubMenu li{
width: 100%;
}
.advSearch ul a{
display:block;
min-width:158px;
padding:10px;
white-space:nowrap;
color: #fff;
}
.advSearch ul li:not(:last-of-type){
border-bottom:1px dotted #ccc;
}
@media only screen and (min-width : 769px){
    .advSearch .showSubMenu + ul:hover,
    .advSearch .showSubMenu:hover + ul{
    display:block;
    }
    .advSearch .showSubMenu:hover,
    .advSearch a:hover{
    color:#fff;
/*    background:#895d18;*/
/*    background:#ee6b2a;*/
/*    background:#FFB62F;*/
    background:#16bac2;
    }
    .advSearch .showSubMenu:hover:after{
    background:url(../img/icon/icon_arrow_04.png) no-repeat;
    background-size:6px 11px;
    }
}
/*
@media only screen and (max-width : 768px){
    .leftArea .advSearchHead{
    padding:15px;
    }

    .advSearch dt{
    padding:12px;
    }
    .advSearch .showSubMenu + ul{
    position:static;
    top:0;
    left:0;
    max-height:none;
    overflow-y:auto;
    border-top:none;
    border-right:none;
    border-bottom:none;
    }
    .advSearch li a{
    padding:15px;
    }
    .advSearch .showSubMenu + ul li{
    box-sizing:border-box;
    width:32%;
    margin:1px;
    display:inline-block;
    border-right:1px dotted #ccc;
    }
    .advSearch .showSubMenu + ul li:last-of-type{
    border-bottom:1px dotted #ccc;
    }
    .advSearch ul li:nth-of-type(3n){
    border-right:none;
    }
    .advSearch ul a {
    min-width:none;
    }
    .advSearch .showSubMenu.xOpen{
    color:#fff;
    background:#895d18;
    }
    .advSearch .showSubMenu.xOpen:after{
    content:"";
    display:block;
    width:11px;
    height:6px;
    position:absolute;
    top:0;
    bottom:0;
    right:10px;
    margin:auto;
    background:url(../img/icon/icon_arrow_08.png) no-repeat;
    background-size:11px 6px;
    }
    .advSearch .showSubMenu{
    padding:15px;
    }
}
*/

.mainWrapper{
	min-width: 664px !important;
    margin: 0px 180px 0 180px;
}
.mainArea{
	float: left;
    width: 100%;
    padding: 0 5px;
    min-height: 950px;
    margin-bottom: 5px;
}
.dailyArea{
width:100%;
/*padding:0px 20px 20px 20px;*/
text-align:center;
}
.min_500{
	min-width:664px;
}
/* bxslider */
.slideArea{min-width:480px !important;/*margin:0 auto !important;*/}
.mainSlide img{max-width:100% !important;height:auto !important;}
.bx-viewport{max-width:100% !important;height:auto !important;}
.bx-viewport li{max-width:100% !important}
@media only screen and (max-width : 768px){
    .bx-prev,
    .bx-next{
    display:none;
    }
}
.section:not(:first-of-type){
margin-top:0px;
padding:0 5px;
}
.h02{
	padding: 8px 10px 8px 5px;
    color: #070809;
    font-size: 16px;
    position: relative;
    border-bottom: 2px solid #070809;
	text-align:left;
	margin-bottom:5px;
}
/*.h02:before{
content:"";
width:3px;
height:20px;
background:#fff;
position:absolute;
left:10px;
top:0;
bottom:0;
margin:auto;
}*/
/*.section .sectionInner{
margin:20px 25px;*/
}
.itemList li{
width:130px;
display:inline-block;
margin:0 15px 40px 0;
vertical-align:top;
}
.itemList .img{
text-align:center;
}

.itemList a:hover img{
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.itemList .img a:hover{
opacity:0.8;
}
.itemList .category{
display:inline-block;
padding:2px 3px;
border:1px solid #ccc;
font-size:10px;
margin-top:5px;
}
.itemList .title{
	color:#070809;
    margin: 5px;
    font-size: 14px;
    line-height: 15px;
	height:15px !important;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.itemList .author{
margin-top:6px;
font-size:10px;
color:#000000;
/*color:#4aa0d7;*/
}
.itemList .author a{
color:#000000;
/*color:#4aa0d7;*/
}
.itemList .price{
margin-top:8px;
}
.itemList .price span{
color:#e35757;
}
.itemList .point{
margin-top:4px;
}
.itemList .point span{
color:#e35757;
}
.itemList .tatiyomiArea{
margin:10px;
height: 30px;
}

.section .more{
/*margin-right:40px;*/
text-align:right;
font-size:12px;
}
.section .more img{
width:12px;
height:12px;
}
.mainBnrArea .bnrLink{
margin-right:10px;
margin-bottom:10px;
display:inline-block;
}
.mainBnrArea .bnrImg{
height:138px;
width:auto;
}
.bnrLink:hover{
opacity:0.8;
}
.goTop{
text-align:right;
margin-top:20px;
}
.goTop img{
width:12px;
height:12px;
}
@media only screen and (max-width : 768px){
/*
    .mainWrapper{
    margin:0 180px 0 0;
    }
    .mainArea{
    float:left;
    width:100%;
    padding:0 20px 0 0;
    margin-bottom:20px;
    position:relative;
    }
*/
	.min_500{
		min-width:800px;
	}
    .section .sectionInner{
    margin:20px;
    }
    .mainBnrArea .bnrImg{
    height:100px;
    width:auto;
    }
    .itemList li{
    margin-right:10px;
    }
/*
    .goTop a{
    display:block;
    position:absolute;
    right:-25%;
    bottom:0;
    }
*/
}

@media only screen and (max-width : 602px){
    .itemList li{
    width:150px;
    margin:0 20px 40px 0;
    }
    .itemList li:nth-of-type(n+2){
    margin-right:15px;
    }
    .sectionInner{
    margin-left:25px;
    margin-right:25px;
    }
}


.rightArea{
    float: right;
    width: 180px;
    margin-right: 0%;
}
.rightSection{
    background: #16BAC2;
    padding:10px;
    border: 1px solid #070809;
}
.rightSection:not(:first-of-type){
margin-top:5px;
}

.rightArea p.title.ellipsis {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 15px;
    line-height: 15px;
    margin-top: 3px;
}

.rightSection .wlcome,
.rightSection .areaTitle{
	font-size: 12px;
    text-align: center;
    vertical-align: baseline;
    word-break: break-all;
    color: #fff;
	border:none;
}
.rightSection .areaTitle img{
width:16px;
height:16px;
}
.loginArea .btn.rakuten{
position:relative;
width:180px;
margin:0px 10px 0px;
}
.loginArea .btn.entryBtn{
position:relative;
width:140px;
margin:12px 10px 0;
background:#FFC427;
color:#070809;
text-indent: 15px;
}
.loginArea .entryBtn:before{
content:"";
display:block;
width:16px;
height:16px;
background:url(../img/icon/icon_entry_01.png) no-repeat;
background-size:contain;
position:absolute;
top:0;
bottom:0;
left:21%;
margin:auto;
}
.loginArea .btn.loginBtn{
width:140px;
margin:12px 10px 0;
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #895d18), color-stop(0.00, #ac7e35));
background: -webkit-linear-gradient(#ac7e35, #895d18);
background: -moz-linear-gradient(#ac7e35, #895d18);
background: -o-linear-gradient(#ac7e35, #895d18);
background: -ms-linear-gradient(#ac7e35, #895d18);
background: linear-gradient(#ac7e35, #895d18);
*/
background:#070809;
}
.rightArea .infoWarp{
/*border-radius:3px;*/
background:#ffc427;
padding:10px;
margin-top:6px;
color:#070809;
}
.userMenu .infoWarp:first-of-type,
.rankingArea .infoWarp:first-of-type{
margin-top:18px;
}
.userMenu .infoTitle,
.userMenu .infoLink{
line-height:1.4;
}
.userMenu .infoValue{
font-size:12px;
color:#e35757;
}
.userMenu .infoLink{
margin-top:12px;
text-align:right;
}
.userMenu .logoutLink{
margin-top:20px;
text-align:right;
font-size:10px;
}
.userMenu .infoLink img,
.userMenu .logoutLink img{
width:6px;
height:11px;
}
.rankingArea {
    background-color: #070809;
}
.rankingArea h2.areaTitle {
    font-size: 13px;
}
.rankArea .rank{
width:25px;
text-align:center;
display:inline-block;
margin-right:5px;
vertical-align:baseline;
font-weight:bold;
}
.rankArea .rank img{
display:block;
/*margin:5px auto 2px;*/
}
.rankArea .rank img.crown{
height:25px;
width:auto;
}
.rankArea .rank img.arrow{
width:16px;
height:auto;
}
.rankArea .rank .num{
    font-size: 22px;
    color: #070809;
    font-weight: bold;
}
.rankArea .cover{
width:90px;
display:inline-block;
margin-right:5px;
vertical-align:top;
background-color:#070809;
}
.rankArea .cover img{
display:block;
max-width:100%;
height:auto;
}
.rankArea .cover a:hover img{
opacity:0.8;
}
.rankArea .info{
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    vertical-align: top;
    text-align: left;
    text-indent: 35px;
}
.rankArea .info .author{
    color: #070809;
    font-size: 11px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 0px;
}
.rankArea .info .author a{
color:#000000;
/*color:#4aa0d7;*/
}
.rankingArea .otherLink{
margin-top:10px;
text-align:right;
font-size:10px;
}
.rankingArea .otherLink a {
	color:#fff;
}
.rankingArea .otherLink img{
width:12px;
height:12px;
}
/*.rankingArea .otherLink:first-of-type{
margin-top:18px;
}*/
.sideBnrArea{
margin-top:15px;
}
.sideBnrArea a{
display:block;
}
.sideBnrArea a:not(:first-of-type){
margin-top:10px;
}
.sideBnrArea img{
width:220px;
height:auto;
}
/*
@media screen and (max-width: 768px) {
    .rightArea{
    width:180px;
    margin-bottom:20px;
    }
    .loginArea .btn.entryBtn{
    width:160px;
    margin:15px 0 0;
    }
    .loginArea .btn.loginBtn{
    width:160px;
    margin:10px 0 0;
    }
    .rankArea .rank{
    width:auto;
    display:block;
    margin-right:0;
    font-size:18px;
    }
    .rankArea .rank .num{
    font-size:18px;
    }
    .rankArea .rank img{
    display:inline-block;
    margin:0 7px;
    }
    .rankArea .cover{
    margin-top:8px;
    }
    .rankArea .info{
    margin-top:8px;
    }
    .sideBnrArea img{
    width:180px;
    height:auto;
    }
}
*/


.footArea{
/*background:#f0ede3;*/
background:#16bac2;
margin-top:20px;
padding:10px;
}
.footArea li{
display:inline-block;
padding:0 10px;
font-size:10px;
position:relative;
}

.footArea li a {
	color:#fff;
}

.footArea li:not(:last-of-type):after{
content:"";
display:block;
width:2px;
height:13px;
background:url(../img/img_line_01.png) no-repeat;
background-size:contain;
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
}
.footArea .copyArea{
display:block;
text-align:center;
margin-top:20px;
color:#fff;
font-size:10px;
}

@media only screen and (max-width : 768px){
    .footArea li{
    margin-top:15px;
    }
}

.topSearchArea dd dl dt:not(:first-child) {
    margin-top: 5px;
}
.topSearchArea input, .topSearchArea select{
    width: 100%;
}