/* ************************************************ 
 *	共通設定
 * ************************************************ */

@import url("https://img.shop-pro.jp/s_tmpl_js/28/font-awesome/css/font-awesome.min.css");
* {
  
	margin: 0px;
	padding: 0px;
}

body {
  color: #000000;
  font-size: 16px;
  /*font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";*/
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  line-height: 1.6em;
  background-color: #ffffff;
  position:relative;

}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
  border: 0px;
  max-width:100%;
  
}
.price{
  color:#900;
}
.banner{
  width:1000px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
  margin-bottom:20px;
}
.banner img{
  max-width:100%;
}
.main a:hover{
  color:#F90;
}
em{
  font-style:normal; 
}
#slider{
 width:100%;
  clear:both;
}
#slider img{
 max-width:100%;
}
.slick-next{
  right:0 !important;
}
.slick-prev {
    left: 0px !important;
}
/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
  margin:0px auto;
  text-align:left;
  clear:both;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/


/*leftとmainを囲む*/
.wrapper {
 width:1000px;
 margin-left:auto;
 margin-right:auto;
 padding-bottom:40px;
 clear:both;
}
.wrapper:after {
  display:block;
  width:100%;
  content:'';
  clear:both;
}

/*　画面左側メニューの幅　*/

/*　中央の幅　*/
.main {
clear:both;
 width:100%;
}
.main a{
  color:#094188;
  text-decoration:none;
}

#no-top.main {
    clear: none;
    float: right;
    margin-left: 2%;
    width: 75%;
  margin-top:20px;
}
#no-top.main img {
    /*width: 100%;*/
}
#side-bar {
    float: left;
    margin-right: 2%;
    width: 100%;
    clear:both;
  margin-bottom:40px;
}
#side-bar2 {
    float: left;
    margin-right: 2%;
    width: 100%;
    clear:both;
  margin-bottom:40px;
}
#side-bar2 ul{
  list-style-type:none;
}

#no-top > h2 {
    clear: both;
}
.row{
 width:100%;
 float:left;
 clear:both;
 padding-top:20px;
 padding-bottom:20px;
}
.row > div{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.row a:hover{
  color:#F90 !important;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
 text-align:center;
 padding-top:20px;
 padding-bottom:20px;
 background-color:#094188 !important;
 color:#FFF;
 font-size:12px;
}

.topbanner{
  clear:both;
  margin-bottom:20px;
}
.topbanner img{
  max-width:100%;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
/*---------------------------------------
 sm layout
----------------------------------------- */
#container .logo.smart{
  display:block !important;
  text-align:center;
}

#container .logo.smart img{
  margin:5px;
  max-width:90%;
}
/*---------------------------------------
 category layout
----------------------------------------- */
div.cate_grp{
  float:left;
  width:20%;
  margin-right:2%;
  padding-top:20px;
}
.cate_grp h3 i {
    margin-right: 3px;
}
div.group,
div.category{
  float:left;
  width:100%;

}
div.group h3,
div.category h3{
  text-align:left;
  margin-bottom:10px;
  clear:both;
}

div.freepage ul,
div.group ul,
div.category ul{
  float:left;
  list-style-type:none;
  width:100%;
  margin-bottom:40px;
}
div.group ul:after,
div.category ul:after{
  clear:both;
  content:'';
  display:block;
  width:100%;
}
div.group ul li,
div.category ul li,
div.freepage ul li{
  /*transition: all 1s ease 0s;*/
  position:relative;
}
div.group ul li a.bg,
div.category ul li a.bg{
	padding:5px 0px 5px 50px;
}
div.freepage ul li.active:before,
div.category ul li.active:before{
  content:"";
  display:block;
  position:absolute;
  height:100%;
  width:3px;
  background:#CC0000;  
}

div.freepage ul li a,
div.group ul li a,
div.category ul li a{
width:auto;
min-height:30px;
line-height:1.8em;
text-decoration:none;
margin:0;
padding:5px 5px 5px 5px;
text-align:left;
display:block;
overflow:hidden;
color:#094188;
border-bottom:dotted 1px #666;
font-size:14px;
}

div.group ul li a.bg,
div.category ul li a.bg{
width:75%;
}

div.freepage ul li a:hover,
div.group ul li a:hover,
div.category ul li a:hover{
  color:#FF9900;
}

div#side-bar ul li a{
width:100%;
height:30px;
line-height:30px;
text-decoration:none;
margin-bottom:10px;
text-align:left;
display:block;
overflow:hidden;
color:#094188;
}


div.group ul li.img a,
div.category ul li.img a{
  height:auto;
  border-radius:0px;

}
div.group ul li.img a img,
div.category ul li.img a img{
  width:100%;
}

div.category ul li{
  background-position:left center;
  background-repeat:no-repeat;
  background-size:50px;
}

div.group ul li{
  background-position:right center;
  background-repeat:no-repeat;
  background-size:50px;
}

div.freepage ul li{
  background-position:right center;
  background-repeat:no-repeat;
  background-size:50px;
}
div.cate_grp div.incart {
  margin-bottom:20px;
}
div.cate_grp div.incart ul{
  list-style-type:none;
}
div.cate_grp div.incart ul li{
  border-bottom:dashed 1px #CCCCCC;
}
div.cate_grp div.incart ul li span{
  display:table-cell;
  vertical-align:middle;
  line-height:1.6em;
  padding:3px 0;
}
div.cate_grp div.incart ul li span:first-child{
  font-size:12px;
}
div.cate_grp div.incart > a{
  display:block;
  border-radius:5px;
  background:#ea5413;
  text-align:center;
  padding:5px;
  text-decoration:none;
  color:#FFF;
}
div.cate_grp div.incart > a:hover{
  opacity:0.8;
}
/*---------------------------------------
 main layout
----------------------------------------- */
div.main h2{
	text-align:center;
}
/*---------------------------------------
 row layout
----------------------------------------- */

div.mail_rss{

}


div.mail_rss:after{
  content:'';
  display:block;
  clear:both;
  width:100%;
}
div.mail_rss > div.rss,
div.mail_rss > div.mail_magagine
{
  	float:left;
    width:46%;
    padding-left:2%;
    padding-right:2%;
}
.row div.free,
.row div.seller,
.row div.recommend{
  clear:both;    
}

.row div.free h3,
.row div.seller h3,
.row div.recommend h3{
  padding-left:2%;

}

.row div.free ul,
.row div.seller ul,
.row div.recommend ul{

  list-style-type:none;
  width:96%;
  padding-left:2%;
  padding-right:2%;
  margin-bottom:40px;
}
/*---------------------------------------
 item detail
----------------------------------------- */
.detail_list dt span,
.detail_list dd span
{
  font-weight:bold;
  font-size:0.8rem;
  width:100px;
  display:inline-block;
}



div.option{
  clear:both;
  text-align:right;
}
/*---------------------------------------
 search
----------------------------------------- */

div.pankuzu,
div.pager,
div.sort{
  padding-left:2%;
  clear:both;
  padding-right:2%;
}


/*---------------------------------------
 otherpage
----------------------------------------- */
div.privacy,
div.payment{
  padding-left:2%;
  padding-right:2%;
}
div.payment h3{
  clear:both;
}
div.payment dl{
  float:left;
}
div.payment dl:after{
  display:block;
  width:100%;
  content:'';
  clear:both;
}
div.payment dl dt{
  font-weight:bold;
  float:left;
  width:20%;
  font-size:0.8rem;
  clear:both;
}
div.payment dl dd{
  font-size:0.8rem;
  width:80%;
  padding-left:20%;
  border-bottom:solid 1px #000000;
  clear:both;
}
div.payment dl dd a{
  text-decoration:none;
}

/*---------------------------------------
 base color
----------------------------------------- */

body > #container{
  background-color:#FFF;
}
body > #container > div.row{
  background-color:#f0f0f0;
}
body div.footer{
  background-color:#fff;
  border-top:solid 1px #CCCCCC;
}
/*---------------------------------------
 color
----------------------------------------- */
h1{
background-color:#094188;
color:#FFFFFF;
font-weight:normal;
}


h1{
  font-size:1rem;
}

div.row div.nav::after{
  clear:both;
  content:'';
  display:block;
  width:100%; 
}
div.row div.nav >div{
  width:25%;
  float:left
}
div.row div:nth-child(2){
  width:40% !important;
  margin-left:5%;
  margin-right:5%;
}
div.row div.list ul{
  float:left;
  list-style-type:none;
  margin-right:37px;
  color:#686868;
  font-size:14px;
}
div.row div.list ul li a{
  color:#094188;
  text-decoration:none;
  font-size:14px;
}
div.row div.nav div.logo p{
  color: #686868;
  font-size: 13px;
}
div.row div.nav div.address p > a{
  background-color: #094188;
  box-shadow: 3px 3px 0 0 #cecece;
  color: #ffffff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  display:block;
  margin-bottom:10px;
}
div.row div.nav div.address p > span{
  display:block;
}
div.row div.nav div.address p > span:nth-child(2){
  font-size:12px;
}
div.row div.nav div.address p > span:nth-child(3){

  font-size:24px;
  letter-spacing:0.12em;
}
div.row div.nav div.address p > span a{
    text-decoration:none;
    color:#094188;
}
/*--------------*/
h3.product_no1{
    clear: both;
    color: #fff !important;
    padding: 5px;
    font-size: 16px;
    background-color: #094188;
}
ul.product_no1{
  list-style-type:none;
  margin-bottom:20px;
}
ul.product_no1 .name,
ul.product_no1 .exp,
ul.product_no1 .price{
  display:inline-block;
  font-size:12px;
}
ul.product_no1 .price{
  width:100%;
  text-align:center;
}
.img04,
.img04 > a,
.img04 a > span
{
  width:200px;
  height:200px;
}

.img04 a{
  display:table;
  table-layout:fixed;
}
.img04 span{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}
.img04 span img{
  max-height:100%;
  max-width:100%;
}
/*--------------*/

/*--------------*/
.img03,
.img03 > a,
.img03 a > span
{
  width:70px;
  height:70px;
}

.img03 a{
  display:table;
  table-layout:fixed;
}
.img03 span{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}
.img03 span img{
  max-height:100%;
  max-width:100%;
}
/*--------------*/


div.trackback{
  margin-left:auto;
  margin-right:auto;
  width:100%;
  margin-bottom:40px;
  padding-bottom:10px;
  border-bottom:dotted 1px #666;
  clear:both;
}
div.trackback::after{
  clear:both;
  content:'';
  display:block;
  width:100%; 
}
h3.trackback{
  background-color:#094188;
  color:#FFF;
  padding:5px;
  text-align:center;
  margin-bottom:20px;
  font-size:16px;
}

ul.trackback{
  width:100%;
  float:left;
  list-style-type:none;
  clear:both;
  display:table;
}

ul.trackback:after{
  display:block;
  content:'';
  width:100%;
}
ul.trackback li{
  float:left;
  margin:0 2.5px;
}

h3.calendar{
  background-color:#094188;
  color:#FFF;
  padding:5px;
  text-align:left;
  margin-bottom:20px;
  clear:both;
  font-size:16px;
}

div.row_series div ul{
  float: left;
  list-style-type: none;
  width: 100%;
}
div.row_series a:hover{
  color:#FF9900;
}

div.info_q_a2{
  width:100%;
  clear:both;
  float:left;

}
div.info_q_a2 > div{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}
div.info_q_a2 div div.q_a{
  float:left;
  width:980px;
  box-shadow:0px 0px 0px 3px #094188;
  padding:10px;
  position:relative;
  margin-top:40px;
  margin-bottom:40px;
  display:none;

}
div.info_q_a2 div div.q_a ul{
  list-style-type:none;
}
div.info_q_a2 div div.info h2{
  margin-bottom:10px;
  clear:both;
}

div.info_q_a2 div div.info div{
   box-shadow: 0 0 0 1px #e2e2e2 inset;
   min-height:180px;
   padding:10px;
}
div.info_q_a2 div div.q_a h2{
  color:#094188;
  margin-bottom:10px;
  font-size:24px;
  letter-spacing:0.3em;
}
div.info_q_a2 div div.q_a ul li{
  border:solid 1px #094188;
  border-left:solid 3px #094188;
  padding:5px;
  letter-spacing:0.2em;
  margin-bottom:10px;
  color:#094188;
  font-size:21px;
  padding:5px;
}
div.info_q_a2 div div.q_a > p{
  font-size:10px;
  line-height:2em;
  margin-bottom:10px;
}
div.info_q_a2 div div.q_a > a{
  width:160px;
  height:30px;
  line-height:30px;
  position:absolute;
  right:10px;
  bottom:5px;
  text-decoration:none;
  background-color:#094188;
  color:#FFFFFF;
  text-align:center;
  font-size:14px; 
box-shadow:3px 3px 0px 0px #cecece;
-moz-box-shadow:3px 3px 0px 0px #cecece;
-webkit-box-shadow:3px 3px 0px 0px #cecece;
}
div.info_q_a2 div div.q_a::before {
  color: #ddd;
  content: "Q&A";
  display: block;
  font-family: Helvetica,sans-serif;
  font-size: 44px;
  height: 50px;
  position: absolute;

  right: 10px;
  text-align: right;

  width: 130px;
}
div.cate_grp ul.new_item,
div.cate_grp ul.recommend,
div.cate_grp ol.ranking{
  list-style-type:none;
}
div.cate_grp ul.new_item li,
div.cate_grp ul.recommend li,
div.cate_grp ol.ranking li{
  width:200px;
  border-bottom:solid 1px #ddd;
  margin-bottom:10px;
  padding-top:10px;
  padding-bottom:10px;
  position:relative;
  min-height:70px;
}

div.cate_grp ul.new_item li a,
div.cate_grp ul.recommend li a,
div.cate_grp ol.ranking li a{
  color:#094188;
}
div.cate_grp ul.new_item li a img,
div.cate_grp ul.recommend li a img,
div.cate_grp ol.ranking li a img{
  max-width:80px;
  max-height:80px;
}
div.cate_grp ul.new_item li a.img,
div.cate_grp ul.recommend li a.img,
div.cate_grp ol.ranking li a.img{
  display:table;
  table-layout:fixed;
  width:80px;
  height:80px;
  position:absolute;
  top:0;
  left:0;
}

div.cate_grp ul.new_item li a span,
div.cate_grp ul.recommend li a span,
div.cate_grp ol.ranking li a span{
  width:80px;
  height:80px;
  display:table-cell;
  vertical-align:middle;

  text-align:center;

}
div.cate_grp ul.new_item li:nth-child(4n+5),
div.cate_grp ul.recommend li:nth-child(4n+5),
	div.cate_grp ol.ranking li:nth-child(4n+5){
	clear:both;
}
div.cate_grp div.freepage h3,
div.cate_grp h3.new_item,
div.cate_grp .incart h3,
div.cate_grp div.category h3,
div.cate_grp div.group h3,
h3.ranking,
h3.recommend{
  clear:both;
	/*  background-image: url("https://img21.shop-pro.jp/PA01352/947/etc/product_head.jpg");*/
  color: #fff !important;
  padding:5px;
  font-size:16px;
  background-color:#094188;
}
div.cate_grp li p span.price{
  display:block;
  width:100%;
  text-align:center;
}
ul.entyou {
  font-size: 12px;
  height: 135px;
  list-style-type: none;
  padding-left: 175px;
  padding-top: 200px;
  position: relative;
  width: 575px;
  z-index: 10;
}
ul.entyou:after{
  z-index:-1;
    background-image:url(https://img21.shop-pro.jp/PA01352/947/etc/entyou_01.jpg?cmsp_timestamp=20160611162312);
    width:750px;
    height:335px;
    display:block;
    content:'';
    top:0;
    left:0;
    position:absolute;
}
.entyou > li {
  line-height: 1.3em;
    position:relative;
    padding-left:20px;
}
.entyou > li:before{
  content:'※';
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
}
div#side-bar2 ul li a,
div#side-bar ul li a{
  height:auto !important;
}
div#side-bar2 ul li a img,
div#side-bar ul li a img{
  max-width:100%;
}


.banner > a {
  display: block;
  margin-bottom:20px;
}

div.cate_grp ul.recommend li,
div.cate_grp ol.ranking li{
  width:100%;
  font-size:12px;
  float:left;

}
div.cate_grp ul.recommend li > span,
div.cate_grp ul.new_item li > span,
div.cate_grp ol.ranking li > span,
div.cate_grp ul.new_item li p,
div.cate_grp ul.new_item li a.name,
div.cate_grp ul.recommend li p,
div.cate_grp ol.ranking li p,
div.cate_grp ul.recommend li a.name,
div.cate_grp ol.ranking li a.name{
    font-size:12px;
    display:inline-block;
    margin-left:85px;
    text-decoration:none;
    line-height:1.5em;
}

div.cate_grp ul.new_item li a.name:hover,
div.cate_grp ul.recommend li a.name:hover,
div.cate_grp ol.ranking li a.name:hover{
  color:#F90;
}

.m-close{
    display:none
}
.op_cl{
  display:none !important;
}

#header.pc .sub_group{
  display:none !important;
}
#header.pc .sub_bg ul{
  float:left;
  list-style-type:none;
  margin-right:30px;
} 
#header.pc #overlay{
  display:none;
}
#overlay2{
  display:none;
  position:fixed;
  top:-5vh;
  left:-5vw;
  width:110vw;
  height:110vh;
  background-color:rgba(0,0,0,0);
}
/*-----------------------*/
/*review*/
.review div{
  margin:0 !important;
}
.review{
  width:100%;

}
.review .nav{
  margin:0 0 10px 0;
  padding:0;
}
.review .nav li{
  list-style-type:none;
  margin:0 0 10px 0;
}
.review .nav li a{
  text-decoration:none;
  padding:10px;
  font-weight:bold;
  font-size:1rem;
}
.review .nav li.contact a{
  font-weight:normal;
  font-size:0.75rem;
}

.review .list .user .star{
  color:#ffc600;
  float:left;
    margin:0 !important;
}
.review .list .user .name{
  float:right;
  margin:0 !important;
}
.review .list{
  margin:0;
  padding:0;
  list-style-type:none;
}
.review .list li{
  margin-bottom:0px;
  padding-bottom:0px;
  border-bottom:dotted 1px #414141;
}
.review .list .header{
  font-size:0.75rem;
}
.review .list .header >div{
  display:inline-block;
}
.review .list .comment{
  clear:both;
  font-size:13px !important;
}

.review .list .owner > em,
.review .list .comment > em{
  font-size:14px !important;
  display:block;
  max-height:100%;
  font-weight:bold;
}
.review .list .user,
.review .list .owner{
  font-size:0.75rem;
}
.review .list .owner{

  background-color:#efefef;
  padding:10px;
  border-radius:8px;
  margin-bottom:10px !important;
  
}
.review .list .owner .footer {
    display: block;
    text-align: right;
    background-color: transparent !important;
    height: auto;
    padding: 0;
    color: #000;
}
.review .list .comment .text{
  position:relative;
  max-height:100%;
  line-height:1.5em !important;
  margin-bottom:10px !important;
}
.review .list .comment .text.close {
  max-height:2.5rem;
  overflow:hidden;
  padding-right:30px;
}
.review .list .comment .text .img{
  display:table-cell;
  height:200px;
  text-align:center;
  vertical-align:middle;
  width:100vw;
}
.review .list .comment .text .img img{
  max-height:100%;
}
.review .list .comment .text.close .img{
  height:auto;
}
.review .list .comment .text.close img{
  display:none;
;
}
.review .list .comment .text .close2{
  display:block;
  text-align: right;
  height:30px;
  width:100%;
  cursor: pointer;
cursor: hand;
}
.review .list .comment .text.close .open2{
  display:block;
  position:absolute;
  bottom:0;
  right:0;
  height:100%;
  width:30px;
  cursor: pointer;
cursor: hand;
}
.review .list .comment i.fa.fa-chevron-down {
    position: absolute;
    bottom: 0;
    right: 0;
}
.review h2{
  font-size:1rem;
  padding-bottom:10px;
  border-bottom:solid 1px #414141;
  margin-bottom:10px;
}
.review .view_more a {
    color: #fff;
    background-color: #80777b;
    text-decoration:none;
    font-size:0.75rem;
    font-weight:normal;
}
#review_list{
  max-height:1000px;
  overflow:auto;
}
.view_more {
    text-align: right;
}

.members p {
    position: absolute;
    left: 200px;
    top: 0;
}
/*-----------------------*/

.cate_grp ul.sns {
    float: left;
    width: 100%;
    display: table;
    list-style-type:none;
}
.cate_grp ul.sns li {
    float: left;
    width:30%;
    margin:0 1.5%;
    font-size:35px;
    text-align:center;
}
.cate_grp ul.sns li a{
  color:#000;
}

#drawer div.caution{
  font-size:12px;
  text-align:center;
  line-height: 1.4;
}
.jambin_a{
  display:none;
  padding:10px 0;
  text-align:center;
}
.jambin_b{
  display:block;
  padding:10px 0;
}
/*---------------------------------------
responsive
----------------------------------------- */

@media screen and (max-width:1000px){
.jambin_a{
  display:block;
}
.jambin_b{
  display:none;
}

.drawer.open .head_top .top_banner,
.drawer.open .caution{
  display:none;
}
    
 #side-bar2,
 #side-bar {
      margin: 20px 2%;
      width: 96%;
  }
.topbanner{
  text-align:center;
}
.img04{
  margin:0 auto;
}
ul.product_no1 .name,
ul.product_no1 .exp{
  text-align:center;
  width:100%;
}

.img03,
.img03 > a,
.img03 a > span
{
  width:9vw;
  height:9vw;
}
ul.trackback li{
  margin:0 0.35vw;
}

.members p {
    position:relative;
    left: 0;
    top: 0;
}
.review .list li{
  padding:0 10px 10px 10px;
}
.op_cl{
  display:inline-block !important;
}
.op_cl.active .fa-caret-up,
.op_cl .fa-caret-down{
  display:inline-block !important;
}
.op_cl .fa-caret-up,
.op_cl.active .fa-caret-down{
  display:none !important;
}

.drawer.open .sub_group{
  display:block !important;
}

.drawer.open h3.sub_group{
  font-size:14px;
  padding:0 5px !important;
  height:30px;
  font-weight:normal;
  background-color:#094188;
  color:#fff;
  line-height:30px;
}
.drawer.open #navigation ul.grp_cate > li,
.drawer.open #navigation ul.nav > li{
  border-bottom:solid 1px #ddd;
  clear:both;

}
.drawer.open #navigation ul.grp_cate li,
.drawer.open #navigation ul.nav li{
    min-height:30px;
    line-height:30px;
}

.drawer.open #navigation ul.grp_cate li li,
.drawer.open #navigation ul.nav li li{
  background:#efefef;
}

.drawer.open #navigation ul.grp_cate li a,
.drawer.open #navigation ul.nav li a{
  width:200px;
  padding:5px;
  display:inline-block;
  text-decoration:none;
  color:#000;
  font-size:14px;
}
.drawer.open #navigation ul.nav li a:hover{
  color:#F90;
}
.drawer.open #navigation ul.nav li a.op_cl span,
.drawer.open #navigation ul.grp_cate li a.op_cl span,
.drawer.open #navigation ul.grp_cate li >span{
  padding:5px;
  display:inline-block; 
}


.drawer.open #navigation ul.grp_cate > li > a.m-close,
.drawer.open #navigation ul.grp_cate > li > a.op_cl,
.drawer.open #navigation ul.nav > li > a.op_cl{
  float:right;
  width:30px;
  height:30px;
  line-height:30px;
}

#header.smart .drawer.open .sub_bg{
  background-image:none !important;
  background-color:#f0f0f0;

}

#header.smart .drawer.open .sub_bg li{
  border-bottom:dotted 1px #ddd;
}
#navigation{
  clear:both;
  border-top:solid 1px #ddd;
}
.m-close{
  display:inline-block;
  float:right;
  width:25px;
  height:25px;
}
.m-close span{
  width: 25px;
  height: 25px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
p.sub_title {
    font-size: 10px;
    padding-left: 5px;
    border-bottom: solid 1px #ddd;
    margin-bottom:10px;
}

#header.smart .drawer.open .logo img{
  display:none;
}
.drawer.open .members > div > a:hover,
.drawer.open .search > ul li a:hover,
.drawer.open a:hover{
  color:#F90;
}
.drawer.open form#search{
  display:table;
  margin:0 5px 10px 5px;
}

.drawer.open form#search input,
.drawer.open form#search select,
.drawer.open form#search button{
  display:table-cell;
  height:24px;
  float:left;
}
.drawer.open form#search input{
  width:54%;
  background-color:#fff;
  border:solid 1px #66745f;
  position:relative;
  z-index:2;
  height:22px;
  border-radius:0px;
}
.drawer.open form#search button {
    width:40px;
    border: none;
    box-shadow: 0px 0px 0px 1px #66745f inset;
    -moz-box-shadow: 0px 0px 0px 1px #66745f inset;
    -webkit-box-shadow: 0px 0px 0px 1px #66745f inset;
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
}
.drawer.open form#search select{
  border-radius:5px 0 0 5px;
}
.drawer.open .search > ul{
  display:table;
  width:270px;
  margin:0 5px 10px 5px;
}
.drawer.open .search > ul li{
  float:left;
  width:25%;
  font-size:11px;
  margin-top:-1px;
}
.drawer.open .search > ul li.w15{
  width:37.5%;
}

.drawer.open .search > ul li a{
  display:inline-block;
  width:100%;
  text-align:center;
  text-decoration:none;
  border:solid 1px #ddd;
  height:35px;
  color:#000;
  line-height:35px;
}

.drawer.open .members{
  font-size:12px;
  margin:0 5px 10px 5px;
  width:270px;
  display:table;
}
.drawer.open .members > div > p{
  width:100%;

  float:left;
}
.drawer.open .members > div > a{
  width:50%;
  float:left;
  display:inline-block;
      box-shadow: 0px 0px 0px 1px #ddd inset;
    -moz-box-shadow: 0px 0px 0px 1px #ddd inset;
    -webkit-box-shadow: 0px 0px 0px 1px #ddd inset;
    text-align:center;
    height:35px;
    line-height:35px;
    text-decoration:none;
    color:#000;
}

.drawer.open .members > div > a i{
  margin-right:5px;
}
.drawer.open .cart{
  width:98px;
  display:block;
  float:left;
  margin-left:5px;
}

.drawer.open .cart a {
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    text-align: center;
    text-decoration: none;
    background-color: #094188;
    color: #FFF;
    border-radius: 5px;
    font-size:12px;
}
.drawer.open .cart a i{
  margin-right:5px;
}
.drawer.open .tel{
  width:160px;
  display:block;
  float:left;
  text-align:center;
}

.drawer.open .tel div{
  font-size:10px;
}
.drawer.open .tel div >a{
  font-size:18px;
  text-decoration:none;
  color:#000;
}


div#container:before{
    content: "";
    display: block;
    height: 70px;
    float: left;
    width: 100%;
}
.row_series span{
	width:100vw !important;
}

div.q_a_list{
  margin-left:auto;
  margin-right:auto;
}
   
    
.banner{
  width:100%;
  margin:0;
}

#container .wrapper,
#navigation > div,
.row > div{
 width:100% !important;
}
div.shindan div{
width:100%;
}
.shindan_side{
  display:none;
}
div.shindan div img{
max-width:100%;
}

	div.seller > ul{
	  width:100%;
	}
   
	.cid{
		width:30%;
	}
	.keyword{
		width:55%;
	}

	
    
    /*category*/
    div.category ul li{
  		width:23% !important;
		background-size:50px auto;
	}

    div.category ul li:nth-child(5n+6){/*pcリセット*/
		clear:none;
	}
 	div.category ul li:nth-child(4n+5){
		clear:both;
    }
        
	
	/*group*/
	div.group ul li{
		width:23% !important;
	}
    div.group ul li:nth-child(6n+7){/*pcリセット*/
		clear:none;
	}
 	div.group ul li:nth-child(2n+3){
		/*clear:both;*/
	}
    
    /*freepage*/
	div.freepage ul li{
		width:23% !important;
	}
    div.freepage ul li:nth-child(6n+7){/*pcリセット*/
		clear:none;
	}
 	div.freepage ul li:nth-child(2n+3){
		/*clear:both;*/
	}
    
    
    /*main*/
    div.main > p{
      padding-left:2%;
      padding-right:2%;
    }
    /*row*/
	div.mail_rss{
		width:100% !important;
	}
  
    
     div.info_q_a2 > div{
       width:90% !important;
       margin-left:auto;
       margin-right:auto;
     }
     div.info_q_a2 div div.q_a{

       width:100%;
       padding:1%;
     }
     
     div.row_series div{
       width:100% !important;
     }

     div.row_series div li img{
       position:relative !important;
       display:block !important;
       right:auto !important;
       top:auto !important;
       margin-left:auto;
       margin-right:auto;
       max-width:80px !important;
       margin-top:5px;
     }
     div.row_series div li{
       height:auto !important;
       padding-bottom:20px;
       padding-top:20px;
       line-height:1em !important;
       font-size:14px;
       text-align:center;
     }
     div.row div.nav{
       float:none !important;
     }
     div.row div.nav > div{
       width:90% !important;
       margin-left:0 !important;

       margin-right:0 !important;
       padding-left:5% !important;
       padding-right:5% !important;
     }
      
     div.row div.nav div.list{
       width:90% !important;
       float:left !important;
       padding-top:10px;
       padding-bottom:10px;
     }
     div.row div.nav div.logo p a{
       display:block !important;
       margin:0 auto;
     }
     div.row div.nav div.logo p{
       text-align:center;
     }
     div.row div.nav div.address p{
       text-align:center;
     }
    div.cate_grp{
 	  width:100%;
	  margin:0!important;
	}

    div.trackback,
    #no-top.main {
      width:100%;
      margin-left:0;
    }
  
    .cate_grp div#side-bar h3,
    .cate_grp div.group h3,
    .cate_grp div.category h3{
      text-align:center;
    }
    div.freepage ul li,
    div.category ul li,
    div.group ul li{
      width:23%;
      float:left;
      margin:1%;
     
    }
    div#side-bar ul li{
        width:30%;
      float:left;
      margin:1%;
    }
    div#side-bar2 ul li{
        width:100%;
        text-align:center;
    }
    .main div.category ul li a,
    .main div.group ul li a,
    div#side-bar ul li a{
     text-align:center;
    }
    div.cart_area div.cart{
      padding-left:0;
    }
   
    div.price_area{
      width:95% !important;
      margin-left:2.5%;
    }
div.group h3, div.category h3,div#side-bar h3{
  border-top:solid 1px #13386f;
  color:#13386f;
  padding-top:10px;
}
div.info_q_a2 div div.q_a::before{
  font-size:28px;
}

div.cate_grp ul.new_item li a.img,
div.cate_grp ul.recommend li a.img,
div.cate_grp ol.ranking li a.img{
  width:100%;
  height:23vw;
}
div.cate_grp ul.new_item li,
div.cate_grp ul.recommend li,
div.cate_grp ol.ranking li{
  float:left;
  width:23%;
  margin:1%;
  font-size:12px;

}

ul.entyou{
  margin-left:auto !important;
  margin-right:auto !important;
}
div.category ul li, div.group ul li{
	border-bottom: 1px solid #ddd;
}

div.group ul li a, div.category ul li a{
	border:none;

	width:auto !important;
}
h1{
  font-size:12px;
  height:20px;
}
.cate_grp > h3{
  text-align:center;
}

}
@media screen and (max-width:750px){

  div.info_q_a2 div div.q_a > a{
	display:block;
	position:relative;
	width:100%;
	right:0;
  }
  
  div.cate_grp ul.new_item li a.img,
  div.cate_grp ul.recommend li a.img,
  div.cate_grp ol.ranking li a.img{
	position:relative;
	height:auto !important;
  }
   div.cate_grp ul.new_item li a.img span,
  div.cate_grp ul.recommend li a.img span,
  div.cate_grp ol.ranking li a.img span{
  height:30vw;
  width:30vw;
  }
    div.cate_grp ul.recommend li > span,
	div.cate_grp ul.new_item li > span,
    div.cate_grp ol.ranking li > span,
    div.cate_grp ul.new_item li p,
	div.cate_grp ul.recommend li p,
	div.cate_grp ol.ranking li p,
	div.cate_grp ul.new_item li a.name,
    div.cate_grp ul.recommend li a.name,
	div.cate_grp ol.ranking li a.name{
		margin-left:0;
		display:block !important;
		position:relative;
	}
    div.cate_grp ul.new_item li:nth-child(3n+4),
	div.cate_grp ul.recommend li:nth-child(3n+4),
	div.cate_grp ol.ranking li:nth-child(3n+4){
	clear:both;
	}
    div.cate_grp ul.new_item li:nth-child(4n+5),
	div.cate_grp ul.recommend li:nth-child(4n+5),
	div.cate_grp ol.ranking li:nth-child(4n+5){
	clear:none;
	}
ul.entyou:after{
  display:none;
}
ul.entyou:before{
  background-image:url(https://img21.shop-pro.jp/PA01352/947/etc/entyou2_01.jpg);
  width:100%;
  content:"";
  display:inline-block;
  max-height:300px;
  min-height:128px;
  height:39.5vw;
  background-size:cover;
    
}
ul.entyou{
  width:100%;
  height:auto;
  padding:0;
  margin:0;

}
ul.entyou li{
  padding-left:2%;
  padding-bottom:2%;
  padding-left:20px;
}
div.freepage ul li, div.category ul li, div.group ul li{
	width:98% !important;
	
}
div.cate_grp ul.new_item li,
div.cate_grp ul.recommend li,
div.cate_grp ol.ranking li {
    float: left;
    width: 30%;
    margin: 1.6%;
    font-size: 12px;
	border-bottom:none;
}
div.row_series div li{
padding-left:0 !important;
}
div.cate_grp{
margin-right:0;
}

}

@media screen and (max-width:600px){
 .img03,
.img03 > a,
.img03 a > span
{
  width:18vw;
  height:18vw;
}
ul.trackback li{
  margin:0 0.4vw;
}
  div.cate_grp li a.name,
  div.cate_grp li span.price{
    font-size:12px;
  }
  
  #no-top.main {
      clear: none;
      float: left;
      width: 100%;
      margin-right: 0px;
  }
    
 
  
  div.search form input[type="text"]{
      width:58%;
  }
 
  div.row_series div ul{
    float: left;
    list-style-type: none;
    margin-left: 5% ;
    margin-right: 5%;
    width: 90%;
  }
  div.row_series div ul li{
    width:44%;
    margin:10px 3%;
  }
  div.row_series div ul li:nth-child(3){
    clear:both;
  }
  div.row_series div li img{
	max-width:90% !important;
  }
  div.price_area{
    display: block;
    margin-left: auto;
	margin-right: auto;
	width: 95% !important;
  }
	
 
}
@media screen and (max-width:500px){
  ul.pager li{
  width:9% !important;
  text-align:center;
  }
  ul.pager{
  margin-top:10px !important;
  padding-left:0 !important;
  }
  ul.pager li a, ul.pager li span{
  width:80% !important;
  margin:0 !important;
  }

   ul.other{
     width:100%;
     float:left;
   }
   div.payment,
{
     padding-left:2%;
     padding-right:0;
   }
   div.mail_rss > div.rss, div.mail_rss > div.mail_magagine {
		float: left;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
  
    div.category ul li a,
    div.group ul li a,
    div#side-bar ul li a{
      font-size:12px;
    }

	
	div.cart, ul.other {
		float: left;
  		width: 98%;
	}
    div#side-bar li{
      	width:100% !important;
    }
	
	
	
}
div.row_series div li a{
  color:#094188;
}
.row_series span{
  width:185px;
  height:85px;
  overflow:hidden;
  vertical-align:middle;
  display:table-cell;
  font-size:14px;
}



div.row_series{
  padding-top:40px;
  padding-bottom:40px;
  background-color:#fafafa;
  clear:both;
}
div.row_series::after{
  clear:both;
  content:'';
  display:block;
  width:100%; 
}
div.row_series div{
  width:1000px;
  margin-left:auto;

  margin-right:auto;
}

div.row_series div li{
  float:left;
  width:22%;
background: rgb(246,248,249); 
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(215,222,227,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(215,222,227,1) 100%); 
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(215,222,227,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#d7dee3',GradientType=0 );
border-radius:8px;
  box-shadow:0px 0px 0px 1px #aaa inset;
height:90px;
margin-right:2.5%;
}
div.row_series div li a{
  text-decoration:none;
  display:inline-block;
  width:100%;
}

div.row_series div li{
  position:relative;
  padding-left:1%;
}
div.row_series div li:before{
  width: 100%;
  height: 3px;
  background: #094188;
  content: "";
  z-index: 0;
  position: absolute;
  bottom: 20px;
  left: 0;
}
div.row_series div li:nth-child(2):before{
    background:#096;
}
div.row_series div li:nth-child(3):before{
    background:#FC0;
}
div.row_series div li:nth-child(4):before{
    background:#C33;
}


div.row_series div li img{
  position:absolute;
  top:14px;
  max-width:65px;
  right:16px;
}
div.row_series div li:nth-child(4){
  margin-right:0%;
  
}
div#side-bar ul{
  list-style-type:none;
}
div.head_top div.logo > p > a > img{
max-height:100%;
}
div.nav div.logo p a{
	display:block;
  width:280px;
}
div.nav div.logo p a img{
  max-width:100%;
}


div.pankuzu {
 /* background-image: url("https://img21.shop-pro.jp/PA01352/947/etc/product_head.jpg");*/
  color: #fff !important;
  height: 30px;
  padding-left: 10px;
  width: 100%;
  line-height:30px;
  background-color:#094188;
}
.slick-slide img{
  max-width:100%;
}
a.open_close .fa-caret-up{
  display:none;
}
a.open_close .fa-caret-down{
  display:inline-block;
  
}
a.open_close.active .fa-caret-up{

    display:inline-block;
}
a.open_close.active .fa-caret-down{
    display:none;
}
.open_close{
  float:right;
}
.ac_list ul li{
  background-color:rgba(255,255,255,0.7);
  border-bottom:dotted 1px #aaa;
}
a.cate_top {
  display:none;
}
.ac_list a.cate_top {
    display: inline-block; 
    width: 100%;
    height: 149px;
    position: absolute;
    top: 31px;
    left: 0;
    margin: 0;
    padding: 0 !important;
}
/*-------------------*/
#header.pc{
}
#header.pc >div{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#header.pc .logo{
float:left;
padding:20px 0 0 0px;
}
#header.pc .logo > p{
  font-size:10px;
}
#header.pc .logo > a{
display:block;
}
#header.pc .logo img{
max-height:100%;
max-width:100%;
}
#header.pc .top_banner{
  float:right;
  padding-right:0px;
  padding-top:20px;
}
#header.pc .top_banner a{
  margin-left:0px; 
}
#header.pc .head_top >div{
float:left;
width:100%;
}
#header.pc .search{
float:left;
height:90px;
}
#header.pc .search ul{
float:left;
display:table;
list-style-type:none;
font-size:12px;
}
#header.pc .search ul li{
float:left;
margin-right:5px;
}
#header.pc .search ul li a{
color:#094188;
}
#header.pc .search ul li a:hover{
color:#FF9900;
}
#header.pc .search form{
	display:table;
	margin-top:26px;
	margin-bottom:5px;
}
#header.pc .search select{
display:table-cell;
height:30px;
border:none;box-shadow:0px 0px 0px 1px #66745f inset;
-moz-box-shadow:0px 0px 0px 1px #66745f inset;
-webkit-box-shadow:0px 0px 0px 1px #66745f inset;
margin-right: -1px;
border-radius:5px 0 0 5px;
float:left;
}
#header.pc .search input{
display:table-cell;
width:240px;
height:28px;
border:solid 1px #66745f;
float:left;
}

#header.pc .search button{
display:table-cell;
height:30px;
width:40px;
border:none;
border:none;box-shadow:0px 0px 0px 1px #66745f inset;
-moz-box-shadow:0px 0px 0px 1px #66745f inset;
-webkit-box-shadow:0px 0px 0px 1px #66745f inset;
border-radius:0 5px 5px 0;
margin-left:-1px;
cursor: pointer;
cursor: hand;
}

#header.pc .menber_cart{
	padding-top:10px;

    float: right;
	display:table;
	width:260px;
	height:80px;
	font-size:12px;
}
#header.pc .menber_cart a{
text-decoration:none;
margin-right:5px;
color:#094188;
}
#header.pc .menber_cart a:hover{
color:#FF9900;
}

#header.pc .menber_cart .members{
  float:left;

}

#header.pc .menber_cart i{
padding:2px;
background-color:#333333;
color:#FFF;
height:14px;
width:14px;
line-height:14px;
text-align:center;
margin-right:5px;
font-size:12px;
border-radius:3px;
}

#header.pc .cart{
  float:left;
}
#header.pc .tel{
  clear:both;
  float:left;
}
#header.pc .tel a{
  font-size:24px;
  font-weight:bold;
  line-height:24px;

  letter-spacing:0.1em;
}
#header.pc .tel a i{
height:20px;
width:20px;
line-height:24px;
font-size:20px;
}

#header.pc #navigation{
  clear:both;
  position:relative;
  z-index:100;
  display:table;
  margin-bottom:20px;
  width:100%;
}
#header.pc a{
text-decoration:none;
}
#header.pc #navigation > div > ul.grp_cate{
  display:none;
}
#header.pc #navigation > div > ul{
position:relative;
list-style:none;
float:left;
display:table;
width:100%;
background-color:#094188;
font-size:14px;
height:35px;
}
#header.pc #navigation > div > ul >li{
  display:table-cell;
  width:16%;
  text-align:center;
    box-shadow:0px 0px 0px 1px #fff inset;
  -moz-box-shadow:0px 0px 0px 1px #fff inset;
  -webkit-box-shadow:0px 0px 0px 1px #fff inset;
}
#header.pc #navigation > div > ul > li > a{
height:32px;
display:inline-block;
line-height:34px;
min-width:80px;
color:#fff;
text-align:center;
}
#header.pc #navigation > div > ul >li:hover{
background-color:#4972a7;
}
#header.pc #navigation > div > ul >li > ul{
position:absolute;
top:35px;
left:145px;
list-style-type:none;
display:none;
background-color:#FFFFFF;
border:none;
min-height:auto;
padding:1% 2%;
border-radius:5px;
background-repeat:no-repeat;
background-position:right bottom;
z-index:101;
background-size:auto 300px;
  box-shadow:0px 0px 0px 1px #ddd inset;
  -moz-box-shadow:0px 0px 0px 1px #ddd inset;
  -webkit-box-shadow:0px 0px 0px 1px #ddd inset;
}
ul.sub_bg{
  list-style-type:none;
}
#header.pc #navigation > div > ul a{
  color:#094188;
}
#header.pc #navigation > div > ul >li > ul a:hover{
color:#FF9900;
}

#header.pc > div > div.head_top{
margin-bottom:5px;
width:100%;
display:table;
}
#header.pc .smart_head{

display:none;
}
/*-------------------*/
#header.smart{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:70px;
  z-index:1500;
  background-color:#FFF;
  border-bottom:solid 1px #ddd;
}
#header.smart div.drawer{
  position:fixed;
  right:-400px;
  background-color:#FFF;
  z-index:-100;
  height: 0vh;
  display:none;
}
#header.smart ul{
list-style-type:none;
}

#header.smart .drawer.open {
  position: fixed;
  display:block;
  top: 0;
  right: 0px;
  z-index:3000;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 280px;
  height: 100vh;
  background: #fff;
  color: #212121;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#header.smart .drawer.open {
  right: 0 !important;
}

#header.smart a#menu {
    width: 40px;
    margin-right: 10px;
}
#header.smart .smart_head{
text-align:center;
display:block;
}
#header.smart .smart_head .logo{
  width:30%;
}
#header.smart .smart_head .logo a{
  margin-left:5%;
  height:40px;
  float:left;
  display:inline-block;
}
#header.smart .smart_head .logo img{
  max-height:90%;
  max-width:90%;
  padding-top:14px;
}
#header.smart .smart_head .icon_list{
  display:table;
  width:100%;
  margin-top:2px;
}
#header.smart .smart_head .icon_list a{
  margin-left:12px;
  width:40px;
  color:#000;
  line-height:1em;
  display:table-cell;
  text-align:center;
  text-decoration:none;
}
#header.smart .smart_head .icon_list a i{
  font-size:30px;
  display:block;
}
#header.smart .smart_head .icon_list a span{
  font-size:10px;
}
/*-------------------*/
#overlay{
  /*height:110vh;*/
  width:110vw;
  position:fixed;
  top:-5vh;
  left:-5vw;
  background-color:rgba(0,0,0,0.5);
  z-index:2000;
  display:none;
}
.info ul{
 font-size:12px;
}
/*calendar*/
.side_section{
  font-size:12px;
  margin-bottom:20px;
}
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width:90%;
  margin:0 auto;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
.side_cal_memo{
  padding:0 5px;
}



/*---------- top ---------*/
.cate_list .list > ul {
  float: left;
  width: 30%;
  margin-bottom:20px;
    list-style: outside none none;
    background-position: right 50px;
  background-repeat: no-repeat;
    min-height: 180px;
   background-size: 50% auto;
   position:relative;
  
}
.cate_list .list > ul.bg_noimage {
  min-height: auto;
}
.cate_list .list > ul  ul{
  list-style: outside none none;
  margin:10px 0 0 0;
  font-size:12px;
}
.cate_list h3 {
  border-bottom: 1px solid #aaa;
  font-size: 16px;
  height: 30px;
}
.cate_list .list > ul:nth-child(3n+2){
  margin:0 5%;
}
.cate_list .list ul:nth-child(3n+4){
  clear:both;
}
.cate_list {
  clear: both;
  display: table;
  width: 100%;
}

.caution_sub, sup {
  font-size: 8px !important;
  height: 1em;
  line-height: 1em;
  margin: 0 !important;
  padding: 0 !important;
}

.main h2{
  clear:both;
}
div.wrapper.top_page{
  width:1000px;  
}
.main ul.recommend{
  width:100%;
  float:left;
  list-style-type:none;
  overflow:hidden;
}

.main ul.recommend:after{
  display:block;
  content:'';
  width:100%;
  clear:both;
}
.main ul.recommend li{
  float:left;
  width:23%;
  margin:0px 8px;/*h w*/
 /* 1s ease 0s;*/
}
.main ul.recommend li:nth-child(4n+5){

}
.main ul.recommend li dd.model,
.main ul.recommend li dt.name{
  text-align:center;
  font-size:12px;
}

.main ul.recommend li dd.exp >span,
.main ul.recommend li dd.exp .price{
  text-align:center;
  display:block;
  font-size:12px;
}
div.free h2,
div#new_item h2,
div#recommend h2{
  font-size:16px;
  color:#666;
  text-align:left;
  padding-bottom:10px;
}
div#seller, 
div.free,
div#new_item,
div#recommend{
  margin-bottom:40px;
  padding-bottom:10px;
  border-bottom:dotted 1px #666;
}
div.free::after,
div#new_item::after,
div#recommend::after{
  clear:both;
  content:'';
  display:block;
  width:100%; 
}
div.free{
  font-size:14px;
}

#seller {
    display: table;
    width: 100%;
}


div.main > div,

div.main > ul,
div.main > h2
{
  clear:both;
}



div.hot_items{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  
}

div.info h2,div.facebook h2,div#seller h2, div.free h2, div#new_item h2, div#recommend h2{
/*  background-image: url("https://img21.shop-pro.jp/PA01352/947/etc/product_head.jpg");
*/  clear: both;
  color: #fff !important;
  padding: 5px;
  font-size:16px;
  text-align:center;
  margin-bottom:20px;
  background-color:#094188;
}
.slick-slide img{
	display:inline !important;
}
ul.recommend li div.img-layout > a img{
  max-height:134px;/*正確に入れる*/
  max-width: 134px;
}
ul.recommend li div.img-layout > a {
  display: table-cell;
  height:134px;/*正確に入れる*/
  width: 134px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
ul.new_item li div.img-layout > a img{
  max-height:134px;/*正確に入れる*/
  max-width: 134px;
}
ul.new_item li div.img-layout > a {
  display: table-cell;
  height:134px;/*正確に入れる*/
  width: 134px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
/*仕様決定後以下のCSSを一覧のCSSに移植する*/
ul.seller{
  width:100%;
  float:left;
  list-style-type:none;
}

ul.seller:after{
  display:block;
  content:'';
  width:100%;
  clear:both;
}
ul.seller li{
  float:left;
  width:23%;
  margin:0px 8px;/*h w*/
 /*1s ease 0s;*/
}
ul.seller li:nth-child(4n+5){
  clear:both;
}
ul.seller li dt.name{
  text-align:center;
}

ul.seller li div.img-layout > a img{
  max-height:230px;/*正確に入れる*/
  max-width: 230px;
}
ul.seller li div.img-layout > a {
  display: table-cell;
  height:230px;/*正確に入れる*/
  width: 230px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
ul.seller li dd.exp .price{
  text-align:center;
  display:block;
}





/*新着商品*/
ul.new_item{
  width:100%;
  float:left;
  list-style-type:none;
  overflow:hidden;
}

ul.new_item:after{
  display:block;
  content:'';
  width:100%;
  clear:both;
}
ul.new_item li{
  float:left;
  width:23%;
  margin:0px 8px;/*h w*/
  /* 1s ease 0s;
*/
}

ul.new_item li:nth-child(4n+5){

}
ul.new_item li dd.model,
ul.new_item li dt.name{
  text-align:center;
  font-size:12px;
  line-height:1.6em;
}


ul.new_item li dd.exp .price{
  text-align:center;
  display:block;

    font-size:12px;
}




/*フリースペース*/





.rank_style{
  list-style-type:none;
  display:table;
  width:100%;
  line-height:1.6em;
  font-size:12px;
  padding-top:10px;
}

.rank_style li.one{ 
 float:left;
 width:30%;
 height:30vw;
 max-height:200px;
 margin-bottom:20px;
}
.rank_style li.one .img{
 max-width:200px;
 max-height:200px;
 margin-left:5%;
}
.rank_style li.one div.model,
.rank_style li.one div.name,
.rank_style li.one div.maker,
.rank_style li.one div.price{
max-width:200px;
 margin-left:5%;
}


.rank_style li.twin{
	width:66%;
	float:right;
	margin-bottom:20px;
}
.rank_style li.twin > div{
  width:48%;
  float:left;
  margin:0 1%;
}
.rank_style li.others_no > div .img,
.rank_style li.triple > div .img,
.rank_style li.twin > div .img{

  float:left;
  max-height:80px;
  max-width:80px;
}
.rank_style li.one .img span{
 display:table-cell;
 height:200px;
 width:200px;
 text-align:center;
 vertical-align:middle;
 background-color:#efefef;
}


.rank_style li.others_no > div .img span,
.rank_style li.triple > div .img span,
.rank_style li.twin > div .img span{
 display:table-cell;
 height:80px;
 width:80px;
 text-align:center;
 vertical-align:middle;
 background-color:#efefef;
}


.rank_style li.others_no > div .img,
.rank_style li.triple > div .img{

}

.rank_style li.others_no div.model,
.rank_style li.others_no div.name,
.rank_style li.others_no div.maker,
.rank_style li.others_no div.price,
.rank_style li.triple div.model,
.rank_style li.triple div.name,
.rank_style li.triple div.maker,
.rank_style li.triple div.price,
.rank_style li.twin div.model,
.rank_style li.twin div.name,
.rank_style li.twin div.maker,
.rank_style li.twin div.price{
 margin-left:90px;
}

.rank_style li.others_no,
.rank_style li.triple{
  width:100%;
  clear:both;
  margin-bottom:20px;
  display:table;

}

.rank_style li.triple > div{
float:left;
width:31.3%;
margin:0 1%;
}

.rank_style li.others_no > div{
float:left;
width:31.3%;
margin:0 1% 20px 1%;
}

.rank_style img{
max-width:100%;
max-height:100%;
width:100%;
}
.rank_style .img a {
    display:table;
    margin: 0;
    table-layout: fixed;
    padding: 0;
}
.wrap{
clear:both;
display:none;
}
.rank_style.smart > div#op_cl {
    clear: both;
	text-align:center;
	font-size:16px;
  height:30px;
}
#op_cl.active .fa-caret-down{
	display:none;
}
#op_cl.active .fa-caret-up{
	display:block;
}
#op_cl .fa-caret-down{
	display:block:
}
#op_cl .fa-caret-up{
display:none;

}

.line_up ul{
  width:1000px;
  margin:0 auto;
  list-style:none;
  display:table;
}
.line_up ul li{
  float:left;
  width:192px;
  margin:0 10px 10px 0;
}

.line_up ul li img{
  max-width:100%;
  max-height:100%;
}

.line_up ul li:nth-child(5n+5){
  margin-right:0px;
}
.line_up ul li span{
  display:block;
  text-align:center;
  color:#FFF;
  font-weight:bold;
  padding:5px 0;
background: #97b4ee; /* Old browsers */
background: -moz-linear-gradient(top, #97b4ee 0%, #0b4189 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #97b4ee 0%,#0b4189 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #97b4ee 0%,#0b4189 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b4ee', endColorstr='#0b4189',GradientType=0 ); /* IE6-9 */
}

.line_up ul li span.orange{
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 100%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 100%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 100%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

.line_up ul li a{
    text-decoration:none;
}

.cate_grp > div.search form{
  display:table;
  width:100%;
  margin-bottom:20px;
}
.cate_grp > div.search form select{
  display:block;
  width:30%;
  float:left;
  margin:0;
  padding:2px;
  border:none;box-shadow:0px 0px 0px 1px #8aac40 inset;
-moz-box-shadow:0px 0px 0px 1px #8aac40 inset;
-webkit-box-shadow:0px 0px 0px 1px #8aac40 inset;
}
.cate_grp > div.search form input[name=keyword]{
    display:block;
    width:50%;
    float:left;
      margin:0;
  padding:2px;
   border:none;
   height:17px;
     border:none;box-shadow:0px 0px 0px 1px #8aac40 inset;
-moz-box-shadow:0px 0px 0px 1px #8aac40 inset;
-webkit-box-shadow:0px 0px 0px 1px #8aac40 inset;
}
.cate_grp > div.search form button{
    display: block;
    width: 18%;
    float: left;
    height: 21px;
    margin: 0;
    padding: 2px;
    border: none;
    background: #8aac40;
    color: #FFF;
}

.cate_grp > div.acount_menu{
  display:table;
  width:100%;
  margin-bottom:20px;
}
.cate_grp > div.acount_menu >div{
  display:table-cell;


}

.cate_grp > div.acount_menu >div > a >span{
  display:block;
  text-align:center;
}

.cate_grp > div.acount_menu >div > a {
  display:block;
  margin:0 5px;
  padding:5px 0;
  font-size:12px;
  text-decoration:none;
       border:none;box-shadow:0px 0px 0px 1px #094188 inset;
-moz-box-shadow:0px 0px 0px 1px #094188 inset;
-webkit-box-shadow:0px 0px 0px 1px #094188 inset;
color:#094188;
border-radius:5px;

}
.cate_grp > div.acount_menu >div > a:hover {
  opacity:0.8;
}


.holidays.sm { display:block;}
.holidays.sm p {line-height: 1.3;padding: 1em;}
@media screen and (max-width:1000px){
/*---------------------------------------
responsive
-----------------------------------------*/
   .holidays { display:none;}
.cate_list{
  width:96%;
  margin:0 auto;
}
ul.recommend{
/*  width:100vw;*/
}
div.hot_items{
  width:100%;
}
.cate_grp h3.ranking,
.cate_grp ol.ranking,
.cate_grp h3.recommend,
.cate_grp ul.recommend,
.cate_grp h3.new_item,
.cate_grp ul.new_item{
  display:none;
}
div#side-bar ul li:nth-child(3n+4){
  clear:both;
}

/*---------------------------------------
 responsive
-----------------------------------------*/
ul.seller{
  /*width:100vw;*/
}

ul.seller li div.img-layout > a img{
  max-height:20vw; /*正確に入れる*/
  max-width: 20vw;
}

ul.seller li div.img-layout > a {
  display: table-cell;
  height:20vw; /*正確に入れる*/
  width: 20vw;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

ul.seller li {
  float: left;
  margin: 0 1.6vw;
  width: 20vw;
}

ul.seller li:nth-child(4n+5){
  clear:both;
}

  

/*---------------------------------------
 responsive
-----------------------------------------*/
ul.new_item{
 /* width:100vw;*/
}

  ul.new_item li div.img-layout > a img,
  ul.recommend li div.img-layout > a img{
    max-height:23vw;/*正確に入れる*/
    max-width: 23vw;
  }
  ul.new_item li div.img-layout > a ,
  ul.recommend li div.img-layout > a {
    display: table-cell;
    height:23vw;/*正確に入れる*/
    width: 23vw;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
  }
div.free p{
  padding:0 10px;
}

.line_up ul{
  width:800px;
}
.line_up ul li:nth-child(5n+5){
  margin-right:10px;
}
.line_up ul li:nth-child(4n+5){
    clear:both;
}
.line_up ul li:nth-child(4n+4){
  margin-right:0;
}
.line_up ul li a{
  display:block;
  text-align:center;
}
.line_up ul li{
  box-shadow:0px 0px 0px 1px #aaa inset;
-moz-box-shadow:0px 0px 0px 1px #aaa inset;
-webkit-box-shadow:0px 0px 0px 1px #aaa inset;
}

}

@media screen and (max-width:790px){
  ul.new_item li div.img-layout > a img,
  ul.recommend li div.img-layout > a img{
    max-height:30vw;/*正確に入れる*/
    max-width: 30vw;
  }
  ul.new_item li div.img-layout > a ,
  ul.recommend li div.img-layout > a {
    display: table-cell;
    height:30vw;/*正確に入れる*/
    width: 30vw;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
  }
.line_up ul{
  width:600px;
 }  
.line_up ul li{
  float:left;
   margin:0 10px 10px 0;
}

.line_up ul li:nth-child(4n+5){
    clear:none;
}
.line_up ul li:nth-child(4n+4){
  margin-right:10px;
}

.line_up ul li:nth-child(3n+4){
    clear:both;
}
.line_up ul li:nth-child(3n+3){
  margin-right:0;
}

  
}
@media screen and (max-width:750px){
    .cate_list .list > ul{
      width:48%;
      margin:0 1% 20px 1% !important
    }
    .cate_list .list ul:nth-child(3n+4){
  	clear:none;
	}

    .cate_list .list ul:nth-child(2n+3){
  	clear:both;
	}
 
}

@media screen and (max-width:600px){
.line_up ul li:nth-child(3n+4){
    clear:none;
}
.line_up ul li:nth-child(3n+3){
  margin-right:4%;
}
.line_up ul li:nth-child(2n+3){
    clear:both;
}
.line_up ul{
  width:96%;
}
.line_up ul li{
  width:48%;
  margin:0 4% 10px 0 !important;

}
.line_up ul li:nth-child(2n+2){
  margin-right:0 !important;
}
.line_up ul li span{
    font-size:12px;
}
}

@media screen and (max-width:550px){

  ul.new_item li div.img-layout > a img,
  ul.recommend li div.img-layout > a img{
    max-height:45vw;/*正確に入れる*/
    max-width: 45vw;
  }
  ul.new_item li div.img-layout > a ,
  ul.recommend li div.img-layout > a {
    display: table-cell;
    height:45vw;/*正確に入れる*/
    width: 45vw;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
  }
  div.side_cal .tbl_calendar{
  width:90%;
  float:none;
  }
}


@media screen and (max-width:500px){
.cate_list .list > ul{
  width:98%;
  background-size:100%;
  background-position:center 31px;

}
.cate_list .list > ul  ul{
  margin:0;
}
.cate_list .list a {
  display: inline-block;
  padding: 5px;
}

  .rank_style li.twin,
  .rank_style li.one{
    width:100%;
    clear:both;
  }
  .rank_style li.others_no > div .img,
  .rank_style li.triple > div .img,
  .rank_style li.twin > div .img{
    max-width:50px; 
  }
   .rank_style li.triple > div .img,
  .rank_style li.others_no > div .img{
  float:none;
  display:block;
  margin:0 auto;
  } 
  
  .rank_style li.twin div.model,
  .rank_style li.twin div.name,
  .rank_style li.twin div.maker,
  .rank_style li.twin div.price{
    margin-left:55px;
	font-size:10px;
  }
  
    .rank_style li.others_no div.model,
    .rank_style li.others_no div.name,
  .rank_style li.others_no div.maker,
  .rank_style li.others_no div.price,
   .rank_style li.triple div.model,
  .rank_style li.triple div.name,
  .rank_style li.triple div.maker,
  .rank_style li.triple div.price{
   margin-left:10px;
	font-size:10px;
  }
 
  .rank_style li.others_no > div .img span,
  .rank_style li.triple > div .img span,
  .rank_style li.twin > div .img span{
  max-height:50px;
  height:50px;
  }
  
  .rank_style li.one .img span,
  .rank_style li.one .img{
    height:30vw;
    width:30vw;
  }
   .rank_style li.one .img{
   float:left;
   margin-left:2%;
   }
  .rank_style li.one div.model,
  .rank_style li.one div.name,
  .rank_style li.one div.maker,
  .rank_style li.one div.price{
  width:50vw;
  float:right;
  margin-right:2%;
  }
  .rank_style li.twin > div{
  margin:0 2.5%;
  width:45%;
}
}
/*---------- top ---------*/
.slick-next:before{
  content:"\f054" !important;
}
.slick-prev:before{
  content:"\f053" !important;
}
.slick-prev:before, .slick-next:before{
font-family:FontAwesome !important;
font-weight:bold;
color:#094188 !important;
}
.slick-prev, .slick-next{
  margin-top:0 !important;
}
#calendar{
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#calendar tr th.sun, #calendar tr td.sun {
  color: #ff0000;
}
#calendar tr th, #calendar tr td {
  border: 1px solid #dddddd;
  text-align: center;
}
#calendar tr th.sat, #calendar tr td.sat {

  color: #0000ff;
}
#calendar tr td.holiday {
  background-color: #ffc0cb;
}
h4.calendar{
  margin:0 !important;
}
.cate_free01 table,
.cate_free02 table,
.top .info table,
.free table{
border-collapse:collapse;
border-left:solid 1px #ddd;
border-top:solid 1px #ddd;
font-size:0.8em;
}

.cate_free01 table th,
.cate_free02 table th,
.top .info table th,
.free table th,
.cate_free01 table td,
.cate_free02 table td,
.top .info table td,
.free table td{
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
padding:5px;
}
.holidays {
  font-size:11px;
}
.line_up a:hover {
	opacity: 0.6;
}
#drawer .title.pc {	display: none;font-size: 13px;}

#container .title.sm {
	max-width: 90%;
	margin: 0 auto 1em;
	font-size: 12px;
	line-height: 1.2;
}

.title.sm.d_none {
    display: none;
}
.new_logo {
	width: 160px;
	display: inline-block;
}
.f_new_logo img {
	max-width: 130px;
}
.kakaku_info {
	box-shadow: 0 0 1px;
	padding: 1em;
	font-size: 11px;
	line-height: 1.4;
	margin-bottom: 1em;
  text-align: left;
}
@media screen and (min-width:1000px) {
  #drawer .title.pc {display: block;}
  #container .title.sm {display: none;}
  .f_new_logo{display:none;}
}
.title.pc > p {	line-height: 1.5;}
#drawer .title.pc h4 {text-align: center;}

#side-bar2 .sm {display: block;}
#side-bar2 .pc {display: none;}
@media screen and (min-width: 1000px){
#side-bar2 .sm {display: none;}
#side-bar2 .pc {display: block;}
}
.top_label {
	font-size: 0.6em !important;
}
.line_up .min {	background: none !important;font-size: 10px;line-height: 0;	float: left;width: 100%;	margin-top: -5px;}

#search_box {
	position: fixed;
	top: -2%;
	left: -2%;
	z-index: 10000;
	background: rgba(0,0,0,0.5);
	width: 104%;
	height: 104%;
	display: none;
	justify-content: center;
	align-items: center;
}
#search_box .search_sp {
	width: 280px;
}
#search_box .close_btn {
	text-align: right;
	display: block;
	font-size: 30px;
	color: #fff;
  margin-bottom: 0.5em;
}
#search_box .close_btn i {
	cursor: pointer;
}
#search_box .search_sp select {
	width: 95%;
}

.search_sp form{
	display: flex;
	justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.search_sp select {
    font-size: 1.2em;
    padding: 0.1em;
}
.search_sp  input {
    font-size: 1.2em;
    padding: 0.1em;
    margin-top: 0.25em;
}
.search_sp button {
    font-size: 1.2em;
    padding: 0.15em;
}
.search_sp button{
margin-top: 0.25em;
height:35px;
width:40px;
border:none;
border:none;box-shadow:0px 0px 0px 1px #66745f inset;
-moz-box-shadow:0px 0px 0px 1px #66745f inset;
-webkit-box-shadow:0px 0px 0px 1px #66745f inset;
border-radius: 5px 5px ;
margin-left:-1px;
cursor: pointer;
cursor: hand;
  background-color: #094188;
  color:#FFF;
}


.search_sp input{

width:222px;
height:28px;
border:solid 1px #66745f;
  border-radius:5px;
}

.search_sp select{
  color:#000;

height:30px;
border:none;box-shadow:0px 0px 0px 1px #66745f inset;
-moz-box-shadow:0px 0px 0px 1px #66745f inset;
-webkit-box-shadow:0px 0px 0px 1px #66745f inset;
margin-right: -1px;
border-radius:5px 5px;
}
#search_box .search_sp input {
	width: 215px;
}
#search_box span {
	display: flex;
	align-items: center;
}