/* DEFAULT
---------------------------------------------------------------------------*/
html {overflow-y: scroll;font-size: 62.5%; line-height:1.5;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal !;}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight:lighter;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed, td, th {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:lighter;}
img, abbr, acronym, fieldset {border: 0;}

li {list-style-type: none;}
img{vertical-align: bottom;}
p{line-height: 1.6; margin:0 0 1em;}
body {font-size:1.6rem;}

*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

div:after,ul:after,li:after,dd:after,section:after {content: ""; display: block; clear: both;}

img{max-width: 100%;height: auto;width /***/:auto;　}

a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

/* ALL
---------------------------------------------------------------------------*/
body {background:#000; color: #fff; -webkit-text-size-adjust: 100%; position: relative;}
@media screen and (max-width: 768px) {
  body {background:#000044;}
}


/*-------------------------------------------------------------
　　　　　　　　　　　　リンクスタイル
-------------------------------------------------------------*/
a:link{
	color:#ffffff;
	text-decoration:underline;
}

a:visited,a:hover,a:active{
	color:#cccccc;
	text-decoration:underline;
}

/* ALL
---------------------------------------------------------------------------*/
#wrapper{
  font-size:1.4rem;
	width:902px;
	margin:0px auto;
	background-color:#000044;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	padding:0px 10px;
	background-image:url(https://img15.shop-pro.jp/PA01082/728/etc/bg.jpg);
	background-repeat:no-repeat;
}
@media screen and (max-width: 768px) {
  #wrapper{
  	width:auto;
	margin:0px auto;
	border:none;
	padding:0;
	background:none;
    }
}


/*-------------------------------------------------------------
　　　　　　　　　　　   ヘッダー
-------------------------------------------------------------*/
#logo{margin:10px 10px 0 5px;float: left;width:168px;height:42px;}
#nav-drawer .logo{width:168px;height:42px;}

#headText{	
	float: left;
}

.h1{
	padding-top:11px;
	font-size:11px;
}

.h2{
	font-size:11px;
}

/*-------------------------------------------------------------
　　　　　　　　　　　グローバルナビ
-------------------------------------------------------------*/
#globalNavi{
	padding-top:10px;
	clear:left;
}

#globalNavi li{
	width:220px;
	float: left;
}

/*-------------------------------------------------------------
　　　　　　　　　　　　　サブナビ
-------------------------------------------------------------*/
#subNavi{
	padding:5px 0 8px 0;
	clear:left;
	text-align:center;
	font-size:12px;
}

#subNavi a:link{
	color:#ffffff;
	text-decoration:none;
}

#subNavi a:visited{
	color:#999999;
	text-decoration:none;
}

#subNavi a:hover,#subNavi a:active{
	color:#cc6600;
	text-decoration:underline;
}



/*-------------------------------------------------------------
　　　　　　　　　　　   SPナビ
-------------------------------------------------------------*/

#nav-drawer{ display:none;}

.drawer__title {background:#010044;color:#fff;position: relative;padding: 7px 15px;font-size: 22px;font-weight: 700;text-align: center;letter-spacing: 2px;}

.close {color: #fff;display: inline-block !important;padding: 10px 3px; display: none;position: absolute;z-index: 999999; top: 0;left: 10px; cursor: pointer;}

.close span {background: #fff;margin: 0 20px 0 7px;display: inline-block; position: relative;width: 3px;height: 30px;padding: 0;transition: .3s ease-in-out;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.close span::before {display: block; position: absolute; top: 50%; left: -13px; width: 30px; height: 3px; margin-top: -2px; background: #fff; content: "";}

@media screen and (max-width: 768px) {
	header{ display: none;}
	#nav-drawer{ display: block; position: fixed; width: 100%; z-index: 1000; background:#000; border-bottom: 1px #333 solid;}
	#nav-drawer .logo{ height:40px; margin:10px;}
	#nav-open{ float: right;}
	#container{ padding-top:60px; }
}


/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

#nav-open{ width: 60px; height: 60px; position: relative;}
#nav-open span:nth-of-type(1),
#nav-open span:nth-of-type(2),
#nav-open span:nth-of-type(3){
    top: 14px;
    left: 13px;
    width: 34px;
    background: #fff;
	position: absolute;
	height: 2px;
	border-radius: 4px;
}
#nav-open span:nth-of-type(2){top: 22px;}
#nav-open span:nth-of-type(3){top: 30px;}
#nav-open span:nth-of-type(4){position: absolute;top: 37px; font-weight:600; font-size: 10px; text-align: center; width: 60px; text-align: center;}

#nav-cart{ float: right;position: relative; background:#ca9e07;}
#nav-cart a{ display: block; width: 60px; height: 60px; color: #ffffff;}
#nav-cart a:visited,#nav-cart a:hover,#nav-cart a:active{color:#fff;text-decoration:none;}
#nav-cart i{ display: block; position: absolute;top:13px; font-size: 21px; text-align: center; width: 60px;}
#nav-cart span{position: absolute;top: 37px; font-weight:600; font-size: 10px; text-align: center; width: 60px; text-align: center;}



/*
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #BF495D;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}
*/

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  right: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/
	background: #3c3232;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


#nav-content #drawer-search{margin:20px;}
#nav-content #drawer-search select{display:block;padding:5px;margin-bottom:5px;width: 100%;font-size:1.6rem;}
#nav-content #drawer-search input{display:block;padding:5px;margin-bottom:5px;width: 100%;font-size:1.6rem;}
#nav-content #drawer-search input.side-search-btn{width: 50%; margin:0 auto;}
dl.drawer-search-box>dt{background-color:#333;padding:8px; text-align:center;}
dl.drawer-search-box>dd{background:#999;border:1px solid #333;margin-bottom:10px;}
dl.drawer-search-box>dd.boxpad{padding:8px;}

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

}



#nav-content ul.main-navi{ margin-bottom: 20px;}
#nav-content ul.main-navi li span{ display: block; padding: 15px 10px;color:#fff;text-decoration:none;}

#nav-content ul.main-navi li{ border-bottom: 1px #666 solid;}
#nav-content ul.main-navi li:first-child{ border-top: 1px #666 solid;}
#nav-content ul.main-navi li a{ display: block; padding: 15px 10px;color:#fff;text-decoration:none; border-left:10px solid #faf8f6; border-left:10px solid #444;}
#nav-content ul.main-navi li a:link{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:visited{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:hover{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:active{color:#fff;text-decoration:none;}

#nav-content .sns{position: relative;  overflow: hidden; font-size:20px; margin:0 0 20px; text-align: center;}
#nav-content .sns ul{position: relative;left: 50%;float: left;}
#nav-content .sns ul li{position: relative;left: -50%; float: left; list-style: none; margin:0 10px;}
#nav-content .sns ul li a{ display: inline-block; background:#FFF; border-radius:10px; width:40px; height:40px; line-height:40px; color: #3c3232;}



/*-------------------------------------------------------------
                        コンテンツ
-------------------------------------------------------------*/
#contents{color:#fff;float: right;width: 688px;}

@media screen and (max-width: 768px) {
	#contents{float:none;width:100%;padding:10px;margin-bottom:40px;}
}

h1{color:#fff;background-color:#333;padding:3px 0px 2px 5px;margin-bottom:8px;font-size:2.0rem;font-weight:600;}

.item-list{}
.item-list li{float:left;width:32%; margin-right:2%;margin-bottom:2%;}
.item-list li:nth-child(3n){ margin-right:0;}
.item-list li:nth-child(3n+1){clear:both;}
.item-list li img{margin-bottom:5px;}
.item-list li .item-list-name{margin-bottom:5px;}
.item-list li .item-list-price{}

@media screen and (max-width: 768px) {
    .item-list li{float:left;width:49%; margin-right:2%;margin-bottom:2%;}
	.item-list li:nth-child(3n){ margin-right:2%;}
	.item-list li:nth-child(3n+1){clear:none;}
    .item-list li:nth-child(2n){ margin-right:0;}
	.item-list li:nth-child(2n+1){clear:both;}
  
    .item-list li{float:none;width:100%; margin-right:0;margin-bottom:2%;}
  	.item-list li:nth-child(3n){ margin-right:0;}
	.item-list li:nth-child(3n+1){clear:none;}
    .item-list li:nth-child(2n){ margin-right:0;}
	.item-list li:nth-child(2n+1){clear:none;}
}

.display-number{text-align:center; margin-bottom:20px;padding:10px; border:1px #fff solid;}
.pager{margin-bottom:20px;}
.pager .prev{float:left;}
.pager .next{float:right;}
@media screen and (max-width: 768px) {
  .pager .prev,
  .pager .next{background:#333; border-radius:6px; width:49%; text-align:center; padding:10px;}
  .pager .prev a,
  .pager .next a{ display:block; text-decoration:none;}
  .pager .prev a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0d9";
    padding-right:5px;
  }
  .pager .next a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    padding-left:5px;
  }

  
  
  
}

#zeikomi, .zeikomi{
	text-align:right;
	margin:0 0 5px 0;
	font-size: 90%;
	}


/*-------------------------------------------------------------
　　　　　　　　　　　   サイドナビ
-------------------------------------------------------------*/

#side {position:relative; clear:left; float: left; width:175px; margin:0px 15px 0px 0px;}
@media screen and (max-width: 768px) {
  #side {float:none; width:100%;margin:0; padding:0 10px;}
}

dl.side-box{}
dl.side-box>dt{	background-color:#333;padding:3px;}
dl.side-box>dd{	background:#999;border:1px solid #333;margin-bottom:10px;}
dl.side-box>dd.boxpad{padding:8px 3px;}
dl.side-box>dd>ul{}
dl.side-box>dd>ul>li{border-bottom:1px solid #333;}
dl.side-box>dd>ul>li:last-child{border-bottom:0;}
dl.side-box>dd>ul>li a{display:block;padding:3px;text-decoration:none;color:#fff;}
dl.side-box>dd>ul>li a:link,
dl.side-box>dd>ul>li a:visited,
dl.side-box>dd>ul>li a:active{}
dl.side-box>dd>ul>li a:hover{background:#666;}
@media screen and (max-width: 768px) {
  dl.side-box>dd>ul>li a{padding:10px;}
}



#side-search select{display:block;padding:2px;margin-bottom:5px;width: 100%;}
#side-search input{display:block;padding:2px;margin-bottom:5px;width: 100%;}
#side-search input.side-search-btn{width: 50%; margin:0 auto;}
@media screen and (max-width: 768px) {
  #side-search select{font-size:1.6rem; padding:5px;}
  #side-search input{font-size:1.6rem; padding:5px;}
}


#side .iconSns{ width:175px; }
#side .iconSns ul{ overflow:hidden; _zoom:1;}
#side .iconSns ul li{ float:left; margin:0 5px 10px 0;}
#side ..iconSns ul li img{}
/*--
#side .iconSns{ width:175px; position:absolute; top:-27px; left:0px;}
#side .iconSns ul{ overflow:hidden; _zoom:1;}
#side .iconSns ul li{ float:left; margin:0 5px 0 0;}
#side ..iconSns ul li img{}
--*/
#side .sns{ width:175px; margin:0 0 5px;}
#side .sns ul{ overflow:hidden; _zoom:1;}
#side .sns ul li{ float:left; width:45px; margin:0 10px 0 0;}
#side .sns ul li img{width:45px;}

@media screen and (max-width: 768px) {
  #orico{display:none;}
}

/*-------------------------------------------------------------
                       パンくず
-------------------------------------------------------------*/
#pankuzu{padding:2px 0 4px 5px;color:#fff;}
#pankuzu a:link{color:#ffffff;}
#pankuzu a:visited,#pankuzu a:hover,#pankuzu a:active{color:#999999;}

/* FOOTER
---------------------------------------------------------------------------*/
footer{border-top:1px solid #333333;clear:both;margin-top:15px;text-align:center;padding:20px 20px 20px;}
footer a:link{color:#ffffff;text-decoration:none;}
footer a:visited{color:#999999;text-decoration:none;}
footer a:hover, #footer a:active{color:#cc6600;text-decoration:underline;}

#f-navi .title{display:none;}
#f-navi ul{ font-size:1.2rem; margin-bottom:20px;}
#f-navi ul li{display:inline-block;}
#f-navi ul li:before{content:"｜";}
#f-navi ul li:first-child:before{content:"";}
@media screen and (max-width: 768px) {
  footer{border-top:none;margin-top:15px;text-align:left;padding:0;}
  #f-navi{padding:0 10px;}
  #f-navi dt.title{	background:#333;padding:3px; display:block;}
  #f-navi dd{background:#999;border:1px solid #333;margin-bottom:10px;padding:0;}
  #f-navi dd ul{ font-size:1.4rem; margin-bottom:0;}
  #f-navi dd ul li{display:block; border-bottom:1px solid #333;}
  #f-navi dd ul li:before{content:"";}
  #f-navi dd ul li a{display:block;padding:10px;}
  #f-navi a:link,
  #f-navi a:visited,
  #f-navi a:hover,
  #f-navi a:active{color:#fff; text-decoration:none; }

  #copyright{ padding:0 10px 10px;}
  
}

.top-btn { display:none;position:fixed;  bottom:20px; right:20px; z-index: 20; background-color: rgba(255,255,255,0.5); width: 40px; height: 40px; text-align: center; border-radius: 50%; font-size:20px;
}
.top-btn i{line-height: 40px;}
@media screen and (max-width: 768px) {
  .top-btn { display:block;}
}




/*-------------------------------------------------------------
                       店舗案内
-------------------------------------------------------------*/
#shop .main{float:left;width:440px;}
#shop .script{margin:10px 0px;}
#shop .text2{margin:10px;	}
#shop .photo{float:right; margin-top:10px;}
#shop .ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
#shop .ggmap iframe,
#shop .ggmap object,
#shop .ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 768px) {
	#shop .main{float:none;width:auto;}
	#shop .photo{float:none;}
}


/*-------------------------------------------------------------
                       買取ページ
-------------------------------------------------------------*/
#buy #buy-inner{margin:10px auto 20px auto;background:#000;color:#ccc;}
#buy #buy-inner .step{border-bottom:1px solid #999;margin:15px 0px 0px 10px;}
#buy #buy-inner p{padding:10px 15px 30px 15px;}
#buy #buy-inner .arrow{margin:20px 0px; text-align:center;}
#buy a:link{color:#fff;text-decoration:underline;}
#buy a:visited{color:#999999;text-decoration:underline;}
#buy a:hover,
#buy a:active{color:#cc6600;text-decoration:underline;}

/*-------------------------------------------------------------
                       買取ページ
-------------------------------------------------------------*/
#dutyfree .text1{font-weight:bold; font-size:18px; margin:25px 0 5px 10px;}
#dutyfree .text2{margin-left:15px;}
#dutyfree dt{font-weight:bold; font-size:18px; margin:25px 0 5px 15px;}
#dutyfree dd{margin-left:20px;}

#dutyfree h2{font-weight:600; font-size:18px; border-bottom:1px #fff solid; margin:20px 0 10px; padding-bottom:8px;} 

/*-------------------------------------------------------------
                        とりあえず置き場
-------------------------------------------------------------*/


#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}


.tbl_calendar {
  width:100%;
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  font-size:1.2rem;;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}