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


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

/* -----------------------------------------------------------

　header

-------------------------------------------------------------- */
header .container {
	padding:0 2%;
	width:100%;
}

/*　navi
/*-------------------------------------------*/
header li a {
	padding:20px 30px;
}

/* -----------------------------------------------------------

　footer

-------------------------------------------------------------- */
footer .container {
	width:100%;
}

}

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

/* -----------------------------------------------------------

　header

-------------------------------------------------------------- */

/*　logo
/*-------------------------------------------*/
header h1 {
	margin:25px 20px 0 0;
}

/*　navi
/*-------------------------------------------*/
header li a {
	padding:20px 18px;
}
/* -----------------------------------------------------------

　footer

-------------------------------------------------------------- */
footer .footer_sns_br {
	display: block;	
}

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

/* -----------------------------------------------------------

　header

-------------------------------------------------------------- */

/*　navi
/*-------------------------------------------*/
header li a {
	padding:20px 10px;
}
/* -----------------------------------------------------------

　footer

-------------------------------------------------------------- */

}

@media screen and (min-width:640px) and (max-width:940px) {

.display_pc {
	display:none;
}

.display_tb {
	display:block;
}

#spNaviBg {
  display: none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background:#000;
  z-index:1010;
  overflow: hidden;
  opacity: 0.7;
}

/* -----------------------------------------------------------

　header

-------------------------------------------------------------- */
header {
	padding:0;
	height:70px;
	border-bottom:1px #E0E0E0 solid;
	line-height:70px;
}

/*　logo
/*-------------------------------------------*/
header h1 {
	float:none;
	margin:20px 40px 0 0;
}

header h1 a {
	display:block;
	margin:0 auto;
	width:145px;
	height:32px;
	background:url(../images/logomark_sp.png) no-repeat center center;
	background-size:145px 32px;
	-webkit-background-size:145px 32px;
	background-size:145px 32px;
}

/*　sp_navi
/*-------------------------------------------*/
header .sp_navi {
  position: absolute;
  top: 0;
  left: 0;
}

header .sp_navi .btn_close {
  display: none;
}

header .sp_navi.open .btn_open {
  display: none;
}

header .sp_navi.open .btn_close {
  display: inline;
}

/*　navi
/*-------------------------------------------*/
header ul {
  display: none;
}
.sp_navi_list {
  display: none;
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
}

.sp_navi_list li {
  float: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  text-align: left;
}

.sp_navi_list li a {
  position: relative;
  display: block;
  height: auto;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e0e0;
  line-height: 31px;
}

.sp_navi_list li a:before {
  display: none;
}

.sp_navi_list li a:after {
  content: '';
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 13px;
  top: 20px;
  background: url(../images/sp_navi_icon1.png) no-repeat right center;
  -webkit-background-size: 12px;
  background-size: 12px;
}

.sp_navi_list li a.parent:after {
  background: url(../images/sp_navi_icon2.png) no-repeat right center;
  -webkit-background-size: 12px;
  background-size: 12px;
}

.sp_navi_list li a.parent.open:after {
  background: url(../images/sp_navi_icon3.png) no-repeat right center;
  -webkit-background-size: 12px;
  background-size: 12px;
}

.sp_navi_list li ul {
  position: relative;
  top: 0;
}

.sp_navi_list li li a {
  padding-left: 30px;
  background-color: #ecebe9;
}

.sp_navi_list li.sub {
  float: left;
  width: 50%;
  background-color: #666;
}

.sp_navi_list li.sub a {
  color: #fff;
  font-size: 11px;
}

.sp_navi_list li.sub a:after {
  right: 7px;
  background: url(../images/sp_navi_icon1w.png) no-repeat right center;
  -webkit-background-size: 12px;
  background-size: 12px;
}

.sp_navi_list li.sub:nth-child(2n) a {
  border-right: 1px solid #e0e0e0;
}

/*　order
/*-------------------------------------------*/
header .container .order {
	position:absolute;
	top:0;
	right:20px;
	float:none;
	margin:0;
	padding:0;
}

header .container .order a {
	display:block;
}

header .container .order img {
	margin:0;
}

/* -----------------------------------------------------------

　footer

-------------------------------------------------------------- */
footer {
	height:auto;
}

footer .container {
	padding:30px 0 20px;
	width:100%;
}

/*　sns button
/*-------------------------------------------*/

/*　sub menu
/*-------------------------------------------*/
footer .container div:nth-child(1) {
	padding:15px 0 0 0;
}

footer .container div:nth-child(1) ul {
  display: none;
}

footer .container div:nth-child(1) li {
	font-size:85%;
}

/*　copyright
/*-------------------------------------------*/

}

@media screen and (max-width:940px) {
/* -----------------------------------------------------------

　footer

-------------------------------------------------------------- */

footer .container div.footer_sns {
	text-align: center;
	float: none;
	padding-left: 0px;
}

footer .container div.copy_gazai {
	display: block;
	clear: both;
	text-align: center;
	padding-right: 0px;
}

}