@charset "UTF-8";
/* CSS Document */
@media (min-width:1051px){
/*================== header =============================================*/
header {
  background-color: #f5f5ea;
}
header .header_inner {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 27px 0 37px;
}

header .header_nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding-left: 0;
}

header .header_nav ul li:not(:first-child) {
  padding-left: 30px;
}

header .header_nav ul li a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: .4s;
}

header .header_nav ul li a:hover{
    color: #ccc;
}

header .header_logo {
  width: 200px;
  vertical-align: bottom;
}

/*===各ページのメインビジュアルアニメーション===*/
.blur{
	animation-name:blurAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
  }

  to {
	filter: blur(0);
	transform: scale(1);
  }
    }
/*===================== footer =============================================*/
footer {
  background-color: #f5f5ea;
}

footer .footer_inner {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0 80px;
}

footer .footer_inner .footer_nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

footer .footer_nav ul li:not(:first-child) {
  padding-left: 30px;
}

footer .footer_nav ul li a {
  text-decoration: none;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: .4s;
}

footer .footer_nav ul li a:hover{
    color: #ccc;
}

footer .footer_meta {
  text-align: right;
}

footer .footer_meta .footer_logo {
  width: 160px;
  vertical-align: bottom;
}

footer .footer_meta .footer_copy {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-top: 15px;
}
    }

@media screen and (min-width:701px) and ( max-width:1050px){
    /*================== header =============================================*/
header {
  background-color: #f5f5ea;
}
    
.Toggle{
 display: none;
}
    
header .header_inner {
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 27px 0 37px;
}

header .header_nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding-left: 0;
}

header .header_nav ul li:not(:first-child) {
  padding-left: 25px;
}

header .header_nav ul li a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: .4s;
}

header .header_nav ul li a:hover{
    color: #ccc;
}

header .header_logo {
  width: 125px;
  vertical-align: bottom;
  padding: 0 0 2px 0;
}

/*===================== footer =============================================*/
footer {
  background-color: #f5f5ea;
}

footer .footer_inner {
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0 80px;
}

footer .footer_inner .footer_nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

footer .footer_nav ul li:not(:first-child) {
  padding-left: 30px;
}

footer .footer_nav ul li a {
  text-decoration: none;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: .4s;
}

footer .footer_nav ul li a:hover{
    color: #ccc;
}

footer .footer_meta {
  text-align: right;
}

footer .footer_meta .footer_logo {
  width: 65%;
  vertical-align: bottom;
}

footer .footer_meta .footer_copy {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-top: 15px;
}
}

@media (max-width: 700px){
    header {
  background-color: #f5f5ea;
}
  
.header_logo{
        width: 30%;
        position: absolute;
        top: 20px;
        left: 30px;
    }
    
.drawer{
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.Toggle{
  width: 36px;
  height: 25px;
  position: absolute;
  top:15px; 
  right: 30px;
}
    
.Toggle span{
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 8px;
  background-color: #333;
  transition: .5s;/* 追記 */
}
.Toggle span:first-of-type{/* ハンバーガーメニューの1番目の線 */
  top: 0;
}
.Toggle span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
  top: 50%;
}
.Toggle span:last-of-type{/* ハンバーガーメニューの3番目の線 */
  top: 100%;
}
    /*jsでslide-menuを指定するとこちらが有効になる。※font-sizeを指定必須
.header_nav .slide-menu{
  background-color: #FFFFFF;
  position: fixed;
  list-style: none;
  padding: 0;
  top: 65px;
  width: 100%;
  left: 0;
  transform: translateX(100%);
  transition: .5s;
}
.header_nav .slide-menu li{
  color: #000;
  line-height: 400%;
  text-align: center;
}*/
.Toggle.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
  top: 50%;
  transform: rotate(405deg);
}
.Toggle.active span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
  opacity: 0;/* 透明にする */
}
.Toggle.active span:last-of-type{/* ハンバーガーメニューの3番目の線 */
  top: 50%;
  transform: rotate(-405deg);
}
    
    /*改訂版　スマホメニュー*/
    .header_nav{ /* display: block; */ background-color: #FFFFFF;  position: fixed;  padding: 0;  margin: 0;top: 0px;  width: 100%;  left: 0;  transform: translateX(100%);  transition: .5s;/* 追記 */  z-index: 1}
    .header_nav.active{  transform: translateX(0);} 
    .header_nav .slide-menu{ /* background-color: #FFFFFF;  position: fixed;  padding: 0;  top: 65px;*/ list-style: none;  width: 100%;  padding: 0;  margin: 0;/* left: 0;  transform: translateX(100%);*/  /*transition: .5s;*//* 追記 */           }
    .header_nav .slide-menu li{   text-align: center; padding: 0;  margin: 0;}
    .header_nav .slide-menu li a{font-size: 14px; font-weight: 700; color: #000; text-decoration: none; line-height: 48px;}
    
    

/*
header .header_inner {
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 27px 0 37px;
}


header .header_nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding-left: 0;
}

header .header_nav ul li:not(:first-child) {
  padding-left: 25px;
}

header .header_nav ul li a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: .4s;
}

header .header_nav ul li a:hover{
    color: #ccc;
}

header .header_logo {
  width: 125px;
  vertical-align: bottom;
  padding: 0 0 2px 0;
}
*/
      
/*===================== footer =============================================*/
footer {
  background-color: #f5f5ea;
}

footer .footer_inner {
  width: 90%;
  margin-inline: auto;
  display: block;
/*
  justify-content: space-between;
  align-items: flex-start;
*/
  padding: 20px 0 80px;
}

footer .footer_inner .footer_nav ul {
  display: inline-block;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .footer_nav ul li:not(:first-child) {
  padding: 0px;
}

footer .footer_nav ul li a {
  text-decoration: none;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: .4s;
}

footer .footer_nav ul li a:hover{
    color: #ccc;
}

footer .footer_meta {
  text-align: right;
}

footer .footer_meta .footer_logo {
  width: 40%;
  vertical-align: bottom;
}

footer .footer_meta .footer_copy {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-top: 15px;
}
}