/*
COPYRIGHT [C] jitaku studio All Rights Reserved.
*/
/*
COPYRIGHT [C] jitaku studio All Rights Reserved.
*/
/**************************************************

    Init

**************************************************/
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900");
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

:focus {
  outline: 0; }

body {
  position: relative;
  background: url("../img/common/kv01_blur.jpg") center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  color: #444;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1px;
  -webkit-font-variant-ligatures: none;
  -webkit-font-feature-settings: none;
  font-feature-settings: none;
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-y: scroll; }

img {
  display: block;
  width: 100%;
  height: auto; }

a {
  color: #444;
  text-decoration: none;
  -webkit-transition: color .4s ease;
  -o-transition: color .4s ease;
  transition: color .4s ease; }

#wrap:not(.sp) a:hover {
  color: #ff3f7f; }

h1, h2, h3, h4, h5 {
  font-weight: normal;
  padding: 0;
  margin: 0; }

p {
  margin: 0; }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }

#preload {
  display: inline;
  width: 0;
  height: 0; }

#wrap {
  position: relative;
  background: url("../img/common/overlay.png") repeat;
  background-size: 50px 50px;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

/**************************************************

    Header

**************************************************/
header {
  position: fixed;
  background: url("../img/common/bg_header.png") top center repeat-x;
  background-size: 40px 120px;
  width: 100%;
  height: 120px;
  margin: 0 auto;
  z-index: 999; }

#header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1120px;
  margin: 0 auto; }

#wrap.sp header {
  overflow-x: scroll; }

#wrap.sp #header-wrap {
  width: 1200px;
  padding: 0 40px; }

#page-title {
  width: 350px;
  margin: 22px 40px 0 10px; }
  #page-title a {
    display: block;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }

#wrap:not(.sp) #page-title a:hover {
  opacity: 0.6; }

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  nav .nav {
    width: 120px;
    height: 80px;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }

#wrap:not(.sp) nav .nav:hover {
  opacity: 0.6; }

#share {
  position: fixed;
  top: 150px;
  right: -10px;
  width: 90px;
  height: 60px;
  -webkit-transition: right .3s ease;
  -o-transition: right .3s ease;
  transition: right .3s ease; }

#wrap:not(.sp) #share:hover {
  right: 0; }

/**************************************************

    Inner

**************************************************/
#inner {
  position: relative;
  width: 1120px;
  padding-top: 150px;
  margin: 0 auto 183px auto; }

article {
  position: relative; }

#inner:not(.top) {
  padding-top: 130px; }
  #inner:not(.top) article {
    width: 100%;
    padding: 59px 49px 49px 49px;
    margin-top: 48px;
    border-radius: 8px; }
    #inner:not(.top) article:before {
      content: "";
      position: absolute;
      top: -41px;
      left: -1px;
      width: 302px;
      height: 64px; }

/**************************************************

    Footer

**************************************************/
footer {
  position: relative;
  width: 100%;
  padding-top: 50px;
  margin-top: -50px; }
  footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/common/bg_footer.png") top center repeat-x;
    background-size: 40px 51px;
    width: 100%;
    height: 51px; }
  footer #footer-wrap {
    background: #ff3f7f;
    width: 100%;
    padding: 30px 0 60px 0; }
  footer #pagetop {
    position: fixed;
    bottom: -60px;
    right: -60px;
    background: url("../img/common/btn_pagetop.png") no-repeat;
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    -webkit-transition: bottom .6s ease, right .6s ease;
    -o-transition: bottom .6s ease, right .6s ease;
    transition: bottom .6s ease, right .6s ease;
    cursor: pointer; }
  footer #pagetop.scroll {
    bottom: 0;
    right: 0; }
  footer #footer-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    width: 858px;
    margin: 0 auto; }
  footer #reaero-link {
    width: 260px;
    margin-right: 65px; }
    footer #reaero-link .link-title {
      width: 116px;
      margin: 10px 0 12px 8px; }
  footer #brand-logo {
    width: 60px;
    height: 60px;
    margin-top: 44px;
    border-radius: 4px; }
    footer #brand-logo img {
      border-radius: 4px; }
  footer #copyright {
    width: 448px;
    margin: 56px 0 0 25px; }

/**************************************************

    Colorbox

**************************************************/
#colorbox {
  overflow: visible; }

.cboxCloseBtn {
  position: absolute;
  top: -40px;
  right: -40px;
  cursor: pointer;
  opacity: 0;
  z-index: 9999; }

#cboxContent {
  background: none; }

#cboxLoadedContent {
  background: none;
  border-radius: 8px;
  border: 1px solid #d7d7d7; }
  #cboxLoadedContent img {
    border-radius: 8px; }

#cboxOverlay {
  background: #fff9fb !important; }

.youtube .cboxCloseBtn {
  position: absolute;
  top: auto;
  bottom: -100px;
  right: calc(50% - 40px);
  cursor: pointer;
  opacity: 0;
  z-index: 9999; }

.cboxCloseBtn img {
  width: 80px; }

.youtube .cboxCloseBtn img {
  width: 80px; }