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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');

body{
/*
font-family: 'Noto Sans JP','Hiragino Sans', 'ヒラギノ角ゴPro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
*/
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 500;
color:#444;
font-size: 14px;
}
html,body{
    height: 100%;
}
 
img{
}

a{
    color:#444;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	text-decoration:none;
}
a:visited{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color:#444;
}
a:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	text-decoration:underline;
  opacity: 0.4;
    color:#444;
}

p {
    font-size: 100%;
    letter-spacing: 0.1em;
    line-height: 200%;
    margin-bottom: 0.5em;
}

/* common
---------------------------------------------------------- */

/* flexbox */
.flex {
  display: flex;
  flex-wrap: wrap;
}
.between {
  justify-content: space-between;
}
.flex_end {
  justify-content: flex-end;
}
.flex_around {
  justify-content: space-around;
}

/* pc・sp */
.only_pc {
  display:block;
}
.only_sp {
  display:none;
}

/* parts */
h2 {
  text-align: center;
  margin:0 auto 100px auto;
}

#wrapper {
	width:100%;
  height:100%;
}

/* font */
.font-josefin {
  font-family: 'Josefin Sans', sans-serif;
}






/* header
---------------------------------------------------------- */
header{
}


header {
  position: fixed;
  top: 10;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 120px;
  transition: .3s;
}
header h1 {
  transition: .3s;
}
.is-animation {
  height: 120px;
  background: #fff;
  opacity: 0.8;
}



/* nav
---------------------------------------------------------- */
.only_pc nav {
  margin-top: 35px;
}
.only_pc nav ul {
 justify-content: center;
}
.only_pc nav li a {
  padding: 20px;
  display: block;
}
.only_pc nav .icon_insta {
  position: absolute;
  top: 50px;
  right: 50px;
}
.header_is-animation {
  display: none;
}

/* スクロール後nav */
.is-animation .only_pc nav .header_default {
  display: none;  
}
.is-animation .only_pc nav .header_is-animation {
  display: block !important;
}
.only_pc nav .header_logo {
  position: absolute;
  top: 25px;
  left: 50px;
}


/* footer
---------------------------------------------------------- */
footer {
  text-align: center;
}

.fnavi {
  justify-content: center;
  margin-top: 80px;
}
.fnavi  li a {
  padding: 10px;
  display: block;
}

  
.copyright {
  padding: 80px 0 10px;
}
.icon_fnavi_01 {
  vertical-align: middle;
  padding-left: 10px;
}


/* ページトップへ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
  z-index: 100;
}
#page-top a {
    width: 50px;
    display: block;
}
#page-top a:hover {
}







/* ==========================================================================//
//
//　SP 1000px以下
//
// ========================================================================== */

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

#wrapper {
  min-width: 320px !important;
}

  .only_pc {
  display:none !important;
}

.only_sp {
  display:block !important;
}

  
/* parts */
h2 {
  margin:0 auto 80px auto;
}

  
  
/* header
---------------------------------------------------------- */
header {
  position: fixed;
  top: 10;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 60px;
  transition: .3s;
}
.is-animation {
  height: 60px;
  background: #fff;
  opacity: 0.8;
}
.header_logo {
  display: none;
}
  
  
.is-animation .header_logo {
  display: block;
}
.is-animation .header_logo img {
  position: absolute;
  top: 5px;
  left: 10px;
  }

  
/* nav-スマホ
---------------------------------------------------------- */
  .header_sp {
  }
.drawer-toggle,
  .drawer-hamburger {
    z-index: 100;
  } 
.drawer-nav {
  opacity: 1.0;
    z-index: 100;
}
.drawer-menu {
  padding: 20px 0 !important;
}
.drawer-menu li {
  text-align: center;
  padding: 15px;
}
.drawer-menu li a {
  display: block;
}
  /* 真ん中 */
  .drawer-hamburger-icon  {/* デフォルト */
    background-color: #fff !important;
  } 
  .is-animation .drawer-hamburger-icon  {/* header固定になった時 */
    background-color: #000 !important;
  }  
  .drawer-open .drawer-hamburger-icon {/* openした時 */
    background-color: transparent !important;
    
  }
  /* 上と下 */
  .drawer-hamburger-icon:after,
  .drawer-hamburger-icon:before {/* デフォルト */
    background-color: #fff !important;
  }
  .is-animation .drawer-hamburger-icon:after,
  .is-animation .drawer-hamburger-icon:before {/* header固定になった時 */
    background-color: #000 !important;
  }
  .drawer-open .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:after {/* openした時 */
    background-color: #000 !important;
  }
  
  
/* footer
---------------------------------------------------------- */
footer {
}
.fnavi {
  display: none;
  }
  .logo_footer_01 img {
    width: 20%;
    max-width: 121px;
    height: auto;
  }
.copyright {
  padding: 80px 0 10px;
  font-size: 12px;
}
  
  
  
  
}