@charset "UTF-8";
/*
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 pc
==================================================================================*/
.pa_ske {
  background: url("../images/bg_mv_02.png") scroll center top no-repeat, url("../images/img_mv_01.jpg") scroll center -20px no-repeat, url("../images/bg_mv_01.jpg") scroll left top repeat-x;
  background-size: auto;
  z-index: 0;
  /* ---------------------------------
 cp common
--------------------------------- */
  /* ---------------------------------
 mv
--------------------------------- */
  /*
  .p-mv__logo {
    position: absolute;
    right: 0;
    bottom: 90px;
  }
*/
  /* ---------------------------------
 cp
--------------------------------- */
  /* ---------------------------------
 entry
--------------------------------- */
  /* ---------------------------------
 sns
--------------------------------- */
  /* ---------------------------------
 cv
--------------------------------- */
  /* ---------------------------------
 movie 表示時
--------------------------------- */
  /* ---------------------------------
 model
--------------------------------- */
  /* ---------------------------------
 movieバナー 非表示時　※バナー表示させるときはコメントアウトすること
--------------------------------- */
}

.pa_ske .path {
  z-index: 99;
}

.pa_ske .path a {
  padding: 2px 0 5px;
  background-color: #fefefd;
}

.pa_ske main {
  position: relative;
  margin-top: -60px;
}

.pa_ske main * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pa_ske main img {
  vertical-align: bottom;
}

.pa_ske main .c-ttl {
  text-align: center;
  padding-top: 50px;
}

.pa_ske main .c-m01 {
  margin: 35px auto;
}

.pa_ske main .c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pa_ske main .c-btn li:first-child {
  margin-right: 40px;
}

.pa_ske main a.onoff:hover img {
  opacity: 1;
}

.pa_ske .p-mv {
  position: relative;
  height: 725px;
  z-index: 0;
}

.pa_ske .p-mv__ttl {
  text-align: center;
}

.pa_ske .p-mv__btn {
  width: 100%;
  text-align: center;
  background: rgba(29, 161, 242, 0.8);
  padding: 20px 0;
  position: absolute;
  bottom: 0;
}

.pa_ske .p-cp {
  background-color: #fff;
}

.pa_ske .p-cp__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto 0;
}

.pa_ske .p-cp__tab li {
  margin-left: 10px;
}

.pa_ske .p-cp__tab li:first-child {
  margin-left: 0;
}

.pa_ske .p-cp__tab-inner {
  background: #fff0d1;
  border: #ec6d88 solid 2px;
}

.pa_ske .p-cp__inner {
  width: 820px;
  margin: 0 auto 60px;
}

.pa_ske .p-cp__inner .c-txt01 {
  font-size: 22px;
  color: #ec6d88;
  line-height: 1.8em;
  margin: 35px auto 0;
  text-align: center;
}

.pa_ske .p-entry {
  background: #f57993 url("../images/bg_entry_01.png") scroll center top repeat-x;
}

.pa_ske .p-entry__inner {
  width: 1041px;
  margin: 0 auto;
}

.pa_ske .p-entry__inner .c-m01 {
  position: relative;
}

.pa_ske .p-entry__inner .c-m01 a {
  position: absolute;
}

.pa_ske .p-entry__inner .c-m01 .p-ico_tw {
  bottom: 46px;
  left: 47px;
}

.pa_ske .p-entry__inner .c-m01 .p-ico_re {
  bottom: 33px;
  left: 410px;
}

.pa_ske .p-entry__notes {
  color: #fff;
  font-size: 13px;
  width: 820px;
  margin: 65px auto 0;
  padding-bottom: 40px;
  line-height: 1.8em;
}

.pa_ske .p-entry__notes a {
  color: #fff;
  text-decoration: underline;
}

.pa_ske .p-entry__notes a:hover {
  text-decoration: none;
}

.pa_ske .p-sns {
  background: url("../images/bg_sns_01.png") scroll center top repeat;
  padding-bottom: 120px;
}

.pa_ske .p-sns__inner {
  width: 630px;
  margin: 0 auto;
}

.pa_ske .p-tw__box {
  background: #fff;
  border-radius: 20px;
  padding: 0 0 20px;
  -webkit-filter: drop-shadow(0 2px 3px rgba(160, 20, 67, 0.3));
  filter: drop-shadow(0 2px 3px rgba(160, 20, 67, 0.3));
}

.pa_ske .p-tw__box h3 {
  text-align: center;
  background: #1da1f2;
  border-radius: 20px 20px 0 0;
  padding: 14px 0;
}

.pa_ske .p-tw__box_inner {
  height: 450px;
  overflow: scroll;
  padding: 10px 20px 0;
}

.pa_ske .p-cv {
  position: relative;
  top: -40px;
}

.pa_ske .p-cv .c-btn li:first-child {
  margin-right: 30px;
}

.pa_ske .p-movie {
  text-align: center;
  margin: 40px auto 90px;
}

.pa_ske .p-model {
  background: url("../images/bg_model_01.png") scroll center top repeat;
  text-align: center;
  padding: 0 0 40px;
}

.pa_ske .p-model {
  margin-top: -100px;
}

.pa_ske .p-model .c-ttl {
  padding-top: 120px;
}