@charset "UTF-8";
/* -- -- --
 * ROOM8 CSSset V3.1
 * Last Up Date: 2017.08
 * Author: mick
 * Guideline: https://room8.info/guideline
 -- -- -- -- -- -- -- -- */
* {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  font-size: 62.5%;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  color: #3b3b3b;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.minc {
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.source {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

html, body {
  height: 100%;
}

body.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

article,
footer,
header,
nav,
section {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

section,
div,
p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

p {
  line-height: 1.8;
}

a {
  color: #333;
  border: none;
  outline: 0;
  background-color: transparent;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

i {
  font-style: italic;
}

del {
  text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1.0em;
  line-height: 1.4;
}

img {
  border: 0;
  vertical-align: bottom;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  margin: 0 0 0 10px;
  float: right;
}

.alignleft {
  margin: 0 10px 0 0;
  float: left;
}

.entry_body ol {
  margin: 0 0 0 20px;
  list-style-position: outside;
  list-style-type: decimal;
}

.entry_body ul {
  margin: 0 0 0 20px;
  list-style-position: outside;
  list-style-type: disc;
}

.entry_body table {
  width: 100%;
  border: 1px solid #CCC;
}

.entry_body img {
  max-width: 100%;
  height: auto;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

pre {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0;
}

dt,
dd,
td,
th {
  line-height: 1.6;
}

ul,
ol {
  list-style: none;
}

li {
  line-height: 1.6;
}

.pc {
  display: none;
}

/* Forms
========================================================================== */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

optgroup {
  font-weight: bold;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #AAA;
}

::-moz-placeholder {
  color: #AAA;
}

:-ms-input-placeholder {
  color: #AAA;
}

::-placeholder {
  color: #AAA;
}

/* Extras
========================================================================== */
.r0 {
  margin-right: 0 !important;
}

.b0 {
  margin-bottom: 0 !important;
}

.clear:after,
.block1:after,
.block2:after,
.inblock:after,
.contents:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
}

.to_top {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 15px;
}

.to_top a {
  display: block;
  overflow: hidden;
  background: url("../keira_images/common/to_top.png") no-repeat;
  background-size: 38px 38px;
  padding: 38px 0 0;
  width: 38px;
  height: 0 !important;
}

#dammy {
  display: block;
  overflow: hidden;
  background: url("../keira_images/") no-repeat;
  padding: 40px 0 0;
  width: 216px;
  height: 0 !important;
}

/*
========================================================================== */
#wrapper {
  padding: 76px 0 0;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  background: url("../keira_images/sp_header.png") no-repeat center top;
  background-size: 900px 76px;
  width: 100%;
  z-index: 30;
}

.header {
  padding: 17px 0 0 10px;
  height: 76px;
  position: relative;
}

h1 {
  overflow: hidden;
  background: url("../keira_images/sp_logo.gif") no-repeat;
  background-size: 70px 11px;
  padding: 11px 0 0;
  width: 70px;
  height: 0 !important;
}

.header .menu {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 24px;
}

.header .menu a {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_menu.gif") no-repeat center center;
  background-size: 24px 12px;
  padding: 25px 0 0;
  height: 0 !important;
}

.screen {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 130%;
  z-index: 40;
}

.menu_active .screen {
  display: block;
  opacity: .2;
  background-color: #000;
}

.modal_active .screen {
  display: block;
  opacity: 1;
  background-color: #d6b760;
}

.kv_block {
  border-bottom: 1px solid #d4b760;
}

.kv_block p img {
  width: 100%;
  height: auto;
}

.kv_block .ex {
  margin: 0 7px;
  padding: 10px 0;
  line-height: 1.5;
  font-size: 0.8rem;
  color: #7c6b34;
}

.gnavi {
  display: none;
  background-color: #d6b760;
}

.menu_active .gnavi {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 250px;
  height: 100%;
  z-index: 50;
}

.gnavi .close {
  padding: 15px 15px 0;
  text-align: right;
}

.gnavi .close a {
  display: inline-block;
  overflow: hidden;
  background: url("../keira_images/sp_icon_close1.png") no-repeat center center;
  background-size: 13px 13px;
  padding: 30px 0 0;
  width: 30px;
  height: 0 !important;
}

.gnavi li {
  margin: 0 10px;
  line-height: 50px;
  font-size: 1.4rem;
  border-bottom: 1px dotted #442100;
}

.gnavi li a {
  display: block;
}

.modal_block {
  display: none;
}

.modal_active .modal_block {
  display: block;
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 50;
  opacity: 1;
  animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-name: active_gnavi;
  -moz-animation-name: active_gnavi;
  -webkit-animation-name: active_gnavi;
  animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

@keyframes active_gnavi {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes active_gnavi {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.modal_close {
  text-align: right;
}

.modal_close a {
  display: inline-block;
  overflow: hidden;
  background: url("../keira_images/sp_icon_close2.svg") no-repeat center center;
  background-size: 26px 26px;
  padding: 30px 0 0;
  width: 30px;
  height: 0 !important;
}

.mbody_block {
  background-color: #FFF;
  padding: 5px;
  -webkit-box-shadow: 0 0 3px 3px rgba(80, 80, 80, 0.1);
          box-shadow: 0 0 3px 3px rgba(80, 80, 80, 0.1);
}

.mbody {
  border: 1px solid #d1b971;
  padding: 15px 10px 20px;
}

.mbody h2 {
  overflow: hidden;
  background: url("../keira_images/sp_modal_title.gif") no-repeat center top;
  background-size: 245px 20px;
  margin: 0 0 20px;
  padding: 20px 0 0;
  height: 0 !important;
}

.mbody ul {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mbody li {
  margin: 0 auto 10px;
  width: 225px;
  font-size: 1.2rem;
  text-align: center;
}

.mbody li a {
  display: block;
}

.mbody li img {
  width: 100%;
  height: auto;
}

.mbody li span {
  display: inline-block;
  background: url("../keira_images/sp_modal_icon.gif") no-repeat left 12px;
  background-size: 4px 4px;
  padding: 5px 0 0 8px;
  text-decoration: underline;
  color: #a38513;
}

.block1 {
  padding: 0;
  font-size: 1.4rem;
}

.keira_area1 {
  background: url("../keira_images/sp_area1_back.jpg") no-repeat center top;
  background-size: cover;
}

.keira_area1 .block1 {
  padding: 25px 0 0;
  height: 330px;
}

.keira_area1 h2 {
  margin: 0 auto 10px;
  width: 270px;
}

.keira_area1 h2 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area1_lead1.png") no-repeat center top;
  background-size: 268px 27px;
  padding: 27px 0 0;
  height: 0 !important;
}

.keira_area1 .ckecklist {
  overflow: hidden;
  margin: 0 0 15px;
  height: 123px;
  position: relative;
}

.keira_area1 .ckecklist li {
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
  padding: 123px 0 0;
  width: 123px;
  height: 0 !important;
}

.keira_area1 .ckecklist li.check1 {
  background: url("../keira_images/sp_area1_check1.png") no-repeat;
  background-size: 123px 123px;
  left: 50%;
  margin: 0 0 0 -172px;
}

.keira_area1 .ckecklist li.check2 {
  background: url("../keira_images/sp_area1_check2.png") no-repeat;
  background-size: 123px 123px;
  left: 50%;
  margin: 0 0 0 -62px;
}

.keira_area1 .ckecklist li.check3 {
  background: url("../keira_images/sp_area1_check3.png") no-repeat;
  background-size: 123px 123px;
  left: 50%;
  margin: 0 0 0 47px;
}

.keira_area1 .point {
  overflow: hidden;
  background: url("../keira_images/sp_area1_point.png") no-repeat center top;
  background-size: 300px 71px;
  padding: 71px 0 0;
  height: 0 !important;
}

.titlebox {
  background: #c5ad5f;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ad5f), to(#b39c43));
  background: linear-gradient(to bottom, #c5ad5f 0%, #b39c43 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ad5f', endColorstr='#b39c43',GradientType=0 );
}

.titlebox .block1 {
  background: url("../keira_images/sp_titlebackbase.png") no-repeat right bottom;
  background-size: 57px 80px;
  position: relative;
}

.btnbox {
  margin: 0 auto;
  width: 286px;
}

.btnbox a {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_btn.png") no-repeat;
  background-size: 286px 73px;
  padding: 73px 0 0;
  height: 0 !important;
}

.btntext {
  display: block;
  overflow: hidden;
  background: url(../keira_images/btn_text.png) center no-repeat;
  background-size: 100%;
  padding: 29px 0 0;
  height: 0 !important;
  margin: 0 auto;
  width: 190px;
}

.keira_area2 {
  background: url("../keira_images/sp_back1.jpg") no-repeat center top;
  background-size: cover;
  padding: 130px 0 50px;
  position: relative;
}

.keira_area2 .titlebox {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../keira_images/sp_titlebackbase.png"), url("../keira_images/sp_area2_titleback.png");
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom, center top;
  background-size: 57px 80px, 600px 130px;
}

.keira_area2 .titlebox .block1 {
  padding: 25px 0 0 85px;
  height: 130px;
}

.keira_area2 .titlebox .lead {
  overflow: hidden;
  background: url("../keira_images/sp_area2_title1.png") no-repeat;
  background-size: 225px 46px;
  margin: 0 0 10px;
  padding: 46px 0 0;
  height: 0 !important;
}

.keira_area2 .titlebox h2 {
  overflow: hidden;
  background: url("../keira_images/sp_area2_title2.png") no-repeat;
  background-size: 225px 25px;
  padding: 25px 0 0;
  height: 0 !important;
}

.keira_area2 .titlebox .image1 {
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background: url("../keira_images/sp_area2_titleimage.png") no-repeat center top;
  background-size: 79px 149px;
  padding: 149px 0 0;
  width: 79px;
  height: 0 !important;
}

.keira_area2 .titlebox .image2 {
  position: absolute;
  left: 0;
  bottom: -202px;
  overflow: hidden;
  background: url("../keira_images/sp_area2_titleimage2.png") no-repeat center top;
  background-size: 271px 215px;
  padding: 215px 0 0;
  width: 100%;
  height: 0 !important;
}

@media screen and (min-width: 360px) {
  .keira_area2 .titlebox .block1 {
    padding: 25px 0 0 40px;
  }

  .keira_area2 .titlebox .lead {
    background: url("../keira_images/sp_area2_title1.png") no-repeat center top;
    background-size: 225px 46px;
  }

  .keira_area2 .titlebox h2 {
    background: url("../keira_images/sp_area2_title2.png") no-repeat center top;
    background-size: 225px 25px;
  }
}
.area2_exbox {
  padding: 0 15px 25px;
}

.area2_exbox .lead {
  overflow: hidden;
  background: url("../keira_images/sp_area2_mlead2.png") no-repeat center bottom;
  background-size: 271px 95px;
  margin: 0 0 20px;
  padding: 270px 0 0;
  height: 0 !important;
}

.area2_exbox .ex {
  font-size: 1.2rem;
  text-align: center;
}

.ribbon_block {
  margin: 0 0 25px;
  padding: 0 20px;
}

.ribbon_block .inblock {
  background-color: #FFF;
  padding: 5px;
  -webkit-box-shadow: 0 0 3px 3px #EEE;
          box-shadow: 0 0 3px 3px #EEE;
  position: relative;
}

.ribbon_block .blockbody {
  border: 1px solid #bfa55a;
  padding: 15px 10px 20px;
}

.ribbon_block .blockbody::before,
.ribbon_block .blockbody::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  overflow: hidden;
  background: url("../keira_images/sp_blockribbon1.png") no-repeat;
  background-size: 48px 33px;
  padding: 33px 0 0;
  width: 48px;
  height: 0 !important;
}

.ribbon_block .blockbody::after {
  left: auto;
  right: 0;
  background: url("../keira_images/sp_blockribbon2.png") no-repeat;
  background-size: 48px 33px;
}

.area2_block1 h3 {
  margin: 0 0 10px;
}

.area2_block1 h3 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block1mtitle.png") no-repeat center top;
  /*	background-size: 98px 38px;*/
  background-size: 155px 38px;
  padding: 38px 0 0;
  height: 0 !important;
}

.area2_block1 .mlead {
  /*	margin:0 0 15px;*/
}

.area2_block1 .mlead b {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../keira_images/area2_block1mlead.png?id=20221117") no-repeat center top/100%;
  padding-top: 10.66%;
}

.area2_block1 .points {
  margin: 0 0 8px;
}

.area2_block1 .points .point p {
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../keira_images/area2_block1ex.png) center 0/100% no-repeat;
  width: 90%;
  height: 0;
  padding-top: 30.16%;
  margin: 0 auto;
}

.area2_block1 .points ul {
  overflow: hidden;
  width: 92%;
  background: url("../keira_images/sp_area2_block1icons.png?id=20221117") no-repeat center top/100%;
  /*	background-size: 270px 64px;*/
  margin: 0 auto 10px;
  padding-top: 18.5%;
  height: 0 !important;
}

.area2_block1 .points p {
  text-align: right;
  font-size: 0.8rem;
}

.area2_block1 .points .caution {
  width: 90%;
  font-size: 10px;
  text-align: left;
  margin: 10px auto 15px;
}

.area2_block1 .ex {
  margin: 0 5px 0 15px;
  font-size: 1.2rem;
}

.area2_block1 .ex .note {
  font-size: 1.1rem;
  color: #6a6a6a;
  margin-top: 5px;
}

.area2_block1 .image1 {
  position: absolute;
  top: -15px;
  left: -2px;
  width: 61px;
}

.area2_block1 .image1 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block1image1.png") no-repeat center top;
  background-size: 54px 61px;
  padding: 61px 0 0;
  height: 0 !important;
}

.area2_block2 h3 {
  margin: 0 0 10px;
}

.area2_block2 h3 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block2mtitle.png") no-repeat center top;
  background-size: 75px 36px;
  padding: 36px 0 0;
  height: 0 !important;
}

.area2_block2 .mlead {
  margin: 0 0 15px;
}

.area2_block2 .mlead b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block2mlead.png") no-repeat center top;
  background-size: 193px 43px;
  padding: 43px 0 0;
  height: 0 !important;
}

.area2_block2 .check {
  margin: 0 0 10px;
}

.area2_block2 .check ul {
  display: none;
}

.area2_block2 .check p img {
  width: 100%;
  height: auto;
}

.area2_block2 .ex {
  margin: 0 5px;
  font-size: 1.2rem;
}

.area2_block2 .image1 {
  position: absolute;
  top: -6px;
  left: 3px;
  width: 58px;
}

.area2_block2 .image1 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block2image1.png") no-repeat center top;
  background-size: 58px 67px;
  padding: 67px 0 0;
  height: 0 !important;
}

.area2_block3 h3 {
  margin: 0 0 10px;
}

.area2_block3 h3 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block3mtitle.png") no-repeat center top;
  background-size: 114px 36px;
  padding: 36px 0 0;
  height: 0 !important;
}

.area2_block3 .mlead {
  margin: 0 0 10px;
}

.area2_block3 .mlead b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block3mlead.png") no-repeat center top;
  background-size: 248px 43px;
  padding: 43px 0 0;
  height: 0 !important;
}

.area2_block3 .ex {
  margin: 0 5px 15px;
  font-size: 1.2rem;
}

.area2_block3 .moviebox h4 {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block3lead1.png") no-repeat center top;
  background-size: 178px 31px;
  margin: 0 0 10px;
  padding: 31px 0 0;
  height: 0 !important;
}

.area2_block3 .movie {
  margin: 0 10px;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  overflow: hidden;
}

.area2_block3 .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.area2_block3 .image1 {
  position: absolute;
  top: -10px;
  left: 4px;
  width: 65px;
}

.area2_block3 .image1 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block3image1.png") no-repeat center top;
  background-size: 65px 68px;
  padding: 68px 0 0;
  height: 0 !important;
}

.area2_block3 .image2 {
  position: absolute;
  top: -8px;
  right: -5px;
  width: 74px;
}

.area2_block3 .image2 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block3image2.png") no-repeat center top;
  background-size: 74px 73px;
  padding: 73px 0 0;
  height: 0 !important;
}

.area2_block3 .weeks3 {
  position: relative;
  width: 96%;
  padding: 0 15px;
  margin: 60px auto 0;
  border: 2px solid #BFA55A;
}

.area2_block3 .weeks3_bg {
  margin-bottom: 20px;
  position: absolute;
  top: -3%;
  left: -3.4%;
  width: 104%;
  height: 0;
  background: url(../keira_images/sp_area2_block3weeks3_bg.png) no-repeat center top/100%;
  padding-top: 27.12%;
}

.area2_block3 .weeks3 .desc {
  width: 100%;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: justify;
  padding: 0 3px;
  padding-top: 16%;
  margin: 0 auto 35px;
}

.area2_block3 .weeks3 .desc_lead {
  letter-spacing: .05em;
}

.area2_block3 .weeks3 .gold {
  color: #BFA55A;
  font-weight: bold;
}

.area2_block3 .weeks3 .weeks3_title {
  position: absolute;
  top: 31%;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  background: url(../keira_images/area2_block3weeks3_title1.svg) no-repeat center top/100%;
  width: 60.62%;
  padding-top: 5.3%;
  height: 0;
  -webkit-transform: translateX(8px);
      -ms-transform: translateX(8px);
          transform: translateX(8px);
}

.area2_block3 .weeks3 .weeks3_stitle {
  display: block;
  overflow: hidden;
  background: url(../keira_images/sp_area2_block3weeks3_title2.svg) no-repeat center top/100%;
  width: 100%;
  margin: 0 auto 20px;
  padding-top: 14.7%;
  height: 0 !important;
}

.area2_block3 .weeks3 .image {
  text-align: center;
  margin-bottom: 25px;
}

.area2_block3 .weeks3 img {
  width: 100%;
}

.area2_block3 .weeks3 .note {
  position: relative;
  z-index: 1;
  font-size: 1rem;
  text-align: right;
  margin-bottom: 14px;
}

.area2_block3 .weeks3 .weeks3_acce {
  position: absolute;
  bottom: -2px;
  width: 13px;
  height: 13px;
  background-color: #fff;
}

.area2_block3 .weeks3 .weeks3_acce1 {
  left: -2px;
}

.area2_block3 .weeks3 .weeks3_acce2 {
  right: -2px;
}

.area2_block3 .weeks3 .weeks3_acce:before {
  position: absolute;
  content: '';
  display: block;
  width: 2px;
  height: 18px;
  top: -3px;
  left: 6px;
  background-color: #BFA55A;
}

.area2_block3 .weeks3 .weeks3_acce1:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.area2_block3 .weeks3 .weeks3_acce2:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 5px;
}

.area2_block4 .mlead {
  margin: 0 0 8px;
  padding: 0 0 0 1px;
  line-height: 1.5;
  text-align: center;
  color: #bf9f23;
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

.area2_block5.blockbody {
  padding: 15px 20px 20px;
}

.area2_block5 h3 {
  margin: 0 0 10px;
}

.area2_block5 h3 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block5mtitle.png") no-repeat center top;
  background-size: 164px;
  padding: 6px;
  height: 0 !important;
  line-height: 200px;
}

.area2_block5 .mlead {
  margin: 0 0 30px;
}

.area2_block5 .mlead b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block5mlead.png") no-repeat center top;
  background-size: 248px;
  padding: 43px 0 0;
  height: 0 !important;
}

.area2_block5 .slead1 {
  height: 0;
  overflow: hidden;
  background: url("../keira_images/area2_block5stitle1.png") no-repeat center top;
  background-size: 260px 14px;
  padding: 28px 0 0;
}

.area2_block5 .slead2 {
  height: 0;
  overflow: hidden;
  background: url("../keira_images/area2_block5stitle2.png") no-repeat center top;
  background-size: 260px 15px;
  padding: 28px 0 0;
}

.area2_block5 .desc {
  margin-top: 5px;
  font-size: 1.2rem;
  font-weight: bold;
}

.area2_block5 .movie_list_area {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.area2_block5 .movie_list {
  width: 48%;
  margin-bottom: 10px;
}

.area2_block5 .movie_list iframe {
  width: 100%;
  height: calc(37.19vw * 315 / 560);
}

.area2_block5 .movie {
  margin-bottom: 30px;
  /*
  	margin:0 10px 70px;
  	padding-bottom: 56.25%;
  	height: 0;
  	position: relative;
  */
}

.area2_block5 .movie .desc {
  margin-bottom: 10px;
}

.area2_block5 .movie iframe {
  width: 100%;
  height: calc(77.77vw * 315 / 560);
  /*
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  */
}

.area2_block5 .movie #video_btn {
  /*
  	position: absolute;
  	bottom: -55px;
  	width: 100%;
  	margin: 0;
  	display: block;
  */
}

.area2_block5 .movie #video_btn a {
  display: block;
  padding: 15px 110px 20px;
  overflow: hidden;
  height: 0;
  line-height: 200px;
  border: 1px solid #bf9f23;
  background: url(../keira_images/area2_block5btn.svg) no-repeat center;
  /*	background-size: 180px;*/
  background-size: 50%;
  margin: 0 auto;
}

.area2_block5 .movie #video_btn a:hover {
  opacity: .9;
}

.area2_block5 .link_btn a {
  display: block;
  padding-top: 37px;
  overflow: hidden;
  height: 0;
  background: url(../keira_images/area2_block5linkBtn.svg) no-repeat center #b3972c;
  margin: 0 auto;
}

.area2_block5 .link_btn a:hover {
  opacity: .9;
}

.area2_block4 h3 {
  margin: 0 0 10px;
}

.area2_block4 h3 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block4title.png") no-repeat center top;
  background-size: 189px 43px;
  padding: 43px 0 0;
  height: 0 !important;
}

.area2_block4 .points {
  margin: 0 0 10px;
}

.area2_block4 .points ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 5px;
}

.area2_block4 .points li {
  display: block;
  padding: 95px 0 0;
  width: 94px;
  line-height: 1.5;
  text-align: center;
  font-size: 0.9rem;
}

.area2_block4 .points li.point1 {
  background: url("../keira_images/sp_area2_block4graph1.png") no-repeat center top;
  background-size: 87px 87px;
}

.area2_block4 .points li.point2 {
  background: url("../keira_images/sp_area2_block4graph2.png") no-repeat center top;
  background-size: 87px 87px;
}

.area2_block4 .points li.point3 {
  background: url("../keira_images/sp_area2_block4graph3.png") no-repeat center top;
  background-size: 87px 87px;
}

.area2_block4 .points p {
  font-size: 0.8rem;
  text-align: right;
}

.area2_block4 .image1 {
  position: absolute;
  top: -10px;
  left: -5px;
  width: 55px;
}

.area2_block4 .image1 b {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area2_block4image.png") no-repeat center top;
  background-size: 55px 69px;
  padding: 69px 0 0;
  height: 0 !important;
}

.keira_area3 {
  background: url("../keira_images/sp_back2.jpg") no-repeat center top;
  background-size: cover;
  padding-bottom: 50px;
}

.keira_area3 .titlebox .block1 {
  padding: 15px 0 0 15px;
  height: 95px;
}

.keira_area3 .titlebox .lead {
  overflow: hidden;
  background: url("../keira_images/sp_area3_title1.png") no-repeat center top;
  background-size: 130px 32px;
  margin: 0 0 3px;
  padding: 32px 0 0;
  height: 0 !important;
}

.keira_area3 .titlebox h2 {
  overflow: hidden;
  background: url("../keira_images/sp_area3_title2.png") no-repeat center top;
  background-size: 230px 30px;
  padding: 30px 0 0;
  height: 0 !important;
}

.keira_area3 .titlebox .image1 {
  position: absolute;
  left: -5px;
  bottom: 0;
  overflow: hidden;
  background: url("../keira_images/sp_area3_titleimage1.png") no-repeat center top;
  background-size: 83px 106px;
  padding: 106px 0 0;
  width: 83px;
  height: 0 !important;
}

.keira_area3 .titlebox .image2 {
  position: absolute;
  right: 10px;
  top: 10px;
  overflow: hidden;
  background: url("../keira_images/sp_area3_titleimage2.png") no-repeat center top;
  background-size: 55px 40px;
  padding: 40px 0 0;
  width: 55px;
  height: 0 !important;
}

.area3_exbox {
  padding: 20px 0 15px;
}

.area3_exbox p {
  overflow: hidden;
  background: url("../keira_images/sp_area3_mlead.png") no-repeat center top;
  background-size: 282px 46px;
  padding: 46px 0 0;
  height: 0 !important;
}

.area3_block1.blockbody {
  padding: 20px 0 30px;
}

.area3_block1 h3 {
  overflow: hidden;
  background: url("../keira_images/sp_area3_block1mlead.png") no-repeat center top;
  background-size: 236px 44px;
  margin: 0 0 15px;
  padding: 44px 0 0;
  height: 0 !important;
}

.area3_block1 .quality {
  overflow: hidden;
  background: url("../keira_images/sp_area3_block1flow.jpg?id=20221117") no-repeat center top;
  background-size: 270px 429px;
  padding: 429px 0 0;
  height: 0 !important;
}

.area3_block1 .note {
  font-size: 1.1rem;
  color: #6a6a6a;
  padding: 0 8%;
  margin-top: 15px;
}

.keira_area4 {
  background: url("../keira_images/sp_back1.jpg") no-repeat center top;
  background-size: cover;
  padding-bottom: 50px;
}

.keira_area4 .titlebox .block1 {
  padding: 30px 0 0 15px;
  height: 80px;
}

.keira_area4 .titlebox h2 {
  overflow: hidden;
  background: url("../keira_images/sp_area4_title.png") no-repeat center top;
  background-size: 226px 24px;
  padding: 24px 0 0;
  height: 0 !important;
}

.keira_area4 .titlebox .image1 {
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background: url("../keira_images/sp_area4_titleimage.png") no-repeat center top;
  background-size: 65px 96px;
  padding: 96px 0 0;
  width: 65px;
  height: 0 !important;
}

.keira_area4 .titlebox .image2 {
  display: none;
}

.area4_exbox {
  padding: 20px 0 15px;
  font-size: 1.3rem;
  text-align: center;
}

.area4_block1 .item {
  overflow: hidden;
  background: url("../keira_images/sp_area4_block1item.png") no-repeat center top;
  background-size: 303px 260px;
  padding: 240px 0 0;
  height: 0 !important;
}

.area4_block1 .lead {
  overflow: hidden;
  background: url("../keira_images/sp_area4_block1lead.png") no-repeat center top;
  background-size: 233px 70px;
  padding: 70px 0 0;
  height: 0 !important;
}

.keira_area5 {
  background: url("../keira_images/sp_back2.jpg") no-repeat center top;
  background-size: cover;
  padding-bottom: 50px;
}

.keira_area7sp {
  padding-bottom: 30px;
}

.keira_area5 .titlebox {
  margin: 0 0 25px;
}

.keira_area5 .titlebox2 {
  margin: 0;
}

.keira_area5 .titlebox .block1 {
  padding: 20px 0 0 15px;
  height: 95px;
}

.keira_area5 .titlebox2 .block2 {
  padding: 12px 0 0 5px;
  height: 95px;
}

.keira_area5 .titlebox h2 {
  overflow: hidden;
  background: url("../keira_images/sp_area5_title1.png") no-repeat center top;
  background-size: 226px 23px;
  margin: 0 0 5px;
  padding: 23px 0 0;
  height: 0 !important;
}

.keira_area5 .titlebox2 h2 {
  overflow: hidden;
  background: url("../keira_images/sp_area5_title3.png") no-repeat center top;
  background-size: 204px 78px;
  margin: 0 0 5px;
  padding: 78px 0 0;
  height: 0 !important;
}

.keira_area5 .titlebox .lead {
  overflow: hidden;
  background: url("../keira_images/sp_area5_title2.png") no-repeat center top;
  background-size: 226px 29px;
  padding: 29px 0 0;
  height: 0 !important;
}

.keira_area5 .titlebox .image1 {
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background: url("../keira_images/sp_area5_titleimage.png") no-repeat center top;
  background-size: 61px 120px;
  padding: 120px 0 0;
  width: 61px;
  height: 0 !important;
}

.keira_area5 .titlebox .image2 {
  display: none;
}

.area5_block1.blockbody {
  padding: 20px 0 30px;
}

.area5_block1.blockbody .lead {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  padding-bottom: 20px;
}

.area5_block1 .pointbox_block.v2 {
  margin: 0;
}

.area5_block1 .pointbox {
  margin: 0 0 30px;
}

.area5_block1 .pointbox.point3 {
  margin: 0;
}

.area5_block1 .pointbox h3 {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 55px 14px;
  margin: 0 0 5px;
  padding: 16px 0 0;
  height: 0 !important;
}

.area5_block1 .pointbox.point1 h3 {
  background-image: url("../keira_images/sp_area5_point1title.png");
}

.area5_block1 .pointbox.point2 h3 {
  background-image: url("../keira_images/sp_area5_point2title.png");
}

.area5_block1 .pointbox.point3 h3 {
  background-image: url("../keira_images/sp_area5_point3title.png");
}

.area5_block1 .pointbox .lead {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 180px 38px;
  margin: 0 0 10px;
  padding: 40px 0 0;
  height: 0 !important;
}

.area5_block1 .pointbox.point1 .lead {
  background-image: url("../keira_images/sp_area5_point1lead.png");
  background-size: 180px 18px;
  padding: 18px 0 0;
}

.area5_block1 .pointbox.point2 .lead {
  background-image: url("../keira_images/sp_area5_point2lead.png");
}

.area5_block1 .pointbox.point3 .lead {
  background-image: url("../keira_images/sp_area5_point3lead.png");
}

.area5_block1 .pointbox .ex {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 265px 175px;
  margin: 0 auto;
  padding: 193px 0 0;
  width: 265px;
  font-size: 1.2rem;
}

.area5_block1 .pointbox.point1 .ex {
  background-image: url("../keira_images/area5_point1image.jpg");
}

.area5_block1 .pointbox.point2 .ex {
  background-image: url("../keira_images/area5_point2image.jpg");
}

.area5_block1 .pointbox.point3 .ex {
  background-image: url("../keira_images/area5_point3image.jpg");
}

.area5_block1 .stitle {
  overflow: hidden;
  background: url("../keira_images/sp_area5_mlead.png") no-repeat center top;
  background-size: 227px 77px;
  margin: 0 0 10px;
  padding: 77px 0 0;
  height: 0 !important;
}

.area5_block1 .stitle2 {
  overflow: hidden;
  background: url("../keira_images/sp_area5_mlead3.png") no-repeat center top;
  background-size: 300px 90px;
  /* 	margin:0 0 10px; */
  padding: 110px 0 0;
  height: 0 !important;
}

.area5_block1 .s2 {
  overflow: hidden;
  background: url("../keira_images/sp_area5_mlead2.png") no-repeat center top;
  background-size: 223px 71px;
  margin: 0 0 10px;
  padding: 71px 0 0;
  height: 0 !important;
}

.area5_block1 .slead {
  margin: 0 0 20px;
  text-align: center;
  font-size: 1.2rem;
}

.review_main .ex {
  margin: 0 auto;
  padding: 10px 15px 0px;
}

.review_main .ex img {
  width: 100%;
}

.review_main .ex .sp {
  width: 300px;
}

.review_main .ex {
  display: block;
  text-align: center;
}

.review_block {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.review_box {
  margin: 0 0 10px;
  width: 50%;
  /* float:left; */
}

.review_box2 {
  float: none;
  width: 100%;
}

.review_box:last-child {
  margin: 0;
}

.review_box a {
  display: block;
  margin: 0 3px 0 0;
  padding: 0 5%;
}

.review_box:nth-child(2n) a {
  margin: 0 0 0 3px;
}

.review_box .image {
  margin: 0 0 5px;
  text-align: center;
}

.review_box .image img {
  width: 100%;
  /* 	max-width:200px; */
  height: auto;
  aspect-ratio: 0.94;
}

.review_box .source {
  text-align: left;
  font-size: 1.2rem;
  color: #bf9f23;
}

.review_box .source.source--r {
  font-size: 1rem;
}

.review_box .source b {
  display: inline-block;
  background: url("../keira_images/icon_insta.svg") no-repeat left center;
  padding: 0 0 0 30px;
  line-height: 25px;
  text-decoration: underline;
}

.review_box .blog b {
  display: inline-block;
  background: url("../keira_images/icon_blog.png") no-repeat left center;
  background-size: 22px;
  padding: 0 0 0 30px;
  line-height: 25px;
}

.review_box .yb b {
  display: inline-block;
  background: url("../keira_images/icon_youtube.png") no-repeat left center;
  background-size: 22px;
  padding: 0 0 0 30px;
  line-height: 25px;
}

.review_box .rc b {
  display: inline-block;
  background: url("../keira_images/icon_roomclip.png") no-repeat left center;
  background-size: 22px;
  padding: 0 0 0 30px;
  line-height: 12px;
}

.logo_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.logo_block_item img {
  width: 100%;
}

.logo_block_item1 {
  width: 100%;
  max-width: 80px;
}

.logo_block_item2 {
  width: 100%;
  max-width: 30px;
}

.logo_block_item3 {
  width: 100%;
  max-width: 70px;
}

.logo_block_item4 {
  width: 100%;
  max-width: 30px;
}

.u-mobile {
  display: block;
}

.review_box .source b.s1 {
  background: url("../keira_images/icon_insta.svg") no-repeat left center;
}

.review_box .text {
  width: 100%;
  height: auto;
  font-size: 1.0rem;
  /* word-break: break-all; */
}

.review_btn {
  margin: 0 auto;
  width: 268px;
}

.review_btn a {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_area5_btn.png") no-repeat center top;
  background-size: 268px 45px;
  padding: 45px 0 0;
  height: 0 !important;
}

.keira_area6 {
  background: url("../keira_images/sp_back2.jpg") no-repeat center top;
  background-size: cover;
  padding-bottom: 100px;
}

.keira_area6 .titlebox {
  margin: 0 0 15px;
}

.keira_area6 .titlebox .block1 {
  padding: 20px 20px 0;
  height: 95px;
}

.keira_area6 .titlebox h2 {
  overflow: hidden;
  background: url("../keira_images/sp_area6_title1.png") no-repeat center top;
  background-size: 85px 41px;
  padding: 41px 0 0;
  height: 0 !important;
}

.keira_area6 .titlebox .lead {
  overflow: hidden;
  background: url("../keira_images/sp_area6_title2.png") no-repeat center top;
  background-size: 76px 15px;
  margin: 0 0 5px;
  padding: 15px 0 0;
  height: 0 !important;
}

.keira_area6 .titlebox .image1 {
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background: url("../keira_images/sp_area6_titleimage1.png") no-repeat center top;
  background-size: 70px 115px;
  padding: 115px 0 0;
  width: 70px;
  height: 0 !important;
}

.keira_area6 .titlebox .image2 {
  display: none;
}

.area6_block1 {
  margin: 0 10px 30px;
  padding: 30px 15px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 3px 3px #EEE;
          box-shadow: 0 0 3px 3px #EEE;
}

.faxbox {
  margin: 0 0 30px;
}

.faxbox:last-child {
  margin: 0;
}

.faxbox .qtitle {
  overflow: hidden;
  margin: 0 0 7px;
  padding: 16px 0 0;
  height: 0 !important;
}

.qtitle.q1 {
  background: url("../keira_images/sp_area6_qtitle1.gif") no-repeat;
  background-size: 253px 16px;
}

.qtitle.q2 {
  background: url("../keira_images/sp_area6_qtitle2.gif") no-repeat;
  background-size: 212px 16px;
}

.qtitle.q3 {
  background: url("../keira_images/sp_area6_qtitle3.gif") no-repeat;
  background-size: 263px 16px;
}

.qtitle.q4 {
  background: url("../keira_images/sp_area6_qtitle4.gif") no-repeat;
  background-size: 263px 16px;
}

.qtitle.q5 {
  background: url("../keira_images/sp_area6_qtitle5.gif") no-repeat;
  background-size: 243px 32px;
  padding: 32px 0 0;
}

.qtitle.q6 {
  background: url("../keira_images/sp_area6_qtitle6.gif") no-repeat;
  background-size: 267px 16px;
}

.faxbox .abox {
  background: url("../keira_images/sp_area6_atitle.gif") no-repeat;
  background-size: 16px 16px;
  padding: 0 0 0 20px;
  font-size: 1.2rem;
}

.faxbox .abox p {
  margin: 0 0 5px;
  line-height: 1.6;
  letter-spacing: 1px;
}

.faxbox .abox p.small {
  font-size: 10px;
}

.faxbox .abox p:last-child {
  margin: 0;
}

.faxbox .abox .lead {
  font-weight: bold;
}

.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fixed .btnbox {
  width: auto;
}

.fixed a {
  display: block;
  overflow: hidden;
  padding: 30% 0 0;
  height: 0 !important;
  margin: 0 auto;
  width: 50vw;
}

.fixed .fixed_btn1 {
  background: url("../keira_images/sp_fixed_04.png") bottom right/100% no-repeat;
}

.fixed .fixed_btn2 {
  background: url("../keira_images/sp_fixed_05.png") bottom left/100% no-repeat;
}

.fixed .fixed_btn3 {
  background: url("../keira_images/sp_fixed_03.png?id=20200715") bottom left/100% no-repeat;
}

footer {
  padding: 10px 0 0;
}

.flinks {
  margin: 0 0 10px;
  font-size: 1.0rem;
}

.flinks p {
  text-align: center;
}

.flinks p a {
  margin: 0 5px;
}

.flinks p a:hover {
  text-decoration: underline;
}

.flinks .flogo {
  margin: 0 auto 8px;
  width: 70px;
}

.flinks .flogo a {
  display: block;
  overflow: hidden;
  background: url("../keira_images/sp_flogo.gif") no-repeat center top;
  background-size: 69px 10px;
  margin: 0;
  padding: 10px 0 0;
  height: 0 !important;
}

.copyright {
  line-height: 20px;
  background-color: #dfdfdf;
  text-align: center;
  font-size: 0.8rem;
  font-family: 'Bodoni 72', serif;
  font-weight: bold;
  font-style: italic;
}

.keira_area7 .titlebox .image1 {
  left: -10px;
  bottom: 0;
  background: url(../keira_images/sp_area2_block4image_2.png) no-repeat center top;
  background-size: 94px 120px;
  padding: 120px 0 0;
  width: 94px;
}

@media screen and (min-width: 768px) {
  /* 
  ========================================================================== */
  .op a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
  }

  .fade a {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }

  .fade2 a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  p {
    line-height: 1.8;
  }

  li {
    line-height: 1.8;
  }

  .sp {
    display: none;
  }

  .pc {
    display: block;
  }

  .to_top {
    right: 50px;
    bottom: 15px;
    width: 47px;
    height: 47px;
    border-radius: 47px;
    -moz-border-radius: 47px;
    -webkit-border-radius: 47px;
  }

  .to_top a {
    background: url("../keira_images/common/to_top.gif") no-repeat center center;
    background-color: #666;
    padding: 47px 0 0;
  }

  /*
  ========================================================================== */
  #wrapper {
    padding: 0;
    min-width: 1040px;
  }

  header {
    display: none;
  }

  .menu_active .screen {
    display: none;
    opacity: 0;
  }

  .kv_block {
    border-bottom: none;
  }

  .kv_block .ex {
    display: none;
  }

  .gnavi {
    display: block;
    background-color: #c2ab5b;
  }

  .menu_active .gnavi {
    display: block;
    position: static;
    width: auto;
    height: auto;
  }

  .gnavi .close {
    display: none;
  }

  .gnavi ul {
    margin: 0 auto;
    width: 1000px;
  }

  .gnavi li {
    margin: 0;
    width: 166px;
    border-bottom: none;
    float: left;
  }

  .gnavi li a {
    overflow: hidden;
    background-size: 166px 72px;
    background-repeat: no-repeat;
    background-position: center 20px;
    padding: 100px 0 0;
    height: 0 !important;
  }

  .gnavi li.gnavi1 a {
    background-image: url("../keira_images/gnavi1.png");
  }

  .gnavi li.gnavi2 a {
    background-image: url("../keira_images/gnavi2.png");
  }

  .gnavi li.gnavi3 a {
    background-image: url("../keira_images/gnavi3.png");
  }

  .gnavi li.gnavi4 a {
    background-image: url("../keira_images/gnavi4.png");
  }

  .gnavi li.gnavi5 a {
    background-image: url("../keira_images/gnavi5.png");
  }

  .gnavi li.gnavi6 a {
    background-image: url("../keira_images/gnavi6.png");
  }

  .gnavi li.on a,
  .gnavi li a:hover {
    background-color: #a88e34;
  }

  .block1 {
    margin: 0 auto;
    padding: 0 20px;
    width: 1040px;
    font-size: 1.6rem;
  }

  .modal_active .modal_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .modal_active .modal {
    width: 980px;
    margin: 0 auto;
  }

  .modal_close {
    margin: 0 0 20px;
  }

  .modal_close a {
    background: url("../keira_images/icon_close.svg") no-repeat center center;
    padding: 52px 0 0;
    width: 52px;
  }

  .mbody_block {
    padding: 10px;
    position: relative;
  }

  .mbody {
    border: 2px solid #d1b971;
    padding: 80px 0 50px;
  }

  .mbody_block::before,
  .mbody_block::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    overflow: hidden;
    background: url("../keira_images/blockribbon1.png") no-repeat;
    background-size: 107px 75px;
    padding: 75px 0 0;
    width: 107px;
    height: 0 !important;
  }

  .mbody_block::after {
    left: auto;
    right: 0;
    background: url("../keira_images/blockribbon2.png") no-repeat;
    background-size: 107px 75px;
  }

  .mbody h2 {
    background: url("../keira_images/modal_title.gif") no-repeat center top;
    margin: 0 0 50px;
    padding: 40px 0 0;
  }

  .mbody ul {
    font-size: 1.2rem;
    text-align: center;
  }

  .mbody li {
    display: inline-block;
    margin: 0 10px 35px;
    width: 250px;
    font-size: 1.4rem;
  }

  .mbody li.long {
    display: block;
    width: auto;
  }

  .mbody li a {
    display: block;
    margin: 0 auto;
    width: 250px;
  }

  .mbody li span {
    background: url("../keira_images/modal_icon.gif") no-repeat left 15px;
    padding: 5px 0 0 12px;
  }

  .keira_area1 {
    background: url("../keira_images/area1_back.jpg") no-repeat center top;
    background-size: cover;
  }

  .keira_area1 .block1 {
    padding: 65px 0 0;
    height: 780px;
  }

  .keira_area1 h2 {
    width: 680px;
  }

  .keira_area1 h2 b {
    background: url("../keira_images/area1_lead1.png") no-repeat;
    background-size: 680px 66px;
    padding: 66px 0 0;
  }

  .keira_area1 .ckecklist {
    overflow: visible;
    background: none;
    margin: 0 0 15px;
    padding: 0;
    height: auto !important;
    text-align: center;
  }

  .keira_area1 .ckecklist li {
    position: static;
    display: inline-block;
    padding: 346px 0 0;
    width: 343px;
  }

  .keira_area1 .ckecklist li.check1 {
    background: url("../keira_images/area1_check1.png") no-repeat;
    background-size: 343px 346px;
    margin: 0;
  }

  .keira_area1 .ckecklist li.check2 {
    background: url("../keira_images/area1_check2.png") no-repeat;
    background-size: 343px 346px;
    margin: 0;
  }

  .keira_area1 .ckecklist li.check3 {
    background: url("../keira_images/area1_check3.png") no-repeat;
    background-size: 343px 346px;
    margin: 0;
  }

  .keira_area1 .point {
    background: url("../keira_images/area1_point.png") no-repeat center top;
    background-size: 776px 183px;
    padding: 183px 0 0;
  }

  .titlebox {
    background: #c5ad5f;
    background: -webkit-gradient(linear, left top, left bottom, from(#c5ad5f), to(#b39c43));
    background: linear-gradient(to bottom, #c5ad5f 0%, #b39c43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ad5f', endColorstr='#b39c43',GradientType=0 );
  }

  .titlebox .block1 {
    background: none;
  }

  .btnbox {
    width: 647px;
  }

  .btnbox a {
    background: url("../keira_images/btn.png") no-repeat;
    background-size: 647px 110px;
    padding: 110px 0 0;
  }

  .btntext {
    display: block;
    overflow: hidden;
    background: url("../keira_images/btn_text.png") center no-repeat;
    background-size: 290px;
    padding: 73px 0 0;
    height: 0 !important;
    margin: 0 auto;
    width: 400px;
  }

  .keira_area2 {
    background: url("../keira_images/back1.jpg") no-repeat center top;
    background-size: cover;
    padding: 0 0 145px;
  }

  .keira_area2 .titlebox {
    position: static;
    background: #c5ad5f;
    background: -webkit-gradient(linear, left top, left bottom, from(#c5ad5f), to(#b39c43));
    background: linear-gradient(to bottom, #c5ad5f 0%, #b39c43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ad5f', endColorstr='#b39c43',GradientType=0 );
  }

  .keira_area2 .titlebox .block1 {
    padding: 35px 20px 0;
    height: 250px;
  }

  .keira_area2 .titlebox .lead {
    background: url("../keira_images/area2_title1.png") no-repeat center top;
    background-size: 693px 73px;
    margin: 0 0 25px;
    padding: 73px 0 0;
  }

  .keira_area2 .titlebox h2 {
    background: url("../keira_images/area2_title2.png") no-repeat center top;
    background-size: 640px 68px;
    padding: 68px 0 0;
  }

  .keira_area2 .titlebox .image1 {
    left: -65px;
    background: url("../keira_images/area2_titleimage1.png") no-repeat center top;
    background-size: 209px 344px;
    padding: 344px 0 0;
    width: 209px;
  }

  .keira_area2 .titlebox .image2 {
    left: auto;
    right: 0;
    bottom: -10px;
    background: url(../keira_images/area2_titleimage2.png) no-repeat center top;
    background-size: 102px 348px;
    padding: 348px 0 0;
    width: 102px;
  }

  .area2_exbox {
    padding: 75px 20px 65px;
  }

  .area2_exbox .lead {
    background: url("../keira_images/area2_mlead.png") no-repeat center top;
    background-size: 830px 232px;
    margin: 0 0 35px;
    padding: 232px 0 0;
  }

  .area2_exbox .ex {
    padding: 0 0 0 1px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }

  .ribbon_block {
    margin: 0 auto 80px;
    padding: 0 20px;
    width: 1040px;
  }

  .ribbon_block2 {
    margin: 0 auto 50px;
    padding: 0 20px;
    width: 1040px;
  }

  .ribbon_block .inblock {
    padding: 10px;
  }

  .ribbon_block .blockbody {
    border: 2px solid #bfa55a;
    padding: 35px 0;
  }

  .ribbon_block .blockbody::before,
  .ribbon_block .blockbody::after {
    background: url("../keira_images/blockribbon1.png") no-repeat;
    background-size: 107px 75px;
    padding: 75px 0 0;
    width: 107px;
  }

  .ribbon_block .blockbody::after {
    background: url("../keira_images/blockribbon2.png") no-repeat;
    background-size: 107px 75px;
  }

  #check2_point1 {
    padding-top: 60px;
    margin-top: -60px;
  }

  .area2_block1 h3 {
    margin: 0 0 20px;
  }

  .area2_block1 h3 b {
    background: url("../keira_images/area2_block1mtitle.png") no-repeat center top;
    background-size: 550px 95px;
    padding: 95px 0 0;
  }

  .area2_block1 .mlead {
    margin: 0 0 40px;
  }

  .area2_block1 .mlead b {
    background: url("../keira_images/area2_block1mlead.png?id=20221117") no-repeat center top;
    /*		background-size: 550px 115px;*/
    /*		padding:115px 0 0;*/
    background-size: 900px 96px;
    padding: 96px 0 0;
    margin: 30px 0 40px;
  }

  .area2_block1 .points {
    margin: 0 auto 25px;
    width: 777px;
  }

  .area2_block1 .points .caution {
    font-size: 16px;
    text-align: center;
    margin: 25px 0 40px;
  }

  .area2_block1 .points .point p {
    width: 777px;
  }

  .area2_block1 .points ul {
    width: 100%;
    overflow: visible;
    background: none;
    margin: 0 0 15px;
    padding: 0;
    height: auto !important;
  }

  .area2_block1 .points li {
    margin: 0 15px 0 0;
    /*		width:183px;*/
    width: 140px;
    float: left;
  }

  .area2_block1 .points li.point5 {
    margin: 0;
  }

  .area2_block1 .points li b {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 140px 140px;
    padding: 140px 0 0;
    height: 0 !important;
  }

  .area2_block1 .points li.point1 b {
    background-image: url("../keira_images/area2_block1icon1.png");
  }

  .area2_block1 .points li.point2 b {
    background-image: url("../keira_images/area2_block1icon2.png");
  }

  .area2_block1 .points li.point3 b {
    background-image: url("../keira_images/area2_block1icon3.png?id=20221117");
  }

  .area2_block1 .points li.point4 b {
    background-image: url("../keira_images/area2_block1icon4.png");
  }

  .area2_block1 .points li.point5 b {
    background-image: url("../keira_images/area2_block1icon5.png");
    margin: 0;
  }

  .area2_block1 .points p {
    font-size: 1.2rem;
  }

  .area2_block1 .ex {
    width: 777px;
    margin: 0 auto;
    padding: 0 0 0 1px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }

  .area2_block1 .ex .note {
    font-size: 1.3rem;
    margin-top: 10px;
    text-align: left;
    padding-left: 50px;
  }

  .area2_block1 .image1 {
    top: -50px;
    left: 20px;
    width: 213px;
  }

  .area2_block1 .image1 b {
    background: url("../keira_images/area2_block1image1.png") no-repeat center top;
    background-size: 180px 213px;
    padding: 213px 0 0;
  }

  .area2_block2 h3 {
    margin: 0 0 20px;
  }

  .area2_block2 h3 b {
    background: url("../keira_images/area2_block2mtitle.png") no-repeat center top;
    background-size: 550px 91px;
    padding: 91px 0 0;
  }

  .area2_block2 .mlead {
    margin: 0 0 45px;
  }

  .area2_block2 .mlead b {
    background: url("../keira_images/area2_block2mlead.png") no-repeat center top;
    background-size: 550px 110px;
    padding: 110px 0 0;
  }

  .area2_block2 .check {
    margin: 0 0 35px;
  }

  .area2_block2 .check ul {
    display: block;
    overflow: hidden;
    background: url("../keira_images/area2_block2points.jpg") no-repeat center top;
    background-size: 625px 395px;
    padding: 395px 0 0;
    height: 0 !important;
  }

  .area2_block2 .check p {
    display: none;
  }

  .area2_block2 .ex {
    margin: 0;
    padding: 0 0 0 1px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }

  .area2_block2 .image1 {
    top: -30px;
    left: 20px;
    width: 205px;
  }

  .area2_block2 .image1 b {
    background: url("../keira_images/area2_block2image1.png") no-repeat center top;
    background-size: 205px 237px;
    padding: 237px 0 0;
  }

  .area2_block3 h3 {
    margin: 0 0 15px;
  }

  .area2_block3 h3 b {
    background: url("../keira_images/area2_block3mtitle.png") no-repeat center top;
    background-size: 550px 91px;
    padding: 91px 0 0;
  }

  .area2_block3 .mlead {
    margin: 0 0 30px;
  }

  .area2_block3 .mlead b {
    background: url("../keira_images/area2_block3mlead.png") no-repeat center top;
    background-size: 690px 110px;
    padding: 110px 0 0;
  }

  .area2_block3 .ex {
    margin: 0 0 25px;
    padding: 0 0 0 1px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }

  .area2_block3 .moviebox h4 {
    background: url("../keira_images/area2_block3lead1.png") no-repeat center top;
    background-size: 810px 34px;
    margin: 0 0 30px;
    padding: 34px 0 0;
  }

  .area2_block3 .movie {
    margin: 0 auto;
    padding: 0;
    width: 560px;
    height: 337px;
    overflow: visible;
  }

  .area2_block3 .movie iframe {
    position: static;
    height: 337px;
  }

  .area2_block3 .image1 {
    top: -35px;
    left: 4px;
    width: 230px;
  }

  .area2_block3 .image1 b {
    background: url("../keira_images/area2_block3image1.png") no-repeat center top;
    background-size: 230px 235px;
    padding: 235px 0 0;
  }

  .area2_block3 .image2 {
    top: 25px;
    right: 45px;
    width: 161px;
  }

  .area2_block3 .image2 b {
/*    background: url("../keira_images/area2_block5image2.png") no-repeat center top;*/
    background-size: 161px 161px;
    padding: 161px 0 0;
  }

  .area2_block3 .weeks3 {
    position: relative;
    width: 800px;
    margin: 100px auto 20px;
    border: 2px solid #BFA55A;
  }

  .area2_block3 .weeks3_bg {
    width: 804px;
    height: 162px;
    padding-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: -30px;
    left: -4px;
    background: url(../keira_images/area2_block3weeks3_bg.png) no-repeat center top;
  }

  .area2_block3 .weeks3 .weeks3_title {
    width: 397px;
    height: 29px;
    padding-top: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    top: 30px;
    background: url(../keira_images/area2_block3weeks3_title1.svg) no-repeat center top;
    background-size: 397px 29px;
    font-size: 0;
  }

  .area2_block3 .weeks3 .desc {
    position: relative;
    width: 700px;
    font-size: 1.6rem;
    text-align: center;
    padding-top: 90px;
    line-height: 2;
    letter-spacing: .08em;
    margin: 0 auto 40px;
  }

  .area2_block3 .weeks3 .desc:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -33px;
    right: 0;
    background: url(../keira_images/area2_block3weeks3_bg2.png) no-repeat center top;
    width: 65px;
    height: 146px;
  }

  .area2_block3 .weeks3 .gold {
    color: #BFA55A;
    font-weight: bold;
  }

  .area2_block3 .weeks3 .weeks3_stitle {
    display: block;
    overflow: hidden;
    background: url(../keira_images/area2_block3weeks3_title2.svg) no-repeat center top;
    background-size: 621px 92px;
    margin: 0 0 30px;
    padding: 92px 0 0;
    height: 0 !important;
  }

  .area2_block3 .weeks3 .image {
    position: relative;
    text-align: center;
    width: 686px;
    height: 331px;
    margin: 0 auto 30px;
  }

  .area2_block3 .weeks3 .image .pc_img {
    position: absolute;
    top: -10px;
    left: -7px;
  }

  .area2_block3 .weeks3 .image img {
    width: 100%;
  }

  .area2_block3 .weeks3 img.pc {
    display: inline-block;
    width: auto;
  }

  .area2_block3 .weeks3 .note {
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    text-align: right;
    padding-right: 13px;
    margin-bottom: 25px;
  }

  .area2_block3 .weeks3 .weeks3_acce {
    display: none;
  }

  .area2_block3 .weeks3 .weeks3_pc_acce {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 800px;
    height: 67px;
    background: url("../keira_images/area2_block3weeks3_bottom.jpg");
  }

  /*
  	.area2_block3 .weeks3 .weeks3_acce{
  		position: absolute;
  		bottom: -2px;
  		width: 24px;
  		height: 24px;
  		background-color: #fff;
  	}
  	.area2_block3 .weeks3 .weeks3_acce1{
  		left: -2px;
  	}
  	.area2_block3 .weeks3 .weeks3_acce1:before{
  		transform: rotate(-45deg);
  
  	}
  	.area2_block3 .weeks3 .weeks3_acce2{
  
  		right: -2px;
  	}
  	.area2_block3 .weeks3 .weeks3_acce2:before{
  		transform: rotate(45deg);
  	}
  	.area2_block3 .weeks3 .weeks3_acce:before{
  		position: absolute;
  		content: '';
  		display: block;
  		width: 2px;
  		height: 34px;
  		top: -7px;
  		left: 11px;
  		background-color: #BFA55A;
  	}
  */
  .area2_block5.blockbody {
    padding: 35px 60px;
  }

  .area2_block5 .desc {
    font-size: 1.5rem;
  }

  .area2_block5 h3 {
    margin: 0 0 15px;
  }

  .area2_block5 h3 b {
    background: url("../keira_images/area2_block5mtitle.png") no-repeat center top;
    background-size: 389px 28px;
    padding: 30px 0 0;
  }

  .area2_block5 .mlead {
    margin: 0 0 40px;
  }

  .area2_block5 .mlead b {
    background: url("../keira_images/area2_block5mlead.png") no-repeat center top;
    background-size: 738px 48px;
    padding: 50px 0 0;
  }

  .area2_block5 .slead1 {
    height: 0;
    overflow: hidden;
    background: url("../keira_images/area2_block5stitle1.png") no-repeat center top;
    background-size: 520px 27px;
    padding: 50px 0 0;
  }

  .area2_block5 .slead2 {
    height: 0;
    overflow: hidden;
    background: url("../keira_images/area2_block5stitle2.png") no-repeat center top;
    background-size: 520px 29px;
    padding: 50px 0 0;
  }

  .area2_block5 .moviebox {
    /*		margin-bottom: 90px;*/
  }

  .area2_block5 .movie_list {
    margin-bottom: 20px;
  }

  .area2_block5 .movie_list iframe {
    max-width: 560px;
    height: calc(410px * 315 / 560);
  }

  .area2_block5 .link_btn {
    width: 530px;
    text-align: center;
    margin: 0 auto;
  }

  .area2_block5 .link_btn a {
    padding-top: 50px;
    margin-top: 10px;
  }

  .area2_block5 .movie {
    text-align: center;
    /*
    		margin:0 auto;
    		padding:0;
    		width:560px;
    		height: 337px;
    		overflow: visible;
    */
  }

  .area2_block5 .movie .desc {
    margin-bottom: 0;
  }

  .area2_block5 .movie iframe {
    width: 100%;
    max-width: 560px;
    height: 315px;
    /*
    		position: static;
    		height: 337px;
    */
  }

  .area2_block5 .movie #video_btn {
    /*		bottom: -35px;*/
    /*		width: 100%;*/
    width: 530px;
    padding: 15px;
    margin: 0 auto;
    /*		margin: -60px auto;*/
    text-align: center;
    font-size: 18px;
  }

  .area2_block5 .movie #video_btn a {
    display: block;
    padding: 30px 0 19px;
    overflow: hidden;
    height: 0;
    line-height: 200px;
    border: 1px solid #bf9f23;
    background: url("../keira_images/area2_block5btn.svg") no-repeat center;
    background-size: 280px;
  }

  .area2_block4 .mlead {
    margin: 0 0 15px;
    padding: 0 0 0 2px;
    font-size: 2.4rem;
    letter-spacing: 2px;
  }

  .area2_block4 h3 {
    margin: 0 0 20px;
  }

  .area2_block4 h3 b {
    background: url("../keira_images/area2_block4title.png") no-repeat center top;
    background-size: 550px 110px;
    padding: 110px 0 0;
  }

  .area2_block4 .points {
    margin: 0 auto;
    width: 755px;
  }

  .area2_block4 .points ul {
    display: block;
    margin: 0 0 15px;
    text-align: center;
  }

  .area2_block4 .points li {
    margin: 0 25px;
    padding: 190px 0 0;
    width: 185px;
    height: 235px;
    font-size: 1.6rem;
    float: left;
  }

  .area2_block4 .points li.point1 {
    background: url("../keira_images/area2_block4graph1.png") no-repeat center top;
    background-size: 185px 185px;
    padding: 205px 0 0;
  }

  .area2_block4 .points li.point2 {
    background: url("../keira_images/area2_block4graph2.png") no-repeat center top;
    background-size: 185px 185px;
  }

  .area2_block4 .points li.point3 {
    background: url("../keira_images/area2_block4graph3.png") no-repeat center top;
    background-size: 185px 185px;
  }

  .area2_block4 .points p {
    font-size: 1.2rem;
  }

  .area2_block4 .image1 {
    top: -30px;
    left: 20px;
    width: 180px;
  }

  .area2_block4 .image1 b {
    background: url("../keira_images/area2_block4image.png") no-repeat center top;
    background-size: 180px 230px;
    padding: 230px 0 0;
  }

  .keira_area3 {
    background: url("../keira_images/back2.jpg") no-repeat center top;
    background-size: cover;
    padding-bottom: 140px;
  }

  .keira_area3 .titlebox .block1 {
    padding: 35px 20px 0;
    height: 190px;
  }

  .keira_area3 .titlebox .lead {
    background: url("../keira_images/area3_title1.png") no-repeat center top;
    background-size: 500px 38px;
    margin: 0 0 10px;
    padding: 38px 0 0;
  }

  .keira_area3 .titlebox h2 {
    background: url("../keira_images/area3_title2.png") no-repeat center top;
    background-size: 658px 75px;
    padding: 75px 0 0;
  }

  .keira_area3 .titlebox .image1 {
    left: -5px;
    bottom: 0;
    background: url("../keira_images/area3_titleimage1.png") no-repeat center top;
    background-size: 205px 225px;
    padding: 225px 0 0;
    width: 205px;
  }

  .keira_area3 .titlebox .image2 {
    right: 0;
    top: auto;
    bottom: 10px;
    background: url("../keira_images/area3_titleimage2.png") no-repeat center top;
    background-size: 178px 215px;
    padding: 215px 0 0;
    width: 178px;
  }

  .area3_exbox {
    padding: 45px 0 30px;
  }

  .area3_exbox p {
    background: url("../keira_images/area3_mlead.png") no-repeat center top;
    background-size: 645px 100px;
    padding: 100px 0 0;
  }

  .area3_block1.blockbody {
    padding: 35px 0 60px;
  }

  .area3_block1 h3 {
    background: url("../keira_images/area3_block1mlead.png") no-repeat center top;
    background-size: 577px 104px;
    margin: 0 0 40px;
    padding: 104px 0 0;
  }

  .area3_block1 .quality {
    background: url("../keira_images/area3_block1flow.jpg?id=20221117") no-repeat center top;
    background-size: 679px 688px;
    padding: 688px 0 0;
  }

  .area3_block1 .note {
    width: 680px;
    font-size: 1.3rem;
    text-align: left;
    padding: 0;
    margin: 20px auto 0;
  }

  .keira_area4 {
    background: url("../keira_images/back3.jpg") no-repeat center top;
    background-size: cover;
    padding-bottom: 145px;
  }

  .keira_area4 .titlebox .block1 {
    padding: 50px 20px 0;
    height: 155px;
  }

  .keira_area4 .titlebox h2 {
    background: url("../keira_images/area4_title.png") no-repeat center top;
    background-size: 605px 58px;
    padding: 58px 0 0;
  }

  .keira_area4 .titlebox .image1 {
    left: -5px;
    bottom: 0;
    background: url("../keira_images/area4_titleimage1.png") no-repeat center top;
    background-size: 168px 216px;
    padding: 216px 0 0;
    width: 168px;
  }

  .keira_area4 .titlebox .image2 {
    display: block;
    position: absolute;
    right: 45px;
    bottom: 10px;
    overflow: hidden;
    background: url("../keira_images/area4_titleimage2.png") no-repeat center top;
    background-size: 52px 176px;
    padding: 176px 0 0;
    width: 52px;
    height: 0 !important;
  }

  .area4_exbox {
    padding: 50px 0 30px;
    font-size: 2.0rem;
  }

  .area4_exbox p {
    padding: 0 0 0 1px;
    letter-spacing: 1px;
  }

  .area4_block1 {
    margin: 0 0 20px;
  }

  .area4_block1 .item {
    background: url("../keira_images/area4_block1item.png") no-repeat center top;
    background-size: 700px 514px;
    margin: 0 0 30px;
    padding: 514px 0 0;
  }

  .area4_block1 .lead {
    background: url("../keira_images/area4_block1lead.png") no-repeat center top;
    background-size: 775px 88px;
    padding: 88px 0 0;
  }

  .keira_area5 {
    background: url("../keira_images/back4.jpg") no-repeat center top;
    background-size: cover;
    padding-bottom: 145px;
  }

  .keira_area5 .titlebox {
    margin: 0 0 45px;
  }

  .keira_area5 .titlebox2 {
    margin: 0;
  }

  .keira_area5 .titlebox .block1 {
    padding: 30px 20px 0;
    height: 190px;
  }

  .keira_area5 .titlebox h2 {
    background: url("../keira_images/area5_title2.png") no-repeat center top;
    background-size: 625px 58px;
    margin: 0 0 10px;
    padding: 58px 0 0;
  }

  .keira_area5 .titlebox2 h2 {
    background: url("../keira_images/area5_title3.png") no-repeat center top;
    background-size: 670px 95px;
    margin: 20px 0 10px;
    padding: 95px 0 0;
  }

  .keira_area5 .titlebox .lead {
    background: url("../keira_images/area5_title1.png") no-repeat center top;
    background-size: 460px 60px;
    padding: 60px 0 0;
  }

  .keira_area5 .titlebox .image1 {
    left: -5px;
    bottom: 0;
    background: url("../keira_images/area5_titleimage1.png") no-repeat center top;
    background-size: 178px 240px;
    padding: 240px 0 0;
    width: 178px;
  }

  .keira_area5 .titlebox .image2 {
    display: block;
    position: absolute;
    right: 45px;
    bottom: 10px;
    overflow: hidden;
    background: url("../keira_images/area5_titleimage2.png") no-repeat center top;
    background-size: 63px 214px;
    padding: 214px 0 0;
    width: 63px;
    height: 0 !important;
  }

  .area5_block1.blockbody {
    padding: 30px 0 20px;
  }

  .area5_block1.blockbody .lead {
    font-size: 1.4rem;
    padding-bottom: 30px;
  }

  .area5_block1.blockbody2 {
    padding: 0;
  }

  .area5_block1 .pointbox_block {
    margin: 0 auto 65px;
    width: 875px;
  }

  .area5_block1 .pointbox_block.v2 {
    margin: 0 auto;
  }

  .area5_block1 .pointbox {
    margin: 0 40px 0 0;
    width: 265px;
    float: left;
  }

  .area5_block1 .pointbox.point3 {
    margin: 0;
  }

  .area5_block1 .pointbox h3 {
    background-size: 265px 26px;
    margin: 0 0 20px;
    padding: 26px 0 0;
  }

  .area5_block1 .pointbox.point1 h3 {
    background-image: url("../keira_images/area5_point1title.png");
  }

  .area5_block1 .pointbox.point2 h3 {
    background-image: url("../keira_images/area5_point2title.png");
  }

  .area5_block1 .pointbox.point3 h3 {
    background-image: url("../keira_images/area5_point3title.png");
  }

  .area5_block1 .pointbox .lead {
    background-size: 265px 53px;
    margin: 0 0 20px;
    padding: 53px 0 0;
    height: 0 !important;
  }

  .area5_block1 .pointbox.point1 .lead {
    background-image: url("../keira_images/area5_point1lead.png");
    background-size: 265px 53px;
    padding: 53px 0 0;
  }

  .area5_block1 .pointbox.point2 .lead {
    background-image: url("../keira_images/area5_point2lead.png");
  }

  .area5_block1 .pointbox.point3 .lead {
    background-image: url("../keira_images/area5_point3lead.png");
  }

  .area5_block1 .pointbox .ex {
    background-size: 265px 175px;
    margin: 0;
    padding: 193px 0 0;
    width: auto;
    font-size: 1.4rem;
  }

  .area5_block1 .stitle {
    background: url("../keira_images/area5_mlead.png") no-repeat center top;
    background-size: 808px 92px;
    margin: 0 0 35px;
    padding: 92px 0 0;
  }

  .area5_block1 .stitle2 {
    background: url("../keira_images/area5_mlead3.png") no-repeat center top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  .area5_block1 .s2 {
    background: url("../keira_images/area5_mlead2.png") no-repeat center top;
    background-size: 637px 96px;
    margin: 50px 0 40px;
    padding: 96px 0 0;
  }

  .review_main .ex {
    width: 713px;
    text-align: center;
    margin: 0 auto 40px;
  }

  .area5_block1 .slead {
    margin: 0 0 40px;
    text-align: center;
    font-size: 1.8rem;
  }

  .review_block {
    margin: 30px auto;
    width: 875px;
    text-align: center;
  }

  .review_box {
    margin: 0 37px 35px 0;
    width: 267px;
  }

  .review_box .source b {
    line-height: 40px;
  }

  .review_box .blog b {
    line-height: 40px;
  }

  .review_box .yb b {
    line-height: 40px;
  }

  .review_box .rc b {
    line-height: 18px;
  }

  .logo_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    margin-top: 40px;
  }

  .logo_block_item img {
    width: 100%;
  }

  .logo_block_item1 {
    width: 100%;
    max-width: 140px;
  }

  .logo_block_item2 {
    width: 100%;
    max-width: 50px;
  }

  .logo_block_item3 {
    width: 100%;
    max-width: 120px;
  }

  .logo_block_item4 {
    width: 100%;
    max-width: 50px;
  }

  .u-mobile {
    display: none;
  }

  .review_box:nth-child(3n) {
    margin: 0 0 35px;
  }

  .review_box:last-child {
    /* margin: 15px auto 0; */
  }

  .review_box a {
    display: block;
    margin: 0;
    padding: 0;
  }

  .review_box:nth-child(2n) a {
    margin: 0;
  }

  .review_box .image {
    margin: 0 0 5px;
  }

  .review_box .image img {
    max-width: 267px;
  }

  .review_box .source {
    font-size: 1.8rem;
    text-decoration: underline;
  }

  .review_box .source.source--r {
    font-size: 1.5rem;
  }

  .review_box .source2 {
    text-decoration: none;
  }

  .review_box2 {
    display: inline-block;
    width: 410px;
    margin: 0 10px;
    text-align: center;
  }

  .review_box2:last-child {
    margin: 0 auto;
  }

  .review_box2 .image img {
    max-width: 420px;
  }

  .review_box .text {
    font-size: 1.2rem;
    text-align: left;
  }

  .review_btn {
    width: 443px;
  }

  .review_btn a {
    background: url("../keira_images/area5_btn.png") no-repeat center top;
    background-size: 443px 69px;
    padding: 69px 0 0;
  }

  .keira_area7 {
    background: url("../keira_images/back4.jpg") no-repeat center top;
    background-size: cover;
    /* 		padding-bottom:145px; */
    padding-top: 50px;
    margin-top: -50px;
  }

  .keira_area7 .titlebox {
    margin: 0 0 45px;
  }

  .keira_area7 .titlebox2 {
    margin: 0;
  }

  .keira_area7 .titlebox .block1 {
    padding: 30px 20px 0;
    height: 190px;
  }

  .keira_area7 .titlebox h2 {
    background: url("../keira_images/area5_title2.png") no-repeat center top;
    background-size: 625px 58px;
    margin: 0 0 10px;
    padding: 58px 0 0;
  }

  .keira_area7 .titlebox2 h2 {
    background: url("../keira_images/area5_title3.png") no-repeat center top;
    background-size: 670px 95px;
    margin: 20px 0 10px;
    padding: 95px 0 0;
  }

  .keira_area7 .titlebox .lead {
    background: url("../keira_images/area5_title1.png") no-repeat center top;
    background-size: 460px 60px;
    padding: 60px 0 0;
  }

  .keira_area7 .titlebox .image1 {
    left: -5px;
    bottom: 0;
    background: url("../keira_images/area2_block4image_2.png") no-repeat center top;
    background-size: 180px 230px;
    padding: 230px 0 0;
    width: 180px;
  }

  .keira_area7 .titlebox .image2 {
    display: block;
    position: absolute;
    right: 45px;
    bottom: 10px;
    overflow: hidden;
    background: url("../keira_images/area5_titleimage2.png") no-repeat center top;
    background-size: 63px 214px;
    padding: 214px 0 0;
    width: 63px;
    height: 0 !important;
  }

  .keira_area6 {
    background: url("../keira_images/back2.jpg") no-repeat center top;
    background-size: cover;
    padding-bottom: 150px;
  }

  .keira_area6 .titlebox {
    margin: 0 0 60px;
  }

  .keira_area6 .titlebox .block1 {
    height: 150px;
  }

  .keira_area6 .titlebox h2 {
    background: url("../keira_images/area6_title1.png") no-repeat center top;
    background-size: 170px 82px;
    padding: 82px 0 0;
  }

  .keira_area6 .titlebox .lead {
    background: url("../keira_images/area6_title2.png") no-repeat center top;
    background-size: 165px 31px;
    padding: 31px 0 0;
  }

  .keira_area6 .titlebox .image1 {
    left: 10px;
    bottom: 0;
    background: url("../keira_images/area6_titleimage1.png") no-repeat center top;
    background-size: 158px 248px;
    padding: 248px 0 0;
    width: 158px;
  }

  .keira_area6 .titlebox .image2 {
    display: block;
    position: absolute;
    right: 25px;
    bottom: 10px;
    overflow: hidden;
    background: url("../keira_images/area6_titleimage2.png") no-repeat center top;
    background-size: 52px 177px;
    padding: 177px 0 0;
    width: 52px;
    height: 0 !important;
  }

  .area6_block1 {
    margin: 0 auto 60px;
    padding: 65px 125px;
    width: 1000px;
  }

  .faxbox {
    margin: 0 0 50px;
  }

  .faxbox .qtitle {
    margin: 0 0 15px;
    padding: 30px 0 0;
  }

  .faxbox .abox p.small {
    font-size: 12px;
  }

  .qtitle.q1 {
    background: url("../keira_images/area6_qtitle1.gif") no-repeat;
    background-size: 475px 30px;
  }

  .qtitle.q2 {
    background: url("../keira_images/area6_qtitle2.gif") no-repeat;
    background-size: 400px 30px;
  }

  .qtitle.q3 {
    background: url("../keira_images/area6_qtitle3.gif") no-repeat;
    background-size: 495px 30px;
  }

  .qtitle.q4 {
    background: url("../keira_images/area6_qtitle4.gif") no-repeat;
    background-size: 506px 30px;
  }

  .qtitle.q5 {
    background: url("../keira_images/area6_qtitle5.gif") no-repeat;
    background-size: 636px 30px;
  }

  .qtitle.q6 {
    background: url("../keira_images/area6_qtitle6.gif") no-repeat;
    background-size: 506px 30px;
  }

  .faxbox .abox {
    background: url("../keira_images/area6_atitle.gif") no-repeat;
    background-size: 30px 30px;
    padding: 0 0 0 50px;
    font-size: 1.7rem;
  }

  .fixed {
    position: fixed;
    top: 120px;
    right: 0;
    display: block;
    z-index: 20;
  }

  .fixed .btnbox {
    width: auto;
  }

  .fixed a {
    display: block;
    overflow: hidden;
    width: 75px;
    height: 0 !important;
    margin: 0 auto;
    padding: 277px 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .fixed a:hover {
    opacity: 0.7;
  }

  .fixed .fixed_btn1 {
    padding: 319px 0 0;
    background: url("../keira_images/fixed_04.png") center/100% no-repeat;
  }

  .fixed .fixed_btn2 {
    padding: 269px 0 0;
    background: url("../keira_images/fixed_05.png") center/100% no-repeat;
  }

  .fixed .fixed_btn3 {
    width: 62px;
    margin: 0 0 0 auto;
    padding: 263px 0 0;
    background: url(../keira_images/fixed_03.svg?id=20200715) center right/62px no-repeat;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
  }

  footer {
    padding: 0;
  }

  .flinks {
    margin: 0 auto;
    width: 1040px;
    font-size: 1.2rem;
    position: relative;
  }

  .flinks p {
    line-height: 55px;
  }

  .flinks p a {
    margin: 0 10px;
  }

  .flinks .flogo {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    width: 102px;
  }

  .flinks .flogo a {
    background: url("../keira_images/flogo.gif") no-repeat;
    background-size: 102px 15px;
    padding: 15px 0 0;
  }

  .copyright {
    padding: 0 0 0 1px;
    line-height: 25px;
    font-size: 1.2rem;
    letter-spacing: 1px;
  }
}
/*=================================================*/
/*----/slider----*/
@media screen and (min-width: 768px) {
  /*----slider----*/
  .slider_wrap {
    position: relative;
  }

  .slideSet > div {
    width: 100vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .slide {
    float: left;
    width: 100vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .slideSet {
    position: absolute;
  }

  .slide img.pc {
    width: 100%;
    /*min-width: 1040px;*/
  }

  .slide img.sp {
    display: none;
  }

  .slide a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .slider {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .slick-initialized .slick-slide {
    height: 44vw;
  }

  .slick-initialized .slick-slide div {
    width: 100%;
    height: 100%;
  }

  .slide01 {
    background: url(../keira_images/kv07.jpg) center/100% no-repeat;
  }

  .slide02 {
    background: url(../keira_images/kv06.jpg) center/100% no-repeat;
  }

  .slide03 {
    background: url(../keira_images/kv01.jpg) center/100% no-repeat;
  }

  .slide01 .btnbox {
    position: absolute;
    top: 74%;
    left: 9%;
    width: 27%;
  }

  .slide01 .btnbox a {
    background: url(../keira_images/btn.png) no-repeat;
    background-size: 100%;
    padding: 110px 0 0;
  }

  .slide02 {
    position: relative;
  }

  .slide03 {
    position: relative;
    /*min-width: 1040px;*/
  }

  .slide03 p a {
    display: block;
    position: absolute;
    top: 62%;
    left: 5%;
    width: 23%;
    overflow: hidden;
    height: 0;
  }

  .slide03 p a {
    background: url(../keira_images/kv03_btn.png) no-repeat;
    background-size: 100%;
    padding: 110px 0 0;
  }

  .slider_prev, .slider_next {
    background: url(../keira_images/arrow.png) center no-repeat;
    background-size: 40px;
    position: absolute;
    top: 45%;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    padding: 20px;
    width: 50px;
    height: 50px;
    opacity: 0.8;
  }

  .slick-prev {
    left: 25px;
  }

  .slick-next {
    right: 25px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .slick-dots li {
    margin-left: 10px;
  }

  .slick-dots li button {
    width: 11px;
    padding: 11px 0 0;
    border-radius: 100%;
    background: #fff;
    font-size: 15px;
    display: block;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
  }

  .slick-dots li:first-of-type {
    margin-left: 0px;
  }

  .slick-dots .slick-active button {
    background: #c1aa60;
  }

  .slick-arrow {
    background: url(../keira_images/arrow.png) center no-repeat;
    background-size: 40px;
    position: absolute;
    top: 45%;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    padding: 20px;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    z-index: 1;
    overflow: hidden;
    line-height: 110px;
    border: none;
  }

  .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*----/slider----*/
@media screen and (max-width: 767px) {
  #wrapper {
    padding-top: 30px;
  }

  .slide img.pc {
    display: none;
  }

  .slide img.sp {
    display: block;
    width: 100vw;
  }

  .slick-arrow {
    display: none !important;
  }

  .slide01 {
    min-width: 100vw;
  }

  .slide01 .btnbox {
    position: initial;
    width: 100%;
  }

  .slide03 {
    min-width: 100vw;
  }

  .slide03 .btnbox {
    position: initial;
    width: 100%;
  }

  .slider_prev, .slider_next {
    display: none;
  }

  .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .slick-dots li {
    margin-left: 10px;
  }

  .slick-dots li:first-of-type {
    margin-left: 0px;
  }

  .slick-dots li button {
    width: 11px;
    padding: 11px 0 0;
    border-radius: 100%;
    background: #fff;
    font-size: 15px;
    display: block;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
  }

  .slick-dots li button {
    width: 11px;
    padding: 9px 0 0;
    border: 1px solid #ccc;
  }

  .slick-dots .slick-active button {
    background: #c1aa60;
  }

  .slick-dots {
    position: absolute;
    bottom: -2px;
  }
}
.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: all .4s;
  transition: all .4s;
}

.fadein.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media print, screen and (min-width: 768px) {
  .area5_block1.blockbody.vote_area {
    padding-top: 60px;
  }

  .logo_block {
    margin-top: 20px;
  }

  .area5_block1.blockbody.vote_area .lead {
    text-align: center;
    padding-bottom: 0;
  }

  .review_block {
    margin-top: 25px;
  }

  .area5_block1 .vote_title {
    background-size: 790px 98px;
    /* margin: 0 0 10px; */
    padding: 98px 0 0;
    height: 0 !important;
    background: url(../keira_images/vote_title.svg) no-repeat center top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 55px;
  }

  .panels .slick-track {
    -webkit-transform: unset !important;
        -ms-transform: unset !important;
            transform: unset !important;
  }
  .panels .list {
    width: 790px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto 100px;
  }
  .panels .item {
    position: relative;
    width: 250px;
    margin-right: 20px;
  }
  .panels .item:last-child {
    margin-right: 0;
  }
  .panels .item::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    width: 20px;
    height: 20px;
  }
  .panels .item .sns {
    -webkit-box-shadow: 4px 4px 16px rgba(102, 102, 102, 0.5);
            box-shadow: 4px 4px 16px rgba(102, 102, 102, 0.5);
    margin-bottom: 20px;
  }
  .panels .item .sns img {
    display: block;
  }
  .panels .item .cont {
    background-color: #fff;
    height: 374px;
    -webkit-box-shadow: 4px 4px 16px rgba(102, 102, 102, 0.5);
            box-shadow: 4px 4px 16px rgba(102, 102, 102, 0.5);
    padding: 10px 8px;
  }
  .panels .item .cont:hover {
    cursor: pointer;
  }
  .panels .item .cont:hover .image img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .panels .item .cont .name {
    text-align: center;
    margin-bottom: 10px;
  }
  .panels .item .cont .name img {
    display: inline-block;
  }
  .panels .item .cont .image {
    overflow: hidden;
    margin-bottom: 15px;
  }
  .panels .item .cont .image img {
    display: block;
    -webkit-transition: all linear 200ms;
    transition: all linear 200ms;
  }
  .panels .item .cont .check {
    width: 137px;
    margin: 0 auto;
  }
  .panels .item .cont .check img {
    width: 100%;
  }
  .panels .insta::after {
    background: url(../keira_images/vote_insta_icon.svg) center top/100% no-repeat;
  }
  .panels .x::after {
    background-color: #000000;
    width: 20px;
    height: 20px;
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
            clip-path: polygon(0 100%, 100% 0, 100% 100%);
  }
  .panels .tiktok::after {
    background-color: #00f7ef;
    width: 20px;
    height: 20px;
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
            clip-path: polygon(0 100%, 100% 0, 100% 100%);
  }

  #modal_vote {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
  #modal_vote.first_status {
    opacity: 0;
    z-index: -1;
  }
  #modal_vote.hideing {
    z-index: -1;
  }
  #modal_vote.show {
    -webkit-animation: modalshow .5s;
            animation: modalshow .5s;
    z-index: 9999;
  }
  #modal_vote.hide {
    -webkit-animation: modalhide .5s;
            animation: modalhide .5s;
    z-index: -1;
    opacity: 0;
  }
  #modal_vote .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
  }
  #modal_vote .modal_slide_cont {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow-x: scroll;
  }
  #modal_vote .modal_slide {
    position: relative;
    width: 87.98vw;
    min-width: 1450px;
    max-width: 1685px;
    max-height: calc(100vh);
    padding-top: 30px;
    padding-bottom: 30px;
    inset: 0;
    margin: auto;
    z-index: 100;
    overflow-y: scroll;
  }
  #modal_vote .modal_slide .cont_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  #modal_vote .modal_slide .list {
    width: 79.63vw;
    min-width: 1250px;
    max-width: 1525px;
    padding-top: 20px;
    margin: 0 auto;
  }
  #modal_vote .modal_slide .list .item {
    position: relative;
    width: 79.63vw !important;
    min-width: 1250px !important;
    max-width: 1525px !important;
  }
  #modal_vote .modal_slide .video_wrap {
    width: 31%;
    max-width: 472px;
  }
  #modal_vote .modal_slide .video {
    width: 100%;
    aspect-ratio: 480/852;
    background: none;
  }
  #modal_vote .modal_slide .item1,
  #modal_vote .modal_slide .item3,
  #modal_vote .modal_slide .item4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #modal_vote .modal_slide .item2 img {
    width: 100%;
  }
  #modal_vote .modal_slide .image_wrap {
    width: 44.6%;
  }
  #modal_vote .modal_slide .image_wrap img {
    width: 100%;
  }
  #modal_vote .modal_slide .slick-prev, #modal_vote .modal_slide .slick-next {
    width: 28px;
    height: 58px;
    z-index: 10;
  }
  #modal_vote .modal_slide .slick-prev {
    left: calc(50% - 34vw);
    background: url("../keira_images/slide_arrow_brown1.svg") center top no-repeat;
  }
  #modal_vote .modal_slide .slick-prev::before {
    content: '';
  }
  #modal_vote .modal_slide .slick-next {
    right: calc(50% - 34vw);
    background: url("../keira_images/slide_arrow_brown2.svg") center top no-repeat;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  #modal_vote .modal_slide .slick-next::before {
    content: '';
  }
  #modal_vote .modal_slide .slick-arrow {
    top: 43%;
  }
  #modal_vote .modal_slide.show_img .slick-prev {
    left: calc(50% - 43vw);
  }
  #modal_vote .modal_slide.show_img .slick-next {
    right: calc(50% - 43vw);
  }
  #modal_vote .modal_slide.show_img .btn_wrap {
    right: 116px;
  }
  #modal_vote .btn_wrap {
    position: absolute;
    top: 10px;
    right: 270px;
    width: 88%;
    text-align: right;
    margin-bottom: 15px;
    z-index: 1;
  }
  #modal_vote .btn {
    background-color: transparent;
    width: 88px;
    height: 22px;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: auto;
  }
  #modal_vote .btn:hover {
    opacity: .8;
  }
  #modal_vote .movie_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 853px;
    height: 450px;
    z-index: 2;
  }
  #modal_vote .movie_wrap iframe {
    width: 100%;
    height: 100%;
  }
  #modal_vote .slick-initialized .slick-slide {
    height: auto;
  }

  .vote_modal_open {
    overflow: hidden;
  }

  .mbody ul {
    width: 525px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mbody ul li {
    margin: 0 0 35px;
  }

  .modal_close {
    margin-bottom: 0;
  }

  .mbody {
    padding: 40px 0 10px;
  }
  .mbody ul li {
    margin-bottom: 20px;
  }

  @-webkit-keyframes modalhide {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      z-index: -1;
    }
  }
  @keyframes modalhide {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      z-index: -1;
    }
  }
  @-webkit-keyframes modalshow {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      z-index: 9999;
    }
  }
  @keyframes modalshow {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      z-index: 9999;
    }
  }
}
@media print, screen and (min-width: 1550px) {
  #modal_vote .modal_slide .btn_wrap {
    right: calc(50% - 33%);
  }
  #modal_vote .modal_slide.show_img .btn_wrap {
    right: calc(50% - 44%);
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1580px) {
  #modal_vote .modal_slide .slick-prev {
    left: calc(50% - 550px);
  }
  #modal_vote .modal_slide .slick-next {
    right: calc(50% - 550px);
  }

  #modal_vote .modal_slide.show_img .slick-prev {
    left: calc(50% - 690px);
  }
  #modal_vote .modal_slide.show_img .slick-next {
    right: calc(50% - 690px);
  }
}
@media print, screen and (min-width: 1915px) {
  #modal_vote .modal_slide .slick-prev {
    left: calc(50% - 690px);
  }
  #modal_vote .modal_slide .slick-next {
    right: calc(50% - 690px);
  }

  #modal_vote .modal_slide.show_img .slick-prev {
    left: calc(50% - 840px);
  }
  #modal_vote .modal_slide.show_img .slick-next {
    right: calc(50% - 840px);
  }
}
@media print, screen and (max-height: 850px) {
  #modal_vote .modal_slide {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
}
@media screen and (max-width: 767px) {
  .area5_block1.blockbody.vote_area {
    padding-top: 30px;
  }

  .area5_block1.blockbody.vote_area .lead {
    text-align: center;
  }

  .area5_block1 .vote_title {
    overflow: hidden;
    background: url(../keira_images/sp_vote_title.svg) no-repeat center top/100%;
    background-size: 300px 46px;
    /* margin: 0 0 10px; */
    padding: 50px 0 0;
    height: 0 !important;
    margin-bottom: 20px;
  }

  .panels {
    position: relative;
  }
  .panels img {
    width: 100%;
  }
  .panels .slick-track {
    -webkit-transform: unset !important;
        -ms-transform: unset !important;
            transform: unset !important;
    width: 100% !important;
  }
  .panels .list {
    width: 76vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto 9.33333vw;
  }
  .panels .item {
    position: relative;
    width: 36vw;
    height: 68vw;
    margin-right: 2vw;
    margin-bottom: 6.66667vw;
  }
  .panels .item:nth-child(2n) {
    margin-right: 0;
  }
  .panels .item .sns {
    -webkit-box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(102, 102, 102, 0.5);
            box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(102, 102, 102, 0.5);
    margin-bottom: 2.66667vw;
  }
  .panels .item .sns img {
    display: block;
  }
  .panels .item .cont {
    position: relative;
    height: 58.66667vw;
    background-color: #fff;
    -webkit-box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(102, 102, 102, 0.5);
            box-shadow: 0.53333vw 0.53333vw 2.13333vw rgba(102, 102, 102, 0.5);
    padding: 2.66667vw 1.33333vw;
  }
  .panels .item .cont::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    display: block;
    width: 3.2vw;
    width: 12px;
    height: 3.2vw;
    height: 12px;
  }
  .panels .item .cont:hover {
    cursor: pointer;
  }
  .panels .item .cont:hover .image img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .panels .item .cont .name {
    text-align: center;
    margin: 0 auto 2vw;
  }
  .panels .item .cont .name img {
    display: inline-block;
  }
  .panels .item .cont .image {
    overflow: hidden;
    margin-bottom: 2.66667vw;
  }
  .panels .item .cont .image img {
    display: block;
    -webkit-transition: all linear 200ms;
    transition: all linear 200ms;
  }
  .panels .item .cont .check {
    width: 22.26667vw;
    margin: 0 auto;
  }
  .panels .insta .name {
    width: 27.2vw;
  }
  .panels .insta .cont::after {
    background: url(../keira_images/vote_insta_icon.svg) center top/100% no-repeat;
  }
  .panels .x .name {
    width: 26vw;
  }
  .panels .x .cont::after {
    background: url(../keira_images/vote_x_icon.svg) center top/100% no-repeat;
  }
  .panels .tiktok .name {
    width: 28.8vw;
  }
  .panels .tiktok .cont::after {
    background: url(../keira_images/vote_tiktok_icon.svg) center top/100% no-repeat;
  }
  .panels .vote_sp_logo {
    position: absolute;
    bottom: 32vw;
    right: 9.86667vw;
    width: 22.93333vw;
  }

  #modal_vote {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
  #modal_vote.first_status {
    opacity: 0;
    z-index: -1;
  }
  #modal_vote.hideing {
    z-index: -1;
  }
  #modal_vote.show {
    -webkit-animation: modalshow .5s;
            animation: modalshow .5s;
    z-index: 9999;
  }
  #modal_vote.hide {
    -webkit-animation: modalhide .5s;
            animation: modalhide .5s;
    z-index: -1;
    opacity: 0;
  }
  #modal_vote .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
  }
  #modal_vote .modal_slide_cont {
    padding-top: 8vw;
    padding-bottom: 20vw;
  }
  #modal_vote .modal_slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-height: calc(100dvh);
    inset: 0;
    margin: auto;
    z-index: 100;
    overflow-y: scroll;
  }
  #modal_vote .modal_slide .list {
    width: 100%;
    margin: 0 auto;
  }
  #modal_vote .modal_slide .item {
    width: 93.33333vw;
    margin-right: 3.33333vw;
    margin-left: 3.33333vw;
  }
  #modal_vote .modal_slide .video_wrap {
    width: 100%;
    width: 75%;
    margin: 0 auto 5.33333vw;
  }
  #modal_vote .modal_slide .video {
    width: 100%;
    aspect-ratio: 694/1233;
    background: none;
  }
  #modal_vote .modal_slide iframe {
    width: 100%;
    aspect-ratio: 694/1233;
    background: none;
  }
  #modal_vote .modal_slide .item1,
  #modal_vote .modal_slide .item3,
  #modal_vote .modal_slide .item4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #modal_vote .modal_slide .item1 .image_detail img {
    width: 84.66667vw;
  }
  #modal_vote .modal_slide .item2 {
    width: 100vw;
    margin: 0;
  }
  #modal_vote .modal_slide .item2 .image_detail img {
    width: 84.4vw;
  }
  #modal_vote .modal_slide .item2 .image_name {
    margin-right: 6.66667vw;
  }
  #modal_vote .modal_slide .item2 .image {
    margin-bottom: 5.33333vw;
  }
  #modal_vote .modal_slide .item2 .image img {
    width: 100%;
  }
  #modal_vote .modal_slide .item3 .image_detail img {
    width: 68.4vw;
  }
  #modal_vote .modal_slide .item4 .image_detail img {
    width: 84.4vw;
  }
  #modal_vote .modal_slide .image_wrap {
    width: 100%;
  }
  #modal_vote .modal_slide .pc {
    display: none;
  }
  #modal_vote .modal_slide .image_name {
    width: 80.66667vw;
    margin-right: 3.33333vw;
    margin-left: auto;
    margin-bottom: 4vw;
  }
  #modal_vote .modal_slide .image_name img {
    width: 100%;
  }
  #modal_vote .modal_slide .image_detail {
    position: relative;
    background-color: #f4eede;
    width: 92vw;
    padding: 4vw 3.33333vw;
    margin: 0 auto;
  }
  #modal_vote .modal_slide .slick-prev, #modal_vote .modal_slide .slick-next {
    position: absolute;
    width: 2.8vw;
    height: 5.73333vw;
    z-index: 10;
    top: 142vw;
    bottom: auto;
  }
  #modal_vote .modal_slide .slick-arrow {
    display: block !important;
  }
  #modal_vote .modal_slide .slick-prev {
    left: 4vw;
    background: url("../keira_images/slide_arrow_brown1.svg") center top no-repeat;
  }
  #modal_vote .modal_slide .slick-prev::before {
    content: '';
  }
  #modal_vote .modal_slide .slick-next {
    right: 4vw;
    background: url("../keira_images/slide_arrow_brown2.svg") center top no-repeat;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  #modal_vote .modal_slide .slick-next::before {
    content: '';
  }
  #modal_vote .modal_slide.show_img .slick-prev {
    top: 117vw;
  }
  #modal_vote .modal_slide.show_img .slick-next {
    top: 117vw;
  }
  #modal_vote .btn_wrap {
    width: 18.66667vw;
    margin: 0 auto;
  }
  #modal_vote .btn {
    background-color: transparent;
    width: 18.66667vw;
    height: 4.8vw;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 4vw;
  }

  @-webkit-keyframes modalhide {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      z-index: -1;
    }
  }
  @keyframes modalhide {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      z-index: -1;
    }
  }
  @-webkit-keyframes modalshow {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      z-index: 9999;
    }
  }
  @keyframes modalshow {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      z-index: 9999;
    }
  }
}
@media screen and (min-width: 440px) {
  #vote .panels .item .cont::after {
    width: 14px;
    height: 14px;
  }
}
@media screen and (min-width: 500px) {
  #vote .panels .item .cont::after {
    width: 14px;
    height: 14px;
  }
}
@media screen and (min-width: 560px) {
  #vote .panels .item .cont::after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 620px) {
  #vote .panels .item .cont::after {
    width: 18px;
    height: 18px;
  }
}
@media screen and (min-width: 680px) {
  #vote .panels .item .cont::after {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 750px) {
  #vote .panels .item .cont::after {
    width: 22px;
    height: 22px;
  }
}

@media screen and (min-width: 768px) {
  .kv_news{
    position: relative;
    text-align: center;
    padding: 45px 0 0;
    background-color: #fff;
  }
  .kv_news a{
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: underline;
  }
  .kv_news a:hover{
      text-decoration: none;
  }
  .kv_news .sp{
    display: none;
}
}
@media screen and (max-width: 767px) {
  .fixed{
    display: none;
  }
  .kv_news{
    position: relative;
    text-align: center;
    padding: 8px 0 20px;
    background-color: #fff;
  }
  .kv_news a{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
    line-height: 1.6;
  }
  
}