@charset "UTF-8";
/* CSS Document */
body{
  font-family: Noto Sans Japanese,Yu Gothic,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,Arial,Helvetica,Verdana;
  letter-spacing: 0.12em;
  line-height: 2em;
  font-weight: 900;
}

/* ヘッダー */
header{
  width: 100%;
  background-image: url(../images/header_back.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  z-index: 5;
}

header .inner{
  min-width: 960px;
  margin: 0 auto;
  padding: 10px 20px 0px 20px;
}

header .inner a img{
  float: left;
  width: 180px;
  padding-top: 4px;
}

header .inner nav{
  float: right;
}

header .inner nav ul {
  display: inline-block;
}

header .inner nav ul *{
vertical-align: -webkit-baseline-middle;
}

header .inner nav ul li{
  float: left;
  margin-right: 18px;
  font-size: 0.8em;
}

header .inner nav ul li.hiroku{
  margin-right: 23px;
}

header .inner nav ul li:last-child{
  margin: 0px;
}

header .inner nav ul li a{
  color: #ffffff;
  font-family: Raleway;
}

header .inner nav ul li:last-child a{
  color: #ffffff;
  font-family: Noto Sans Japanese,Yu Gothic,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,Arial,Helvetica,Verdana;
}

header .inner .entry{
  display: inline-block;
}

header .inner .entry a {
  transition: .3s;
  font-size: 15px;
  display: inline-block;
  padding: 2px 12px;
  border: solid #ffffff;
}

header .inner .entry a:hover {
	background-color: white;
	color: #f19066;
	border: solid #f19066;
}


/* フッター */
footer{
  background-color: #35455B;
  color: #ffffff;
  overflow: hidden;
  width: 100%;
}

footer .inner{
  min-width: 960px;
  margin: 0 auto;
  padding: 30px 14px;
  overflow: hidden;
}

footer p{
  float: left;
}

footer p small {
  font-weight: 400;
  font-size: 12px
}

footer ul{
  float: right;
}

footer ul li{
  display: inline-block;
  margin-left: 15px;
  font-size: 0.7em;
}

footer a{
  color: #ffffff;
}


/* エントリーボタン */
div.commonEntry a{
  display: inline-block;
	transition: .3s;
}

div.commonEntry a:hover {
}




.imghvr-shutter-out-horiz:before {
	background: #ffffff;
}

imghvr-fade:before {
	background: #c9c9c9;
}

[class*=" imghvr-"], [class^=imghvr-] {
    background-color: #ffffff;
  }


  .spNavigation {
    display: none;
  }

  /* スマホ版*/
  @media only screen and (max-width: 768px){
    header {
      border-top: none;
    }

    header .inner {
      padding: 4px 20px 9px 20px;
    }


    header .inner {
      padding: 10px 20px 10px 20px;
      font-weight: 600;
      min-width: 280px;
    }

  .pcNavigation {
        display: none; /* PC版のメニューのため非表示 */
    }

  .spNavigation {
      float: right;
      display: inline-block;
    }

    .spNavigation *{
      display: inline-block;
    }

    /* ハンバーガーメニュー内のリスト */
  #tbMenu{
      position: relative;
      cursor: pointer;
      display: inline-block;
    }

  #tbMenu #tbMenuList {
      display: none;
      position: absolute;
      right: 0px;
      top: 42px;
      padding: 0;
      z-index: 100;
      font-size: 1.3em;
      overflow: overlay;
    }

  #tbMenu #tbMenuList li {
    	margin-right: 0;
      background-color: rgba(255, 255, 255, 0.8);
    	list-style-type: none;
      border: solid 1px #f73c58;
    }

  #tbMenu #tbMenuList li a {
      opacity: 1;
      font-size: 14px;
      clear: both;
      display: block;
      width: 205px;
      text-align: left;
      padding: 10px 0px 10px 16px;
      color: #f73c58;
      text-decoration: none;
    }

    /* ハンバーガーメニューの線 */
    .menu-trigger,
    .menu-trigger span {
    	display: inline-block;
    	transition: all .4s;
    	box-sizing: border-box;
    }
    .menu-trigger {
    	position: relative;
      width: 34px;
      height: 34px;
    }
    .menu-trigger span {
    	position: absolute;
    	left: 0;
    	width: 100%;
    	height: 1px;
    	background-color: #fff;
    }
    .menu-trigger span:nth-of-type(1) {
    	margin-top: 8px;
    }
    .menu-trigger span:nth-of-type(2) {
    	top: 18px;
    }
    .menu-trigger span:nth-of-type(3) {
    	bottom: 0;
      top: 28px;
    }

    .spFooter li {
      text-align: center;
    }

    .spFooter {
      padding: 30px 0;
    }

    footer .inner {
    min-width: 300px;
    text-align: center;
    }

    footer p {
      float: none;
    }

    footer ul {
      display: none;
    }


    /* ホバー 消し */
    header .inner .entry a:hover {
    	background-position: 0 0;
      color: #000;
      border: solid #000;
    }

    div.commonEntry a:hover {
    	background-position: 0 0;
      color: #000;
      border: solid 5px;
    }

}