@charset "utf-8";
/* ===================================================================
CSS information
file name  :block.css
style info :ブロック用
=================================================================== */
/*-----------------------------------------------
ブロック共通
----------------------------------------------- */
.title_block{
color: #FFF;
font-size:16px;
font-weight:bold;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
line-height:20px;
margin:0;
padding:5px 10px 3px 10px;
background-color:#787E8A;
background: -moz-linear-gradient(center top, #787E8A 0%,#CBCDD0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #787E8A),color-stop(1, #CBCDD0));
border-top:#E1DCDA solid 1px;
border-bottom:#B5B5B5 solid 2px;
-webkit-box-shadow: 0 1px #FFF;
-moz-box-shadow: 0 1px #FFF;
text-align:left;
vertical-align: middle;
text-overflow: ellipsis;
clear:both;
}


/*-----------------------------------------------
新発売商品
----------------------------------------------- */
#newproducts_area{
border:#E1E1D1 solid 1px;
width:95%;
padding:2%;
background-color:#fff;
margin-bottom:15px;
}
#newproducts_area h2{
font-size:12px;
margin-left:10px;
}
#newproducts_area li{
width:290px;
}

/*-----------------------------------------------
トップページフリック
----------------------------------------------- */
#top_banner_area{
margin:0 0 10px;
padding-top:2px;
background-color:#f5f5e9;
border-top:#E1E1D1 solid 1px;
}
#top_banner_area ul{
margin:0;
padding:0;
}
#top_banner_area li{
width:280px;
}
.top_bannerblock{
width:280px;
text-align:center;
margin:0 auto;
clear:both;
}
.top_bannerblock img{
}
.top_bannerblock .productContents{
width:68%;
float:right;
text-align:left;
}
#top_banner_area div.moveWrap {
width:320px;
margin:0 auto;
position:relative;
overflow:hidden;
-webkit-box-sizing:border-box;
}

#top_banner_area ul.moveWrapBG {
margin:0;
padding:0;
display:inline-block;
position:relative;
width:100%;
visibility:hidden;
-webkit-box-sizing:border-box;
}
#top_banner_area div.slideMask {
margin:0 auto;
padding:0;
margin-right:1px;
position:absolute;
top:0;
left:0;
border:4px #FFF solid;
-webkit-box-sizing:border-box;
}
#top_banner_area div.moveWrap>ul.move {
width:10000px;
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);
margin:0;
padding:0;
display:none;
}
#top_banner_area div.moveWrap>ul.move li.slideUnit {
width:280px!important;
margin:0;
padding:0;
float:left;
list-style:none;
text-align:center;
-webkit-box-sizing:border-box;
}
#top_banner_area li.slideUnit>div {
padding:4px;
padding-left:8px;
display:inline-block;
vertical-align:middle;
text-align:center;
-webkit-box-sizing:border-box;
}
#top_banner_area div.flickSlideBottom {
width:100%;
margin-top:5px;
border-top:#E1E1D1 solid 1px;
/*
background: -moz-linear-gradient(center top, #FFFFFF 0%,#### 95%,#FFFFFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(0.95, #DEE4EA),color-stop(0, #FFFFFF));*/
background:#B2B29F;
}
#top_banner_area div.flickSlideBottom div.bottomLeft,#top_banner_area div.flickSlideBottom div.bottomRight {
display:table-cell;
-webkit-box-sizing:border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
vertical-align:middle;
padding:0 10px;
}
#top_banner_area div.flickSlideBottom div.bottomRight {
font-size:16px;
font-weight: bold;
color:#FFF;
background-color:transparent;
border-left:#DBDBDB solid 1px;
}
#top_banner_area div.flickSlideBottom div.bottomLeft {
font-size:16px;
font-weight: bold;
color:#FFF;
background-color:transparent;
border-right:#DBDBDB solid 1px;
}
#top_banner_area div.flickSlideBottom div.bottomLeft:after {
font-size:10px;
padding:5px;
text-align:left;
display:table-cell;
}
#top_banner_area div.flickSlideBottom div.bottomLeft:before {
margin-top:2px;
padding:5px;
text-align:left;
display:table-cell;
}
#top_banner_area div.flickSlideBottom div.bottomRight:before {
font-size:10px;
padding:5px;
text-align:right;
display:table-cell;
}
#top_banner_area div.flickSlideBottom div.bottomRight:after {
margin-top:2px;
padding:5px;
text-align:right;
display:table-cell;
}
#top_banner_area div.flickSlideBottom ul.slidePager {
width:100%;
margin:0;
padding:0;
display:table-cell;
text-align:center;
}
#top_banner_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {
font-size:10px;
width:6px;
height:6px;
margin:12px 6px 6px 6px;
display:inline-block;
background-color:#444;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#top_banner_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
background-color:#FFF;
}


/*-----------------------------------------------
カテゴリリスト（アコーディオン）
----------------------------------------------- */
#category_area{
margin-bottom: 20px;
}
#categorytree ul{
margin:10px 10px 0 10px;
border:#A9ACAB solid 1px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background:#f4F6F8;
}
#categorytree li{
font-size:16px;
font-weight:bold;
-webkit-transition: opacity 0.3s ease-in;
-webkit-transition-delay: 0.2s;
clear: both;
border-bottom:#CCC solid 1px;
border-top:#FFF solid 1px;
line-height:1.3em;
vertical-align:middle;
}

#categorytree li:first-child{
border-top:none;
}
#categorytree li li:first-child{
border-top:#CCC solid 1px;
} 
#categorytree li:last-child,#categorytree li li:last-child{
border-bottom:none;
} 
#categorytree ul li a,.categorytree > ul > li > ul > li a{
padding:0.6em 0;
}
.category_body {
display: inline-block;
}
.category_body a {
width: 100%;
display: inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
cursor:pointer;
}
#categorytree ul li li{
padding-bottom:0.6em;
}
.category_header {
width: 1.5em;
margin:0 6px 0 8px;
display:inline-block;
background: transparent;
text-align:right;
}
.category_header.plus, .category_header.minus{
color:#FFF;
margin:0 6px 0 8px;
padding-bottom:4px;
display: inline-block;
text-align: center;
line-height:0.4;
width: 1.5em;
height:1.3em;
-webkit-border-radius: 8px;
background:#515866;
background: -moz-linear-gradient(center top, #6D7481 0%,#515866 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(1, #515866));
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7);
-webkit-border-radius: 3px;
}

.category_header.plus > a, .category_header.minus > a{
width: 1.5em;
color:#FFF;
display: inline-block;
margin:0;
padding: 0;
text-decoration: none;
}

/*レベル調整*/
#categorytree .level1 .category_header{
width:1.5em;
}
#categorytree .level1 .category_body{
width:86.5%;
}
#categorytree .level2 .category_header{
width: 1.5em;
margin-left:2em;
}
#categorytree .level2 .category_body{
width:79%;
}
#categorytree .level3 .category_header{
width: 1.5em;
margin-left:3.4em;
}
#categorytree .level3 .category_body{
width:71.5%;
}
#categorytree .level4 .category_header{
width: 1.5em;
margin-left:4.8em;
}
#categorytree .level4 .category_body{
width:64%;
}

#categorytree .level5 .category_header{
margin-left:6.2em;
}
#categorytree .level5 .category_body{
width:56%;
}


/*リンクカラー*/
.category_body a:link,.category_body a:visited{
color:#000;
text-decoration:none;
cursor:pointer;
}
.category_header.plus a, .category_header.minus a{
color:#FFF;
}


/*-----------------------------------------------
news
----------------------------------------------- */
#news_area{
margin-bottom: 20px;
}
#news_area ul{
}
#news_area li{
display:block;
clear:both;
padding:10px;
line-height:1.3;
background-color:#FEFEFE;
background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
border-top:#FFF solid 1px;
border-bottom:#CCC solid 1px;
}
#news_area .news_date{
clear:both;
font-size:12px;
letter-spacing:0.1em;
}
.index_contents {
  padding:4px;
  margin-bottom:10px;
}
.flickSimple {
	width: 320px;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.flickSimple.landscape {
	width: 480px;
}
.flickSimple ul {
	display: block;
	margin: 0;
	padding: 0;
}
.flickSimple ul.landscape {
}
.flickSimple ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}
.flickSimple ul li.landscape {
}
/* ----------------------------- */
#main_flick {
	width: 365px;
	height: 102px;
	padding:3px 0;
	min-height: 82px;
	margin:0 auto 5px;
}
#main_flick ul,
#main_flick ul.landscape {
	width: 960px;
	height: 91px!important;
	min-height: 91px!important;
}
#main_flick ul.type1 {
	width: 365px!important;
}
#main_flick ul.type2 {
	width: 730px!important;
}
#main_flick ul.type3 {
	width: 1095px!important;
}
#main_flick ul.type4 {
	width: 1460px!important;
}
#main_flick ul.type5 {
	width: 1825px!important;
}
#main_flick ul.type6 {
	width: 2190px!important;
}
#main_flick ul.type7 {
	width: 2555px!important;
}
#main_flick ul.type8 {
	width: 2920px!important;
}
#main_flick ul.type9 {
	width: 3285px!important;
}
#main_flick ul.type10 {
	width: 3650px!important;
}
#main_flick ul li{
	width: 365px;
	height: 102px!important;
}
#main_flick ul li.landscape {
	width: 365px;
	height: 102px;
}
#main_flick ul li a {
	display: block;
}
#main_flick ul li a.type2 {
	display: block;
	float:left;
}
#main_flick ul li img{
	width: 363px;
	height: 100px;
	border: solid 1px #ccc;
}
#main_flick ul li img.img2_l{
	width: 150px;
	height: 80px;
	border: solid 1px #ccc;
	border-right: none;
}
#main_flick ul li img.img2_r{
	width: 150px;
	height: 80px;
	border: solid 1px #ccc;
	border-left: none;
}
#main_flickPageCount {
	text-align: center;
	margin:0 auto;
}
#main_flickPageCount li {
	background: url('../img/common/indicater_bg.png') no-repeat center center;
	list-style-type: none;
	width:20px;
	height:20px;
	float:left;
	display:block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#main_flickPageCount li {
	background: url('../img/common/indicater_bg2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#main_flickPageCount li {
	background: url('../img/common/indicater_bg2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
#main_flickPageCount li.selected {
	background: url('../img/common/indicater.png') no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#main_flickPageCount li.selected {
	background: url('../img/common/indicater2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#main_flickPageCount li.selected {
	background: url('../img/common/indicater2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
#main_flickPaginate {
	text-align: center;
}
/* ----------------------------- */
#both_Past, #Group {
	width: 280px;
	height: 110px;
	min-height: 80px;
	padding:7px 0;
	margin:0 auto;
}
#both_Past ul, #both_Past ul.landscape, #Group ul, #Group ul.landscape{
	width: 1400px;
	height: 110px;
}
#both_Past ul.type1, #Group ul.type1{
	width: 280px!important;
}
#both_Past ul.type2, #Group ul.type2{
	width: 560px!important;
}
#both_Past ul.type3, #Group ul.type3{
	width: 840px!important;
}
#both_Past ul.type4, #Group ul.type4{
	width: 1120px!important;
}
#both_Past ul.type5, #Group ul.type5{
	width: 1400px!important;
}
#both_Past ul li,
#both_Past ul li.landscape, #Group ul li, #Group ul.landscape li {
	width: 140px;
	margin-top:0;
	height: 110px;
}
#both_Past ul li a, #Group ul li a{
	display: block;
}
#both_Past ul p, #Group ul p{
	line-height:14px;
	font-size:12px;
	margin-top:3px;
}
#bothPageCount_Past, #GroupPageCount, #bothPageCount{
	text-align: center;
	margin:0 auto;
}
#bothPageCount_Past li, #GroupPageCount li, #bothPageCount li{
	background: url('../img/common/indicater_bg.png') no-repeat center center;
	list-style-type: none;
	width:20px;
	height:20px;
	float:left;
	display:block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#bothPageCount_Past li, #GroupPageCount li, #bothPageCount li {
	background: url('../img/common/indicater_bg2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#bothPageCount_Past li, #GroupPageCount li, #bothPageCount li {
	background: url('../img/common/indicater_bg2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
#bothPageCount_Past li.selected, #GroupPageCount li.selected, #bothPageCount li.selected {
	background: url('../img/common/indicater.png') no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#bothPageCount_Past li.selected, #GroupPageCount li.selected, #bothPageCount li.selected {
	background: url('../img/common/indicater2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#bothPageCount_Past li.selected, #GroupPageCount li.selected, #bothPageCount li.selected {
	background: url('../img/common/indicater2.png') no-repeat center center;
-webkit-background-size: 13px 5px;
background-size: 13px 5px;
}
}
#bothPaginate_Past {
	text-align: center;
}

/* ----------------------------- */
.nextbtn_Past {
	display: block;
	float: right;
	text-align: right;
}
.backbtn_Past {
	display: block;
	float: left;
}
.nextbtn_Past.inactive,
.backbtn_Past.inactive {
	opacity : 0.3;
}

/* ----------------------------- */
.flickableControl {
	overflow: hidden;
}
.sptop_page {
   margin-bottom:10px;
}
.nextbtn {
	display: block;
	float: right;
	width:20%;
	height:20px;
	border:1px solid #E1E1D1;
	background: url('../img/common/next_bt.png') no-repeat center center;
	background-color: #E1E1D1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.nextbtn {
	background: url('../img/common/next_bt2.png') no-repeat center center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	background-color: #E1E1D1;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nextbtn {
	background: url('../img/common/next_bt2.png') no-repeat center center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	background-color: #E1E1D1;
}
}
.backbtn {
	display: block;
	float: left;
	width:20%;
	height:20px;
	border:1px solid #E1E1D1;
	background: url('../img/common/prev_bt.png') no-repeat center center;
	background-color: #E1E1D1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.backbtn {
	background: url('../img/common/prev_bt2.png') no-repeat center center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	background-color: #E1E1D1;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.backbtn {
	background: url('../img/common/prev_bt2.png') no-repeat center center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	background-color: #E1E1D1;
}
}
.nextbtn.inactive,
.backbtn.inactive {
	opacity : 0.3;
}
#index_contents_menu{
}
#index_contents_menu ul{
}
#index_contents_menu ul li{
padding:5px 0;
}
#index_contents_menu ul.type2{
border-top:#DDD solid 1px;
border-bottom:#DDD solid 1px;
background-color:#FBF0F1;
}
#index_contents_menu ul.type2 li{
width:49.5%;
float:left;
border-right:#DDD solid 1px;
}
#index_contents_menu ul.type2 li:last-child{
border-right:none;
}
#index_contents_menu ul.type3{
border-bottom:#DDD solid 1px;
background-color:#EFF8E2;
}
#index_contents_menu ul.type3 li{
width:33%;
float:left;
border-right:#DDD solid 1px;
}
#index_contents_menu ul.type3 li:last-child{
border-right:none;
}
.popup_hoick ul li.home, .global_footer_menu ul li.home{
background-color:#E1E1D1;
background-image: url(../img/icon/ico_home_color.png);
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_hoick ul li.home, .global_footer_menu ul li.home{
	background-image: url(../img/icon/ico_home_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_hoick ul li.home, .global_footer_menu ul li.home{
	background-image: url(../img/icon/ico_home_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
#index_contents_menu ul li.os, .popup_hoick ul li.os, .global_footer_menu ul li.os, .mymenu_top ul li.os{
padding-bottom:6px;
background-color: #f7f8f2;
background-image: url(../img/icon/ico_os_color.png);
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#index_contents_menu ul li.os, .popup_hoick ul li.os, .global_footer_menu ul li.os, .mymenu_top ul li.os{
	background-image: url(../img/icon/ico_os_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents_menu ul li.os, .popup_hoick ul li.os, .global_footer_menu ul li.os, .mymenu_top ul li.os{
	background-image: url(../img/icon/ico_os_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
.popup_hoick ul li.os, .mymenu_top ul li.os{
padding-bottom:0px;
}
#index_contents_menu ul li.mdb, .popup_hoick ul li.mdb, .global_footer_menu ul li.mdb, .mymenu_top ul li.mdb{
padding-left:1px;
background-color:#FBF0F1;
background-image: url(../img/icon/ico_mdb_color.png);
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#index_contents_menu ul li.mdb, .popup_hoick ul li.mdb, .global_footer_menu ul li.mdb, .mymenu_top ul li.mdb{
	background-image: url(../img/icon/ico_mdb_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents_menu ul li.mdb, .popup_hoick ul li.mdb, .global_footer_menu ul li.mdb, .mymenu_top ul li.mdb{
	background-image: url(../img/icon/ico_mdb_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
.global_footer_menu ul li.mdb{
padding-left:10px;
}
.mymenu_top ul li.mdb{
}
#index_contents_menu ul li.movie, .popup_hoick ul li.movie, .global_footer_menu ul li.movie, .mymenu_top ul li.movie{
background-color:#E7F5FC;
background-image: url(../img/icon/ico_movie_color.png);
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#index_contents_menu ul li.movie, .popup_hoick ul li.movie, .global_footer_menu ul li.movie, .mymenu_top ul li.movie{
	background-image: url(../img/icon/ico_movie_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents_menu ul li.movie, .popup_hoick ul li.movie, .global_footer_menu ul li.movie, .mymenu_top ul li.movie{
	background-image: url(../img/icon/ico_movie_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
#index_contents_menu ul li.blog, .popup_hoick ul li.blog, .global_footer_menu ul li.blog{
padding-bottom:6px;
background-color: #FAEEDB;
background-image: url(../img/icon/ico_blog_color.png);
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#index_contents_menu ul li.blog, .popup_hoick ul li.blog, .global_footer_menu ul li.blog{
	background-image: url(../img/icon/ico_blog_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents_menu ul li.blog, .popup_hoick ul li.blog, .global_footer_menu ul li.blog{
	background-image: url(../img/icon/ico_blog_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
.popup_hoick ul li.blog{
padding-bottom:0px;
}
#index_contents_menu ul li.hdb, .popup_hoick ul li.hdb, .global_footer_menu ul li.hdb, .mymenu_top ul li.hdb{
background-color:#EFF8E2;
background-image: url(../img/icon/ico_hdb_color.png);
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#index_contents_menu ul li.hdb, .popup_hoick ul li.hdb, .global_footer_menu ul li.hdb, .mymenu_top ul li.hdb{
	background-image: url(../img/icon/ico_hdb_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents_menu ul li.hdb, .popup_hoick ul li.hdb, .global_footer_menu ul li.hdb, .mymenu_top ul li.hdb{
	background-image: url(../img/icon/ico_hdb_color2.png)!important;
	-webkit-background-size: 25px 20px;
	background-size: 25px 20px;
}
}
#index_contents_menu ul li a, .popup_hoick ul li a, .global_footer_menu ul li a{
display:block;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: 99% center;
margin-left:35px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#index_contents_menu ul li a, .popup_hoick ul li a, .global_footer_menu ul li a{
display:block;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: 99% center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
margin-left:35px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents_menu ul li a, .popup_hoick ul li a, .global_footer_menu ul li a{
display:block;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: 99% center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
margin-left:35px;
}
}
.popup_hoick ul li a{
margin-left:0px;
}
#index_contents_menu ul li.hdb a{
margin-left:30px;
}
.index_hm {
margin-top:15px;
}
.index_hm2 {
margin-top:10px;
}
#index_contents{
padding:0;
}
#index_contents h3{
padding:3px 3px 3px 30px;
}
#index_contents a.link{
display:block;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: 99% center;
color:222;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#index_contents a.link{
display:block;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: 99% center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
color:222;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents a.link{
display:block;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: 99% center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
color:222;
}
}
#index_contents .more{
padding:3px 15px 3px 5px;
background: #f7f8f2;
border-bottom:1px solid #DDD;
text-align:right;
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) {
#index_contents .more{
padding:3px 15px 3px 5px;
background: #f7f8f2;
border-bottom:1px solid #DDD;
text-align:right;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: 99% center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#index_contents .more{
padding:3px 15px 3px 5px;
background: #f7f8f2;
border-bottom:1px solid #DDD;
text-align:right;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: 99% center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.index_os_div{}
.index_os_div ul{
border-top:#DDD solid 1px;
border-bottom:#DDD solid 1px;
}
.index_os_div ul.bottom{
border-top:none;
border-bottom:#DDD solid 1px;
}
.index_os_div ul li.top_sp{
width:49.5%;
float:left;
border-right:#DDD solid 1px;
}
.index_os_div ul li.r{
float:right;
}
.index_os_div ul li.bottom{
}
.index_os_div ul li a{
display:block;
margin:3px 5px;
padding:2px 6px;
font-weight:bold;
}
.index_os_div .impos {
width:25%;
float:left;
text-align:center;
}
.index_os_div .impos p{
font-size:10px;
padding:0 5px;
line-height:11px;
}
.index_os_div .impos_rank {
width:33.33%;
float:left;
text-align:center;
}
.index_os_div .impos_rank p{
font-size:10px;
padding:3px 5px;
line-height:11px;
}

.indexd_mdb{
padding:5px;
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) {
.indexd_mdb{
padding:5px;
border-bottom:1px dotted #DDD;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.indexd_mdb{
padding:5px;
border-bottom:1px dotted #DDD;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.indexd_mdb:last-child{
border-bottom:none;
}
.indexd_mdb ul li.rank{
width:10%;
padding:5px 0;
background-color:#E8E8DD;
border:#DDD solid 1px;
text-align:center;
float:left;
}
.indexd_mdb ul li.title{
width:88%;
padding:0;
float:right;
font-weight:bold;
}
.indexd  {
padding:5px;
border-bottom:1px dotted #DDD;
}
.indexd .list_l {
width:75px;
padding:0;
text-align:center;
float:left;
position:relative;
}
.indexd .list_l p.time{
position:absolute;
padding:1px 2px;
background-color:#666;
color:#fff;
right:5px;
bottom:0;
font-size:10px;
}
.indexd .list_r {
width:76%;
padding:0;
float:left;
}
p.index_moh3 {
font-size:14px;
font-weight:bold;
}
p.index_moinfo {
font-size:12px;
}
#bt_menu {
padding:5px;
}
#bt_menu ul{
}
#bt_menu li{
display:block;
clear:both;
padding:8px;
margin-bottom:5px;
line-height:1.3;
font-size:12px;
font-weight:bold;
background-color:#E8E8DD;
/*background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));*/
}
.news_contents {
padding:7px 5px;
}
.news_contents p{
line-height:18px;
}
#news_contents .news_column_d{
padding:5px 10px 5px 5px;
border-bottom:#DDD dotted 1px;
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) {
#news_contents .news_column_d{
padding:5px 10px 5px 5px;
border-bottom:#DDD dotted 1px;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#news_contents .news_column_d{
padding:5px 10px 5px 5px;
border-bottom:#DDD dotted 1px;
background-image: url(../img/common/ico_arrowHR2.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
#news_contents .news_column_d p.date{
background: #f7f8f2;
border:#DDD solid 1px;
padding:2px 4px;
margin:4px 0;
display:inline;
clear:both;
float:none;
font-size:10px;
}
#news_contents .news_column_d p.title{
font-size:12px;
}
.news_detail {
padding:5px;
}
.news_detail p{
font-size:12px;
padding:3px;
}
#news_contents .news_detail p.date_d{
background: #f7f8f2;
border:#DDD solid 1px;
padding:2px 4px;
margin:4px 0;
display:inline;
clear:both;
float:none;
font-size:12px;
}
#news_contents .news_detail p.title_d{
background: #f7f8f2;
border-bottom:#DDD solid 1px;
padding:4px;
line-height:16px;
margin:4px 0;
clear:both;
float:none;
font-size:14px;
}
.news_back {
padding:3px;
border:#DDD solid 1px;
text-align:center;
width:70%;
margin:10px auto;
}

/*-----------------------------------------------
オススメ商品
----------------------------------------------- */
#recommend_area_edit{
margin:15px 10px 20px 10px;
padding-top:10px;
border:#CCC solid 1px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
#recommend_area_edit h2{
font-size:12px;
margin-left:10px;
}
#recommend_area_edit li{
width:290px;
}
.recommend_area_editblock{
width:270px;
padding:5px 10px 5px 8px;
margin:0 auto;
clear:both;
}
.recommend_area_editblock img{
width:80px;
float:left;
}
.recommend_area_editblock .productContents{
width:68%;
float:right;
text-align:left;
}
.recommend_area_editblock .productContents p{
clear:both;
}
.recommend_area_editblock .productContents p.comment{
width:17em;
height:3.7em;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
clear:both;
}
.recommend_area_editblock .sale_price{
clear:both;
float:right;
text-align:right;
}
#recommend_area_edit div.moveWrap {
width:290px;
height:auto;
margin:0 auto;
position:relative;
overflow:hidden;
-webkit-box-sizing:border-box;
}

#recommend_area_edit ul.moveWrapBG {
margin:0;
padding:0;
display:inline-block;
position:relative;
width:100%;
height:auto;
visibility:hidden;
-webkit-box-sizing:border-box;
}
#recommend_area_edit div.slideMask {
margin:0 auto;
padding:0;
margin-right:1px;
position:absolute;
top:0;
left:0;
border:4px #FFF solid;
-webkit-box-sizing:border-box;
}
#recommend_area_edit div.moveWrap>ul.move {
width:10000px;
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);
margin:0;
padding:0;
display:none;
}
#recommend_area_edit div.moveWrap>ul.move li.slideUnit {
width:290px!important;
margin:0;
padding:0;
float:left;
list-style:none;
text-align:center;
-webkit-box-sizing:border-box;
}
#recommend_area_edit li.slideUnit>div {
padding:4px;
display:inline-block;
vertical-align:middle;
text-align:center;
-webkit-box-sizing:border-box;
}
#recommend_area_edit div.flickSlideBottom {
width:100%;
margin-top:5px;
border-top:#DBDBDB solid 1px;	
background: -moz-linear-gradient(center top, #FFFFFF 0%,#DEE4EA 95%,#FFFFFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(0.95, #DEE4EA),color-stop(0, #FFFFFF));
border-bottom-right-radius:8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
border-bottom-left-radius:8px;
-webkit-border-bottom-left-radius:8px;
moz-border-bottom-left-radius:8px;
}
#recommend_area_edit div.flickSlideBottom div.bottomLeft,#recommend_area_edit div.flickSlideBottom div.bottomRight {
display:table-cell;
-webkit-box-sizing:border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
vertical-align:middle;
padding:0 10px;
}
#recommend_area_edit div.flickSlideBottom div.bottomRight {
font-size:16px;
font-weight: bold;
color:#7F7F7F;
background-color:transparent;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
border-left:#DBDBDB solid 1px;
}
#recommend_area_edit div.flickSlideBottom div.bottomLeft {
font-size:16px;
font-weight: bold;
color:#7F7F7F;
background-color:transparent;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius:8px;
border-right:#DBDBDB solid 1px;
}
#recommend_area_edit div.flickSlideBottom div.bottomLeft:after {
font-size:10px;
padding:5px;
text-align:left;
display:table-cell;
}
#recommend_area_edit div.flickSlideBottom div.bottomLeft:before {
margin-top:2px;
padding:5px;
text-align:left;
display:table-cell;
}
#recommend_area_edit div.flickSlideBottom div.bottomRight:before {
font-size:10px;
padding:5px;
text-align:right;
display:table-cell;
}
#recommend_area_edit div.flickSlideBottom div.bottomRight:after {
margin-top:2px;
padding:5px;
text-align:right;
display:table-cell;
}
#recommend_area_edit div.flickSlideBottom ul.slidePager {
width:100%;
margin:0;
padding:0;
display:table-cell;
text-align:center;
}
#recommend_area_edit div.flickSlideBottom ul.slidePager li.slidePagerPointer {
font-size:10px;
width:6px;
height:6px;
margin:12px 6px 6px 6px;
display:inline-block;
background-color:#CCC;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#recommend_area_edit div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
background-color:#333;
}