/**
 * name:
 * about: 言語対応
 *************************************/
#i18 {
  z-index: 2005;
}
#i18 .lang{
  float: left;
  margin: 0 5px 0 0;
  position: relative;
}
#i18 .lang:before{
  background: url('../../img/shop/arrow.gif') no-repeat;
  background-size: 10px 7px;
  content: "";
  height: 7px;
  position: absolute;
  right: 13px;
  top: 12px;
  width: 10px;
}
#i18 .currency{
  float: left;
  position: relative;
}
#i18 .currency:before{
  background: url('../../img/shop/arrow.gif') no-repeat;
  background-size: 10px 7px;
  content: "";
  height: 7px;
  position: absolute;
  right: 13px;
  top: 12px;
  width: 10px;
}
#i18 select{
  appearance: inherit;
  -webkit-appearance: inherit;
  background-color: #FFF;
  border: 1px solid #CCC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-size: 11px;
  line-height: 18px;
  min-width: inherit;
  padding: 5px 25px 5px 10px;
  vertical-align: middle;
	font-family: inherit;
	color: #000;
}


/*====================================================================
特定商取引・プライバシーポリシー
====================================================================*/

#privacy, #law{
	background-color:#fff;
	box-sizing:border-box;
	font-family: Arial, Helvetica,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Meiryo",sans-serif;
	font-size: 13px;
	line-height:1.6em;
	margin:0 auto;
	padding:30px 40px 40px;
	text-align:left;
	width:960px;
}
#privacy h2, #law h2{
	font-size: 18px;
	font-weight: bold;
	margin:20px 0 0;
	padding:0 0 20px;
}
#privacy h3,#privacy dt{
	font-weight: bold;
	margin:15px 0 8px;
}
#privacy .privacy_intro{
	margin:0 0 20px;
}
#law h3{
	font-weight: bold;
	margin:20px 0 5px;
}

#law .atobaraiTerm{
	margin:20px 0;
}
#law .atobaraiTerm .atobaraiTerm__title{
	margin-bottom:8px;
}
#law .atobaraiTerm .atobaraiTerm__body{
	padding-left:20px;
}
#law .atobaraiTerm p{
	line-height: 1.5;
	font-size:95%;
	margin:0 0 10px;
}


/*====================================================================
 Colorbox
====================================================================*/
.itemCb #cboxPrevious{
    bottom:0px;
    left:0px;
    width:20px;
    height:20px;
    overflow:visible;
    text-indent:-9999px;
    background: url(/i/controls.png) no-repeat 0 0;
}
.itemCb #cboxNext{
    bottom:0px;
    left:30px !important;
    width:20px;
    height:20px;
    overflow:visible;
    text-indent:-9999px;
    background: url(/i/controls.png) no-repeat -22px 0;
}
.itemCb #cboxClose{
    width:20px;
    height:20px;
    overflow: visible;
    text-indent: -9999px;
    background: url(/i/controls.png) no-repeat -52px 0;
}
/* ボタンのスタイルをリセット */
.itemCb #cboxContent button{
    border: none;
}
/* 青い線が出るのを防止 */
.itemCb:focus{
    outline: none;
}
a.cboxElement:focus{
    outline: none;
}















/*====================================================================
 common
====================================================================*/
/* clearfix */
.clearfix {
  zoom: 1;
}.clearfix:after {
   content: "";
   display: block;
   clear: both;
 }
/* 表示非表示 */
.show{
  display: block !important;
}
.hide{
  display: none !important;
}
 /* 全体背景 */
.overlayBackground{
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}



/*====================================================================
 Element
====================================================================*/
/**
 * name: #gb
 * source: shopTemplate/base_menu
 *************************************/
#baseMenu{
	box-sizing: border-box;
  right: 0;
  padding: 5px 10px;
  position: fixed;
  top: 0;
  z-index: 2002;
}
#baseMenu img{
	display: inherit;
}
#baseMenu > ul > li{
  float: left;
  list-style: none;
}
#baseMenu > ul > li.base{
  margin: 0 10px 0 0;
}
#baseMenu > ul > li.cart{}
#baseMenu > ul > li a{
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0px 1px 0px 1px rgba(150, 150, 150, .4);
  cursor: pointer;
  display: block;
  margin: 1px 0 0;
  padding: 5px 15px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#baseMenu > ul > li a:hover{
  box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, .2);
  padding: 6px 15px 4px;
}


/**
 * 検索App
 *************************************/
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?g63kuh');
	src: url('fonts/icomoon.eot?g63kuh#iefix') format('embedded-opentype'),
				url('fonts/icomoon.ttf?g63kuh') format('truetype'),
				url('fonts/icomoon.woff?g63kuh') format('woff'),
				url('fonts/icomoon.svg?g63kuh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
	content: "\e900";
}
