@charset "utf-8";
/* ===================================================================
CSS information

file name  :contents.css
style info :コンテンツ用(商品一覧/検索結果/商品詳細)

=================================================================== */
/* -----------------------------------------------
OnlineShopメニュー
----------------------------------------------- */
#categorycolumn{
background: #222;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#dsearchcolumn{
background: #222;
max-height:200px;
}

#index_cont {
background: #f7f8f2;
padding:10px 5px;
}

.os_menu{
font-size:11px;
line-height:1.2;
margin-top:5px;
width:100%;
clear:both;
}
.os_menu ul{
}
.os_menu li{
float:left;
width:25%;
margin:0;
margin-left:8%;
padding:8px 5px;
border:#A9ABAD solid 1px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#FDFDfD;
background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
}
.os_menu li:first-child{
margin-left:0;
}
.os_menu p {
line-height:1.3;
}
.os_menu p.guest {
margin-top:5px !important;
}

.popup_special{
font-size:small;
width:auto;
min-width:100px;
padding:10px;
display: none;
position: absolute;
line-height:1.2;
top: 52px;
z-index: 1;
background:#FFF;
background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
border:#CCC solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.popup_ranking{
font-size:small;
width:auto;
min-width:100px;
padding:10px;
display: none;
position: absolute;
line-height:1.2;
top: 52px;
z-index: 1;
background:#FFF;
background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
border:#CCC solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.popup_category{
font-size:small;
width:auto;
min-width:100px;
padding:10px;
display: none;
position: absolute;
line-height:1.2;
top: 52px;
z-index: 1;
background:#FFF;
background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
border:#CCC solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.popup_categorylist{
width:100%;
display: none;
position: absolute;
line-height:1.2;
z-index: 1;
}
.popup_categorylist ul{
}
.popup_categorylist ul li{
padding:8px 0;
border-bottom:1px dotted #DDD;
}
.popup_categorylist ul li span.num{
font-size:10px;
}
.popup_categorylist ul li.all{
background: #f7f8f2;
padding-left:5px;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist ul li.all{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_categorylist ul li.all{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_categorylist ul li.level1{
background: #f7f8f2;
padding-left:5px;
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist ul li.level1{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_categorylist ul li.level1{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.popup_categorylist ul li.level_self{
background: #f7f8f2;
padding-left:5px;
}
.popup_categorylist ul li.level1_all{
background: #f7f8f2;
padding-left:5px;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist ul li.level1_all{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
.popup_categorylist ul li.level1_all{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_categorylist ul li.level2{
padding-left:10px;
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist ul li.level2{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_categorylist ul li.level2{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.popup_categorylist ul li.level2_all{
padding-left:10px;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist ul li.level2_all{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist ul li.level2_all{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_categorylist ul li.level2_all{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_categorylist ul li.level2_all_sp{
padding-left:10px;
background-image: none;
}
.popup_categorylist ul li.level3{
padding-left:15px;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist ul li.level3{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_categorylist ul li.level3{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_categorylist ul li.close{
background-image:;
background-repeat: no-repeat;
background-position: right center;
text-align:center;
background: #f7f8f2;
}
.popup_categorylist ul li a{
font-weight:normal;
padding:2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	position:relative;
}
.popup_categorylist ul li.on{
background-image:none;
}
.popup_categorylist ul li.cat_self100 {
background-color:#D4F1FC;
}
.popup_categorylist ul li.cat100, .popup_categorylist ul li.on100 a{
background-color:#EAF5F9;
}
.popup_categorylist ul li.cat_self200 {
background-color:#B7DA9C;
}
.popup_categorylist ul li.cat200, .popup_categorylist ul li.on200 a{
background-color:#E3F6D5;
}
.popup_categorylist ul li.cat_self300 {
background-color:#F1CBDE;
}
.popup_categorylist ul li.cat300, .popup_categorylist ul li.on300 a{
background-color:#FBEEF5;
}
.popup_categorylist ul li.cat_self400 {
background-color:#F4EEAB;
}
.popup_categorylist ul li.cat400, .popup_categorylist ul li.on400 a{
background-color:#FBF8DC;
}
.popup_categorylist ul li.cat_self500 {
background-color:#F1BDBE;
}
.popup_categorylist ul li.cat500, .popup_categorylist ul li.on500 a{
background-color:#FDECED;
}
.popup_categorylist ul li.cat_self600 {
background-color:#B6DDF6;
}
.popup_categorylist ul li.cat600, .popup_categorylist ul li.on600 a{
background-color:#EEF8FF;
}

.popup_categorylist ul li.cat_self700 {
background-color:#D8ECC1;
}
.popup_categorylist ul li.cat700, .popup_categorylist ul li.on700 a{
background-color:#F2FBE9;
}
.popup_detailsearch{
width:100%;
display: none;
position: absolute;
line-height:1.2;
z-index: 1;
}
.popup_detailsearch ul{
padding:10px;
text-align:center;
}
.popup_orderby{
width:100%;
display: none;
position: absolute;
line-height:1.2;
z-index: 1;
}
.popup_orderby ul li{
padding:8px 5px;
padding-left:15px;
border-bottom:1px dotted #DDD;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_orderby ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_orderby ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_orderby ul li:last-child{
border-bottom:none;
}
.os_top_menu{
background: #f7f8f2;
border-top:#DDD solid 1px;
border-bottom:#DDD solid 1px;
/*background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#f18994 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #f18994));*/
}
.os_top_menu ul{
width:auto;
margin:0 auto;
clear:both;
}
.os_top_menu ul li{
width:19.5%;
float:left;
text-align:center;
border-right:#DDD solid 1px;
font-size:10px;
}
.os_top_menu ul li img{
margin:0 auto 3px;
display:block;
clear:both;
width:30px;
height:25px;
}

.os_top_menu ul li a:link, .os_top_menu ul li a:visited{
color:#222;
padding:4px 0 3px;
display:block;
font-weight:normal;
background: #f7f8f2;
/*background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));*/
}
.os_top_menu ul li a:hover{
}
.os_top_menu li:first-child{
border-left:none;
}
.os_top_menu li:last-child{
border-right:none;
}
.p_index_sp{
border-bottom:1px solid #E1E1D1;
}
.p_index_sp li{
width:49.5%;
padding:6px 0;
float:left;
border-right:1px solid #E1E1D1;
}
.p_index_sp li a{
margin-left:10px;
padding-left:10px;
}
.p_index_sp li.r{
border-right:none;
}
.p_index_sp li.bottom{
border-bottom:none;
}
.p_index_more{
padding:3px 15px 3px 5px;
text-align:right;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
background-color: #f7f8f2;
border-bottom:1px solid #DDD;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.p_index_more{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.p_index_more{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.more_sp {
background-color:#DDF0F8;
border-bottom:1px solid #53B4DC;
}
.p_index_cat li {
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.p_index_cat li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.p_index_cat li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
/*-----------------------------------------------
オススメ商品
----------------------------------------------- */
.recommendblock{
border-bottom:#E1E1D1 dotted 1px;
padding:5px 0;
}
.recommendblock p.rank{
border:1px solid #DDD;
background:#F4DD45;
padding: 0;
text-align:center;
font-size:12px;
width:45px;
clear:both;
margin-bottom:3px;
}
.recommendblock_l {
width:80px;
float:left;
text-align:center;
}
.recommendblock_r{
width:74%;
float:left;
}
.last_re{
padding-bottom:0px;
margin-bottom:0px;
border-bottom:none;
}
.recommendblock .productContents p.comment{
width:17em;
height:3.7em;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
clear:both;
}
.recommendblock .sale_price{
clear:both;
float:right;
text-align:right;
}
/* -----------------------------------------------
商品一覧・商品詳細・商品検索結果共通
----------------------------------------------- */
.pagenumberarea{
margin-top:10px;
padding:10px 0;
box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset;
-webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset;
-moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background:#EEE;
display:block;
}
.pagenumberarea ul{
width:95%;
margin:0 auto;
border:#A9ABAD solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display:block;
}
.pagenumberarea li {
color: #000;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
display:inline;
float: left;
width: 50%;
text-align:center;
color:#FFF;
background:#5393c5;
background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.pagenumberarea li a:link,.pagenumberarea li a:visited{
color:#000;
}
.pagenumberarea li a {
color: #FFF;
display: block;
padding:5px 0;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
.pagenumberarea li.on_number{
color: #FFF;
display: block;
padding:5px 0;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.pagenumberarea li:first-child{
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
}
.pagenumberarea li:last-child{
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
}
.pagenumberarea li:first-child a{
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-right:#A9ABAD solid 1px;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
background:#FDFDfD;
background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
}
.pagenumberarea li:last-child a{
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-left:#FFF solid 1px;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
background:#FDFDfD;
background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
box-shadow:  1px 0px 1px 1px rgba(255,255,255,1) inset;
-webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset;
-moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset;
}
.pagenumberarea li.on_number{
color:#FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
background:#5393c5;
background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
}
ul.status_icon {
clear:both;
}
ul.status_icon li{
color:#FFF;
background:#9AAABD;
display:inline;
float:left;
margin-right :5px;
margin-bottom:2px;
padding:2px 5px;
font-size:11px;
text-shadow:none;
}
/* -----------------------------------------------
商品一覧
----------------------------------------------- */
#product_list{
border-top:1px solid #DDD;
}

/* アイテムリスト(div)の処理
----------------------------------------------- */
.list_area {
margin: 0;
padding:7px 3px;
border-top:#FFF solid 1px;
border-bottom:#f2f2f2 solid 1px;
display:block;
clear:both;
position:relative;
cursor:pointer;
background:#FFF;
background: -moz-linear-gradient(center top, #fefefe 0%,#fafafa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),color-stop(1, #fafafa));
}
.list_rank {
padding-top:25px;
}
.list_area ul.status_icon{
margin-bottom:5px;
}
.list_area p.rank {
border:1px solid #DDD;
background:#F4DD45;
padding: 0;
position:absolute;
width:40px;
text-align:center;
top:3px;
left:3px;
font-size:12px;
}
.listphoto{
width:26%;
margin:0;
float:left;
clear:left;
font-size:12px;
text-align:center;
}
.listphoto p{
margin:3px 0;
font-size:9px;
text-align:center;
}
.listphoto p span.stock_y{
color:#EE3140;
font-weight:bold;
font-size:10px;
}
.listphoto p span.stock_n{
color:#1291CC;
font-size:10px;
font-weight:bold;
}
.listphoto p span.stock_else{
font-size:8px;
}


.listrightblock {
width:73%;
float:right;
}
.listrightblock h3{
font-size:14px;
line-height:1.4;
clear:both;
}
.listrightblock .author{
line-height:1.4;
font-size:10px;
margin-top:5px;
font-weight:bold;
}
.listrightblock .listcomment{
line-height:1.4;
font-size:12px;
margin-top:5px;
}
.listrightblock span.price {
font-size:12px;
}
/* -----------------------------------------------
商品詳細
----------------------------------------------- */
#product_detail{
padding-bottom:15px;
}
#product_detail span.subname {
font-size:12px;
}
h3 span.subname {
font-size:12px;
}
/*商品情報*/
#detailarea {
background: #f7f8f2;
padding:7px 0 0;
}
#detailarea p.main_comment{
background: #f7f8f2;
padding:0 5px;
font-size:12px;
}
#detailrightblock{
margin-top:15px;
padding:0;
background:#FFF;
border:#DDD solid 1px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#detailrightblock div:after {
content: ".";  
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#detailrightblock div{
border-bottom:#DDD solid 1px;
}
#detailrightblock div#cartbtn_default {
border-bottom: none;
}
#detailrightblock div:last-child{
border-bottom:none;
}
/* 商品ステータスアイコン */
#detailrightblock .status_icon{
padding:10px 12px;
border-bottom:#DDD solid 1px;
}
/*商品情報（テキストなど）*/
#detailrightblock .product_detail{
padding:7px;
border-bottom:#DDD solid 1px;
}
#detailrightblock .product_detail p{
padding:0px 0;
}
#detailrightblock h3{
font-size:14px;
clear:both;
line-height:1.2;
margin-top:3px;
}
#detailrightblock .price{
font-size:14px;
}
#detailrightblock .normal_price{
font-size:11px;
}
.relative_cat{
font-size:12px;
}
.detail_data {
background: #f7f8f2;
padding:5px;
margin-top:10px;
}
.detail_data ul li{
border-bottom:1px solid #fff;
padding:3px;
font-size:12px;
}
.detail_data ul li p{
margin-bottom:5px;
}
.detail_data ul li p:last-child{
margin-bottom:0px;
}
.detail_data ul li:last-child{
border-bottom:none;
}
.detail_data ul li.sp a{
padding:3px;
margin-right:5px;
}
.cart_stock {
background: #f7f8f2;
padding:5px 10px;
margin-top:5px;
}
.cart_stock span#price02_default {
font-size:18px;
}
.cart_stock span.deliv {
font-size:16px;
color:#F36E6E;
font-weight:bold;
}
.cart_stock span.deliv2 {
font-size:16px;
color:#389BE7;
font-weight:bold;
}
.cart_stock ul.stock_data {
background:#fff;
padding:5px;
text-align:center;
margin:5px 5px 0;
}
/*商品情報（規格部分）*/
.cart_area{
padding:12px;
}
.cart_area dl {
margin: 0;
padding:0;
}
.cart_area dt {
margin: 0;
font-weight: bold;
line-height: 1.3;
}
.cart_area dd {
padding:0;
clear:both;
padding-bottom:5px;
}
.cart_area dd:last-child {
padding-bottom:0;
}

/*商品情報（数量）*/
.cartin_btn{
padding:15px 15px 15px 8px;
background: #f7f8f2;
border-top:#FFF solid 1px;
margin-bottom:10px;
}
.cartin_btn dl{
width:40%;
float:left;
clear:left;
}
.cartin_btn dt{
width:2em;
float:left;
padding:15px 5px 0 5px;
line-height:1.1;
font-weight:bold;
}
.cartin_btn dd{
width:3.2em;
display:inline;
float:left;
padding-top:5px;
}
.detail_quantity dd .quantitybox{
width:3em;
}
.cartbtn_default{
width:54%;
float:right;
clear:right;
}

/*お気に入り*/
.btn_favorite{
padding:10px 15px;
background: #f7f8f2;
}
/*サブエリア*/
.subarea{
padding:0 10px 20px 10px;
margin-bottom:15px;
border-bottom:#CCC solid 1px;
clear:both;
}
.subarea h3{
margin-bottom:10px;
padding:5px 0;
border-bottom:#CCC solid 1px;
clear:both;
}
.subphotoimg{
margin-left:10px;
float:right;
clear:right;
}
#sub_area div:last-child{
border-bottom:none;
}
/*商品詳細メイン画像スライド*/
#detailphotoblock {
width: 100%;
background-color: #ffffff;
text-align:center;
-webkit-box-shadow: 1px 3px 3px #DDD;
-moz-box-shadow: 1px 3px 3px #DDD;
position:relative;
padding:10px 0;
}
#detailphotoblock div.moveWrap {
margin:0 auto;
position:relative;
overflow:hidden;
-webkit-box-sizing:border-box;
}
#detailphotoblock ul.moveWrapBG {
visibility:hidden;
display:inline-block;
position:relative;
-webkit-box-sizing:border-box;
margin:0 auto;
padding:0;
}
#detailphotoblock li{
width:200px;
}
#detailphotoblock div.slideMask {
position:absolute;
top:0;
left:0;
/*border:4px #FFF solid;*/
-webkit-box-sizing:border-box;
margin-right:0!important;
}
#detailphotoblock div.moveWrap>ul.move {
margin:0;
padding:0;
position:relative;
left:0;
top:0;
list-style:none;
width:2000px;
-webkit-transition:all 0.6s ease-in-out;
-webkit-transform:translate3d(0,0,0);
-webkit-transition-duration: 400ms;
-webkit-transition-property: -webkit-transform;
margin:0;
padding:0;
display:none;
}
#detailphotoblock div.moveWrap>ul.move li.slideUnit {
margin:0px;
padding:0;
float:left;
list-style:none;
text-align:center;
-webkit-box-sizing:border-box;
}
#detailphotoblock li.slideUnit>div {
padding:0px;
display:inline-block;
vertical-align:middle;
text-align:center;
-webkit-box-sizing:border-box;
}

.flickSlideContainer {
}

#detailphotoblock div.flickSlideBottom {
width:100%;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft,#detailphotoblock div.flickSlideBottom div.bottomRight {
padding:0 10px;
display:table-cell;
vertical-align:middle;
}
#detailphotoblock div.flickSlideBottom div.bottomRight {
font-size:24px;
font-weight: bold;
color:#7F7F7F;
background-color:transparent;
right:5px;
top:100px;
position:absolute;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft {
font-size:24px;
font-weight: bold;
color:#7F7F7F;
background-color:transparent;
left:5px;
top:100px;
position:absolute;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft:after {
font-size:12px;
padding:5px;
text-align:left;
display:table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft:before {
padding:5px;
text-align:left;
display:table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomRight:before {
font-size:12px;
padding:5px;
text-align:right;
display:table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomRight:after {
padding:5px;
text-align:right;
display:table-cell;
}
#detailphotoblock div.flickSlideBottom ul.slidePager {
display:block;
width:auto;
text-align:center;
margin:0 auto;;
padding:0;
}
#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer {
font-size:11px;
width:6px;
height:6px;
margin:0 6px 10px 6px;
display:inline-block;
background-color:#CCC;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
background-color:#333;
}

/*その他オススメ商品スライド*/
#product_detail .title_box_sub:last-child{
margin-top:20px;
}
#whobought_area{
width:100%;
margin-top:15px;
margin-bottom:15px;
clear:both;
position:relative;
}
#whobought_area h3{
clear:both;
line-height:1.2;
}
/*liの長さ追加*/
#whobought_area li{
width:80px;
}
#whobought_area li img{
margin-bottom:5px;
clear:both;
}
#whobought_area .sale_price{
clear:both;
float:right;
text-align:right;
}
#whobought_area div.moveWrap {
width:80%;
height:auto;
position:relative;
margin:0 auto;
overflow:hidden;
-webkit-box-sizing:border-box;
}
#whobought_area ul.moveWrapBG {
width:auto;
height:auto;
display:inline-block;
position:relative;
visibility:hidden;
-webkit-box-sizing:border-box;
margin:0;
padding:0;
}
#whobought_area div.slideMask {
position:absolute;
top:0;
left:0;
border:4px #FFF solid;
-webkit-box-sizing:border-box;
margin-right:1px;
}
#whobought_area div.moveWrap>ul.move {
width:600px;
margin:0;
padding:0;
position:relative;
left:0;
top:0;
list-style:none;
-webkit-transition:all 0.6s ease-in-out;
-webkit-transform:translate3d(0,0,0);
/*-webkit-transition-duration: 400ms;
-webkit-transition-property: -webkit-transform;
*/
margin:0;
padding:0;
display:none;
}
#whobought_area div.moveWrap>ul.move li.slideUnit {
width:85px!important;
float:left;
display:inline;
list-style:none;
padding:4px 8px 4px 0;
margin-right:0px;
-webkit-box-sizing:border-box;
}
#whobought_area li.slideUnit>div {
padding:4px;
display:inline;
vertical-align:middle;
-webkit-box-sizing:border-box;
}
#whobought_area div.flickSlideBottom {
width:100%;
margin-top:5px;
}
#whobought_area div.flickSlideBottom div.bottomLeft,#whobought_area div.flickSlideBottom div.bottomRight {
padding:0 10px;
display:table-cell;
vertical-align:middle;
}
#whobought_area div.flickSlideBottom div.bottomRight {
font-size:16px;
font-weight: bold;
color:#7F7F7F;
background-color:transparent;
right:0;
top:80px;
position:absolute;
}
#whobought_area div.flickSlideBottom div.bottomLeft {
font-size:16px;
font-weight: bold;
color:#7F7F7F;
background-color:transparent;
left:0;
top:80px;
position:absolute;
}
#whobought_area div.flickSlideBottom div.bottomLeft:after {
font-size:10px;
padding:0;
text-align:left;
display:table-cell;
}
#whobought_area div.flickSlideBottom div.bottomLeft:before {
padding:0;
text-align:left;
display:table-cell;
}
#whobought_area div.flickSlideBottom div.bottomRight:before {
font-size:10px;
padding:0;
text-align:right;
display:table-cell;
}
#whobought_area div.flickSlideBottom div.bottomRight:after {
padding:0;
text-align:right;
display:table-cell;
}
#whobought_area div.flickSlideBottom ul.slidePager {
display:block;
width:auto;
text-align:center;
margin:0 auto;
padding:0;
}
#whobought_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {
display:none;
}
h2.sp_ostop {
font-size:14px;
padding:3px;
background:#f0f0f0;
}
table.sptable {
border: solid 1px #E1E1D1;
background:#FFF;
width:100%;
margin-bottom:15px;
}
table.sptable tr{
padding:2px;
text-align:center;
border-bottom:1px solid #E1E1D1;
}
table.sptable td{
padding:2px;
border-left:1px solid #E1E1D1;
text-align:center;
width:50%;
}
#os_pankuzu {
padding: 5px;
background: #f7f8f2;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
font-size:12px;
}
#os_search_column {
background: #f7f8f2;
border:1px solid #DDD;
padding: 6px 0;
}
#os_search_column ul li {
width:33%;
padding: 2px 0;
float:left;
text-align:center;
border-right:1px solid #DDD;
font-size:12px;
}
#os_search_column ul li:last-child {
border-right:none;
}

#os_search_column_ranking {
background: #f7f8f2;
padding: 6px 0;
text-align:center;
}
.disptrue {
display:block;
}
.dispfalse {
display:none;
}
.cat_d_search {
border:1px solid #DDD;
}
.now_s_cond {
border-bottom:1px solid #DDD;
}
.now_s_cond li{
padding:2px;
font-size:12px;
border-bottom:1px dotted #DDD;
}
.now_s_cond li.title{
background: #f7f8f2;
	background-image: url(../img/common/ico_arrowB_P3.png);
	background-repeat: no-repeat;
	background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.now_s_cond li.title{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.now_s_cond li.title{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.now_s_cond li:last-child{
border-bottom:none;
}

#detailarea2 {
background: #f7f8f2;
padding:5px 0 0;
}
#detailarea2 h2{
background: #666;
border-top:1px solid #999;
border-bottom:1px solid #999;
color:#FFF;
padding:5px;
font-size:12px;
margin:20px 0 0px;
}
#detailarea2 .whoboughtarea{
padding:7px;
font-size:12px;
}
#detailarea2 p.more_btd{
background: #f7f8f2;
border-bottom:1px solid #D6DAC5;
padding:5px 3px;
font-size:13px;
text-align:center;
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#detailarea2 p.more_btd{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#detailarea2 p.more_btd{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#detailarea2 .whoboughtarea p.close_bt{
background: #f7f8f2;
padding:3px;
font-size:12px;
text-align:center;
background-image: url(../img/common/ico_arrowT3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#detailarea2 .whoboughtarea p.close_bt{
background-image: url(../img/common/ico_arrowT4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#detailarea2 .whoboughtarea p.close_bt{
background-image: url(../img/common/ico_arrowT4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#detailarea2 .rev1 dt{
background: #AFAFAF;
padding:3px;
color:#FFFFFF;
margin-top:15px;
margin-bottom:5px;
}
#detailarea2 .rev1 dd ul{
clear:both;
float:none;
padding:5px 0;
}
#detailarea2 .rev1 dd ul li {
float:left;
width:25%;
}
#detailarea2 .close_bt_d{
margin-top:10px;
background-color: #AAA;
padding:3px;
color:#FFF;
text-align:center;
background-image: url(../img/common/ico_arrowTW_P3.png);
background-repeat: no-repeat;
background-position: right center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#detailarea2 .close_bt_d{
background-image: url(../img/common/ico_arrowTW_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#detailarea2 .close_bt_d{
background-image: url(../img/common/ico_arrowTW_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#detailarea2 .whoboth_all {
padding:10px 0;
}
#detailarea2 .whoboth_l {
width:30%;
text-align:center;
padding:5px 0;
float:left;
}
#detailarea2 .whoboth_r {
width:70%;
float:left;
}
#detailarea2 .whoboth_r p.both_cart {
width:85%;
margin:5px auto;
}
#detailarea2 h3.bothh3 {
border-bottom:1px solid #D6DAC5;
padding:5px;
background:#fff;
}
.whoboth_o {
padding:10px 0;
border-bottom:1px solid #D6DAC5;
}
.whoboth_o_l {
width:30%;
float:left;
text-align:center;
}
.whoboth_o_r {
width:70%;
float:left;
}
.m_data_div ul li {
padding:7px 5px;
background: #f7f8f2;
border-bottom:1px solid #D6DAC5;
font-size:12px;
}
.m_data_div ul li.odd {
background:#fff;
}
.m_data_div ul li.link {
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.m_data_div ul li.link {
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.m_data_div ul li.link {
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.m_data_div ul li span.small{
font-size:10px;
}
.m_data_div ul li.mdb a{
padding:2px;
float:right;
font-size:10px;
text-align:center;
color:#fff;
background:#F98287;
}
.m_data_div ul div.hdb_data_div1 {
padding:3px 4px 4px;
background:#D6DAC5;
}
.m_data_div ul div.hdb_data_div1 ul li{
padding:3px;
background:#fff;
border-bottom:1px solid #D6DAC5;
}
.m_data_div ul div.hdb_data_div1 p{
padding:3px 0;
background:#fff;
border:2px solid #A7C13A;
margin:3px 0;
text-align:center;
}
.detail_rp_r {
background:#fff;
}
.detail_rp_r h3{
background:#A7C13A;
padding:3px;
color:#fff;
border:1px solid #fff;
}
.detail_rp_rd {
padding:3px;
border-bottom:1px dotted #D6DAC5;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.detail_rp_rd {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.detail_rp_rd {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.detail_rp_rd:last-child {
border-bottom:none;
}
.detail_rp_rd img{
float:left;
margin-right:10px;
}
#recommend_p{
position:relative;
background:#fff;
padding-bottom:4px;
}
#bothPrevBtn, #GroupPrevBtn{
position:absolute;
top:5px;
left:0;
width:15px;
height:70px;
background: #999;
background-image: url(../img/common/ico_arrowL3.png);
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#bothPrevBtn, #GroupPrevBtn{
background-image: url(../img/common/ico_arrowL4.png);
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#bothPrevBtn, #GroupPrevBtn{
background-image: url(../img/common/ico_arrowL4.png);
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
}
#bothNextBtn, #GroupNextBtn{
position:absolute;
top:5px;
right:0;
width:15px;
height:70px;
background: #999;
background-image: url(../img/common/ico_arrowR3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#bothNextBtn, #GroupNextBtn{
background-image: url(../img/common/ico_arrowR4.png);
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#bothNextBtn, #GroupNextBtn{
background-image: url(../img/common/ico_arrowR4.png);
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
}
.list_com {
padding:7px;
border-bottom:1px dotted #D6DAC5;
}
.list_com:last-child {
border-bottom:none;
}
.list_odd {
background:#fff;
}
.list_com ul.top{
clear:both;
float:none;
margin:0;
padding:0;
}
.list_com ul.top li{
float:left;
padding:2px 0;
}
.list_com ul.top li:last-child{
float:right;
background:#f2f2f2;
padding:2px 5px;
}
.list_com li.comment{
font-size:12px;
}
.middle{
margin:0;
margin-bottom:5px;
padding:0;
}
.middle img.picture{
float:left;
margin-right:7px;
}
.middle ul{
}
.middle ul li{
padding:3px;
font-size:12px;
}
.middle ul li.title{
border-bottom:1px dotted #D6DAC5;
font-size:14px;
font-weight:bold;
}
.middle ul li.level{
background:#FFF;
border:1px dotted #D6DAC5;
border-top:none;
}
.middle ul li.level span.recommend_level{
color:#F98287;
}
.middle ul li.level span.review_status_s{
padding:2px;
border:1px solid #4BB233;
background:#E2F8DD;
margin-right:2px;
font-size:10px;
}

h1.special {
padding:6px;
font-size:14px;
border-bottom:1px solid #53B4DC;
background:#DDF0F8;
}
h2.e_sptitile {
padding:1px 5px;
margin-bottom:2px;
font-size:16px;
}
h2.marginh2 {
margin:5px 0 0;
}
.sp_cont_index {
padding:10px 5px;
border-bottom:1px dotted #D6DAC5;
position:relative;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.sp_cont_index {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.sp_cont_index {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
div.sp_cont_index:last-child{
border-bottom:none;
}
.sp_cont_index p.comment{
padding:3px 15px 0 5px;
font-size:12px;
}
.sp_cont_index p.listlink{
width:100px;
padding:1px;
color:#FFFFFF;
border:1px dotted #CCC;
position:absolute;
right:2px;
bottom:7px;
text-align:center;
}
.sp_cont_index p.listlink a{
color:#FFFFFF;
}
ul.sp_o {
}
ul.sp_o li {
padding:7px;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
border-bottom:1px solid #CCC;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
ul.sp_o li {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
ul.sp_o li {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.cat_list ul li{
padding:7px 4px;
border-bottom:1px solid #D6DAC5;
}
.cat_list ul li a{
padding:4px;
}
.cat_list ul li.level1{
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: 99% center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.cat_list ul li.level1{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.cat_list ul li.level1{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.cat_list ul li.level2{
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: 99% center;
padding-left:12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.cat_list ul li.level2{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.cat_list ul li.level2{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.cat_list ul li.cat_link{
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: 99% center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.cat_list ul li.cat_link{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.cat_list ul li.cat_link{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.cat_list ul li.level3{
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: 99% center;
padding-left:20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.cat_list ul li.level3{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.cat_list ul li.level3{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.cat_list ul li.cat_self100 {
/*background-color:#D4F1FC;*/
border-left:3px solid #2DB1E3;
}
#cat100{
/*background-color:#EAF5F9;*/
border-left:3px solid #7DCDEC;
}
#cat100 a{
background-color:#F6FCFE;
}
.cat_list ul li.cat_self200 {
border-left:3px solid #61B124;
}
#cat200{
border-left:3px solid #9AD26E;
}
#cat200 a{
background-color:#EFF8E7;
}
.cat_list ul li.cat_self300 {
border-left:3px solid #CC3380;
}
#cat300{
border-left:3px solid #E086B3;
}
#cat300 a{
background-color:#FDDFEE;
}
.cat_list ul li.cat_self400 {
border-left:3px solid #E6D514;
}
#cat400{
border-left:3px solid #FBF398;
}
#cat400 a{
background-color:#FAF7D8;
}
.cat_list ul li.cat_self500 {
border-left:3px solid #DB373A;
}
#cat500{
border-left:3px solid #F5878A;
}
#cat500 a{
background-color:#FBEDED;
}
.cat_list ul li.cat_self600 {
border-left:3px solid #2E93D4;
}
#cat600{
border-left:3px solid #8DC7EC;
}
#cat600 a{
background-color:#E8F5FE;
}
.cat_list ul li.cat_self700 {
border-left:3px solid #77B82B;
}
#cat700{
border-left:3px solid #A2D568;
}
#cat700 a{
background-color:#E2F3CE;
}
.cat_list ul li.close{
background-image:;
background-repeat: no-repeat;
background-position: right center;
text-align:center;
background: #f7f8f2;
}
li.data_close{
text-align:center;
background: #f7f8f2;
border-bottom:1px solid #D6DAC5;
list-style:none;
padding:7px 3px;
background-image: url(../img/common/ico_arrowT3.png);
background-repeat: no-repeat;
background-position: right center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
li.data_close{
background-image: url(../img/common/ico_arrowT4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
li.data_close{
background-image: url(../img/common/ico_arrowT4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.recent_check {
position:relative;
}
.recent_check ul.small li{
width:50%;
float:left;
text-align:center;
padding:5px 0;
}
.recent_check ul.small p{
font-size:10px;
}
.fair_column h2.gradh2_1{
font-size:14px;
padding:3px;
background: #FFF7F7;
color:#C11920;
border-bottom:1px solid #C11920;
text-align:center;
}
.fair_column h2.gradh2_2{
font-size:14px;
padding:3px;
background-color: #FAE7D9;
color:#D25A02;
border-bottom:1px solid #D25A02;
text-align:center;
}
.fair_column h2.grad2_alert{
font-size:12px;
padding:2px;
background-color: #D25A02;
color:#FFF;
}
.fair_column h2.gradh2_3{
font-size:14px;
padding:3px;
background-color: #DFF5FC;
color:#01779E;
border-bottom:1px solid #01779E;
text-align:center;
}
.fair_column h2.grad3_alert{
font-size:12px;
padding:2px;
background-color: #4D8D02;
color:#FFF;
}
.fair_column h2.gradh2_4{
font-size:14px;
padding:3px;
background-color: #DFF5FC;
color:#01779E;
border-bottom:1px solid #01779E;
text-align:center;
}
.fair_column h2.grad4_alert{
font-size:12px;
padding:2px;
background-color: #01779E;
color:#FFF;
}
.fair_column h2 span.mini{
font-size:12px;
}
.fair_column ul.menu li{
padding:5px;
}
.fair_column ul.menu li.grad1{
background-color: #FFF7F7;
color:#C11920;
}
.fair_column ul.menu li.grad2{
background-color: #FAE7D9;
color:#D25A02;
}
.fair_column ul.menu li.grad3{
background-color: #EBF9DA;
color:#4D8D02;
}
.fair_column ul.menu li.grad4{
background-color: #DFF5FC;
color:#01779E;
}

.fair_column ul.menu li.id1{
background-color: #FBE7E7;
color:#F33F3F;
}
.fair_column ul.menu li.id2{
background-color: #FBF5E9;
color:#DD8D01;
}
.fair_column ul.menu li.id3{
background-color: #F9FDE7;
color:#658101;
}
.fair_column ul.menu li.id4{
background-color: #F2FCFE;
color:#038AA5;
}
.fair_column ul.menu li.id5{
background-color: #F2EDFD;
color:#5C39B5;
}
.fair_column ul.menu li.id6{
background-color: #FCEFFA;
color:#E23AC5;
}
.fair_column .grad_d1{
background-color: #FEFBFB;
}
.fair_column .grad_d2{
background-color: #FAE7D9;
}
.fair_column .grad_d3{
background-color: #EBF9DA;
}
.fair_column .grad_d4{
background-color: #DFF5FC;
}
.fair_column div.c_cont{
border-top:1px solid #DDD;
padding:10px 5px;
}
.fair_column div.c_cont:last-child{
border-bottom:1px solid #DDD;
}
.fair_column div.l_cont_c {
width:80px;
float:left;
margin-bottom:10px;
}
.fair_column div.r_cont_c {
width:73%;
float:right;
margin-bottom:10px;
}
.fair_column div.r_cont_c li{
font-size:10px;
}
.fair_column div.r_cont_c li.price_fair {
color:#FF0000;
font-size:12px;
}
.fair_column ul.detailbox {
width:100%;
clear:both;
margin-top:10px;
}
.fair_column ul.menu li{
border-bottom:1px dotted #DDD;
background: #FFF7F7;
color:#C11920;
padding:5px;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.fair_column ul.menu li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.fair_column ul.menu li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.fair_column .cont1 {
padding:5px;
}
.fair_column .l_cont img{
float:left;
}
.fair_column .l_cont h2{
font-size:14px;
float:left;
}
.fair_column .r_cont {
font-size:12px;
clear:both;
}
.fair_column .detail_mimage {
text-align:center;
padding:5px 0;
}
.fair_column h2.detail {
font-size:14px;
padding:3px;
background: #f7f8f2;
border-bottom:1px solid #D6DAC5;
}
.fair_column .fair_dcom {
font-size:12px;
padding:5px;
margin:5px;
background: #f7f8f2;
border:1px solid #D6DAC5;
}
.fair_column .fair_dcom h3{
padding:5px 0;
}
.fair_column ul li.p_detail{
padding:6px 0;
width:45%;
text-align:center;
float:left;
background-color: #FFF;
border:2px solid #D6DAC5;
}
.fair_column ul li.p_detail_s{
border:2px solid #E3698E;
background-color: #FEF7F9;
}
.fair_column .cartbtn_default {
padding:5px 0;
width:45%;
}
.fair_column .cartbtn_l {
float:left;
}
.fair_column .cartbtn_default:hover {
padding:5px 0;
}
.fair_column .c_cont{
padding:5px;
}
.fair_column .fair_pagenavi {
padding:10px 5px;
border-bottom:1px solid #D6DAC5;
}
.fair_column .fair_pagenavi ul li{
width:33%;
float:left;
display:block;
text-align:center;
}
.fair_column .fair_pagenavi ul li.next{
float:right;
}
.fair_column .group1_menu{
width:100%;
margin:0 auto 3px auto;
}
.fair_column .group1_menu td{
width:33%;
padding:7px 0;
text-align:center;
line-height:12px;
font-size:12px;
font-weight:bold;
background: #f7f8f2;
}

.fair_column h2.nsh2_1{
font-size:14px;
padding:3px;
background: #FBE7E7;
color:#F33F3F;
border-bottom:1px solid #F33F3F;
text-align:center;
}

.fair_column h2.nsh2_2{
font-size:14px;
padding:3px;
background: #FBF5E9;
color:#DD8D01;
border-bottom:1px solid #DD8D01;
text-align:center;
}

.fair_column h2.nsh2_3{
font-size:14px;
padding:3px;
background: #F9FDE7;
color:#658101;
border-bottom:1px solid #658101;
text-align:center;
}
.fair_column h2.nsh2_4{
font-size:14px;
padding:3px;
background: #F2FCFE;
color:#038AA5;
border-bottom:1px solid #038AA5;
text-align:center;
}
.fair_column h2.nsh2_5{
font-size:14px;
padding:3px;
background: #F2EDFD;
color:#5C39B5;
border-bottom:1px solid #5C39B5;
text-align:center;
}
.fair_column h2.nsh2_6{
font-size:14px;
padding:3px;
background: #FCEFFA;
color:#E23AC5;
border-bottom:1px solid #E23AC5;
text-align:center;
}

.n_s_title {
padding:5px;
background: #F33F3F;
color:#FFFFFF;
font-size:12px;
}
.nst1 {
padding:3px;
background: #FBE7E7;
color:#F33F3F;
font-size:12px;
}
.n_s_title_ns2 {
padding:5px;
background: #F09902;
color:#FFFFFF;
font-size:12px;
}
.nst_ns2 {
padding:3px;
background: #FBF5E9;
color:#DD8D01;
font-size:12px;
}
.n_s_title_ns3 {
padding:5px;
background: #83A605;
color:#FFFFFF;
font-size:12px;
}
.nst_ns3 {
padding:3px;
background: #F9FDE7;
color:#658101;
font-size:12px;
}
.n_s_title_ns4 {
padding:5px;
background: #0CB2D3;
color:#FFFFFF;
font-size:12px;
}
.nst_ns4 {
padding:3px;
background: #F2FCFE;
color:#038AA5;
font-size:12px;
}
.n_s_title_ns5 {
padding:5px;
background: #8D6DDE;
color:#FFFFFF;
font-size:12px;
}
.nst_ns5 {
padding:3px;
background: #F2EDFD;
color:#5C39B5;
font-size:12px;
}
.n_s_title_ns6 {
padding:5px;
background: #E23AC5;
color:#FFFFFF;
font-size:12px;
}
.nst_ns6 {
padding:3px;
background: #FCEFFA;
color:#E23AC5;
font-size:12px;
}

.fair_column h2.unh2_cd{
font-size:14px;
padding:3px;
background: #F0F9E4;
color:#5D9118;
border-bottom:1px solid #5D9118;
text-align:center;
}
.fair_column h2.unh2_book{
font-size:14px;
padding:3px;
background: #FEF1F4;
color:#CB193E;
border-bottom:1px solid #CB193E;
text-align:center;
}
.fair_column ul li.uncd{
font-size:14px;
padding:3px;
background-color: #F0F9E4;
color:#5D9118;
border-bottom:1px solid #5D9118;
}
.n_s_title_uncd {
padding:5px;
background-color: #5D9118;
color:#F0F9E4;
font-size:12px;
}
.n_s_title_uncd a{
color:#F0F9E4!important;
}
.n_s_title_unbook {
padding:5px;
background: #FEF1F4;
color:#111;
font-size:12px;
}
.n_s_title_unbook a{
color:#111!important;
}
.un_detail_m2{
padding:2px 0;
border-bottom:1px solid #D6DAC5;
margin-bottom:2px;
font-size:10px;
}
.un_detail_m2 .title{
padding:5px 0 0;
font-size:12px;
font-weight:bold;
}
.un_detail_m2ulsample{
padding:0px 0 5px;
}
.un_detail_m2ulsample li{
float:right;
margin-left:7px;
}
.un_detail_m2ulsample li.sample a{
padding:1px 3px;
background:#222;
color:#FFF;
}
.un_detail_m2ulsample li.mdb a{
padding:1px 3px;
background:#FF6C70;
color:#FFF;
}
.un_detail_m2ul3 {
background-color: #FFF;
padding:3px;
margin:3px 0;
}
.un_detail_m2ul3 p.title{
background-color: #FAF6F7;
padding:3px;
margin:3px 0;
font-size:10px;
font-weight:normal;
}
h1.rocket_title1{
text-align:center;
font-size:14px;
padding:7px 5px 3px;
color:#0FA3B1;
background:#FDF9F0;
border-top:1px solid #7FC8CF;
border-bottom:1px dotted #D6DAC5;
}
h2.rocket_title2{
text-align:center;
font-size:12px;
background:#FFF;
padding:3px 5px 5px;
border-bottom:1px solid #7FC8CF;
}
.rocket_div {
padding:7px 5px;
font-size:12px;
}
.rocket_div p{
padding:4px 0;
border-bottom:1px dotted #D6DAC5;
}
.rocket_div span.dlist{
font-weight:bold;
}
.rocket_div_m {
background-color: #FFF;
border-bottom: 1px solid #FCE7CC;
padding:5px;
}
.rocket_div_color {
background-color: #FDF9F0;
}

.rocket_div_m_c ul li {
float:left;
margin-right:5px;
font-size:12px;
padding:3px 0;
}
.rocket_div_m_c ul li.n2{
font-weight:bold;
}
.rocket_div_m_c ul li.title{
background:#FCE7CC;
padding:2px 0;
float:none;
}
.rocket_div_m_left {
width:78%;
padding:1%;
float:left;
}
.rocket_div_m_left ul li{
float:left;
margin-right:5px;
font-size:12px;
padding:0;
}
.rocket_div_m_right{
width:20%;
float:right;
font-size:12px;
text-align:center;
}
.rocket_div_m_right ul li.sample{
margin-bottom:7px;
}
.rocket_div_m_right ul li.sample a{
background-color:#333333;
color:#fff;
padding:2px 4px;
}
.rocket_div_m_right ul li.mdb a{
background-color:#F98287;
color:#fff;
padding:2px 4px;
}

h1.tsubasa_title1{
text-align:center;
font-size:14px;
padding:7px 5px 3px;
color:#3F9004;
background:#FBFEFF;
border-top:1px solid #BFDDE5;
border-bottom:1px dotted #BFDDE5;
}
h1.tsubasa_title1 span{
font-size:20px;
color:#028FCC;
}
h2.tsubasa_title2{
text-align:center;
font-size:12px;
background:#FFF;
padding:3px 5px 5px;
border-bottom:1px solid #BFDDE5;
}
.tsubasa_div {
padding:7px 5px;
font-size:12px;
}
.tsubasa_div p{
padding:4px 0;
border-bottom:1px dotted #D6DAC5;
}
.tsubasa_div span.dlist{
font-weight:bold;
}
.tsubasa_div_m {
background-color: #FFF;
border-bottom: 1px solid #028FCC;
padding:5px;
}
.tsubasa_div_color {
background-color: #FBFEFF;
}
.cp_a_geki_mlist .tsubasa_div_m {
background-color: #FFF;
border-bottom: 1px solid #93DA73;
}
.cp_a_geki_mlist .tsubasa_div_color {
background-color: #F4FDF0;
}
.tsubasa_div_m_c ul li {
float:left;
margin-right:5px;
font-size:12px;
padding:3px 0;
}
.tsubasa_div_m_c ul li.n2{
font-weight:bold;
}
.tsubasa_div_m_c ul li.title{
background:#FCE7CC;
padding:2px 0;
float:none;
}
.tsubasa_div_m_left {
width:78%;
padding:1%;
float:left;
}
.tsubasa_div_m_left ul li{
float:left;
margin-right:5px;
font-size:12px;
padding:0;
}
.tsubasa_div_m_right{
width:20%;
float:right;
font-size:12px;
text-align:center;
}
.tsubasa_div_m_right ul li.sample{
margin-bottom:7px;
}
.tsubasa_div_m_right ul li.sample a{
background-color:#333333;
color:#fff;
padding:2px 4px;
}
.tsubasa_div_m_right ul li.mdb a{
background-color:#F98287;
color:#fff;
padding:2px 4px;
}

h1.dattechan_title1{
text-align:center;
font-size:14px;
padding:7px 5px 3px;
color:#3F9004;
background:#FFF9F8;
border-top:1px solid #FC8473;
border-bottom:1px dotted #FC8473;
}
h1.dattechan_title1 span{
font-size:24px;
color:#F56551;
}
h2.dattechan_title2{
text-align:center;
font-size:12px;
background:#FFF;
padding:3px 5px 5px;
border-bottom:1px solid #FC8473;
}
.dattechan_div {
padding:7px 5px;
font-size:12px;
}
.dattechan_div p{
padding:4px 0;
border-bottom:1px dotted #D6DAC5;
}
.dattechan_div span.dlist{
font-weight:bold;
}
.dattechan_div_m {
background-color: #FFF;
border-bottom: 1px solid #028FCC;
padding:5px;
}
.dattechan_div_color {
background-color: #FBFEFF;
}

.dattechan_div_m_c ul li {
float:left;
margin-right:5px;
font-size:12px;
padding:3px 0;
}
.dattechan_div_m_c ul li.n2{
font-weight:bold;
}
.dattechan_div_m_c ul li.title{
background:#FCE7CC;
padding:2px 0;
float:none;
}
.dattechan_div_m_left {
width:78%;
padding:1%;
float:left;
}
.dattechan_div_m_left ul li{
float:left;
margin-right:5px;
font-size:12px;
padding:0;
}
.dattechan_div_m_right{
width:20%;
float:right;
font-size:12px;
text-align:center;
}
.dattechan_div_m_right ul li.sample{
margin-bottom:7px;
}
.dattechan_div_m_right ul li.sample a{
background-color:#333333;
color:#fff;
padding:2px 4px;
}
.dattechan_div_m_right ul li.mdb a{
background-color:#F98287;
color:#fff;
padding:2px 4px;
}
h3.cp_a_geki_h3 {
padding:7px 5px;
font-size:12px;
background:#FFF;
border-top:1px solid #019139;
border-bottom:1px solid #019139;
}
.cp_a_geki_detail {
font-size:12px;
padding:3px 5px 0;
}
a.cp_a_geki_detail_bt{
display:block;
background: #CCC;
padding:3px;
margin:10px;
font-size:12px;
font-weight:bold;
color:#111!important;
text-align:center;
background-image: url(../img/common/ico_arrowBW_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
a.cp_a_geki_detail_bt{
background-image: url(../img/common/ico_arrowBW_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
a.cp_a_geki_detail_bt{
background-image: url(../img/common/ico_arrowBW_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
a.cp_a_geki_detail_bt_up{
display:block;
background: #CCC;
padding:3px;
margin:10px;
font-size:12px;
font-weight:bold;
color:#111!important;
text-align:center;
background-image: url(../img/common/ico_arrowTW_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
a.cp_a_geki_detail_bt_up{
background-image: url(../img/common/ico_arrowTW_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
a.cp_a_geki_detail_bt_up{
background-image: url(../img/common/ico_arrowTW_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.cp_bk_menu {
padding:5px 7px;
}
.cp_bk_menu ul{
padding:5px 0;
border-bottom:1px dotted #CCC;
}
.cp_bk_menu ul li{
float:left;
}
.cp_bk_menu ul li.image{
margin-right:15px;
}
.cp_bk_menu ul li.txt h2{
font-size:16px;
font-weight:bold;
}
.cp_bk_menu ul li.txt p{
font-size:12px;
}
.new_sp3_h1{
background:#73BB22;
border-bottom:1px solid #F2F9EA;
padding:5px;
font-size:14px;
color:#FFF;
}
.new_sp3_h2 {
background:#F2F9EA;
border-top:1px solid #73BB22;
border-bottom:1px solid #73BB22;
padding:5px;
font-size:12px;
}
.new_sp3_h2_bottom {
background:#73BB22;
border-bottom:1px solid #F2F9EA;
padding:5px;
font-size:14px;
color:#FFF;
}
.new_sp3_h2_bottom a{
color:#FFF;
}
.new_sp_foot_menu h3 a{
display:block;
}
.new_sp_foot_menu ul li{
padding:8px 5px 8px 15px;
font-size:12px;
border-bottom: 1px solid #DDDDDD;
}
.new_sp_foot_menu ul li.on, .new_sp_foot_menu ul li.now{
font-weight:bold;
background-color:#FEF9DF;
}
.new_sp_foot_menu ul li a{
display:block;
}
.new_sp_foot_menu a.sp3_arrowBtxt{
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.new_sp_foot_menu a.sp3_arrowBtxt{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.new_sp_foot_menu a.sp3_arrowBtxt{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#sp3_past{
margin-top:10px;
border: 2px solid #DDDDDD;
background-color:#FCFAF0;
}
#sp3_past li{
}