@charset "utf-8";
/* CSS Document */

.cf:after{content:"";display:block;clear:both;}
.headerwrap{ width:100%;max-width:1000px;margin:0 auto 0;}
.h_logo {width:273px;float:left;margin-top:10px;}
.h_btn_contact_mail {width:244px;}
.h_btn_contact_tel {width:244px;}
.h_contactwrap{float:right;}
.headerwrap::after{content:"";display:block;clear:both;}
#logo_m{display:none;}
.nav-wrap{display:none;}
.menu_m{display:none;}

/*アコーディオン*/
.navaccbox { display:none;}

/*チェックは隠す*/
.accbox input {display: none;}
/*ドロップメニュー*/
#mainNavi .inner{width:100%;max-width:1000px;margin:0 auto;}
.menu{background:#fff;position:relative;z-index:100;padding:10px 0 8px;}
.menu a{color:#000;}
.menu a:hover{color:#A67C52;}
.menu li{font-weight:bold;display:block;float:left;text-align:center;}
.menu .over{border-bottom:solid 2px #c1272d;}
.menu li.menu1{width:200px;margin-right:0;}
.menu li.menu2{width:200px;margin-right:0;}
.menu li.menu3{width:200px;margin-right:0;}
.menu li.menu4{width:200px;margin-right:0;}
.menu li.menu5{width:200px;margin-right:0;}
.menu li a{text-align:center;}

#mainNavi.active{position:fixed;top:0;left:0;background:#fff;z-index:1000;width:100%;}

#dropmenu{list-style-type: none;padding: 0;}
#dropmenu li{position: relative;float: left;text-align: center;}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu > li:hover > a{border-radius: 3px 3px 0 0;}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{width: 100%}
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  text-align: center;
  font-weight: normal;
  width:200px;
  background:#FFF;
}
#dropmenu li:hover ul li{overflow: visible;height: 38px;}
#dropmenu li:hover ul li:first-child{border-top: 0;}
#dropmenu li:hover ul li:last-child{border-bottom: 0;}

/*ドロップメニューここまで*/
.subcatch {max-width:1200px;margin:0 auto 0;padding:70px 0 70px;background-color:rgba(255,255,255,0.9);background:url(../images/common/zumen.gif) no-repeat center center;}
#TOP .subcatch {max-width:1200px;margin:0 auto 0;padding:30px 0 40px;background-color:rgba(255,255,255,0.9);background:url(../images/common/zumen.gif) no-repeat center center;}
#sellers .subcatch {max-width:1200px;margin:0 auto 0;padding:70px 0 70px;background-color:rgba(255,255,255,0.9);background:url(../images/common/zumen.gif) no-repeat center top;}
.subcatch p{margin:40px auto 0;width:298px;}
#purchase .subcatch {max-width:1200px;margin:0 auto 0;padding:70px 0 70px;background-color:rgba(255,255,255,0.9);background:url(../images/common/zumen.gif) no-repeat center top;}
#main_slider{max-width:1190px;height:693px;margin:0 auto 0;}

@media screen and (max-width:1050px) { 
/*アコーディオン*/
/*ボックス全体*/
.accbox {margin: 2em 0;padding: 0;}
.gnav .accbox {margin: 0;padding: 0;}
/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 5px 0px;
    color: #ffba47;
    font-weight: bold;
    background: #fff;
    cursor :pointer;
}
.gnav .accbox label {
    display: block;
    margin:  0;
    padding : .875rem 1rem;
    color: #003459;
    font-weight: normal;
    cursor :pointer;
}
/*アイコンを表示*/
.accbox label:after {
    content: url("../images/common/list_arrow1.png");
    font-family: 'FontAwesome';
    padding-right: 8px;
	float:right;
	position:relative;
	margin-top:-30px;
}
.gnav .accbox label:after {
    content: url("../images/common/list_arrow1.png");
    font-family: 'FontAwesome';
    padding-left: 2px;
	float:left;
	position:relative;
	margin-top:-18px;
}
/*ラベルホバー時*/
.accbox label:hover {background :#fff;}
.gnav .accbox label:hover {background :#f2f2f2;}

/*チェックは隠す*/
.accbox input {display: none;}

/*中身を非表示にしておく*/
.accbox .accshow {
    clear:both;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:after {content: url("../images/common/list_arrow2.png");}
/*navi開閉部分*/
.nav-wrap{
	display:block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 100%;
	float:left;
	z-index:200;
}
.gnav {
    list-style-type: none;
    background: #fff;
    width: 100%;
    /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
    z-index: 200;
}
.gnav li {
	border-bottom: 1px solid #333;
	padding:8px 0;
}
.gnav .accshow .gli {
	border-bottom: 1px dotted #997658;
	margin:0;
	padding: 0;
	box-sizing:border-box;
}
.gnav li:hover {background: #f2f2f2;}
.gnav li a {
	font-size:1.5rem;
    display: block;
    text-decoration: none;
    padding: .875rem 1rem;
  	color:#000;
}
.gnav .accshow a{margin-top:-5px;color:#997658;}
.gnav .accshow .acccloss2 a{margin-top:0px;}
 .gnav li span {
	font-size:1.5rem;
    display: block;
    text-decoration: none; 
  	color:#000;
	padding-left:30px;
	font-weight:normal;	
}   

/*ハンバーガーボタン*/
.nav-wrap, .accshow{display:block;}
.icon-animation {
    width: 44px;
    height: 44px;
    display: block;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 3%;
    text-align: center;
    top: 1.5rem;
	background:#fff;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.icon-animation .menutext {
    position: absolute;
    top: 105%;
    font-size:11px;
    font-weight:bold;
    font-feature-settings : "palt";
    text-align:left;
}
.icon-animation span {
    width: 34px;
    height: 3px;
    display: block;
    background: #666;
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -17px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.icon-animation .top {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
.icon-animation .bottom {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
}
.is-open .middle { background: rgba(51, 51, 51, 0);}
.is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
}
.is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
}
.h_logo {width:273px;float:left;margin:20px 0 20px 15px;}
}

@media screen and (max-width:768px) { 
.subcatch p{margin:20px auto 0;width:230px;}
.subcatch {margin:0 auto 0;padding:30px 0 30px;}
}

@media screen and (max-width:480px) { 
.h_logo {width:203px;}
}
@media screen and (max-width:330px) { 
.h_logo {width:183px;}
}