@charset "utf-8";
html {-webkit-text-size-adjust: 100%}
*,*::before,*::after { box-sizing: border-box;}
ul,ol{  padding: 0;list-style: none;}
body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd { margin: 0;}
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
a:not([class]) { text-decoration-skip-ink: auto;}
img {
  max-width: 100%;
  display: block;
}
article > * + * { margin-top: 1em;}
input,button,textarea,select {font: inherit;}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* 詳細ページ内 品名・メーカー名・商品名などが、ここをコメントすると薄くなってしまった */
/*
@font-face{ 
	font-family: 'gen-Normal';
	src: url('../fonts/GenShinGothic-Normal-min.woff') format('woff'); 
	font-weight: normal; 
	font-style: normal;
    font-display: swap;
}
*/

body{
	font-family:'gen-Normal', "メイリオ" , Meiryo, "Meiryo UI" ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
	line-height: 160%;
	color:#333;
	-webkit-text-size-adjust:100%;
	background:#fff;
	font-weight: normal;
}

/* 各ページ上部の電話番号が、ここをコメントすると薄くなり、改行してしまった */

@font-face{ 
	font-family: 'gen-Bold' ;
/*
	src: url('../fonts/GenShinGothic-Bold-min.woff') format('woff'); 
*/
	src: url('../fonts/NotoSansJP-Bold-mini.woff') format('woff'); 


	font-weight: normal; 
	font-style: normal;
    font-display: swap;
}
.font-bold{font-family: 'gen-Bold' , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";}


/* このフォントは、さほど影響なかった */

/*
@font-face{ 
	font-family: 'gen-Heavy';
	src: url('../fonts/GenShinGothic-Heavy-min.woff') format('woff'); 
	font-weight: normal; 
	font-style: normal;
    font-display: swap;
}
.font-heavy{font-family: 'gen-Heavy' , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";}
*/

/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	font-weight:bold;
	color:#222222;
	cursor: pointer !important;
    transition: .2s;
}
a:hover, a:active{
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s; 
	outline: none;
	color:#8ebecf;
	cursor: pointer;
}
/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea,input[type="tel"],input[type="email"],select,input[type="date"]{
	vertical-align:middle;
	max-width:99%;
	width: 99%;
	line-height:40px;
	height:40px;
	padding:1px 10px;
	border:1px solid #d4d4d7;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:100%;
	color:#555;
	background:#fcfcfc;
	box-sizing: border-box;
}
input[type="date"]{width: auto;}
textarea{
	height:auto;
	line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"],.button{
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  background: #e8e8e8;
  color: #171717;
  font-weight: normal;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #c8c8c8;
  transition: .2s;
  font-size: 14px;
  text-align: center;
  font-family: 'gen-Bold' , sans-serif;
}
.button-arrowed:before{
	content: '';
	display: block;
	background: url(../images/arrow-black-min.png) no-repeat center center;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;	
	margin: auto;
	z-index: 10;
}
.button:active {box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:hover{
  color: #f1f1f1;
  background: #999;
}
input[type=submit] {font-family: FontAwesome;}
.button-orange {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #ffffff;
  background: #ff9307;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 1px #d37802;
  transition: .2s;
  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);
  font-size: 18px;
  font-family: 'gen-Bold' , sans-serif;
}
.button-orange:active { box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);}
.button-orange:hover{
    background: #d3c19b;
    border: solid 1px #bbab95;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
    color: #fff;
}
.button-blue{
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF !important;
  background: #2eadcf !important;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 1px #20a2c5 !important;
  transition: .2s;
  text-shadow: -1px 2px 0 rgba(0, 0, 0, 0.3);
  font-family: 'gen-Bold' , sans-serif;
}
.button-blue:active {box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);}
.button-blue:hover{
	background: #ace6f3 !important;
    border: solid 1px #9ad5e4 !important;
    color: #fff;
}
.button-green {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #48ab61;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 1px #2f9449;
  transition: .2s;
  text-shadow: -1px 2px 0 rgba(0, 0, 0, 0.3);
  font-size: 18px;
  font-family: 'gen-Bold' , sans-serif;
}
.button-green:active {box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);}
.button-green:hover{
	background: #94cc83;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
    border: solid 1px #70a55f;
    color:#fff;
}
.button-green:after{
	content: '';
    display: block;
    background: url(../images/icon-arrow-white.png) no-repeat center top;
    width: 14px;
    height: 14px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px;
    position: absolute;
}
.clear{clear: both;}
hr{
	clear: both;
	border: none;
	height: 5px;
}
/* 共通レイアウト
------------------------------------------------------------*/
#container{
	position: relative;
	align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;
}
#header {
	padding:0;
	width: 100%;
	position: relative;
	z-index: 2000;
	background:#f5ce46 url(../images/header-back.jpg) repeat-x center top;
}
#home #header{margin: 0 auto 40px;}
#header-inner{
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.wrapper{
	margin:0 auto;
	width:1340px;
}
#container-right{
	flex: 2;-webkit-box-flex: 2;-ms-flex: 2;
	order: 2;-webkit-order: 2;-ms-order: 2;
	max-width: 100%;
}
#content{
	align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;
	margin-bottom: 40px;
}
#content #main{
	order: 2;-webkit-order: 2;-ms-order: 2;
	flex: 2;-webkit-box-flex: 2;-ms-flex: 2;
}
#content #side-bar{
	order: 1;-webkit-order: 1;-ms-order: 1;
	width: 240px;
	flex: none;
	margin-right: 30px;
}
#left-banner-area{
	width: 100px;
	margin-right: 30px;
	margin-top: -10px;
	order: 1;-webkit-order: 1;-ms-order: 1;
	flex-shrink:0;
}
#footer{
	clear:both;
	position: relative;
} 
.flex-area{
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
.flex-area-center{
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
.flex-area-left{
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
.cont-box{
	clear: both;
	margin: 0 auto 50px auto;
}
.search-fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  width: 100%;
  background: #fff;
  border-bottom: 3px solid #ddd;
}
.sec-area{align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items: stretch;}
.object-fit-img {
	object-fit: cover;
	object-position: 50% 100%;
	font-family: 'object-fit:cover;'
}
.banner{
	border-radius: 4px;
	border: 1px solid #dbdbdb;
	transition: .2s;
}
.banner img{display: block;}
.banner:hover img{opacity: 0.5;}
.post .box-blue{
	padding: 30px 20px 25px;
	background: #e2f9ff;
	margin: 0 auto 30px;
}
.post .box-yellow{
	padding: 30px 20px 25px;
	background: #fcf3b6;
	margin: 0 auto 30px;
}
.fadein {  opacity : 0;  transform: translateY(20px);  transition: all 1s;}
/* タイポグラフィ
------------------------------------------------------------*/
h2.title{
	clear:both;
	margin-top: 30px;
	margin-bottom:40px;
	padding-bottom:15px;
	font-size:30px;
}
h2{
	font-size: 26px;
	margin-top: 30px;
	margin-bottom:40px;
	padding-bottom:15px;
}
.post h2{
	font-size: 26px;
    padding: 0 0 16px;
    margin: 30px auto 15px;
    background: url(../images/line-dotted-blue.png) repeat-x left bottom;
    font-family: 'gen-Bold' , sans-serif;
}
.title-area-yellow h2{
	margin: 0 auto;
    padding: 20px 0 18px;
}
h3.title{
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 12px;
	font-weight: normal;
}
h3{
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 12px;
}
.post h3{
	margin: 25px 0 15px;
    padding: 6px 0 15px;
    font-size: 22px;
    background: url(../images/line-dotted-beige.png) no-repeat left bottom;
    font-family: 'gen-Bold' , sans-serif;
}
h4.title{
	margin: 15px 0;
    padding: 6px 0 10px;
    font-size: 16px;
    background: url(../images/line-dotted-beige.png) no-repeat left bottom;
}
.post h4{
	margin: 25px 0 15px;
	background: none;
	border-bottom: 4px double #efefef;
	font-size: 18px;
}
h5.title{padding: 0 0 10px 0;}
h2.first,h3.first,h4.first{	margin-top: 0;}
.post p{padding-bottom:15px;}
.post ul {
  position: relative;
  margin-left: 20px;
}
.post ul li{
	padding-left:10px;
	position: relative;
	line-height:150%;
}
.post ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -10px;
  width: 10px;
  height: 10px;
  background-color: #f5ce46;
  border-radius: 100%;
}
.post ol {
  counter-reset:number; 
  list-style-type: none!important; 
  padding:0.5em;
}
.post ol li {
  position: relative;
  padding-left: 30px;
  line-height:150%;
}
.post ol li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background:#2dadcd;
  color:#fff;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
table{
	table-layout: fixed;
    border-collapse: separate;
    border-spacing: 1px;
    margin: 10px 0 20px;
    box-sizing: border-box;
}
table.no-line{border: none;}
th{
	border: #dbdbdb solid;
    border-width: 1px 1px 1px 1px;
    vertical-align: middle;
    padding: 17px 20px 15px;
    background: #fcf3b6;
    border-radius: 4px; 
    font-family: 'gen-Bold' , sans-serif;
    
}
thead th{
	text-align: center;
	background: #f5ce46;
}
tbody th{text-align: left;}
table.no-line th{border: none;}
td{
	border: #dbdbdb solid;
    border-width: 1px 1px 1px 1px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 17px 20px 15px;
    border-radius: 4px;
    background: #fff;
}
table.no-line td{border: none;}
table th .th,table td .td{display: block;}
.post a{text-decoration: underline;}
.inline-img{
	display: inline;
	vertical-align: middle;
	padding: 0 5px 0 0;
}
.title-area{
	position: relative;
	clear: both;
	margin-bottom: 5px;
}
.title-area-yellow{
	background: url(../images/h2-back.jpg) repeat-x center center;
	border-bottom: 5px solid #f5ce46;
	color: #222222;
	text-align: center;
}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.relative{position: relative;}
.font20{font-size: 20px;}
.font40{font-size: 40px;line-height: 100%;}
.font70{font-size: 70px;line-height: 100%;}
.yellow{color: #f5df00;}
.white{color: #fff;}
.brown{color: #56442a;}
.green{color: #1f913c;}
.blue{color: #0552a0;}
.orange{color: #ff6a07;}
br.br1340,br.br1024,br.br789,br.br589,br.br389{display: none;}
/* ---       ヘッダー
----------------------------------------------------------------------*/
#header-line{
	background: url(../images/h2-back.jpg) repeat-x center center;
	align-items: flex-end;-webkit-box-align: end;-ms-flex-align:end;-webkit-align-items: flex-end;
	padding: 10px 0 5px;
	font-size: 14px;
	margin-bottom: 13px;
}
#header-line h2{
	padding: 0 15px;
	margin: 0;
}
h1.site-description{
	font-size: 10px;
	padding: 0 0 10px 0;
	font-weight: normal;
}
#header-top{margin: 0 auto 10px;}
h2.site-title{
	width: 260px;
	margin: 0;
	padding: 0;
}
/* ----------------------ヘッダー電話番号メニュー　1340px以上は非表示---------------*/
#header-tel-area{flex: 2;-webkit-box-flex:2;-ms-flex:2;}
#header-tel-area .header-phone-box {position: relative;}
.header-phone-box p.tel-p{
	font-size: 15px;
	line-height: 120%;
	justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
	text-align: center;
	position: relative;
	z-index: 10;
	padding-top: 10px;
}
#phone1 p.tel-p{
	background: url(../images/back-tel-circle-big.png) no-repeat center center;
	background-size: 70px auto;
	height: 70px;
	width: 120px;
}
#phone2 p.tel-p,#phone3 p.tel-p{
	background: url(../images/back-tel-circle-big.png) no-repeat center center;
	background-size: 60px auto;
	height: 60px;
	width: 68px;
}
.header-phone-box p.tel-p .big{font-size: 1.2em;}
.tel-number{
	font-size: 30px;
    position: relative;
    z-index: 0;
}
.tel-number span{
	position: relative;
	padding-left: 40px;
}
.tel-number span:before{
	content: '';
	background: url(../images/icon-free-dial.png) no-repeat center top;
	background-size: 100% auto;
	width: 31px;
	height: 20px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
.header-phone-box .tel-number {
    background: #fff3cb;
    border-radius: 6px;
    line-height: 50px;
    padding: 0 20px 0 50px;
    margin-left: -45px;
}
.estimate-number{
	position: absolute;
    right: -20px;
    top: -40px;
    z-index: 10;
    animation: fluffy1 2s ease infinite;
    background: url(../images/estimate-balloon.png) no-repeat center top;
    background-size: 100% auto;
    width: 100px;
    height: 61px;
    font-size: 13px;
    line-height: 55px;
    text-align: center;
    color: #ff9306;
    text-shadow: 0 1px 2px rgb(245, 191, 120);
}
@keyframes fluffy1{
  0% { transform:translateY(0) }
  50% { transform:translateY(-15px) }
  100% { transform:translateY(0) }
}
/*******************検索エリア *******************/
#header-bottom{margin: 0 auto 20px;}
#header-bottom-inner{align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items: stretch;}
.search-fixed #header-bottom-inner{
	width: 1340px;
	margin: 0 auto;
}
.header-bottom-button{
	width: 120px;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 14px;
	line-height: 130%;
}
.header-bottom-button img{margin-right: 10px;}
#header-cart-button{
	width: 180px;
	font-size: 18px;
	line-height: 50px;
}
.search-fixed #header-cart-button {line-height: 42px;}
#header-search{
	position: relative;
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
}
#header-search-form{
	align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items: stretch;
	border: 2px solid #20a2c5;
	border-radius: 4px;
}
#header-search-form #header-search-input{
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	height: 50px;
}
.search-fixed #header-search-form #header-search-input{height: 42px;}
#header-search-form #search-detail{
	width: 120px;
    text-align: center;
    margin:1px 1px 1px 0;
    background: #ddd;
	text-align: left;
}
.search-detail-box{
	align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;
	margin-bottom: 20px;
}
#search-price-min,#search-price-max{width: 10em;} 
#search-detail-terms,#search-order-box{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
#header-search-form #search-submit-button{
	width: 54px;
    padding: 0;
    height:auto;
	position: relative;
	z-index: 1;
	font-size: 30px;
}
#search-detail-area{
	position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 55px;
    padding: 30px;
    background: #fffccc;
    border: 4px solid #f5ce46;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
}
#search-detail-area .detail-title{
	width: 180px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}
#search-detail-area .detail-title:before {
    content: '';
    display: block;
    background: url(../images/icon-list.png) no-repeat center top;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#search-detail-area .detail-right{
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;
}
#search-detail-button{
	height: 100%;
	width: 100%;
}
#search-terms-box label{margin-right: 20px;}
#search-detail-bottom .button{
	padding: 10px 20px ;
	margin: 0 10px;
	font-size: 18px;
}
/************************メインメニュー***************************/
#mainnav{background: #fff;}
#mainnav .menu-button{display: none;}
#mainnav #panel {
	margin: 0;
	position: relative;
}
#mainnav .panel-inner{
	width: 1340px;
	margin: 0 auto;
}
#mainnav #panel ul {	
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
	align-items: stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;
	list-style: none;
	padding: 0;
}
#mainnav #panel-inner1{
	border-top: 1px solid #f5c00a;
	border-bottom: 4px solid #d7d7d7;
}
#mainnav ul.nav1{
	height: 70px;
	border-left: 1px solid #c8c8c8;
}
#mainnav ul.nav1 li{
	flex: 1;
	border-right: 1px solid #c8c8c8;
	position: relative;
}
#mainnav ul li.current:after,#mainnav ul.nav1 li:hover:after{
	content: '';
	display: block;
	height: 4px;
	width: 100%;
	background: #2eadcf;
	bottom: 0;
	left: 0;
	right: 0;
}
#mainnav ul li a{color: #222222;}
#mainnav ul li.current a,#mainnav ul li a:hover{background: url(../images/back-nav-current.jpg) no-repeat center center;}
#mainnav ul.nav1 li a {
  color: #333;
  height: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
  position: relative;
  display: block;
  padding-top: 41px;
  transition: .2s;
}
#mainnav ul li:last-child a { border-right: none;}
ul.nav1 .nav-img{
	display: block;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -15px;
}
ul.nav1 .current .nav-img,ul.nav1 li:hover .nav-img{filter: drop-shadow(0 2px 1px #aaa);}
#mainnav.is-fixed ul.nav2{display: none ;}
#mainnav #panel-inner2{
	background: #e5e5e5;
	font-size: 14px;
}
#mainnav ul.nav2 li a {
	font-size: 14px;
	font-weight: normal !important;
	padding: 5px 40px;
}
#mainnav ul.nav2 li a:hover {
	background: #ccc;
	color: #ffffff;
}
#mainnav ul.nav2 li a > *{
	display: inline-block;
	vertical-align: middle;
}
#mainnav ul.nav2 li a img{margin-right: 10px;}
/* ----------------------------左の縦長バナーエリア -----------------------------*/
#left-banner-area{overflow: hidden;}
#left-banner-area a{
	display: block;
	margin: 0 auto 10px;
}
#left-banner-area a:hover img{opacity: 0.5;}
/* ----------------------------トップページ -----------------------------------*/
/*******************メインイメージ*******************/
#mainimage{
	position: relative;
	z-index: 1;
	display: block;
	height: 400px;
	margin: 0 auto 40px;
}
#mainimage .mainimage-box{
	display: block;
	z-index: 50;
	width: 100%;
}
#mainimage1 .mainimage1{
	display: block;
	position: relative;
	max-width: 1210px;
	height: auto;
	width: 100%;
	z-index: 0;
}
#mainimage1 .mainimage1-img{
	display: block;
	position: absolute;
	bottom: 0;
	right: 1px;
	z-index: 10;
}
#mainimage1 .mainimage1-bottom{
	display: block;
	position: absolute;
	bottom: 10px;
	right: 30px;
	z-index: 20;
}
#mainimage .active{position: relative !important;}
/*******************sec1 無料カタログとBtoB *******************/
#sec1{align-items: stretch;-webkit-box-align:stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;}
#sec1 #banner-catalog{
	width: 750px;
	margin-right: 20px;
	border: 1px solid #ddd;
	background: url(../images/back-catalog-banner.jpg) no-repeat center center;
	padding-bottom: 84px;
}
#sec1 #banner-catalog .catalog-h2{
	display: block;
	position: relative;
	z-index: 10;
	margin: 100px 0 10px 70px;
}
#sec1 #banner-catalog .catalog-img,#sec1 #banner-catalog .catalog-ribon{
	display: block;
	position: absolute;
}
#sec1 #banner-catalog .catalog-img{
	z-index: 0;
	right: -14px;
	top: -2px;
	transition: all 0.2s ease 0s;
}
#sec1 #banner-catalog:hover .catalog-img{
	-webkit-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
}
#sec1 #banner-catalog .catalog-ribon{
	z-index: 20;
	left: -20px;
	top: 5px;
}
#sec1 #banner-catalog-bottom{
	background: #4d4335;
	padding: 15px 0 12px;
	position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 10;
}
#sec1 #banner-catalog-bottom h2{
	color: #fff;
    font-size: 24px;
    margin: 10px 15px 0 10px;
    text-shadow: 0px 3px 0 rgba(33, 25, 14, 0.4);
}
#top-catalog-button{
	line-height: 44px;
    padding: 0 28px 0 20px;
    font-weight: normal;
}
#sec1 #banner-btob{
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	border: 1px solid #ddd;
	padding: 15px 20px 15px;
	background: url(../images/back-btob.jpg) no-repeat center center;
}
#sec1 .banner-btob-title{
	background: url(../images/btob-ribon.png) no-repeat left bottom;
	margin: 0 0 0 -25px;
}
#sec1 .banner-btob-title .icon-btob{margin: 0 10px 6px 20px;}
#sec1 .banner-btob-title .btob-h2{margin-top: 10px;}
#sec1 #banner-btob h3{
	font-weight: normal;
	font-size: 14px;
	line-height: 140%;
	margin: 12px auto 0;
}
#sec1 #banner-btob .tel-p{
	background: url(../images/back-tel-circle-big.png) no-repeat center center;
    background-size: 60px auto;
    height: 60px;
    width: 71px;
    font-size: 14px;
    line-height: 140%;
    margin-right: 15px;
}
#sec1 a#banner-btob-bottom{
	position: absolute;
    background: #575757;
    display: block;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    padding: 12px 15px 9px 0;
}
#sec1 a#banner-btob-bottom:hover{
    background: #ccc;
    color: #333;
}
#sec1 a#banner-btob-bottom span{
	position: relative;
	padding-right: 20px;
}
#sec1 a#banner-btob-bottom span:after{
	content: '';
	display: block;
	background: url(../images/arrow-white-normal.png) no-repeat center top;
	width: 15px;
	height: 13px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/*******************sec2 6つの理由 *******************/
#sec2-title-area{
	background: url(../images/reason6-line.png) no-repeat center 74px;
	margin-bottom: -15px;
}
#sec2-title-area h2{
	font-size: 40px;
	text-align: center;
	position: relative;
	margin: 0 0 20px 0;
	text-shadow: 0 1px 3px rgba(33, 25, 14, 0.4);
}
#sec2-title-area .reason6-tag{margin: -2px 15px 0 -100px;}
#sec2 #reason-inner{
	align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;
	flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;
}
#sec2 #reason-inner .reason-box{
	width: 32%;
    border: 4px solid #e5e5e5;
    font-size: 14px;
    line-height: 140%;
    font-weight: normal;
    padding: 0 10px 10px;
    margin-top: 15px;
    position: relative;
}
#sec2 .reason-box .icon-reason{margin-right: 16px;}
#sec2 .reason-box h3{
	margin: 10px auto 5px;
    padding: 0;
}
#sec2 .reason-box h3 img{margin-right: 6px;}
#sec2 .reason-box h3 span{
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	background: url(../images/line-dotted-beige.png) no-repeat left bottom;
    padding: 9px 0 14px;
    text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
} 
#sec2 .reason-box .btob{
	position: absolute;
    right: -4px;
    top: -4px;
    background: #f8da75;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px;
    color: #8a7425;
}
/*******************sec3 カテゴリのエリア *******************/
#sec3-title-bottom{
	justify-content:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;
	background: url(../images/sec3-title-bottom.png) no-repeat center bottom;
	background-size: 100% auto;
}
#sec3-title-bottom .icon-sec3-title{}
#sec3-title-bottom h3{
	font-size: 18px;
	margin-left: 10px;
	margin: 9px 2px 3px 10px;
}
#sec3-title-bottom h3 .yellow{font-size: 24px;}
#cat-area-inner{
	align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;
	flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;
}
#cat-area-inner .cat-box{
	width: 24%;
	border: 1px solid #e5e5e5;
	margin-top: 50px;
	position: relative;
}
#cat-area-inner .cat-box img.fit{
	width: 100%;
    height: 350px;
    z-index: 1;
}
#cat-area-inner .cat-box-inner{display: block;}
#cat-area-inner .cat-box-inner:hover img.fit{opacity: 0.5;}
#cat-area-inner .cat-box h2.cat-name{
	background: url(../images/cat-name-ribon.png) no-repeat center top;
	width: 281px;
	height: 57px;
	text-align: center;
	line-height: 50px;
	font-size: 26px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	color: #222222;
	font-weight: normal;
	margin: auto;
	padding: 0;
	z-index: 10;
}
#cat-area-inner .cat-box h2.cat-name span{
	position: relative;
	padding-left: 10px;
}
#cat-area-inner .cat-box h2.cat-name span:before{
	content: '';
	display: block;
	background: url(../images/arrow-blue.png) no-repeat center top;
	width: 14px;
	height: 12px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -12px;
}
#cat-area-inner .cat-box .cat-bottom{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #575757;
}
#cat-area-inner .cat-box .cat-bottom .button{
	width: 84px;
    margin: 5px 2px;
}
#cat-area-inner #cat-box8{border: none;}
#cat-box8-2{margin: 4% 0;}
#cat-area-inner .cat-box-min {
	border: 1px solid #888888;
	border-radius: 4px;
	height: 31%;
	position: relative;
	padding: 0 60px 0 20px;
	transition: .2s;
}
#cat-area-inner .cat-box-min:hover{background: #ddd;}
#cat-area-inner .cat-box-min .icon-cat8{
	position: relative;
	z-index: 10;
}
#cat-area-inner .cat-box-min h2{
	margin: 0 0 0 -20px;
    color: #222222;
    font-size: 22px;
    padding: 10px 0 13px 34px;
    z-index: 1;
    background: url(../images/line-double-blue.png) repeat-x left bottom;
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
}
.arrow-white-normal{
	background:#575757;
	border-radius: 3px;
	width: 26px;
	height: 98%;
	position: absolute;
	right: 1px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#cat-area-inner .cat-box-min:hover .arrow-white-normal{background: #ccc;}
.arrow-white-normal:after{
	content: '';
	display: block;
	background: url(../images/arrow-white-normal.png) no-repeat center top;
	width: 15px;
	height: 13px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 5px;
}
/*******************sec4 お客様の声とバナーのエリア *******************/
#top-voice{
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	border: 4px solid #e5e5e5;
	padding: 39px 36px 15px;
}
#top-voice .voice-tag{
	display: block;
	position: absolute;
	top: -41px;
    left: -24px;
    z-index: 10;
}
#top-voice .title-area .button{
	width: 200px;
    position: absolute;
    right: 0;
    bottom: 11px;
    line-height: 34px;
}
#top-voice .title-area{
	padding: 0 0 18px 85px;
	background: url(../images/line-dotted-blue.png) no-repeat left bottom;
	z-index: 0;
}
#top-voice .title-area h2{
	flex: 2;-webkit-box-flex: 2;-ms-flex: 2;
	margin: 0 auto;
	padding: 0 0 0 10px;
	 text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
}
#voice-box-area{
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
}
#top-voice #voice-box-area{
	height: 210px;
    overflow-y: scroll;
}
#voice-box-area .voice-box{
	background: #e2f9ff;
	margin: 0 auto 10px;
	padding: 15px 15px 12px; 
	align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;
}
#voice-box-area .voice-thum{
	flex: none;
	width: 100px;
	margin: 0 30px 0 0;
}
#voice-box-area .voice-thum img{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	border: 4px solid #fff;
}
#voice-box-area .voice-right{flex: 2;-webkit-box-flex: 2;-ms-flex: 2;}
#voice-box-area h3.voice-title{
	background: #fff;
	position: relative;
	border-radius: 6px;
	margin: 0 auto 5px -10px;
	display: inline-block;
	padding: 15px 30px 13px 25px;
	font-size: 16px;
}
#voice-box-area h3.voice-title:before {
	content: "";
    position: absolute;
    top: 54%;
    left: -30px;
    margin-top: -15px;
    border: 13px solid transparent;
    border-right: 21px solid #fff;
}
#voice-box-area .meta .inner{
	position: relative;
	display: inline-block;
	padding-bottom: 5px;
}
#voice-box-area .meta .inner:after{
	background: url(../images/line-dotted-beige.png) no-repeat left bottom;
    content: '';
    height: 5px;
    width: auto;
    display: block;
    bottom: -2px;
    position: relative;
}
#voice-box-area .voice-right p{display: block;}
#sec4-inner {align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;}
#right-banner-area{	margin: 0 0 0 30px;}
#sec4-inner .right-banner{
	height: 150px;
	width: 360px;
	display: block;
}
#sec4 #right-banner2{margin-top: 20px;}
/*******************sec5 お知らせとバナーのエリア *******************/
#top-info{
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	border: 4px solid #e5e5e5;
	padding: 5px 20px 2px;
	order: 2;-webkit-order: 2;-ms-order: 2;
}
#top-info h2{
	margin: 0 20px 0 0;
    padding: 0;
    background: url(../images/back-info-circle.png) no-repeat center center;
    font-size: 20px;
    text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
    height: 92px;
    width: 92px;
}
#top-info h2 img{
	display: block;
    margin: 19px auto 2px;
}
#top-info dl{
	height: 120px;
	overflow-y: scroll;
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	font-size: 14px;
	line-height: 140%;
	font-weight: normal ;
}
#top-info dd{
	border-bottom: 1px dashed #f9e7a9;
	padding: 5px 0 15px 10px;
	margin: 0 auto 15px;
}
#sec5-inner {align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;}
#sec5-left{order: 1;-webkit-order: 1;-ms-order: 1;}
#sec5-inner .left-banner{margin-right: 30px;}
#sec5 #sec5-banner2{border: none;}
/*******************#main 商品カテゴリのエリア *******************/
#main .top-cat{
	border: 5px solid #e5e5e5;
	margin: 0 auto 40px;
	display: block;
	position: relative;
}
.price-tag{
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;	
}
.top-cat-main{
	align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;
	padding: 0 25px 0;
}
.top-cat-main .cat-main-photo{
	width: 300px;
	margin:60px 40px 50px 0;
	position: relative;
}
.top-cat-main .cat-main-photo img{transition: .2s;}
.top-cat-main .cat-main-photo:hover img{opacity: 0.5;}
.top-cat-main .cat-main-photo:after{
	content: '';
	display: block;
	background:url(../images/cat-mainphoto-clip.png) no-repeat center top;
	width: 181px;
	height: 72px;
	background-size: 100% auto;
	margin: auto;
	left: 0;
	right: 0;
	top: -65px;
	position: absolute;
}
.top-cat-main .cat-main-photo img{box-shadow: 2px 2px 4px rgba(33, 25, 14, 0.5);}

/***** U2のindex_1.php等でカタログ表示に伴う追加（クリップの位置を左に）2024/07/30 *****/
.top-cat-main .cat-main-photo2{
	width: 300px;
	margin:60px 40px 50px 0;
	position: relative;
}
.top-cat-main .cat-main-photo2 img{transition: .2s;}
.top-cat-main .cat-main-photo2:hover img{opacity: 0.5;}
.top-cat-main .cat-main-photo2:after{
	content: '';
	display: block;
	background:url(../images/cat-mainphoto-clip.png) no-repeat center top;
	width: 181px;
	height: 72px;
	background-size: 100% auto;
	margin: auto;
	left: 0;
	right: 0;
	top: -65px;
	left: -30px;		/* cat-main-photoのコピーにこの行だけ追加した */
	position: absolute;
}
.top-cat-main .cat-main-photo2 img{box-shadow: 2px 2px 4px rgba(33, 25, 14, 0.5);}
/* 追加ここまで */

.top-cat-right{flex: 2;-webkit-box-flex: 2;-ms-flex: 2;}
.top-cat-title h2{
	font-family: 'gen-Bold' , sans-serif;
	text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
	margin: 30px auto 10px;
    padding: 10px 0 6px 20px;
    transition: .2s;
    z-index: 0;
}
.top-cat-title:hover h2{opacity: 0.5;}
.top-cat-title h2 img{margin-right: 10px;}
.top-cat .season-area{justify-content: flex-end;-webkit-box-pack:end;-ms-flex-pack: end; -webkit-justify-content: flex-end;}
.top-cat .season-area .button{
	width: 140px;
	line-height: 36px;
	margin: 0 3px;
}
.season-area .button span{
	position: relative;
	padding-left: 10px;
}
.season-area .button span:before{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -20px;
	content: '';
	display: block;
	width: 19px;
	height: 19px;	
}
.season-area .spring span:before{background: url(../images/icon-spring.png) no-repeat center top;}
.season-area .winter span:before{background: url(../images/icon-winter.png) no-repeat center top;}
.season-area .all span:before{background: url(../images/icon-all.png) no-repeat center top;}
.cat-list-area{align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;}
.top-cat .cat-list-area ul{
	width: 49%;
	margin-bottom: 50px;
}
.top-cat .cat-list-area li a{
	padding: 10px 0 8px 5px;
	font-family: 'gen-Bold' , sans-serif;
	font-size: 16px;
	justify-content: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
	border-bottom: 1px dashed #ebebeb;
}
.top-cat .cat-list-area li a img{margin-right: 10px;}
.top-cat .cat-list-area li a:hover{
	background: #ddd;
	color: #fff;
}
.new-item-list{align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;}
.top-cat .new-item-list{margin: 0 25px 20px;}
.top-cat .new-item-list p{
	font-size: 15px;
	background: url(../images/line-dotted-beige.png) no-repeat left bottom;
	position: relative;
    margin-left: 40px;
	position: relative;
}
.top-cat .new-item-list p:before{
	content: '';
	display: block;
	background: url(../images/icon-new.png) no-repeat center top;
	width: 33px;
	height: 31px;
	position: absolute;
	left: -38px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.new-item-list ul{
	flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;
	flex: 2; -webkit-box-flex: 2;-ms-flex:2;
}
.new-item-list ul li{margin-bottom: 5px;}
.new-item-list a{
	font-size: 0.8em;
    font-weight: normal;
    border: 3px solid #fcf3b6;
    line-height: 26px;
    border-radius: 14px;
    margin: 0 3px;
    padding: 2px 12px;
    text-decoration: underline;
}
.new-item-list a:hover{
	background: #fcf3b6;
	color: #222;
}
.top-cat-bottom{
	background: #575757;
	padding: 10px 0 10px;
}
.top-cat-bottom a{
	width: 270px;
    height: 60px;
    margin: 0 10px;
    line-height: 120%;
    padding: 0;
    font-size: 18px;
	justify-content: center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
 #top-cat8{
	background: #e5e5e5;
	padding: 35px 30px 30px;
}
 #top-cat8 .top-cat-min{
	width: 32%;
	border: 1px solid #888888;
	border-radius: 4px;
	background: #fff;
}
 #top-cat8 .top-cat-min:hover {background: #ddd;}
 #top-cat8 .top-cat-min-inner{
    transition: .2s;
    padding: 15px 0 10px;
}
 #top-cat8 .top-cat-min h2{
	text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
	margin: 0 0 0 10px;
	padding: 0;
	color: #222;
}
 #top-cat8 .top-cat-min-bottom{
    background: #575757;
    display: block;
    color: #fff;
    text-align: right;
    padding: 4px 28px 3px 0;
}
 #top-cat8 .top-cat-min:hover .top-cat-min-bottom{background: #ccc;}
 #top-cat8 .top-cat-min-bottom span{position: relative;}
 #top-cat8 .top-cat-min-bottom span:after {
    content: '';
    display: block;
    background: url(../images/arrow-white-normal.png) no-repeat center top;
    width: 15px;
    height: 13px;
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
/*******************sec6 ユニフィスの専門ショップのエリア *******************/
#sec6 h2.title{
	position: relative;
	margin: 0;
	padding: 0;
}
#sec6 h2.title:before {
    content: "";
    display: block;
    border-top: double 8px #ccc;
    width: 100%;
    height: 6px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

/*** 20200601 追加 ***/
@media all and (-ms-high-contrast: none){
	#sec6 h2.title:before{content:none;}
}

#sec6 h2.title img,#sec6 h2.title span {
    background:#fff;
    padding: 5px;
    position: relative;
    z-index: 5;
}
#sec6 .banner-site{position: relative;}
#sec6 .banner-site h3{
	font-size: 12px;
    line-height: 130%;
    background: url(../images/banner-shop-ribon.png) no-repeat center top;
    width: 232px;
    height: 61px;
    position: absolute;
    bottom: -6px;
    left: -10px;
    margin: 0;
    padding: 10px 0 0 20px;
    color: #222;
}
#sec6 .banner-site h3 .green{font-family: 'gen-Bold' , sans-serif;}
/*******************sec7 フリーのバナーのエリア *******************/
#sec7 .banner-free{
	width: 32%;
	max-width: 360px;
	margin: 0 10px;	
	position: relative;
}
#sec7 .banner-free h3{
	font-size: 16px;
	text-align: center;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	line-height: 130%;
	margin: 0;
	padding: 0;
}
/*******************sec8 スタッフバナー *******************/
#sec8{padding-bottom: 100px;}
#sec8-inner{
	align-items: flex-end;-webkit-box-align: end;-ms-flex-align:end;-webkit-align-items: flex-end;
	border: 4px solid #e5e5e5;
	padding: 30px 0 0 8px;
	position: relative;
}
#sec8-left{
	color: #8f8f8f;
	flex: 2;-webkit-box-flex: 2;-ms-flex: 2;
}
#sec8-left img{
	display: block;
	margin: 0 auto;
}
#sec8-left h2{
	font-size: 20px;
	margin: 0 auto 20px;
	padding: 0;
}
#sec8-right .staff-balloon{
	display: block;
	position: absolute;
	font-size: 18px;
	font-family: 'gen-Bold' , sans-serif;
	line-height: 120%;
	padding-top: 32px;
}
#sec8-right .staff-balloon .min{font-size: 14px;}
#sec8-right .staff-balloon1{
	background: url(../images/staff-balloon1.png) no-repeat center top;
    width: 196px;
    height: 129px;
    right: 454px;
    top: -28px;
} 
#sec8-right .staff-balloon2{
	background: url(../images/staff-balloon2.png) no-repeat center top;
	width: 170px;
	height: 121px;
	top:-16px;
	right: 150px;
} 
/************************横からスライドのポイント***************************/
#side-point{
	position: fixed;
	bottom: -12px;
	left: 0;
	z-index: 1000;
}
#side-point-inner{
	align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;
	background:url(../images/side-point-bottom.png) no-repeat center bottom;
	padding-bottom: 11px;
}
#side-point a{
	background:url(../images/back-side-point.png) no-repeat center top;
	background-size: 100% auto;
	width: 106px;
	height: 106px;
	text-align: center;
	line-height: 120%;
	margin: 0 2px;
	transition: all 0.2s ease 0s;
	color: #523c28;
	position: relative;
	padding-top: 34px;
}
#side-point #side-point-box1{
	width: 126px;
	height: 126px;
	background:url(../images/back-side-point1.png) no-repeat center top;
	background-size: 100% auto;
	padding-top: 55px;
}
#side-point a#side-point-close{
	background: url(../images/side-point-end.png) no-repeat center top;
    width: 39px;
    height: 39px;
    font-size: 20px;
    line-height: 36px;
    padding: 0;
}
#side-point a:hover {
    -webkit-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
}
#side-point a#side-point-close:hover{transform:none !important;}
#side-point-inner{
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 0;
}
#side-point-inner {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
	transition: all 1s ease;
}
#side-point-inner.active {
	opacity: 1;
	transform: translate3d(0, 0, 0);
 }
#side-point.none{
	opacity: 0;
	transition: all 1s ease;
}
#side-point.none #side-point-inner.active{display: none;}
#side-point .icon-side-point{
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 13px;
}
#side-point h3{
	font-size: 14px;
	color: #523c28;
	line-height: 130%;
	margin: 0 auto;
	padding: 0;
}
#side-point p{font-size: 12px;}
/************************右下固定の電話番号エリア*************************/
#fixed-tel-area{
	position: fixed;
	bottom: -2px;
	right: 10px;
	z-index: 3000;
}
#fixed-tel-area-inner{
	position: relative;
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 0;
  border: 1px solid #888888;
  background: #fff;
  border-radius: 4px;
  width: 320px;
}
#fixed-tel-area-inner{
	transform: translate3d(0, 0, -100%);
	transition: all 1s ease;
}
#fixed-tel-area-inner.active {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	display: block;
 }
#fixed-tel-area-inner.close{
	height: 20px;
	bottom: 0;
	opacity: 1;
	box-shadow: 0 0 6px rgba(33, 25, 14, 0.4);
}
#fixed-tel-area-inner.active #fixed-tel-close{
	display: block;
    background: #2dadce;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    position: absolute;
    text-align: center;
    top: -16px;
    left: -17px;
    font-size: 12px;
    line-height: 41px;
    transition: all 0.2s ease 0s;
}
#fixed-tel-area-inner.active #fixed-tel-close:hover{
	-webkit-transform: translateY(-10px) !important;
    transform: translateY(-10px) !important;
}
#fixed-tel-area-inner.active #fixed-tel-open{display: none;}
#fixed-tel-area-inner.close #fixed-tel-close{display: none;}
#fixed-tel-area-inner.close #fixed-tel-open{
	display: block;
    background: rgb(255, 147, 6);
    color: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    position: absolute;
    text-align: center;
    top: -42px;
    right: -9px;
    font-size: 15px;
    line-height: 120%;
    z-index: 100;
    padding: 16px 0 0;
    transition: all 0.2s ease 0s;
    box-shadow: 0 0 5px rgba(33, 25, 14, 0.3);
}
#fixed-tel-area-inner .icon-free-dial-min{
	display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    margin: auto;
}
#fixed-tel-area-inner.close #fixed-tel-open:hover{
	-webkit-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
}
#fixed-tel-close-sp{display: none;}
#fixed-tel-area .title-area {
	background: url(../images/h2-back.jpg) no-repeat center center;
	border-radius: 6px;
	margin: 1px;
	padding: 21px 10px 10px;
	justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
	position: relative;
}
#fixed-tel-area .title-area:after{
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	background:  #f5ce46;
	position: absolute;
	margin: auto;
}
#fixed-tel-area .title-area h2{
	margin: 0 8px;
	padding: 0;
	font-size: 22px;
	text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
}
#fixed-tel-area .title-area p{
	font-size: 12px;
	line-height: 120%;
	font-weight: normal;
}
#fixed-tel-area .fixed-tel-title{
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: -15px;
}
#fixed-tel-area-inner.close .fixed-tel-title {
    width: 185px;
    height: auto;
    right: auto;
    left: 30px;
}
#fixed-tel-area h4.title{
	color: #786450;
	font-size: 16px;
	margin: 0 auto 10px;
	text-align: center;
	padding-top: 0;
}
#fixed-tel-bottom{
	padding: 20px 10px 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
}
#fixed-tel-bottom p.bold{
	font-size: 14px;
	padding: 8px 0;
}
.fixed-phone-box{margin-bottom: 10px;}
#fixed-tel-bottom .tel-p{
	background: #f5ce46;
	line-height: 120%;
	flex: 2;-webkit-box-flex:2;-ms-flex:2;
	text-align: center;
	font-size: 13px;
    border-radius: 15px;
    margin-right: 10px;
}
#fixed-tel-bottom .tel-number {font-size: 24px;}
/* サイドバー
------------------------------------------------------------*/
.side-banner{
	display: block;
	margin: 0 auto 20px;
}
#side-bar .widget{
	display: block;
	margin: 0 auto 30px;
}
#side-bar #side-cart{
	line-height: 80px;
	justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
	margin: 0 auto 20px;
}
#side-bar #side-cart img{margin-right: 10px;}
#side-banner-area a{position: relative;}
#side-banner-area img{
	position: relative;
	z-index: 0;
	display: block;
}
#side-banner-area h2{
	font-size: 14px;
    line-height: 120%;
    background: url(../images/side-banner-ribon.png) no-repeat center right;
    background-size: auto 58px;
    height: 58px;
    text-align: left;
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 10;
    color: #222222;
    margin: 0;
    padding: 10px 30px 0 15px;
}
#side-present .banner-present-ribon{
	display: block;
    position: absolute;
    left: -5px;
    top: -6px;
}
#side-bar .title-area-yellow h3{
	justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;
	font-size: 18px;
	margin: 0 auto ;
	padding: 15px 10px 8px 20px;
	text-align: left;
}
#side-bar .title-area-yellow h3 img{margin-right:5px;}
#side-cat-bottom{
	font-size: 14px;
	background: url(../images/side-cat-bottom.png) repeat-x center bottom;
	padding: 0 3px 2px 0;
	justify-content: flex-end;-webkit-box-pack:end;-ms-flex-pack: end; -webkit-justify-content: flex-end;
}
#side-cat-bottom h3{
	margin: 0;
	padding: 0;
}
#side-cat-bottom .yellow{font-size: 18px;}
#side-bar .widget ul li{
	border-bottom: 1px dotted #ddd;
	list-style: none;
}
#side-bar .widget ul li a{
	display: block;
	padding: 15px 10px;
	font-size: 15px;
	position: relative;
}
#side-bar .widget ul li a:hover{
	background: #ddd;
    color: #fff;
}	
#side-bar .widget ul li a:before{
	content: '';
	display: block;
	background: url(../images/arrow-gray.png) no-repeat center top;
	width: 14px;
	height: 12px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 5px;
	position: absolute;
}
#side-bar #side-cat ul li a{
	justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
	padding: 3px 0 3px 5px ;
	font-family: 'gen-Bold' , sans-serif;
	font-size: 16px;
}
#side-bar #side-cat ul li a img{margin-right: 5px;}	
#side-bar #side-maker ul li a {padding: 5px 20px 5px 10px;}
#side-bar #side-maker ul li a img{
	height: 60px;
    width: auto;
    display: block;
    margin: 0 auto;
}
/* footer
------------------------------------------------------------*/
#footer-guide{
	background: #fcf3b6;
	line-height: 140%;
	font-size: 14px;
}
#footer-guide h2.title-area-yellow{
	text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
    margin: 0 auto 15px;
    padding: 5px 0 2px;
}
#footer-guide h2.title-area-yellow img{margin-right: 10px;}
.guide-box{
	background: #fff;
	padding: 10px 20px 15px;
	font-size: 14px;
}
#guide1{margin: 0 auto 20px;}
#guide1-bottom{align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;}
.guide1-box{width: 49%;}
#guide-bottom-area{align-items: stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;}
.guide-box-bottom{width: 32%;}
h3.guide-h3{
	font-size: 22px;
	padding: 0 0 12px;
	margin: 30px auto 15px;
	background: url(../images/line-dotted-blue.png) no-repeat center bottom;
}
h3.guide-h3 img,#footer-guide h4.flex-area-left img{margin-right: 10px;}
#footer-guide h4{
	margin-top: 40px;
	font-size: 20px;
}
.guide-time{
	font-size: 16px;
    background: url(../images/footer-time-ribon.png) no-repeat center top;
    width: 268px;
    height: 44px;
    line-height: 52px;
    position: absolute;
    right: 0;
    padding: 0 0 0 15px;
    bottom: 6px;
}
#footer-guide #fax-area{justify-content: flex-end;-webkit-box-pack:end;-ms-flex-pack: end; -webkit-justify-content: flex-end;}
#footer-guide .icon-list,#footer-guide .how-li li{
	position: relative;
	padding-left: 20px;
}
#footer-guide .icon-list:before,#footer-guide .how-li li:before{
	content: '';
	display: block;
	background: url(../images/icon-list.png) no-repeat center top;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#footer-guide p.strong-p{
	font-size: 1.2em;
	padding-bottom: 10px;
}
#guide-tel-area .guide-phone-box{
	justify-content: flex-end;-webkit-box-pack:end;-ms-flex-pack: end; -webkit-justify-content: flex-end;
	margin-bottom: 10px;
}
#footer-guide p.tel-p {
    background: url(../images/back-tel-circle-big.png) no-repeat center center;
    background-size: 70px auto;
    height: 70px;
    width: 70px;
    margin: 0 15px 0 0;
    text-align: center;
    padding-top: 22px;
    line-height: 130%;
}
#footer-guide table .blue{
	font-size: 24px;
	font-family: 'gen-Bold' , sans-serif;
}
#footer-guide .marker{
	font-size: 18px;
	color: #463722;
	background: url(../images/marker-yellow.png) no-repeat center bottom;
	padding: 0 0 10px;
	text-align: center;
	margin: 0 auto 10px;
}
#footer-guide .marker .orange{
	font-size: 28px;
	line-height: 150%;
}
#footer-guide h4.pay-h4{
	font-size: 18px;
	padding-bottom: 5px;
}
#footer-guide .how-li li{
	line-height: 180%;
	font-size: 16px;
}
.guide-box .guide-link{
	text-align: right;
	text-decoration: underline;
	padding: 0 15px 0 0;
	font-weight: normal;
	display: block;
	position: relative;
	margin: 15px 0 30px;
}
.guide-box .guide-link:after{
	content: '';
	display: block;
	background: url(../images/arrow-black-min.png) no-repeat center top;
	width: 10px;
	height: 8px;
	position: absolute;
	margin: auto;
	right: 0;
	top: 0;
	bottom: 0;
}
#footer-guide-contact{
	background: #fcf3b6;
	padding: 10px 20px 15px;
}
.footer-guide-logo{
	display: block;
	margin-bottom: 10px;
}
#footer-guide-contact h3{
	background: url(../images/line-dotted-white.png) no-repeat center bottom;
	padding-bottom: 17px;
}
#footer-guide-contact .guide-contact-time{padding-top:20px; }
#footer-bottom{
	background: #e5e5e5;
	padding: 50px 0 110px;
}
#footer-nav,.footer-nav-bottom{align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;}
.footer-nav-box h3{
	font-size: 18px;
	margin: 0 auto 20px;
	padding: 0;
}
.footer-nav-box h3 img{margin-right: 10px;}
#footer-nav{
	padding: 50px 0 0;
	justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
}
#footer-nav ul{margin: 0 30px 100px 20px;}
#footer-nav a{
	font-weight: normal;
    display: block;
    font-size: 0.9em;
    line-height: 250%;
	position: relative;
	padding-left: 20px;
}
#footer-nav a:before{
	content: '';
    display: block;
    background: url(../images/arrow-black-min.png) no-repeat center top;
    width: 10px;
    height:8px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}
#footer-nav2{margin: 0 100px;}
#footer-nav2 .footer-nav-bottom ul{margin: 0 60px 0 10px;}
.footer-discription{
	font-size: 10px;
	text-align: center;
	line-height: 150%;
}
#copyright{
	text-align: center;
	font-size: 0.8em;
	padding: 0 0 3px;
}
/* ppagetop
------------------------------------------------------------*/
#pagetop{
	position:absolute;
	right:0;
	bottom: 30px;
}
#pagetop a span{
	font-size:14px;
	display: block;
	text-decoration: underline;
}
#pagetop a span{position: relative;}
#pagetop a span:before {
    content: '';
    display: block;
    background: url(../images/arrow-top.png) no-repeat center top;
    width: 12px;
    height: 11px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: -20px;
    position: absolute;
}
/***********************ローディングアニメ************************/
.loader-wrap {
	position: fixed;
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
    width: 100%;
    height: 100%;
    background: #ffffa4;
    z-index: 10000;
}

.loader {
  color: #5fad15;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* パンくずエリア
------------------------------------------------------------*/
#breadcrumb{margin: 15px auto 20px;}
#breadcrumb ol {
	font-size: 14px;
	list-style: none;
	margin:0 auto 0 !important
}
#breadcrumb ol li {
	margin: 0 10px 0 0;
	font-size: 15px;
}
#breadcrumb ol li:first-child::before {
	padding: 0 3px 0 0;
	content: "\f015";
	font-family: FontAwesome;
	font-size: 14px;
}
#breadcrumb ol li::before {
	padding: 0 10px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 14px;
}
/* 下層ページ共通部分
------------------------------------------------------------*/
#page-title{margin: 0 auto 40px;}
#page-title h1{
	font-size: 26px;
	margin: 0 auto;
    padding: 20px 15px 16px;
}
#pagetop-catalog{
	background: #4c4235;
    padding: 18px 300px 11px 60px;
    align-items: flex-end;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;
    margin: 0 auto 40px;
}
#pagetop-catalog:hover{background: #d0c5b7;}
#page-sec-top .catalog-ribon{
	position: absolute;
    display: block;
    left: -18px;
    bottom: -7px;
    width: 180px;
    height: auto;
    z-index: 10;
}
#pagetop-catalog .catalog-h2{
	width: 360px;
	height: auto;
}
#pagetop-catalog h2{
	font-size: 18px;
    margin: 0 0 0 20px;
    padding: 0;
    color: #fff;
}
#page-sec-top .catalog-img{
	position: absolute;
    width: 260px;
    height: auto;
    bottom: -10px;
    right: -280px;
}
#page-sec-top #link-cat{
	border-radius: 100%;
	text-align: center;
	font-size: 14px;
	width: 100px;
	height: 100px;
	position: absolute;
	margin: auto;
	right: 20px;
	top: 0;
	bottom: 0;
	line-height: 140%;
	transition: all 0.2s ease 0s;
	padding: 0;
}
#pagetop-catalog:hover #link-cat{
	-webkit-transform: translateY(-10px) !important;
    transform: translateY(-10px) !important;
}
#page-sec-top #link-cat .icon-catalog-banner{
	display: block;
	width: 40px;
	height: auto;
	margin:0 auto;
}
#page-sec-top #link-cat:after{content: none;}
#pagetop-catalog:hover img{opacity: 1;}
#free-banner-area {
	flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;
	align-items: stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items: stretch;
	margin: 0 auto 20px;
}
#free-banner-area a{
	width: 48%;
    margin: 0 1% 20px;
    background: #f7f7f7;
    border: 4px solid #f7f7f7;
}
#free-banner-area a img{
	width: 100%;
	height: auto;
	display: block;
}
#free-banner-area a:hover img{opacity: 0.5;}
/******************商品一覧ページ*********************/
#item-select-area{margin: 0 auto 80px;}
#select-category-area{margin: 0 auto 40px;}
#select-category-area h2{
	padding: 0;
    line-height: 70px;
}
#select-category-area h2 img{margin-right: 10px;}
#category-min-bottom{
	background: #fcf3b6;
    padding: 10px;
}
#select-category-area ul,#select-category-area-min ul{align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;}
#select-category-area ul li{
	flex: 1;
    max-width: 200px;
	text-align: center;
	border-right: 1px solid #f5ce46;
}
#select-category-area ul li:first-child{border-left: 1px solid #f5ce46;}
#select-category-area-min ul li{
	font-size: 12px;
    width: 90px;
    text-align: center;
}
#select-category-area-min ul li a{display: block;}
#select-category-area-min ul li img{width: auto;height: 34px;}
#select-category-area ul li img,#select-category-area ul li span,#select-category-area-min ul li img,#select-category-area-min ul li span{
	display: block;
	margin: 0 auto;
}
#select-category-area-min{
	background: #fcf3b6;
    margin: 0 auto 30px;
    padding: 10px 20px 4px 25px;
 }
#select-category-area-min h3{
	flex: none;
	font-size: 14px;
    padding-top: 10px;
    line-height: 130%;
    text-align: center;
    background: url(../images/back-tel-circle-big.png) no-repeat center center;
    background-size: 50px auto;
    height: 50px;
    margin: 0 20px 0 0;
}
h2.select-h2{
	font-size: 24px;
	text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
	font-family: 'gen-Heavy' , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
	padding: 0 0 15px 10px;
    background: url(../images/line-dotted-blue.png) repeat-x left bottom;
    margin: 0 auto 10px;
}
h2.select-h2 .min{font-size: 0.9em;}
h2.select-h2 img{margin-right: 10px;}
.category-rank{background: #fff;}
#select-rank-h3{
	padding: 0 0 15px 10px;
    background: url(../images/line-dotted-blue.png) repeat-x left bottom;
    margin: 0 auto 10px;
}
#select-rank-h3 img{margin-right: 10px;}
#tab-group{margin: 0 auto 10px;}
.tab{
	padding: 3px 20px;
    margin-right: 4px;
    transition: .2s;
    font-size: 13px;
}
.tab_current {
	color: #f1f1f1;
    background: #999;
}
.panel-area {
	display : none;
	background: #e2f9ff;
	padding : 10px 10px 15px;
	transition: .4s;
}
.panel_current {
	display : block;
	transition: 1s;
}
.panel-area h2.select-h2{
	display: inline-block;
	background: url(../images/rank-ribon.png) no-repeat center top;
    width: auto;
    height: 50px;
    line-height: 59px;
    background-size: 100% 100%;
    margin: 0 0 20px -24px;
    padding: 0 46px 0 20px;
}
.item-list{align-items: stretch;-webkit-box-align: stretch;-ms-flex-align:stretch;-webkit-align-items: stretch;}
.rank-item-box,.new-item-box{
	width: 15.5%;
    margin: 0 0.5% 0;
	position: relative;
}
.rank-item-box,.new-item-box a{display: block;}
.rank-item-box:first-child ,.rank-item-box:nth-child(2) ,.rank-item-box:nth-child(3) {
	background: #eddd97;
	background: -moz-linear-gradient(top,  #eddd97 0%, #fffdf3 27%, #f8e37c 100%);
	background: -webkit-linear-gradient(top,  #eddd97 0%,#fffdf3 27%,#f8e37c 100%);
	background: linear-gradient(to bottom,  #eddd97 0%,#fffdf3 27%,#f8e37c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddd97', endColorstr='#f8e37c',GradientType=0 );
	padding: 10px 10px 5px;
	transition: .2s;
}
.rank-item-box:first-child:hover ,.rank-item-box:nth-child(2):hover ,.rank-item-box:nth-child(3):hover{
	background: #eddd97;
	background: -moz-linear-gradient(top,  #eddd97 0%, #fffdf3 70%, #f8e37c 100%);
	background: -webkit-linear-gradient(top,  #eddd97 0%,#fffdf3 70%,#f8e37c 100%);
	background: linear-gradient(to bottom,  #eddd97 0%,#fffdf3 70%,#f8e37c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddd97', endColorstr='#f8e37c',GradientType=0 );
	transition: .2s;
}
.rank-item-box:nth-child(4),.rank-item-box:nth-child(5),.rank-item-box:nth-child(6){margin-top: 10px;}
.rank-item-box:after{
	content: 'No.1';
	display: block;
	position: absolute;
    top: -14px;
    left: 0;
    font-family: 'gen-Heavy' , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
    background: url(../images/back-side-point1.png) no-repeat center top;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #5d3b23;
    text-shadow: 0 1px 2px rgba(33, 25, 14, 0.2);
    z-index: 10;
}
.rank-item-box:nth-child(2):after{content: 'No.2';}
.rank-item-box:nth-child(3):after{content: 'No.3';}
.rank-item-box:nth-child(4):after{content: 'No.4';}
.rank-item-box:nth-child(5):after{content: 'No.5';}
.rank-item-box:nth-child(6):after{content: 'No.6';}
.item-box a:hover .object-fit-img{ opacity: 0.5;}
.item-box h3.item-name{
	font-size: 13px;
    line-height: 140%;
    margin: 5px auto 8px;
    padding: 0;
}
.item-box table{
	width: 100%;
	margin: 0;
}
.item-box table *{
	text-align: right;
	border: none !important;
	background: none !important;
	padding: 0;
	font-family: 'gen-Normal';
	line-height: 130%;
	white-space: nowrap;
}
.item-box table .price-old{
	font-size: 11px;
	color: #999;
}
.item-box table .price-old td{text-decoration: line-through;}
.item-box table .price-off th{font-size: 11px;}
.item-box table .price-off td{
	font-family: 'gen-Bold' , sans-serif;
	color: #ed0d0f;    
}
.rank-item-box table .price-off td,.new-item-box table .price-off td{font-size: 17px;}
.select-area{margin: 0 auto 40px;}
#select-season .button{
	width: 200px;
    margin-right: 10px;
    padding: 10px 0;
    font-size: 16px;
}
#item-container .item-list{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
/*サムネイル表示の場合*/
#item-container .item-list-blocks .item-box{
	width: 23%;
	font-size: 12px;
	line-height: 170%;
	margin: 0 1% 100px;
}
/*一覧表示の場合*/
#item-container .item-list-summary .item-box{
	width:100%;
	font-size: 12px;
	line-height: 170%;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
#item-container .item-list-summary .item-box a{
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
    justify-content: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
	flex: 2;-webkit-box-flex: 2;-ms-flex: 2;
}
#item-container .item-list-summary .item-box .thum-warp{
	width: 100px;
	padding: 0;
	margin: 0 20px 0 0;
}
#item-container .item-list-summary .item-box .thum-warp img{
	width: 100px;
	height: auto;
	display: block;
	position: initial;
}
#item-container .item-list-summary .item-box table {
    margin-top: 0;
    width: auto;
    flex: none;
}
#item-container .item-list-summary .item-box table *{text-align: left !important;}
#item-container .item-box a{color: #555;}
.rank-item-box .thum-warp,.new-item-box .thum-warp{
	position:relative;
	width:90%;
	padding-top:90%;
	margin: auto;
	overflow:hidden;
	background:#fff;
}
#item-container .item-box .thum-warp{
	position:relative;
	width:100%;
	padding-top:125%;
	overflow:hidden;
	background:#fff;
}
.rank-item-box:first-child .thum-warp,.rank-item-box:nth-child(2) .thum-warp,.rank-item-box:nth-child(3) .thum-warp{
	width:100%;
	padding-top:100%;
}
#item-container .item-box .thum-warp img,.rank-item-box .object-fit-img,.new-item-box .object-fit-img,.related-item-box .object-fit-img,.catalog-item-box .object-fit-img{
	width: 100%;
	height: 100%;
	display: block;
	object-position: 50% 50%;
	position: absolute;
    top: 0;
}
#item-container .item-box h3.item-name {
    margin: 10px auto 5px;
    font-size: 14px;
    color: #222222;
}
#item-container a:hover h3.item-name {
	text-decoration: underline;
	color: #2eadcf;
}
.item-box .season-tag{
	border: 3px solid #e5e5e5;
    margin: 0 0 0 5px;
    font-size: 0.8em;
    padding: 1px 5px;
}
#item-container .item-box table{margin-top: 20px;}
#item-container .item-box table  th{width: 7em;}
#item-container .item-box table .price-old td{font-size: 16px;}
#item-container .item-box table .price-off td{font-size: 13px;}
#item-container .item-box table .price-off td .price-off-yen{
	font-size: 22px;
	font-family: 'gen-Bold' , sans-serif;
}
#select-new-item .item-list{padding: 0 20px;}
.item-controller{
	margin: 0 auto 60px;
    padding: 5px 15px;
    font-size: 13px;
    background: #f7f7f7;
    align-items: stretch;-webkit-box-align:stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;
}
.box-order{flex: 2; -webkit-box-flex: 2;-ms-flex:2;}
.order-button,.change-button{
	border: 1px solid #d4d4d7;
    border-radius: 3px;
    line-height: 32px;
    padding: 0 10px;
    margin-left: 10px;
    cursor: pointer;
}
.current_order,.order-button:hover,.change-button:hover,.current_change{
	color: #71593a;
    background: #f5ce46;
}
.item-controller select{width: 5em;}
.change-button img{margin: 8px 0;}
#result-number-area{
	font-size: 14px;
	margin: 0 auto 10px;
}
#page-nav{margin:0 auto 40px;}
.page-nav-button{
	border: 3px solid #fcf3b6;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    margin: 0 5px;
}
.page-nav-button:hover,.page-nav-current{
	background: #fcf3b6;
	color: #222;
}
.page-nav-prev,.page-nav-next{font-size: 12px;}
/******************商品詳細ページ*********************/
#item-details #item-name{
	padding: 22px 15px 16px;
    font-size: 30px;
}
#item-details #item-name span{
	position: relative;
    padding: 0 0 0 65px;
    text-align: left;
    display: block;
    line-height: 130%;
}
#item-details #item-name span:before{
	content: '';
    display: block;
    background: url(../images/icon-item-name.png) no-repeat center top;
    background-size: 100% auto;
    width: 50px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#item-details-inner{
	margin: 30px auto 50px;
	align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;
}
#item-details-left{
	width: 500px;
	flex: none;
	margin-right: 40px;
}
#item-details-main{
	display: block;
	box-shadow: 2px 2px 4px rgba(33, 25, 14, 0.5);
	position: relative;
	margin: 0 auto 30px;
}
#item-details-main:hover img {opacity: 0.5;}
#item-details-main .go-current_catalog{
	position: absolute;
    top: -20px;
    right: -20px;
    font-size: 12px;
    line-height: 130%;
    display: block;
    background: #2dadce;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    text-align: center;
    padding-top: 24px;
    box-shadow: 2px 2px 4px rgba(33, 25, 14, 0.2);
	transition: all 0.2s ease 0s;
}
#item-details-main:hover .go-current_catalog{
	-webkit-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
}
#item-details-left #catalog-link{
	display: block;
	background: url(../images/back-catalog-link.jpg) repeat center top;
	padding: 22px 42px 12px 114px;
	position: relative;
	margin: 0 auto 20px;
}
#item-details-left #catalog-link:hover{background:#F0F1F4;}
#item-details-left #catalog-link:hover .arrow-white-normal{    background: #ccc;}
#item-details-left #catalog-link:hover *{color: #999;}
#item-details-left #catalog-link .icon-catalog-link{
	display: block;
	position: absolute;
	left: 10px;
	margin: auto;
	top: 0;
	bottom: 0;
	transition: all 0.2s ease 0s;
}
#item-details-left #catalog-link:hover .icon-catalog-link{
	-webkit-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
}
#item-details-left #catalog-link h2{
	margin: 0 auto 5px;
	padding: 0;
	font-size: 20px;
}
#similar-item{
	border: 4px solid #e5e5e5;
    font-size: 15px;
    line-height: 160%;
    font-weight: normal;
    padding:10px;
    position: relative;
}
#similar-item:hover{
	background: #ddd;
    color: #fff;
}
#similar-item:hover img{opacity: 0.5;}
#similar-item:after{
	content: '';
    display: block;
    background: url(../images/arrow-gray.png) no-repeat center top;
    width: 14px;
    height: 12px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px;
    position: absolute;
}
#similar-item .thum-warp{
	position:relative;
	width: 120px;
	height: 120px;
	margin-right: 20px;
	overflow:hidden;
}
#similar-item .object-fit-img{
	width: 100%;
	height: 100%;
	display: block;
	object-position: 50% 50%;
	position: absolute;
    top: 0;
}
table.meta-table {
    margin: 0 auto 30px;
    padding: 0;
    width: 100% !important;
    table-layout: initial;
}
table.meta-table th,table.meta-table td{
	padding: 5px 10px;
	border-width: 0 0 1px 0;
	border-radius: 0;
	border-color: #ececec !important;
	text-align: left !important;
}
table.meta-table .maker-name th ,table.meta-table .maker-name td{border-width: 1px 0 1px 0;}
table.meta-table th{
	background: #ebfcff !important;
	width: 10em;
	font-size: 14px;
	font-family: 'gen-Normal', "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , sans-serif;
}
.meta-table th span{
	position: relative;
	padding-left: 20px;
}
.meta-table th span:before{
	content: '';
    display: block;
    background: url(../images/icon-list.png) no-repeat center top;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
table.meta-table td{color: #0452a0;}
.meta-table .maker-name td{
	font-size: 22px;
	vertical-align: middle;
}
.meta-table img{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 40px;
	margin-left: 20px;
}
.meta-table .item-number{line-height: 40px;}
.meta-table .item-number td{font-size: 30px;}
.color-area{margin-bottom: 20px;}
#color-area-top{justify-content: flex-end;-webkit-box-pack:end;-ms-flex-pack: end; -webkit-justify-content: flex-end;}
.color-area li a{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 2px;
	/***チェック*/
	font-size: 30px;
}
#details-discription{
	font-size: 14px;
    line-height: 140%;
    margin: 0 auto 30px;
    background: #f7f7f7;
    padding: 25px 20px 18px;
	text-align: left;
	position: relative;
}
#details-discription-title{
	margin: 0 auto 10px;
    padding: 0 0 7px;
    font-size: 18px;
    position: relative;
    border-bottom: double 4px #e6e6e6;
}
#details-discription-title .tag{
	position: absolute;
    font-size: 18px;
    color: #ed0d0f;
    background: url(../images/marker-yellow.png) no-repeat center bottom;
    background-size: 100% auto;
    padding: 0 20px 10px;
    text-align: center;
    bottom: -5px;
    right: -20px;
    text-shadow: 0 1px 2px rgba(33, 25, 14, 0.3);
}
#details-discription-title .tag:after{
	content: '';
    display: block;
    background: url(../images/icon-sec3-title.png) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 100% auto;
    position: absolute;
    left: -13px;
    bottom: 4px;
}
#details-discription dl{
    text-align: center;
    margin: 15px 0 0;
}
#details-discription dt{
	background: #575757;
    text-align: center;
    font-size: 15px;
    color: #fff;
    padding: 3px 10px;
}
#details-discription dd{
	padding: 8px 15px 10px;
    margin: 0 auto;
    background: #fff;
    line-height: 160%;
}
#cat-price-area {
	margin: 15px auto 0;
	padding-bottom: 40px;
	position: relative;
}
#cat-price-area:before{
	content: '';
    display: block;
    background: url(../images/arrow-price-down.png) no-repeat center top;
    background-size: 100% auto;
    width: 37px;
    height: 36px;
    position: absolute;
    right: 70px;
    bottom: 0;
    margin: auto;
}
#cat-price-area #cat-price{
	font-size: 28px;
	padding: 0 0 0 10px;
}
#cat-price-area p{
	display: inline-block;
	background: url(../images/line-dotted-blue.png) no-repeat center bottom;
	padding: 0 0 10px 40px;
	position: relative;
}
#cat-price-area p:before{
	content: '';
    display: block;
    background: url(../images/icon-yen-blue.png) no-repeat center top;
    background-size: 100% auto;
    width: 31px;
    height: 31px;
    position: absolute;
    left: 0;
    bottom: 7px;
    margin: auto;
}
#price-table-area{
	padding: 0 0 0 200px;
	position: relative;
}
#price-tabl-tag{
	position: absolute;
    left: 0;
    top: 10px;
    width: 190px;
    text-align: center;
    font-size: 14px;
    line-height: 150%;
}
.discount-tag{
	display: block;
	margin: 0 auto 15px;
}
#price-tabl-tag .tel-number {
    font-size: 22px;
    margin-top: 5px;
}
#price-tabl-tag .tel-number span {padding-left: 30px;}
#price-tabl-tag .tel-number span:before {
    width: 24px;
    height: 16px;
}
table.price-table {
	width: 100%;
	position: relative;
	margin: 0;
}
#price-table-area .price-table-p{
    display: block;
    z-index: 10;
    margin: 0 0 -14px -12px;
    position: relative;
}
table.price-table th,table.price-table td{
	padding: 5px 10px;
	font-size: 14px;
}
table.price-table td{width: 100%;}
table.price-table thead th{
	font-family: 'gen-Normal', "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , sans-serif;
	font-size: 14px;
}
#price-table-area table th.third{white-space: nowrap;}
#price-table-area table tbody th{
	width: 4em;
	text-align: center;
}
#price-table-area table tbody td{text-align: right;}
#price-table-area table tbody td.third{
	font-size: 1.2em;
	font-family: 'gen-Bold' , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
}
#price-table-area .table-coution{
	font-size: 12px;
	padding-bottom: 30px;
}
.coution-area{
	font-size: 13px;
	line-height: 140%;
}
#decision-area{
	background: #fcf3b6;
    padding: 50px 20px 25px;
	align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;
	margin: 0 auto 40px;
}
.decision-area-photo{
	position: relative;
    flex: none;
    margin: 15px 35px 0 0;
}
.decision-area-photo:before{
    content: '';
    display: block;
    background: url(../images/cat-mainphoto-clip.png) no-repeat center top;
    width: 181px;
    height: 72px;
    background-size: 100% auto;
    margin: auto;
    left: 0;
    right: 0;
    top: -65px;
    position: absolute;
    z-index: 10;
}
.decision-area-photo img{
	box-shadow: 2px 2px 4px rgba(33, 25, 14, 0.5);
	position: relative;
	display: block;
	width: 230px;
	height: auto;
	z-index: 1;
}
#decision-area .item-name{
	background: url(../images/line-dotted-blue.png) no-repeat left bottom;
    padding: 9px 0 14px;
    text-shadow: 0 1px 2px rgba(33, 25, 14, 0.4);
    margin: 8px auto 10px;
}
#decision-area .item-name span{
	position: relative;
    padding: 0 0 0 65px;
    display: block;
}
#decision-area .item-name span:before {
    content: '';
    display: block;
    background: url(../images/icon-item-name.png) no-repeat center top;
    background-size: 100% auto;
    width: 50px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#color-area-bottom{
	justify-content: flex-end;-webkit-box-pack:end;-ms-flex-pack: end; -webkit-justify-content: flex-end;
	margin-bottom: 20px;
}
#to-repeater{
	background: #fff;
    padding: 33px 15px 10px;
    font-size: 14px;
    line-height: 150%;
    position: relative;
    margin: 0 10px 20px;
}
#to-repeater h3{
	background: url(../images/footer-time-ribon.png) no-repeat center top;
    background-size: 100% 100%;
    font-size: 13px;
    width: 315px;
    height: 39px;
    line-height: 47px;
    padding: 0 0 0 10px;
    margin: 0;
    position: absolute;
    top: -14px;
    left: -8px;
}
#decision-price-area{
	white-space: nowrap;
	margin: 0 auto 15px;
	font-size: 14px;
}
#current-price-area{
	padding: 0 0 0 20px;
	color: #ed0d0f;
}
#current-price-area p{
	padding: 0 0 0 40px;
	position: relative;
}
#current-price-area p:before{
	content: '';
    display: block;
    background: url(../images/icon-yen-red.png) no-repeat center top;
    background-size: 100% auto;
    width: 31px;
    height: 31px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
}
#current-price{font-size: 24px;}
.color-coution{font-size: 13px;}
#decision-area table{table-layout: auto;}
#decision-area table tbody th{
	text-align: center;
	background: #ddd;
	white-space: nowrap;
}
#decision-area table tbody td{
	text-align: center;
	width: auto;
}
#decision-area table .order-num{width: 4em;}
#decision-area .button-area{margin: 20px auto 30px;}
#decision-area .button-area .button{margin: 0 10px;}
#decision-area input[type=submit] {
	background: #ff9307;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 1px #d37802;
    transition: .2s;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 18px;
    width: 230px;
    line-height: 56px;
    padding: 0;
}
#decision-area input[type=submit]:hover{
	background: #d3c19b;
    border: solid 1px #bbab95;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
    color: #fff;
}
#decision-area .go-cart{
	line-height: 46px;
    padding: 0;
    width: 150px;
}
.comment-present{
	font-size: 13px;
    text-align: center;
    text-decoration: underline;
    margin: 0 auto 30px;
    display: block;
}
#size-area{
	border: 5px solid #e5e5e5;
    margin: 0 auto 40px;
    padding: 15px 20px;
}
#size-area h3{
	text-align: center;
    font-size: 20px;
    background: url(../images/back-tel-circle-big.png) no-repeat center center;
    background-size: 100px auto;
    line-height: 100px;
    padding: 0;
    margin: 0 20px 0 0;
    flex: none;
    width: 100px;
}
#main .select-area h2.select-h2{font-size: 20px;}
#review-area{
	background: #f7f7f7;
    padding: 35px 10px 10px;
}
#review-bottom{
	background: #fff;
    padding: 8px 20px 15px;
}
#review-bottom dl{
	align-items: flex-start;-webkit-box-align: start;-ms-flex-align:start;-webkit-align-items: flex-start;
	font-size: 14px;
	padding: 15px;
	border-bottom: 1px dashed #f9e7a9;
}
#review-bottom dt{
	flex: none;
	margin-right: 20px;
	width: 180px;
}
#review-bottom dt .time{display: block;}
#review-bottom dd h3{
	font-size: 15px;
    background: #e2f9ff;
    position: relative;
    border-radius: 6px;
    margin: 0 auto 5px -10px;
    display: inline-block;
    padding: 8px 20px 5px 15px;
}
#review-bottom dd h3:before {
    content: "";
    position: absolute;
    top: 54%;
    left: -22px;
    margin-top: -11px;
    border: 9px solid transparent;
    border-right: 14px solid #e2f9ff;
}
.related-item-box,.catalog-item-box,.other-item-box{
	width: 15.5%;
    margin: 0 0.5% 0;
	position: relative;
}
#select-posted-catalog .item-list{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.catalog-item-box .thum-warp{
	position:relative;
	width:100%;
	padding-top:125%;
	overflow:hidden;
	background:#fff;
}
.related-item-box .thum-warp,.other-item-box .thum-warp{
	position:relative;
	width:90%;
	padding-top:90%;
	margin: auto;
	overflow:hidden;
	background:#fff;
}
.related-item-box .object-fit-img,.catalog-item-box .object-fit-img,.other-item-box .object-fit-img{
	width: 100%;
	height: 100%;
	display: block;
	object-position: 50% 50%;
	position: absolute;
    top: 0;
}
#select-posted-catalog{
	border: 1px solid #ddd;
    padding: 30px 15px 10px;
    background: url(../images/back-btob.jpg) repeat center center;
}
#select-posted-catalog .click{
	font-size: 12px;
    position: absolute;
    right: -8px;
    top: -23px;
    background: #FFF7DD;
    color: #432e18;
    border: 6px solid #fdeaa1;
    line-height: 140%;
    text-align: center;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    padding-top: 23px;
}
#select-posted-catalog .click:before{
	content: '';
    display: block;
    background: url(../images/arrow-catalog.png) no-repeat center top;
    background-size: 100% auto;
    width: 51px;
    height: 28px;
    position: absolute;
    left: -60px;
    bottom: 16px;
    margin: auto;
}
#select-posted-catalog .catalog-item-box{margin-bottom: 15px;}
#select-posted-catalog .catalog-item-box a{
	box-shadow: 2px 2px 4px rgba(33, 25, 14, 0.4);
	display: block;
	position: relative;
}
.catalog-item-box a:after{
	content: '';
    display: block;
    position: absolute;
    background: #f5ce46;
    border-right: 1px solid #d1ab44;
    height: 100%;
    width: 5px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
}
#select-rank-min{
	background: #e2f9ff;
    padding: 25px 10px 15px;
}
#select-rank-min .rank-item-box:first-child,#select-rank-min .rank-item-box:nth-child(2),#select-rank-min .rank-item-box:nth-child(3){padding: 10px;}
#parent-cat-list{padding: 0;}
#parent-cat-list .title-area-yellow h3{
	margin: 0;
	padding: 10px 15px 8px 20px;
}
#parent-cat-list .title-area-yellow h3 img{margin-right: 10px;}
#parent-cat-list .cat-list-area{padding:10px 20px;}
#parent-cat-list ul{margin:0;}
/****廃番商品****/
#discontinued-title{
	background: url(../images/side-banner-ribon.png) no-repeat center right;
    background-size: 100% 100%;
    display: inline-block;
    height: 48px;
    line-height: 55px;
    margin: 0 0 10px -15px;
    padding: 0 52px 0 20px;
}
#discontinued-area .tel-number{margin: 15px 0 25px;}
#successor-item{
	border: 8px solid #ffc170;
    font-size: 15px;
    line-height: 160%;
    font-weight: normal;
    padding: 10px;
    position: relative;
    margin: 0 auto 30px;
}
#successor-item:hover{
	background: #ffc170;
    color: #fff;
}
#successor-item .icon-hand{
	display: block;
	position: absolute;
	left: -20px;
	top: 0;
	z-index: 10;
	animation: fluffy2 2s ease infinite;
}
@keyframes fluffy2{
  0% { transform:translateY(0) }
  50% { transform:translateY(-30px) }
  100% { transform:translateY(0) }
}
#successor-item img.successor-item-photo{
	width: 150px;
	height: auto;
	margin-right: 20px;
	box-shadow: 2px 2px 4px rgba(33, 25, 14, 0.5);
}
#successor-item  .text{flex: 2; -webkit-box-flex: 2;-ms-flex:2;}
#successor-item h3{
   background: #ff9306;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    text-align: center;
    padding: 40px 0 0 0;
    margin-right: 20px;
	transition: all 0.2s ease 0s;
}
#successor-item:hover h3{
	-webkit-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
}
#successor-item h3 img{
	display: block;
	margin: 0 auto 3px;	
}
#successor-item .text{font-size: 18px;}
#discontinued-inner{
	background: #fdf3b6;
	padding: 20px 10px 10px;
}
#discontinued-similar-title{
	padding: 0 0 10px;
    background: url(../images/line-dotted-beige.png) no-repeat left bottom;
    text-shadow: 0 1px 3px rgba(33, 25, 14, 0.4);
    margin: 0 auto 5px;
}
#discontinued-similar-title img{margin-right: 10px;}
#discontinued-similar-item{
	background: #fff;
	padding: 20px 15px 1px;
	flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;
	align-items: stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;
}
.discontinued-similar-box{
	width: 23%;
	margin: 0 1% 15px;
	font-weight: normal;
	font-size: 12px;
}
.discontinued-similar-box .thum-warp {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-top: 125%;
    overflow: hidden;
}
.discontinued-similar-box .thum-warp img{
	width: 100%;
    height: 100%;
    display: block;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
}
.discontinued-similar-box:hover .thum-warp img{opacity: 0.5;}
.item-num {
	position: relative;
	padding-right: 20px;
}
.item-num:after{
	content: '';
    display: block;
    background: url(../images/arrow-gray.png) no-repeat center top;
    width: 14px;
    height: 12px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
/*詳細ページではポイントのエリアを小さく表示*/
.item-page #side-point a{width: 80px;height: 80px;padding-top: 27px;}
.item-page #side-point #side-point-box1 {width: 100px;height: 100px;padding-top: 40px;}
.item-page #side-point h3 {font-size: 12px;}
.item-page #side-point .icon-side-point {top: 9px;width: auto;height: 30px;}
.item-page #fixed-tel-area-inner{width: 300px;}
.item-page #fixed-tel-area .fixed-tel-title{width: 230px;height: auto;}
/* 1340px以下
------------------------------------------------------------*/
@media only screen and (max-width:1340px){
	br.br1340{display: inline;}
	h2.site-title {width: 220px;}
	.header-phone-box p.tel-p {font-size: 12px;}
	.estimate-number{right: 0;}
	#mainnav .panel-inner,.search-fixed #header-bottom-inner,.wrapper, .header-inner,.mainimage-inner,#footer-inner{width:98%;margin: 0 auto;}
	#content #side-bar{width:200px;flex-basis:200px;}
	#mainnav ul.nav1 li a{font-size: 14px;}
	#search-detail-area {width: 800px;right: auto;}
	#mainimage{height: auto;}
	#mainimage1 .mainimage1-img {width: 28%;height: auto;}
	#sec1 #banner-catalog .catalog-ribon {width: 250px;height: auto;}
	#mainimage1 .mainimage1-bottom {right: 10px;width: 61%;height: auto;}
	#sec1 #banner-catalog {width: 680px;}
	#sec2 #reason-inner .reason-box {padding: 15px 10px 10px;margin-top: 40px;}
	#sec2 .reason-box .icon-reason {top: -40px;width: 80px;height: auto;position: absolute;left: 0;right: 0;margin: auto;}
	#top-voice {padding: 27px 15px 15px;margin-right: 20px;}
	#top-voice .voice-tag {left: -14px;width: 110px;height: auto;}
	#top-voice #voice-box-area {height: 170px;}
	#right-banner-area {margin:0;}
	#sec4-inner .right-banner {height: 126px;width: 300px;}
	#sec4 #right-banner-area .banner img{width: 300px;height: auto;}
	#sec5-inner .left-banner {margin-right: 20px;}
	#sec5-inner .left-banner img{height: 126px;width: auto;}
	#top-info {padding: 5px 15px 2px 10px;}
	#top-info h2 {background-size: 100% auto;width: 80px;height: 80px;font-size: 18px;margin: 0 10px 0 0;}
	#top-info dl {height: 100px;}
	.price-tag {top: 0;width: 90px;height: auto;}
	#cat-area-inner .cat-box h2.cat-name {background-size: 100% 100%;width: 200px;font-size: 24px;}
	.top-cat-main {padding: 0 15px 0;}
	.top-cat-main .cat-main-photo {width: 260px;margin: 60px 20px 50px 0;}
	.top-cat .season-area .button {width: 100px;}
	#cat-area-inner .cat-box img.fit {height: 320px;}
	#cat-area-inner .cat-box-min {padding: 0 40px 0 10px;}
	#cat-area-inner .cat-box-min .icon-cat8 {width: 50px;height: auto;}
	#sec8-inner {display: block;}
	#sec8 .staff-photo{width: 500px;height: auto;display: block;margin: 0 auto;}	
	#sec8-right .staff-balloon1 {right: auto;left: 20px;}
	#sec8-right .staff-balloon2 {right: 50px;top: 30px;}
	#sec6-inner{width: 800px;margin: 0 auto;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;	align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;}
	#sec6 .banner-site {width: 33%;margin: 15px 10px 0;max-width: 200px;}
	#sec6 .banner-site img{width: 100%;height: auto;}
	#sec6 .banner-site h3 {font-size: 12px;background-size: 100% 100%;width: 190px;}  
	#footer-nav{margin-bottom: 100px;}
	.footer-nav-bottom{display: block;}
	#footer-nav ul { margin: 0 0 0  20px;}
	#side-banner-area h2 {font-size: 11px;background-size: auto 40px; height: 40px; bottom: 5px;padding: 8px 22px 0 9px;}
	#side-present .banner-present-ribon {left: -3px;top: -5px;width: 70px !important;height: auto !important;}
	#side-bar .title-area-yellow h3 {padding: 15px 5px 8px 10px;font-size: 16px;}
	#side-cat-bottom {font-size: 12px;}
	#side-cat-bottom .yellow {font-size: 16px;}
	#side-bar .widget ul li a {font-size: 14px;}
	#left-banner-area,#content #side-bar { margin-right: 20px;}
	#left-banner-area{width: 90px;}
	#left-banner-area img{width: 90px;height: auto;}
	.banner img{width: 100%;height: auto;}
	#fixed-tel-area-inner{width: 300px;}
	#fixed-tel-area .fixed-tel-title{width: 230px;height: auto;}
	#side-point a{width: 80px;height: 80px;padding-top: 27px;}
	#side-point #side-point-box1 {width: 100px;height: 100px;padding-top: 40px;}
	#side-point h3 {font-size: 12px;}
	#side-point .icon-side-point {top: 9px;width: auto;height: 30px;}
	/*下層ページ*/
	#pagetop-catalog {padding: 18px 300px 11px 10px;}
	#page-sec-top .catalog-ribon {top: -23px;bottom: 0;width: 140px;}
	#pagetop-catalog .catalog-h2 {width: 320px;}
	#pagetop-catalog h2 {font-size: 16px;}
	#page-sec-top #link-cat {font-size: 12px;width: 90px;height: 90px;right: 10px;}
	#page-sec-top .catalog-img {width: 230px;bottom: -10px;right: -202px;}
	#select-category-area ul li { font-size: 14px;}
	.tab {padding: 3px 10px;}
	.panel-area {padding: 10px 10px 15px;}
	#select-new-item .item-list {padding: 0 10px;}
	.panel-area h2.select-h2{margin: 0 0 30px -15px;}
	.rank-item-box:after{top: -26px;font-size: 15px;width: 46px;height: 46px;line-height: 46px;}
	#item-container .item-box table th {width: 6em;}
	#item-container .item-box table .price-off td {font-size: 11px;}
	.price-off td .price-off-yen {font-size: 20px;}
}
/* 1280px以下
------------------------------------------------------------*/
@media only screen and (max-width:1280px){
	#mainnav ul.nav2 li a {padding: 5px 20px;}
	#sec1 #banner-catalog {width: 540px;padding-bottom: 0;}
	#sec1 #banner-catalog .catalog-h2 {margin: 80px 0 10px 94px;width: 400px;height: auto;}
	#sec1 #banner-catalog-bottom {padding: 10px 0 10px;}
	#sec1 #banner-catalog-bottom h2 {font-size: 18px;padding: 0;margin: 0 10px 0 5px;}
	#sec1 #banner-btob {padding: 8px 0 0;}
	#sec1 .banner-btob-title {margin: 0 0 0 -5px;background-size: 100% 100%;}
	#sec1 .banner-btob-title .icon-btob {margin: 0 7px 0 12px;width: 60px;height: auto;}
	#sec1 #banner-btob h3 {margin: 12px 10px 0;padding: 0;}
	#sec1 a#banner-btob-bottom {position: relative;}
	#fixed-tel-area .title-area h2{margin: 0 3px;font-size: 21px;font-family: 'gen-Bold' , sans-serif;}
	img.icon-fixed-tel{width: 28px;height: 28px;}
	#fixed-tel-bottom .tel-p {font-size: 11px;border-radius: 15px;}
	.header-phone-box .tel-number{font-size: 21px;}
	.tel-number span {padding-left: 30px;}
    .tel-number span:before{ background-size: 100% auto;width: 24px;height: 15px;}
    .header-phone-box{width: 32%;}
    #phone1{width: 35%;}
    .header-phone-box .tel-number {padding: 0 10px 0 48px;flex: 2;-webkit-box-flex:2;-ms-flex:2;}
    #phone1 p.tel-p {width: 90px;}
	ul.nav1 .nav-img {top: -11px;width: 48px;height: auto;}
	.guide-box {padding: 10px 10px 15px;}
	#footer-guide .marker .orange {font-size: 24px;}
	/*下層ページ*/
	#item-container .item-list{justify-content: flex-start;-webkit-box-pack: start;-ms-flex-pack:start;-webkit-justify-content: flex-start;}
	#item-container .item-list-blocks .item-box{width: 31%;margin: 0 1% 100px;}
	.item-controller select {width: 6em;}
	/*商品詳細ページ*/
	#item-details #item-name {font-size: 28px;}
	#item-details-left { width: 380px;}
	#price-table-area {padding: 0;}
	#price-tabl-tag {background: #ebfcff;position: relative;top: 0;left: 0;width: 350px;text-align: left;padding: 10px 15px 10px 130px;font-size: 13px;margin: 0 auto 30px;}
	#price-tabl-tag br{display: none;}
	.discount-tag {position: absolute;width: 120px;height: auto;left: 0;bottom: -8px;margin: 0;}
	#price-table-area {margin: 0 0 -14px 2%;}
	.decision-area-photo img {width: 180px;}
	.meta-table .maker-name td {font-size: 20px;}
	table.price-table th, table.price-table td{font-size: 13px;padding: 5px;}
	#size-area{display: block;}
	#size-area h3 {font-size: 16px;background-size: 80px auto;line-height: 80px;margin: 0 auto 10px;width: 80px;}
	#size-area img{width: 100%;height: auto;flex: 2;-webkit-box-flex:2;-ms-flex:2;}
	#successor-item h3 {font-size: 20px;width: 120px;height: 120px;padding: 25px 0 0 0;}
}
/* 1024px以下
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	br.br1024{display: inline;}
	.font70 {font-size: 60px;}
	#header-line {font-size: 13px;margin-bottom: 34px;}
	h2.site-title{width: 180px;}
	h2.site-title img{width: 160px;height: auto;}
	#header-tel-area .header-phone-box {display: block;width: 32% !important;}
	.header-phone-box p.tel-p {font-size: 12px;width: auto !important;height: 54px !important;background: url(../images/back-tel-circle-big.png) no-repeat center center !important;background-size: 54px auto !important;position: absolute;left: 0;right: 0;margin: auto;text-align: center;top: -31px;}
	.header-phone-box .tel-number { padding: 21px 0 10px;text-align: center;line-height: 130%;margin: 0;}
	.estimate-number {right: auto;left: -14px;font-size: 11px;width: 80px;height: 49px;line-height: 45px;top: -20px;z-index: 100;}
	nav{position: initial;}
	#header-search-form #header-search-input {height: 48px;}
	#search-detail-area {width: 700px;}
	#header-search-form #search-submit-button {width: 46px;font-size: 23px;}
	#header-cart-button {width: 140px;font-size: 16px;}
	.header-bottom-button{width: 90px;font-size: 12px;}
	.header-bottom-button img {margin-right: 6px; width: 20px;height: auto;}
	#search-detail-area {margin: auto;height: calc(100vh - 100px);overflow-y: scroll;}
	#mainnav ul.nav1 {height: 64px;}
	#mainnav ul.nav1 li a {font-size: 12px;padding-top: 35px;}
	ul.nav1 .nav-img {width: 44px;}
	#mainnav ul.nav2 li a {font-size: 12px;padding: 5px 10px;}
	#content{display: block;}
	#content #main{width: 100%;margin: 0 auto 40px;}
	#content #side-bar{width: 100%;margin: 0 auto 40px;	}
	#side-category-area{display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;}
	#side-category-area .widget{width: 48%;}
	#side-bar-top{display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;}
	#sec1{display: block;}
	#sec1 #banner-catalog{width: 100%;max-width:680px;display: block;margin: 0 auto 30px;}
	#sec1 #banner-catalog .catalog-h2 {margin: 80px 0 10px 60px;width: 400px;}
	#sec1 #banner-catalog-bottom{position: relative;}
	#sec1 #banner-btob{display: block;width: 100%;max-width:680px;margin: 0 auto ;}
	#sec1 .banner-btob-title {background-size: 300px 100%;}
	#sec2-title-area {background: url(../images/reason6-line.png) no-repeat center 63px;margin-bottom: 0;}
	#sec2-title-area h2 {font-size: 34px;margin: 0;}
	#sec2-title-area .reason6-tag {margin: 0 10px 0 -64px;width: 80px;height: auto;}
	#sec2 .reason-box .icon-reason {width: auto;height: 60px;}
	#sec2 .reason-box h3 img {width: 32px;height: auto;}
	#sec2 .reason-box h3{font-size: 18px;}
	#sec2 .reason-box .btob {border-radius: 9px;line-height: 120%;padding: 3px 10px;right: -8px;top: -9px;}
	#cat-area-inner{justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;}
	#cat-area-inner .cat-box {width: 32%;margin: 40px 0.5% 0;}
	#sec4-inner{display: block;}
	#top-voice{margin: 0 auto 40px;}
	#sec4 #right-banner-area{display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;margin: 0;}
	#sec4-inner .right-banner{width:auto;height: 110px;margin: 0 10px;}
	#sec4 #right-banner2 {margin-top:0;}
	#sec5-inner{display: block;}
	#top-info{width: 100%;margin: 40px auto 40px;flex:initial;-webkit-box-flex:initial;-ms-flex:initial;}
	#top-info dl {height: 200px;}
	#sec5-left{justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;}
	#sec5-inner .left-banner{margin: 0 10px;}
	#sec5-inner .left-banner img {height: 120px;}
	#sec6-inner {width: 660px;}
	#top-cat8 .top-cat-min .icon-cat8{width: 50px;height: auto;}
	#sec8-right .staff-balloon {font-size: 15px;}
    #sec8-right .staff-balloon1{background-size: 100% 100%;width: 166px;height: 111px;left: 0;}
	#sec8-right .staff-balloon2 {right: 0;top: 4px;background-size: 100% 100%;width: 150px;height: 105px;}
	#home #side-cat{width: 100%;}
	#guide1 h3.guide-h3{margin: 30px 100px 0;}
	h3.guide-h3 {font-size: 19px;}
	h3.guide-h3 img, #footer-guide h4.flex-area-left img { width: auto;height: 20px;}
	#guide1 h3.guide-h3 img{height: 28px;}
	.guide-time {font-size: 15px;background-size: 100% auto;width: 235px;height: 43px;line-height: 47px;position: initial;padding: 0 0 0 11px;}
	#footer-guide #fax-area {display: block;margin: 10px 0;}
	#footer-guide #fax-area a{width: 200px;margin: 10px auto 0;}
	.guide-box {padding: 10px 15px 15px;}
	#footer-guide table .blue {font-size: 21px;}
	#footer-guide .marker .orange {font-size:18px;line-height: 150%;font-family: 'gen-Bold' , sans-serif;}
	#footer-guide h4 {margin-top: 20px;font-size: 18px;}
	th {padding: 10px 10px 10px;}
	td {padding: 10px 10px 10px;}
	#footer-nav .footer-nav-box{width: 32%;margin: 0 0.5%;}
	#footer-nav ul { margin:0 !important;}
	#footer-nav1 .footer-nav-bottom,#footer-nav2 .footer-nav-bottom{display: block;}
	#footer-nav2 .footer-nav-bottom ul {margin: 0 20px 0 0;}
	#side-bar #side-cart,.side-banner{margin: 0 10px 20px;}
	#side-bar #side-cart,.side-banner img{height: 100px;width: auto;}
	#side-bar #side-cart{width: 200px;}
	#side-banner-area,#side-banner-middle{display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	#side-banner-area a{width: auto;}
	#left-banner-area {width: 80px;margin-right: 20px;}
	#left-banner-area a img{width: 80px;height: auto;display: block;}
	#fixed-tel-area-inner {width: 290px;}
	#fixed-tel-area-inner.close #fixed-tel-open {top: -55px;right: 0;font-size: 14px;padding: 20px 0 0;}
	#side-point a{width: 76px;height: 76px;margin: 0 ;padding-top: 17px;}
	#side-point .icon-side-point { height: 22px;}
	#side-point #side-point-box1 {width: 80px;height: 80px;padding-top: 30px;}
	#side-point p {font-size: 10px;margin-top: -5px;}
	/*下層ページ*/
	#breadcrumb ol{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	#pagetop-catalog {padding: 18px 60px 11px 15px;}
	#pagetop-catalog h2 {font-size: 14px;position: initial;line-height: 130%;margin-bottom: 4px;}
	#page-sec-top .catalog-img {width: 160px;bottom: auto;right: 0;left: 0;margin: auto;top: -46px;}
	#page-sec-top #link-cat {font-size: 12px;width: 80px;height: 80px;padding: 0;}
	#select-category-area ,#select-category-area-min{ margin: 0 auto 50px;}
	#select-category-area ul, #select-category-area-min ul{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items: stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;}
	#select-category-area ul li img, #select-category-area ul li span, #select-category-area-min ul li img, #select-category-area-min ul li span {line-height: 130%;font-size: 12px;}
	#tab-group{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;margin: 0 auto;}
	.tab {padding: 3px 5px;font-size: 12px;margin-bottom: 10px;}
	.item-list{flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	.item-box h3.item-name {font-size: 12px;}
	.item-box table th{font-size: 9px !important;}
	.panel-area {padding: 10px 5px 10px;}
	.rank-item-box table .price-off td, .new-item-box table .price-off td {font-size: 16px;}
	.rank-item-box table th, .new-item-box table th{display: none !important;	}
	.rank-item-box:first-child, .rank-item-box:nth-child(2), .rank-item-box:nth-child(3) { padding: 5px;}
	#select-new-item .item-list{padding: 0 5px;}
	/*商品詳細ページ*/
	#item-details-inner{display: block;}	
	#item-details-left {margin: 0 auto 30px;width: 100%;}
	#item-details-main{width: 460px;}
	#item-details-left #catalog-link {padding: 18px 42px 10px 94px;width: 380px;}
	#item-details-left #catalog-link h2 {font-size: 16px;}
	#item-details-left #catalog-link .icon-catalog-link {width: 70px;height: auto;}
	#similar-item{width: 380px;margin: 0 auto ;}
	#similar-item .thum-warp {width: 100px;height: 100px;}
	#price-table-area .price-table-p {width: 26%;height: auto;margin: 0 0 -14px 3%;}
	#decision-area {padding: 26px 12px 25px;}
	.decision-area-photo img {width: 150px;}
	.decision-area-photo:before {width: 120px;height: 52px; top: -41px;}
	#decision-area .item-name span {padding: 0 0 0 52px;}
	#decision-area .item-name span:before {width: 42px;height: 38px;}
	.meta-table img{margin: 0;}
	#review-bottom dt {width: 140px;}
	.related-item-box, .catalog-item-box, .other-item-box {width: 24%;margin: 0 0.5% 15px;}
}
/* 幅900px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 900px){
	#side-point{display: none !important;}
	#footer-bottom {padding: 20px 0 10px;}
}
/* 幅789px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 789px){
	br.br789{display: inline;}
	#header {padding-bottom: 1px;border-bottom: 4px solid #d7d7d7;}
	#header-line {font-size: 10px;margin-bottom: 14px;}
	.font20 {font-size: 16px;}
	#header-line h2 {padding: 0 5px;}
	h2.site-title{width: 150px;display: block;margin: 0 auto;}
	h2.site-title img {width: 100%;height: auto;}
	#header-bottom {margin: 0 auto 15px;}
	#header-tel-area,#header-fax-button{display: none;}
	#header-mail-button{display: none;}
	#header-cart-button{width:120px;}
	.search-fixed{top: 0;}
	.search-fixed #header-cart-button{display: none !important;}
	.is-fixed{position: absolute;}
	.button-green{font-size: 16px;}
	.font70 {font-size: 50px;}
	#page-title h1 {font-size: 22px;padding: 18px 5px 13px;}
	h2,h2.title, .post h2 {font-size: 23px;}
	h3,h3.title, .post h3 {font-size: 21px;}
	.cont-box {margin: 0 auto 25px auto;}
	#header-cart-button {font-size: 14px;}
	#mainnav{position: fixed;bottom: 50px;z-index: 3000;background: none;border: none;width: 100%;}
	#mainnav-inner{position: relative;-webkit-transition: all 0.2s;-webkit-transform: translate(0, 0);opacity: 0;border-radius: 4px;width:96%;}
	#mainnav-inner{	transform: translate3d(0, 0, -100%);transition: all 0.2s ease;}
	#mainnav-inner.active { opacity: 1; transform: translate3d(0, 0, 0); display: block;border: 1px solid #888888;background: #fff;width: 100%; }
	#mainnav-inner.close{height: 50px;opacity: 1;width: 100%;left: 0;}
	#mainnav-inner.active #menu-close{display: block;background: #ccc;color: #333;}
	#mainnav-inner.active #menu-open{display: none;}
	#mainnav-inner.close #menu-close{display: none;}
	#mainnav-inner.close #menu-open{display: block;}
	#menu-close,#menu-open{	width:50%;height: 50px;line-height: 50px;background: #333;color: #fff;text-align: center;position:absolute;bottom: -50px;border-radius: 4px;left: 0;}
	#mainnav-inner.close #panel{display: none;}
	#mainnav-inner.active #panel{display: block;padding:15px 10px 10px;position: relative;bottom: 0;}
	#mainnav #panel-inner1{border: none;}
	#mainnav .panel-inner{display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;align-items: flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items: flex-start;}
	#mainnav #panel ul{width: 100%;}
	#mainnav #panel ul.nav1,#mainnav #panel ul.nav2{ height: auto;border: 0;font-size: 14px;text-align: left;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;}
	#mainnav #panel ul.nav1 li,#mainnav #panel ul.nav2 li{width:49%;border: none;}
	#mainnav ul.nav1 li {flex: initial;}
	#mainnav #panel ul.nav1 li a{display: block;border-right: none;border-bottom: 1px dashed #ccc;padding: 0;text-align: left;line-height: 40px;}
	ul.nav1 .nav-img {display: inline-block;position: initial;width: auto;height: 30px;vertical-align: middle;margin-right: 5px;}
	ul.nav1 span{display: inline-block;vertical-align: middle;}
	#mainnav #panel ul.nav2 li a{border-right: none;border-bottom: 1px dashed #ccc;padding: 0;text-align: left;line-height: 40px;display: block;}
	#mainnav ul.nav2 li a img {margin-right: 7px;width: auto;height: 15px;}
	#search-detail-area {width: 580px;}
	.search-fixed #search-detail-area {width:100%;height: calc(100vh - 110px);}
	#sec1{display: block;}
	#sec1 #banner-catalog{width: 100%;}
	#sec1 #banner-catalog .catalog-img {width: 400px;height: auto; right: 5px;top: -6px;}
	#sec1 #banner-catalog .catalog-ribon {width: 220px;height: auto;top: -10px;}
	#sec1 .icon-catalog-banner{width: 46px;height: auto;margin-top: 5px;}
	#sec1 #banner-catalog-bottom h2 {font-size: 17px;line-height: 120%;}
	#sec1 #banner-btob .tel-p {background-size: 50px auto;height: 60px;font-size: 12px;width: auto;}
	#sec2-title-area h2 {font-size: 30px;}
	#sec2 #reason-inner .reason-box {margin-top: 30px;}
	#sec2 .reason-box .icon-reason {height: 50px;top: -24px;}
	#sec2 .reason-box .btob {border-radius: 4px;line-height: 120%;padding: 5px 0;position: initial;text-align: center;color: #655416;margin: 0 0 5px 0;}
	#sec2 .reason-box .btob br{display: none;}
	#sec3-title h2 {padding: 16px 0 12px;}
	#sec3-title-bottom{background-size: auto 100px;background-position: right bottom;padding: 3px 0 15px;}
	#sec3-title-bottom .icon-sec3-title {width: 28px;height: auto;}
	#sec3-title-bottom h3 {font-size: 15px;margin: 0 2px 0 10px;padding: 0;}
	#sec3-title-bottom h3 .yellow {font-size: 20px;}
	#cat-area-inner .cat-box h2.cat-name {font-size: 22px;}
	#cat-area-inner .cat-box{width: 49%;height: 280px;}
	.cat-box-inner{display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;height: 100%;}
	#cat-area-inner .cat-box h2{margin: 0 ;padding: 0;	order: 2;-webkit-order: 2;-ms-order: 2;}
	#cat-area-inner .cat-box img.fit{order: 1;-webkit-order: 1;-ms-order: 1;height: 280px;}
	#cat-area-inner .cat-box .cat-bottom{display: none;}
	.top-cat-bottom a {width: 200px;font-size: 16px;}
	#cat-area-inner .cat-box-min .icon-cat8 {width: 46px;margin-right: 10px;}
	#cat-area-inner .cat-box-min h2 {font-size: 20px;padding: 10px 0 13px 0;}
	#top-voice {margin: 0 auto 25px;}
	#top-voice .title-area .button {bottom: -49px;}
	#top-voice #voice-box-area {height: 185px;margin-top: 58px;}
	#top-voice .voice-tag {left: -8px;width: 96px;top: -11px;}
	#sec4-inner{display: block;}
	#sec4-inner .right-banner,#sec5-inner .left-banner{height: 90px;}
	#sec4 #right-banner-area .banner img ,#sec5-inner .left-banner img{width: auto;height: 100%;}
	#top-info{margin: 0 auto 25px;}
	#main .top-cat .top-cat-main{display: block;}
	#main .top-cat .top-cat-title{position: absolute;top: 0;left: 0;right: 0;width: 100%;}
	.top-cat-title h2{margin: 0;}
	.price-tag {top: -9px;width: 80px;}
	.top-cat-main .cat-main-photo {width: 200px;display: block;margin: 90px auto 0;}
	.top-cat-main .cat-main-photo img {width: 200px;height: auto;}
	.top-cat-main .cat-main-photo:after {width: 150px;height: 62px;top: -53px;}
	.top-cat .season-area {margin: 20px 0 0;}
	.top-cat .season-area .button {width: 110px;line-height: 30px;}
	.top-cat-middle{display: block;}
	.top-cat .new-item-list {display: block;margin: 0 15px 10px;}
	.top-cat .new-item-list p{word-break: keep-all;margin: 0 auto 10px 34px;padding-bottom: 5px;}
	.top-cat .new-item-list p:before {background-size: 100% auto;width: 26px;height: 26px;left: -32px;}
	.new-item-list ul{	flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	.top-cat .new-item-list a {font-size: 0.7em;}
	#top-cat8 .top-cat-min-inner {display: block; position: relative;padding: 28px 0 10px;text-align: center;}	
	#top-cat8 .top-cat-min .icon-cat8 {width: 44px;height: auto;display: block;position: absolute;left: 0;right: 0;margin: auto;top: -20px;}
	#top-cat8 .top-cat-min h2 {margin: 0;font-size: 21px;}
	#top-cat8 .top-cat-min-bottom {padding: 3px 22px 1px 0;font-size: 13px;}
	#top-cat8 .top-cat-min-bottom span:after {background-size: 100% auto;width: 11px;height: 9px;right: -17px;}
	#sec5-inner{display: block;}
	#sec5-inner .right-banner{display: block;margin: 0 auto;}
	#sec6 h2.title img{width: 46px;height: auto;}
	#sec6-inner,#sec7-inner{justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;width: 482px;margin: 0 auto;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	#sec6 .banner-site,#sec7 .banner-free {width:32%;margin: 0 0.5% 20px;border: none;border-radius: 0;}
	#sec6 .banner-site img,#sec7 .banner-free img {border-radius: 4px;border: 1px solid #dbdbdb;}
	#sec6 .banner-site h3,#sec7 .banner-free h3{position: initial;background: none;margin: 5px 0 0 0;padding: 0;width: auto;font-size: 11px;height: auto;text-align: left;}
	#top-cat8 {padding: 20px 15px 15px;}
	#sec8-inner {padding: 26px 0 0 8px;}
	#sec8-left img.sec8-title{width: 360px;height: auto;}
	#sec8-right .staff-balloon {font-size: 13px;}
	#sec8-right .staff-balloon .min {font-size: 12px;}
	#sec8-right .staff-balloon1 {width: 143px;left: -28px;}
	#sec8-right .staff-balloon2 {right: -3px;top: -48px;width: 123px;height: 100px;}
	#sec8-left h2 {font-size: 18px;}
	#sec8 .staff-photo {width: 100%;}
	#side-bar #side-cart, .side-banner {margin: 0 5px 20px;}
	#side-bar #side-cart, .side-banner img {height: 80px;}
	#side-banner-area h2 br{display: none;}
	#side-bar #side-guide,#side-bar #side-service{display: none;}
	#footer-guide h2.title-area-yellow img {width: 46px;height: auto;}
	#guide1-bottom{display: block;}
	.guide1-box{width: 100%;}
	#footer-guide p.tel-p {font-size: 13px;background-size: 54px auto;}
	.tel-number {font-size: 26px;}
	#guide-bottom-area{display: block;}
	.guide-box-bottom{width: 100%;margin: 0 auto 20px;}
	.guide-box-bottom table{width: 100%;}
	#footer-guide .marker .orange {font-size: 20px;}
	#footer-nav {margin-bottom: 50px;}
	#copyright {padding: 0 0 50px;}
	#left-banner-area,#left-banner-area a img {width: 60px;}
	#fixed-tel-area{width: 50%;right: 0;}
	#fixed-tel-area-inner.close {width: 100%;left: 0;box-shadow: none;height: 0;}
	#fixed-tel-area-inner.close .panel{display: none;}
	#fixed-tel-area-inner.active .panel{display: block;padding: 0 0 10px 0;position: relative;bottom: 0;text-align: center;}
	#fixed-tel-area{width: 100%;bottom: 50px;}
	#fixed-tel-area-inner{position: initial;}
	#fixed-tel-area-inner.close {border: none;}
	#fixed-tel-area-inner.close #fixed-tel-open{height:50px;line-height: 50px;width: 50%; position: absolute;bottom: -50px;top: auto;right: 0;background: url(../images/h2-back.jpg) repeat-x center center;padding: 0;font-size: 16px;color: #222222;border-radius: 4px;text-align: center;}
    #fixed-tel-area-inner.close #fixed-tel-open br{display: none;}
    #fixed-tel-area-inner.close .fixed-tel-title{display: none;}
	#fixed-tel-area-inner.active,#fixed-tel-area-inner{width: 100%;}
	#fixed-tel-area-inner.active #fixed-tel-close-sp{display: block;line-height: 50px;background: #ccc;color: #000;border-radius: 4px;text-align: center;position: absolute; width: 50%;bottom: -50px;right: 0;}
	#fixed-tel-area-inner.active #fixed-tel-close {display: none !important;}
	.fixed-phone-box{justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;}
	#fixed-tel-bottom .tel-p {flex: initial;-webkit-box-flex: initial;-ms-flex: initial;width: 100px;}
	#left-banner-area {width: 85px;margin-right: 15px;}
	#left-banner-area a img{width: 85px;height: auto;display: block;}
	/*下層ページ*/
	#pagetop-catalog {padding: 18px 60px 6px 15px;display: block;text-align: center;}
	#pagetop-catalog .catalog-h2 {width: 280px;margin:0 auto 5px;}
	#pagetop-catalog h2 br{display: none;}
	#item-select-area {margin: 0 auto 50px;}
	#select-category-area, #select-category-area-min {margin: 0 auto 60px;}
	#category-min-bottom ,#select-category-area-min{padding:0;background: none;}
	#select-category-area ul{justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;}
	#select-category-area ul li,#select-category-area-min ul li {margin: 10px 1% 0; width: 22.5%;flex: initial;border: 1px solid #f9ed9e !important;border-radius: 4px;background: #fcf3b6;padding: 5px 0 3px;}
	#select-category-area ul li span, #select-category-area-min ul li span{font-family: 'gen-Normal', "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , sans-serif;font-size: 11px;}
	#select-category-area-min ul{flex: 2;-webkit-box-flex: 2;-ms-flex: 2;}
	#select-category-area-min ul li img{width: 36px;height: auto;}
	.panel-area h2.select-h2 {margin: 0 0 10px -15px;}
	.rank-item-box, .new-item-box {width: 31.3%;margin: 20px 1% 0;}
	.rank-item-box:nth-child(4), .rank-item-box:nth-child(5), .rank-item-box:nth-child(6) { margin-top: 40px;}
	#select-season .button {width: 32%;margin-right: 1%;}
	.item-controller {margin: 0 auto 30px;font-size: 12px;padding: 5px 5px;}
	.order-button, .change-button {padding: 0 8px;margin-left: 5px;}
	.change-button img {margin: 10px 0;width: 20px;height: 16px;}
	#item-container .item-list-blocks .item-box{margin: 0 1% 70px;}
	#item-container .item-box h3.item-name {font-size: 13px;}
	#item-container .item-box table th{display: none;}
	#free-banner-area a {width: 100%;margin: 0 auto 20px;background: none;border: none;}
	#free-banner-area a img{width: 100%;max-width: 540px;height: auto;margin: 0 auto;}
	/*商品詳細ページ*/
	#decision-area {display: block;}
	.decision-area-photo {width: 100%;display: block;}
	.decision-area-photo img {margin: 0 auto;}
	.decision-area-photo:before {width: 107px;height: 44px;top: -41px;left: 0;right: 0;margin: auto;position: absolute;}
	.meta-table .maker-name td {font-size: 18px;}
	.meta-table .item-number td {font-size: 26px;}
}
/* 幅589px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 589px){
	br.br589{display: inline;}
	input[type="submit"], input[type="reset"], input[type="button"], .button{font-size: 12px;}
	h2, h2.title, .post h2,h2.select-h2 {font-size: 21px;}
	h3 {font-size: 18px;margin-top: 20px;margin-bottom: 17px;}
	table {font-size: 0.8em;line-height: 140%;}
	.post{margin: 0 15px;}
	.post .box-blue,.post .box-yellow {padding: 20px 20px 15px;}
	#header-line {display: block;text-align: center;line-height: 150%;font-size: 10px;margin-bottom: 8px;padding: 5px 0 5px;color: #584d42;}
	#header-top {margin: 0 auto 5px;}
	#header-bottom {margin: 0 auto 10px;}
	#header-search-form #header-search-input {height: 40px;}
	#header-search-form #search-detail {width: 100px;}
	#search-detail-area {width: 100%;top: 50px;padding: 15px 10px 10px;}
	.search-detail-box {display: block;}
	#search-detail-area .detail-title {width: auto;padding-left: 17px;margin-bottom: 5px;}
	#search-detail-area .detail-right {font-size: 14px;}
	#search-detail-bottom .button {margin: 0 1%;font-size: 15px;padding: 10px 0;width: 48%;}
	#header-cart-button{display: none;}
	#sec1 #banner-catalog .catalog-img {width: 300px;}
	#sec1 #banner-catalog .catalog-h2 {margin: 65px 0 10px 36px;width: 300px;}
	#sec1 #banner-catalog-bottom{justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	#sec1 .icon-catalog-banner {width: 34px;}
	#sec1 #banner-catalog-bottom h2 { font-size: 16px;}
	#sec1 #banner-catalog-bottom h2 br{display: none;}
	#top-catalog-button {line-height: 38px;display: block; margin: 0 auto;}
	#sec1 .banner-btob-title .btob-h2 {width: 150px;height: auto;}
	#sec1 a#banner-btob-bottom span:after {background-size: 100% auto;width: 11px;height: 10px;}
	#sec1 a#banner-btob-bottom {font-size: 14px;padding: 7px 15px 8px 0;}
	#sec2-title-area {background: url(../images/reason6-line.png) no-repeat center 50px;background-size: auto 7px;}
	#sec2-title-area .reason6-tag {margin: 0 10px 0 -28px;width: 62px;}
	#sec2 #reason-inner .reason-box {width: 49%;}
	#sec2 .reason-box h3 {font-size: 16px;}
	#sec2 .reason-box h3 img {width: 28px;margin-right: 3px;}
	#cat-area-inner .cat-box h2.cat-name {width: 180px;height: 50px;font-size: 18px;}
	#cat-area-inner .cat-box,#cat-area-inner .cat-box img.fit{height: 240px;}
	#cat-area-inner .cat-box-min .icon-cat8 {width: 36px;margin-right: 8px;}
	#cat-area-inner .cat-box-min h2 {font-size: 18px;}
	.arrow-white-normal {width: 18px;}
	.arrow-white-normal:after {background-size: 100% auto;width: 11px;height: 10px;right: 3px;}
	#top-voice .title-area .button {width: 165px;}
	#top-voice .icon-voice2{width: 30px;height: auto;}
	#voice-box-area .voice-thum {width: 90px;height: 90px;}
	#voice-box-area h3.voice-title {padding: 10px 15px 8px 15px;font-size: 13px;}
	#sec4-inner .right-banner, #sec5-inner .left-banner{height:74px;margin: 0 5px;}
	#top-info dl {height: 170px;}
	#top-info h2 {font-size: 16px;}
	.top-cat-bottom a {margin: 0 2%;width: 44%;font-size: 14px;height: 50px;}
	.top-cat .season-area .button {width: 90px;}
	.top-cat .cat-list-area li a {font-size: 15px;}
	.top-cat .cat-list-area li a img {margin-right: 5px;width: 36px;height: auto;}
	#top-cat8 .top-cat-min .icon-cat8 {width: 38px;top: -13px;}
	#top-cat8 .top-cat-min h2 {font-size: 18px;}
	#top-cat8 .top-cat-min-bottom {padding: 2px 14px 1px 0; font-size: 11px;}
	#top-cat8 .top-cat-min-bottom span:after {right: -12px;}
	#sec6-inner, #sec7-inner {width: 380px;}
	#sec8-left img.sec8-title {width: 320px;}
	#sec8-right .staff-balloon {font-size: 12px;padding-top: 23px;}
	#sec8-right .staff-balloon1 {width: 126px;left: -4px;height: 89px;}
	#sec8-right .staff-balloon2 {right: -3px;top: -48px;width: 108px;height: 88px;}
	#sec8-left h2 {font-size: 17px;}
	#guide1 h3.guide-h3 {margin: 30px 50px 0;}
	#footer-guide p.strong-p {font-size: 1.1em;}
	#footer-guide h4.pay-h4 {font-size: 16px;}
	#footer-guide .how-li li {font-size: 15px;}
	#footer-nav {margin-bottom: 50px;display: block;padding: 0;}
	#footer-nav .footer-nav-box {width: 98%;margin: 0 auto;}
	.footer-nav-box h3 { margin: 20px auto 5px;}
	#footer-nav1 .footer-nav-bottom, #footer-nav2 .footer-nav-bottom{display: flex;-js-display: flex;display: -webkit-flex;display: -ms-flexbox;justify-content:flex-start;-webkit-box-pack: start;-ms-flex-pack:start;-webkit-justify-content:flex-start;align-items: flex-start;-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;}
    #footer-nav ul{margin: 0 0 0 20px !important;}
	#side-banner-area,#side-banner-middle{justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;width: 382px;margin: 0 auto;}
	#side-bar #side-cart, .side-banner {margin: 0 5px 10px;}
	#side-bar #side-cart{width: 182px;}
	#side-bar #side-cart{height: 90px;}
	#side-postage img {height: 90px;}
	#side-banner-area a,#side-banner-middle a,#sec6 .banner-site,#sec7 .banner-free{width: 48%;margin: 0 1% 10px;}
	#side-banner-area .side-banner img,#side-banner-middle .side-banner img {height: auto;width: 100%;}
	#left-banner-area, #left-banner-area .left-banner-box{display: none;}
	/*下層ページ*/
	#breadcrumb {margin: 10px auto 20px;}
	#breadcrumb ol li {font-size: 13px;}
	#pagetop-catalog .catalog-h2 {width: 260px;}
	#pagetop-catalog h2 {font-size: 13px;font-family: 'gen-Bold' , sans-serif;}
	#page-sec-top #link-cat{right: 0;}
	#page-sec-top .catalog-img{display: none;}
	#select-category-area, #select-category-area-min {margin: 0 auto 35px;}
	#select-category-area h2 {line-height: 52px;}
	#select-category-area ul li span, #select-category-area-min ul li span {font-size: 10px;padding-top: 3px;}
	.tab {font-size: 11px;}
	#select-category-area-min{display: block;}
	#select-category-area-min h3 {font-size: 12px;padding-top: 13px;margin: 10px auto 0;}
	#select-category-area-min ul{justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;}
	#select-category-area-min ul li {width: 22.5%;padding: 5px 0 1px;}
	#select-category-area-min ul li img {width: 30px;}
	#select-season .button {font-size: 14px;}
	.new-item-area .new-item-list{display: block;}
	.new-item-area .new-item-list p{font-size: 14px;padding: 0 0 10px 10px;}
	.item-controller {font-size: 12px;}
	.item-controller select { width: auto;}
	#free-banner-area{margin: 0 auto 10px; }
	/*商品詳細ページ*/
	#item-details #item-name {font-size: 26px;}
	#item-details-main {width: 400px;}
	table.meta-table th, table.meta-table td{display: block;width: 100%;position: relative;}
	table.meta-table th{line-height:24px;font-size: 12px;}
	table.meta-table td{line-height: 30px;}
	.meta-table img {height: 30px;}
	.discount-tag {width: 100px;height: auto;left: 10px;}
	.color-area{font-size: 13px;}
	#review-bottom dl{display: block;}
	#review-bottom dt{width: 100%;}
	#discontinued-similar-item {padding: 15px 8px 1px;}
	.item-num:after{content: none;}
	#successor-item .icon-hand {left: 0;width: 60px;height: 40px;top: 10px;}
}
/* 幅489px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 489px){
	h2.site-title {width: 110px;}
	#home h2.site-title {width: 150px;}
	#side-category-area{display: block;}
	#side-category-area .widget{width: 100%;}
	#side-bar #side-cat ul li a img { width: auto;height: 40px;}
	#side-bar #side-maker ul li a img {height: 50px;}
	#breadcrumb {margin: 5px auto 15px;}
	#breadcrumb ol li {font-size: 12px;line-height: 130%;}
	.item-controller {flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	.item-controller select { height: 32px;}
	.item-controller .box-order{width: 100%;flex: none;margin-bottom: 10px;}
	.change-list{margin-left: 20px;}
	.change-button img {margin: 8px 0;width: 18px;height: 14px;}
	#item-container .item-list-blocks .item-box{width: 48%;}
	.page-nav-button {width: 40px;height: 40px;line-height: 36px;}
	#item-container .item-list-summary .item-box{padding: 10px;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content: flex-end;-webkit-box-pack:end;-ms-flex-pack: end; -webkit-justify-content: flex-end;}
	#item-container .item-list-summary .item-box a{width: 100%;flex: none;}
	#item-container .item-list-summary .item-box .thum-warp,#item-container .item-list-summary .item-box .thum-warp img{width: 80px;}
	#item-container .item-list-summary .item-box table{margin-top: 10px;}
	#item-container .item-list-summary .item-box table th{display: block;}
	#item-container .item-list-summary .item-box table * {text-align:right !important;}
	/*商品詳細ページ*/
	#item-details #item-name {font-size: 22px;padding: 18px 10px 10px;}
	#item-details #item-name span {padding: 0 0 0 46px;}
	#item-details #item-name span:before {width: 38px;height: 35px;}
	#item-details-main {width: 290px;}
	#item-details-main .go-current_catalog { top: -31px;right: -5px;font-size: 11px;width: 80px;height: 80px;padding-top: 21px;}
	#item-details-left #catalog-link{width: 100%;padding: 14px 32px 8px 80px;font-size: 13px;}
	#item-details-left #catalog-link .icon-catalog-link {width: 62px;}
	#item-details-left #catalog-link h2 {font-size: 14px;}
	#similar-item{width: 100%;}
	#similar-item .thum-warp {width: 100px;height: 100px;margin-right: 11px;}
	#details-discription {padding: 25px 10px 10px;}
	#details-discription-title{text-align: center;}
	#details-discription-title .tag{bottom: auto;top: -35px; margin: auto;font-size: 16px;left: 0;right: 0;}
	#details-discription-title .tag:after{content: none;}
	#details-discription dd {font-size: 13px;padding: 8px 8px 10px;}
	#cat-price-area p {padding: 0 0 10px 28px;}
	#cat-price-area p:before {width: 24px;height: 24px;bottom: 11px;}
	#price-tabl-tag {text-align: center;width: 100%;padding: 10px 15px 10px 40px; font-size: 13px;}
	.discount-tag {width: 80px;height: auto;bottom: 0;top: 0;left: 10px;}
	table.price-table thead th {font-size: 12px;}
	#price-table-area table th.third {white-space: initial;}
	#decision-price-area {display: block;}
	#item-quantity{margin-bottom: 10px;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;}
	#item-quantity select{width: auto;}
	#current-price-area {padding: 0;text-align: center;}
	#current-price-area p {display: inline;}
	.coution-area {font-size: 12px;}
	#size-area {padding: 10px 5px 5px;margin: 0 auto 30px;}
	#size-area h3 {font-size: 15px;background-size: 70px auto;line-height: 70px;width: 70px;}
	#main h2.select-h2,#main .select-area h2.select-h2{font-size: 18px;}
	.related-item-box, .catalog-item-box, .other-item-box {width: 31%;margin: 0 1% 15px;}	
	#to-repeater h3 {font-size: 12px;width: 290px;}
	#review-bottom dl p{font-size: 13px;}
	#parent-cat-list .cat-list-area{display: block;}
	#parent-cat-list ul{width: 100%;}
	#discontinued-area .tel-number {margin: 15px 0;}
	.discontinued-similar-box {width: 31%;}
	#discontinued-area .tel-number{text-align: center;}
	#successor-item{display: block;text-align: center;}
	#successor-item h3 {font-size: 18px;width: 100px;height: 100px;padding: 16px 0 0 0; margin: 0 auto 10px;}
	#successor-item img.successor-item-photo {display: block;margin: 0 auto 10px;}
}
/* 幅389px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 389px){
	br.br389{display: inline !important;}
	.button,.button-green {font-size: 13px;}
	#header-search-form #search-detail {width: 86px;}
	#header-search-form #search-detail img.icon-arrow_down{width: 14px;height: auto;}
	#content #main { margin: 0 auto 25px;}
	#sec1 #banner-catalog .catalog-ribon {width: 160px;left: -4px;}
	#sec1 #banner-catalog .catalog-h2 {width: 270px;margin: 46px 0 10px 36px;}
	#sec1 #banner-catalog-bottom {padding: 22px 0 9px;}
	#sec1 #banner-catalog .catalog-img {width: 240px;}
	#sec1 .icon-catalog-banner {width: 34px;position: absolute;left: 0;right: 0;margin: auto;top: -12px;}
	#sec1 #banner-catalog-bottom h2 {font-size: 15px;margin: 0 auto 3px;}
	#sec3-title-bottom h3 {font-size: 13px;}
	#cat-area-inner .cat-box h2.cat-name {width: 150px;height: 46px;font-size: 17px;line-height: 44px;}
	#cat-area-inner .cat-box h2.cat-name span:before {background-size: 100% auto;width: 11px;height: 11px;left: -5px;}
	#cat-area-inner .cat-box, #cat-area-inner .cat-box img.fit {height: 200px;}
	#cat-area-inner .cat-box-min {padding: 0 26px 0 10px;}
	#cat-area-inner .cat-box-min h2 {font-size: 16px;}
	#top-voice .voice-tag {left: -4px;width: 84px;top: -4px;}
	#top-voice .title-area {padding: 0 0 12px 72px;}
	#top-voice .title-area h2 {padding: 0 0 0 5px;}
	#top-voice .title-area .button {font-size: 12px;}
	#voice-box-area .voice-thum { width: 70px;height: 70px;}
	#voice-box-area .voice-right { font-size: 13px;}
	#voice-box-area .voice-box {padding: 15px 10px 12px;}
	#top-info dl {height: 160px;font-size: 13px;}
	#main .top-cat {margin: 0 auto 25px;}
	.top-cat-title h2 img {width: auto;height: 38px;}
	.price-tag {top: -6px;width: 70px;}
	.top-cat .season-area .button span:before {left: -12px;}
	.top-cat .cat-list-area li a {font-size: 14px;line-height: 130%;}
	.top-cat .cat-list-area li a img {margin-right: 3px;width: 32px;}
	.top-cat-bottom a {font-size: 13px;}
	.button-green:after {background-size: 100% auto;width: 11px;height: 11px;right: 3px;}
	#top-cat8 {padding: 20px 5px 10px;}
	#top-cat8 .top-cat-min h2 {font-size: 17px;}
	#sec6{margin: 0 auto 10px;}
	#sec6-inner,#side-banner-area,#side-banner-middle,#sec7-inner{width: 300px;}
	#sec8 {padding-bottom: 50px;}
	#guide1 h3.guide-h3, h3.guide-h3 {margin: 20px auto 10px; width: 230px;}
	#footer-guide h4 {margin-bottom: 5px;font-size: 16px;}
	.tel-number {font-size: 24px;}
	#footer-guide p.tel-p {font-size: 13px;height: 46px;padding-top: 10px;margin: 0 6px 0 0;background-size: 46px auto;}
	.guide-box .guide-link {margin: 15px 0 20px;}
	.fax-number{display: block;text-align: right;}
	.footer-nav-box h3 {font-size: 16px;}
	.footer-nav-box h3 img {margin-right: 7px;width: 34px;height: auto;}
	#footer-nav ul {margin: 0 0 0 10px !important;}
	#footer-nav a {font-size: 13px;padding-left: 13px;}
	#side-bar #side-cart, .side-banner{width: 48%;margin: 0 1% 20px;height: auto;font-size: 16px;}
	#side-bar #side-cart{line-height: 120%;}
	#side-bar #side-cart img {margin-right: 6px;width: 24px;height: auto;}
	#side-postage img {height: auto;width: 100%;}
	#menu-close, #menu-open,#fixed-tel-area-inner.close #fixed-tel-open,#fixed-tel-area-inner.active #fixed-tel-close-sp{font-size: 14px;}
	#fixed-tel-bottom .tel-p {width: 90px;margin-right: 6px;}
	/*下層ページ*/
	#pagetop-catalog {padding: 18px 10px 6px 20px;text-align: left;}
	#pagetop-catalog .catalog-h2 {width: 210px;margin: 0 0 2px 0;}
	#pagetop-catalog h2 {margin: 0 0 0 3px;}
	.select-area {margin: 0 auto 35px;}
	#category-min-bottom {padding: 1px 5px 8px;}
	.panel-area { padding: 10px 5px 15px;}
	#select-rank-big .button{font-size: 11px;padding: 1px 8px;}
	.rank-item-box:after{font-size: 13px;width: 40px;height: 40px;line-height: 40px;}
	.rank-item-box, .new-item-box {margin: 30px 1% 0;}
	.item-controller {padding: 5px 10px;}
	.order-button {padding: 0 5px;margin-left: 6px;}
	/*商品詳細ページ*/
	#price-tabl-tag {padding: 10px 15px 10px 62px;}
	table.price-table th, table.price-table td {font-size: 12px;}
	#select-posted-catalog {padding: 20px 5px 4px;}
	#select-posted-catalog .click {font-size: 10px;right: -3px;top: -43px;border: 4px solid #fdeaa1;width: auto;height: auto;padding: 5px 10px 3px;border-radius: 6px;}
	#select-posted-catalog .click:before{content: none;}
	#discontinued-title {padding: 0 25px 0 10px;margin: 0 0 10px 0;}
	#discontinued-area{font-size: 13px;line-height: 140%;}
}