@charset "UTF-8";
@import url("colorbox.css?20240629");
@import url("https://fonts.googleapis.com/css2?family=Gelasio:wght@600&display=swap");

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

body,
div,
dl,
dt,
dd,
ul,
ul li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
section,
nav,
article,
aside,
header,
address,
figure,
figcaption {
 margin: 0;
 padding: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
 font-style: normal;
 font-weight: normal;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption,
th {
 text-align: left;
}
q::before,
q::after {
 content: "";
}
object,
embed {
 vertical-align: top;
}
hr,
legend {
 display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size: 100%;
 font-weight: normal;
}
img,
abbr,
acronym,
fieldset {
 border: 0;
}
img {
 max-width: 100%;
 height: auto;
 vertical-align: bottom;
 -ms-interpolation-mode: bicubic;
}
ul li {
 list-style-type: none;
}
*,
*:before,
*:after {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
.clearfix {
 zoom: 1;
}
.clearfix:before,
.clearfix:after {
 content: "";
 display: table;
}
.clearfix:after {
 clear: both;
}
p {
 line-height: 1.8;
}
em {
 font-style: normal;
}
strong {
 font-weight: bold;
}
a {
 color: #000;
 outline: none;
 text-decoration: none;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 -ms-transition: all 0.25s ease-in-out;
}
a:active,
a:hover {
 text-decoration: none;
}
a:focus,
*:focus {
 outline: none;
}
a:hover img {
 -moz-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 -webkit-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.txhd {
 display: block;
 height: 0;
 overflow: hidden;
 font-size: 1rem;
 line-height: 2;
}
.object-fit {
 object-fit: cover;
 object-position: 50% 50%;
 font-family: "object-fit: cover;";
 min-height: 100%;
}
.pc,
.is_pc {
 display: block;
}
.sp,
.is_sp {
 display: none;
}
.is_tb {
 display: none;
}
@-ms-viewport {
 width: auto !important;
 initial-scale: 1;
}
@media only screen and (max-width: 820px) {
 .pc {
  display: none;
 }
 .sp {
  display: block;
 }
 .is_tb {
  display: block;
 }
}
@media only screen and (max-width: 600px) {
 .is_pc {
  display: none;
 }
 .is_sp {
  display: block;
 }
 .is_tb {
  display: none;
 }
}

:root {
 /* Colors: */
 --color-blk: #000000;
 --color-wht: #ffffff;
 --color-base: #222222;
 --color-ylw: #f1eeb5;
 --color-ppl: #515292;
 --color-red: #cc0000;
 --ff-gls: "Gelasio", serif;
}

/* ==========================================================================
   Global
   ========================================================================== */

html {
 font-size: 62.5%;
 overflow-y: scroll;
 height: 100%;
 line-height: 1.15;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}
html.ofyh {
 height: 100%;
 overflow-y: hidden;
}
body {
 position: relative;
 background: var(--color-wht);
 margin: 0;
 width: 100%;
 -ms-width: calc(100% - (100vw - 100%));
 color: var(--color-base);
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 1;
 letter-spacing: 0.04em;
 text-align: left;
 -moz-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 -o-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 text-size-adjust: 100%;
}
#wrap {
 width: 100%;
 min-height: 100vh;
 display: block;
 position: relative;
 overflow: hidden;
}
#cont {
 width: 100%;
 min-height: 100vh;
 max-width: 2000px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
 background-color: #f1ede4;
}
.ofyh {
 height: 100%;
 overflow-y: hidden;
}
.inner {
 zoom: 1;
 margin: 0 auto;
}

@media screen and (max-width: 820px) {
 body {
  width: 100%;
  font-size: 1.6rem;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  min-width: inherit;
 }
 #wrap {
  width: 100%;
  min-height: 100%;
  height: auto;
  min-width: 280px;
 }
}

/*
			LOADING
==================================================================================  */
.loadingWrap {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
 margin: 0px;
 padding: 0px;
 display: block;
}
.loadingWrapWaku {
 width: 100%;
 height: 100%;
 background: var(--color-blk);
 position: relative;
 margin: 0px;
 padding: 0px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.lds-flex {
 width: 20%;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-flow: column;
 justify-content: center;
 opacity: 0.75;
}
.lf_01 {
 width: 45%;
 height: 0;
 padding-top: 7%;
 margin-left: auto;
 margin-right: auto;
 display: block;
 background: url(/Rudger/common/img/ts/ta_cp_04.png) no-repeat 50% 50%;
 background-size: contain;
}
.lf_02 {
 width: 100%;
 height: 0;
 padding-top: 25%;
 margin-left: auto;
 margin-right: auto;
 display: block;
 background: url(/Rudger/common/img/hd__logo.png) no-repeat 50% 50%;
 background-size: contain;
}
body.is__start .loadingWrap {
 animation: ani_ld 3s cubic-bezier(1, 0, 0.85, 1) 0.8s both;
}
body.is__start .lds-flex {
 animation: ani_ld 2s ease-in-out 0.2s both;
}
@keyframes ani_ld {
 0% {
  opacity: 1;
  visibility: visible;
 }
 100% {
  opacity: 0;
  visibility: hidden;
 }
}

@media only screen and (max-width: 999px) {
 .lds-flex {
  width: 40%;
  padding-top: 10%;
 }
}

@media screen and (max-width: 600px) {
 .lds-flex {
  width: 60%;
  padding-top: 15%;
 }
}

/* sns
==================================================================================  */
.sns {
 display: flex;
 justify-content: center;
 align-items: center;
}
.sns .btn {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 24px;
 height: 24px;
 margin-left: 7px;
 margin-right: 7px;
}
.sns .btn a {
 display: block;
 width: 24px;
 height: 24px;
}
.sns .btn.tw a {
 width: 22px;
 height: 22px;
 fill: var(--color-blk);
}
.sns .btn.fb a {
 fill: #1877f2;
}
.sns .btn.yt a {
 fill: #ff0002;
}
.sns .btn.yt a .yt0 {
 fill: #ffffff;
}
.sns .btn.in a {
 fill: #ff0002;
 fill-opacity: 0;
 background: url(/Rudger/common/img/common/in_c.png) no-repeat 50% 50%;
 background-size: contain;
}
.sns .btn.ti {
 width: 20px;
}
.sns .btn.ti a {
 width: 20px;
 height: 22px;
 fill: #000000;
 fill-opacity: 0;
 background: url(/Rudger/common/img/common/ti_c.png) no-repeat 50% 50%;
 background-size: contain;
}
.sns .btn a .icon {
 max-width: 100%;
 max-height: 100%;
}
.sns .btn.ponoc {
 width: 40px;
 margin-left: 10px;
}
.sns .btn.ponoc a {
 width: 40px;
 background: url(/Rudger/common/img/ponoc_logo_sb.png) no-repeat 50% 50%;
 background-size: contain;
}

@media screen and (max-width: 600px) {
 .sns {
  margin-left: 1vw;
 }
 .sns .btn {
  margin-left: 5px;
  margin-right: 5px;
 }
}

/* header
==================================================================================  */
.l-gnav__container {
 position: relative;
 z-index: 100;
}
.l-header__navi {
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0 22px;
 width: 100%;
 height: 48px;
 background: var(--color-wht);
 z-index: 3;
}
.hd__logo {
 position: absolute;
 top: 12px;
 left: 22px;
 width: 180px;
 z-index: 10;
}
.hd__logo span {
 display: block;
 width: 100%;
 height: 0;
 padding-top: 14.44%;
 background: url(/Rudger/common/img/hd__logo_c.png) no-repeat 0 50%;
 background-size: contain;
 transition: all 0.5s ease 0s;
 overflow: hidden;
}
.l-header__navi ul {
 display: flex;
 padding-left: 190px;
}
.l-header__navi li {
 display: flex;
 height: 48px;
 padding: 0 10px;
}
.l-header__navi li.is_sp {
 display: none;
}
.l-header__navi li a,
.l-header__navi li .child {
 display: flex;
 align-items: center;
 position: relative;
 padding-top: 4px;
 cursor: pointer;
}
.l-header__navi li a span,
.l-header__navi li .child span {
 color: var(--color-blk);
 font-size: 1.5rem;
 font-family: var(--ff-gls);
 font-weight: 600;
 letter-spacing: 0;
 display: block;
}
.l-header__navi li .child::before {
 content: "";
 display: block;
 position: absolute;
 bottom: 7px;
 left: 50%;
 display: block;
 width: 6px;
 height: 6px;
 margin-left: -3px;
 border: solid 0 var(--color-blk);
 border-width: 0 1px 1px 0;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.l-header__navi li.home {
 display: none;
}
.l-header__navi li.on a span,
.l-header__navi li .child.on span {
 color: #d5800a;
}
.l-header__navi li.on a,
.l-header__navi li.no a {
 pointer-events: none;
}
.l-header__navi li.no a span {
 opacity: 0.3;
}
.l-gnav__child {
 display: flex;
 opacity: 0;
 position: absolute;
 top: 48px;
 left: 0;
 z-index: 12;
 width: 100%;
 background-color: rgba(255, 255, 255, 0.9);
 transition: 0.4s ease;
 pointer-events: none;
}
.l-header__navi ul.l-gnav__child__list {
 padding-left: 222px;
}
.l-header__navi ul.l-gnav__child__list li a span {
 font-size: 1.4rem;
}
.hd__linkbtn {
 display: flex;
 justify-content: flex-end;
}
.hd__linkbtn {
 display: flex;
 align-items: center;
}
.hd__lang {
 display: flex;
 margin-left: 4px;
}
.hd__lang span,
.hd__lang a {
 display: inline-block;
 font-size: 1.2rem;
 font-weight: 700;
 line-height: 1em;
 padding-bottom: 4px;
 margin: 0 6px;
 text-decoration: none;
 color: var(--color-blk);
}
.hd__lang span {
 border-bottom: 2px solid var(--color-blk);
}
.hd__menutrigger {
 display: block;
 position: fixed;
 left: 10px;
 top: -100px;
 z-index: 1000;
 cursor: pointer;
 transition: 0.5s;
 opacity: 0;
}
.l-gnav__container.is__scroll .hd__menutrigger {
 opacity: 1;
 top: 10px;
}
.hd__menutrigger-inner {
 position: relative;
 width: 60px;
 height: 60px;
}
.hd__menutrigger-inner::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 60px;
 height: 60px;
 background-color: rgba(24, 34, 44, 0.4);
 border: 1px solid rgba(255, 255, 255, 0.6);
}
.hd__menutrigger span {
 transition: 0.3s;
 width: 30px;
 height: 1px;
 background: #fff;
 display: block;
 position: absolute;
 left: 15px;
}
.hd__menutrigger span.hd__menutrigger__line01 {
 top: 19px;
}
.hd__menutrigger span.hd__menutrigger__line02 {
 top: 28px;
}
.hd__menutrigger.is__active span.hd__menutrigger__line01 {
 transform: rotate(30deg) translateX(0px);
 left: 15px;
 top: 23px;
}
.hd__menutrigger.is__active span.hd__menutrigger__line02 {
 transform: rotate(-30deg) translateX(0px);
 left: 15px;
 top: 23px;
}
.hd__menutrigger .hd__menutrigger__txt {
 display: block;
 width: auto;
 position: absolute;
 top: 38px;
 left: 0;
 right: 0;
}
.hd__menutrigger .hd__menutrigger__txt em {
 color: #fff;
 font-size: 1rem;
 letter-spacing: 0.02em;
 text-align: center;
 display: block;
 transition: 0.5s;
 position: relative;
}
.hd__menutrigger .hd__menutrigger__txt em.menu,
.hd__menutrigger.is__active .hd__menutrigger__txt em.close {
 display: block;
}
.hd__menutrigger .hd__menutrigger__txt em.close,
.hd__menutrigger.is__active .hd__menutrigger__txt em.menu {
 display: none;
}
.hd__menutrigger .hd__menutrigger__txt em.close {
 transition: 0.5s;
}
.backlayer {
 position: fixed;
 overflow-y: auto;
 z-index: 10;
 top: -101vh;
 left: 0;
 width: 100%;
 height: 100vh;
 background-color: var(--color-ppl);
 transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.backlayer.is__open {
 top: 0;
}
.l-gnav__container.is__open .l-header__navi {
 position: fixed;
 left: 0;
 top: 0;
 margin: 0;
 display: flex;
 flex-flow: column;
 justify-content: flex-start;
 align-items: flex-start;
 z-index: 120;
 padding: 80px 100px 60px 100px;
 width: 100%;
 height: 100vh;
 overflow-y: auto;
 background-color: unset;
}
.l-gnav__container.is__open .hd__logo {
 display: none;
}
.l-gnav__container.is__open .l-header__navi ul {
 flex-flow: row wrap;
 justify-content: space-between;
 padding-left: 0;
 -webkit-animation: hd__start 0.8s both;
 animation: hd__start 0.8s both;
 position: relative;
 max-width: 600px;
}
.l-gnav__container.is__open .l-header__navi li {
 width: calc(50% - 10px);
 height: 60px;
 padding: 0;
 border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.l-gnav__container.is__open .l-header__navi li.home {
 display: flex;
}
.l-gnav__container.is__open .l-header__navi .hd__lang {
 animation-delay: 0.1s;
 -webkit-animation-delay: 0.1s;
}
.l-gnav__container.is__open .l-header__navi li.is_sp {
 display: none;
}
.l-gnav__container.is__open .l-header__navi li a,
.l-gnav__container.is__open .l-header__navi li .child {
 width: 100%;
 padding: 0 15px;
}
.l-gnav__container.is__open .l-header__navi li a span {
 color: var(--color-wht);
 font-size: 2.1rem;
 letter-spacing: 0em;
}
.l-gnav__container.is__open .l-header__navi li.on a span {
 color: #d5800a;
}
.l-gnav__container.is__open .l-header__navi li.about {
 width: 100%;
 height: auto;
 flex-flow: column;
 border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.l-gnav__container.is__open .l-header__navi li .child {
 margin-top: 30px;
}
.l-gnav__container.is__open .l-header__navi li .child span,
.l-gnav__container.is__open .l-header__navi li .child.on span {
 color: var(--color-wht);
 font-size: 2rem;
 letter-spacing: 0em;
 opacity: 0.4;
}
.l-gnav__container.is__open .l-header__navi li .child::before {
 content: none;
}
.l-gnav__container.is__open .l-gnav__child {
 display: flex;
 opacity: 1;
 position: relative;
 top: unset;
 left: unset;
 z-index: 12;
 width: 100%;
 background: none;
 transition: 0.4s ease;
 pointer-events: inherit;
}
.l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list {
 width: 100%;
 padding-left: 0;
 padding-block: 15px 20px;
 justify-content: flex-start;
}
.l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li {
 border-bottom: none;
 margin-top: 0;
 width: auto;
 margin-right: 30px;
}
.l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li a span {
 font-size: 2rem;
 position: relative;
 padding-left: 18px;
}
.l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li a span::before {
 content: "";
 position: absolute;
 height: 2px;
 width: 8px;
 left: 0;
 top: 8px;
 background-color: var(--color-wht);
}
.l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li.on a span::before {
 background-color: #d5800a;
}
.l-gnav__container.is__open .hd__linkbtn {
 margin-top: 72px;
 width: 100%;
 max-width: 600px;
 justify-content: space-between;
 animation: hd__start 0.8s both;
 animation-delay: 0.45s;
 -webkit-animation-delay: 0.45s;
}
.l-gnav__container.is__open .hd__linkbtn .sns {
 justify-content: flex-start;
}
.l-gnav__container.is__open .hd__linkbtn .sns .btn.tw a,
.l-gnav__container.is__open .hd__linkbtn .sns .btn.fb a,
.l-gnav__container.is__open .hd__linkbtn .sns .btn.yt a {
 fill: var(--color-wht);
}
.l-gnav__container.is__open .hd__linkbtn .sns .btn.yt a .yt0 {
 fill: var(--color-ppl);
}
.l-gnav__container.is__open .hd__linkbtn .sns .btn.in a,
.l-gnav__container.is__open .hd__linkbtn .sns .btn.ti a {
 fill: var(--color-wht);
 fill-opacity: 1;
 background: none;
}
.l-gnav__container.is__open .hd__linkbtn .sns .btn.ponoc a {
 background-image: url(/Rudger/common/img/ponoc_logo_sw.png);
}
.l-gnav__container.is__open .l-header__navi .hd__lang span,
.l-gnav__container.is__open .l-header__navi .hd__lang a {
 color: var(--color-wht);
}
.l-gnav__container.is__open .l-header__navi .hd__lang span {
 border-bottom: 2px solid var(--color-wht);
}

@keyframes hd__start {
 0% {
  opacity: 0;
  transform: translateX(-100px);
 }
 100% {
  opacity: 1;
  transform: translateX(0);
 }
}

@media screen and (max-width: 1180px) {
 .hd__logo,
 .l-header__navi {
  display: none;
 }
 .hd__menutrigger {
  opacity: 1;
  top: 10px;
 }
}

@media screen and (min-width: 821px) {
 .l-header__navi li a:before {
  content: " ";
  position: absolute;
  height: 2px;
  width: 0;
  left: auto;
  right: 0;
  bottom: 10px;
  background-color: var(--color-blk);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: none;
  z-index: 1;
 }
 .l-header__navi li a:hover:before {
  width: 100%;
  right: auto;
  left: 0;
 }
 .l-header__navi li:hover > .l-gnav__child {
  opacity: 1;
  pointer-events: initial;
  transition: 0.4s ease;
 }
 .hd__lang a:hover {
  opacity: 0.5;
 }
 .l-gnav__container.is__open .l-header__navi li a:before {
  bottom: -1px;
  background-color: var(--color-wht);
 }
 .l-gnav__container.is__open .l-header__navi li a:hover:before {
  width: 0;
  left: auto;
  right: 0;
 }
 .hd__menutrigger:hover span.hd__menutrigger__line01 {
  transform: translateX(-6px);
 }
 .hd__menutrigger:hover span.hd__menutrigger__line02 {
  transform: translateX(6px);
 }
 .hd__menutrigger.is__active:hover span.hd__menutrigger__line01 {
  transform: rotate(30deg) translateX(0px);
 }
 .hd__menutrigger.is__active:hover span.hd__menutrigger__line02 {
  transform: rotate(-30deg) translateX(0px);
 }
}

@media only screen and (max-width: 820px) {
 .l-gnav__container.is__open .l-header__navi {
  justify-content: flex-start;
  width: auto;
  max-width: unset;
 }
 .l-gnav__container.is__open .l-header__navi {
  width: auto;
  max-width: unset;
  padding: 160px 100px 60px 100px;
 }
 .l-gnav__container.is__open .l-header__navi li a span {
  font-size: 2.6rem;
 }
 .l-gnav__container.is__open .l-header__navi li .child span {
  font-size: 2.4rem;
 }
 .l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li a span {
  font-size: 2.4rem;
 }
}

@media only screen and (max-width: 600px) {
 .l-gnav__container.is__open .l-header__navi {
  width: 100%;
  height: auto;
  padding: 90px 0 80px;
 }
 .l-gnav__container.is__open .l-header__navi ul {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
 }
 .l-gnav__container.is__open .l-header__navi li {
  width: 50%;
  height: 56px;
  padding: 0;
  margin-top: 0;
 }
 .l-gnav__container.is__open .l-header__navi li:nth-last-child(-n + 3) {
  border-bottom: none;
 }
 .l-gnav__container.is__open .l-header__navi li.is_pc {
  display: none;
 }
 .l-gnav__container.is__open .l-header__navi li.is_sp {
  display: flex;
 }
 .l-gnav__container.is__open .l-header__navi li a {
  padding: 0 4.8vw;
 }
 .l-gnav__container.is__open .l-header__navi li a span {
  font-size: 1.45rem;
  word-break: break-all;
 }
 .l-gnav__container.is__open .l-header__navi li .child {
  margin-top: 20px;
 }
 .l-gnav__container.is__open .l-header__navi li .child span,
 .l-gnav__container.is__open .l-header__navi li .child.on span {
  font-size: 1.45rem;
 }
 .l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list {
  border-top: none;
  border-bottom: none;
  padding-block: 10px;
  animation: none;
 }
 .l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li {
  margin-right: 0;
  height: 48px;
 }
 .l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li a span {
  font-size: 1.45rem;
  padding-left: 0;
 }
 .l-gnav__container.is__open .l-header__navi ul.l-gnav__child__list li a span::before {
  content: none;
 }
 .l-gnav__container.is__open .hd__linkbtn {
  margin-top: 30px;
  padding: 0 4.8vw;
  flex-flow: column;
  align-items: flex-end;
 }
 .l-gnav__container.is__open .hd__linkbtn .sns .btn {
  margin-left: 0;
  margin-right: 20px;
 }
 .l-gnav__container.is__open .hd__linkbtn .sns .btn a {
  width: 24px;
  height: 24px;
 }
 .l-gnav__container.is__open .hd__linkbtn .sns .btn.ponoc {
  margin-left: 12px;
  margin-right: 0;
 }
 .l-gnav__container.is__open .hd__linkbtn .sns .btn.ponoc a {
  width: 44px;
 }
 .l-gnav__container.is__open .l-header__navi .hd__lang {
  margin-top: 25px;
 }
 .l-header__navi li a::after {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -2px;
  margin-left: -3px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: solid 0 #fff;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  opacity: 0.5;
 }
 .l-header__navi ul.l-gnav__child__list li a::after {
  content: none;
 }
 .hd__lang span,
 .hd__lang a {
  font-size: 1.4rem;
  margin: 0 0 0 20px;
 }
 .hd__menutrigger {
  top: 5px;
 }
 .l-gnav__container.is__scroll .hd__menutrigger {
  top: 5px;
 }
}

@media only screen and (max-width: 350px) {
 .l-gnav__container.is__open .hd__linkbtn {
  flex-flow: column;
 }
 .l-gnav__container.is__open .hd__linkbtn .sns .btn {
  margin-right: 18px;
 }
 .l-gnav__container.is__open .hd__linkbtn .sns .btn.ponoc {
  margin-left: 0;
 }
 .l-gnav__container.is__open .hd__lang {
  margin-left: 0;
  margin-top: 20px;
 }
 .l-gnav__container.is__open .l-header__navi li a {
  padding: 0 4.8vw 0 4.8vw;
 }
 .l-gnav__container.is__open .l-header__navi li a span {
  font-size: 1.25rem;
  word-break: break-all;
 }
 .l-header__navi li a::after {
  right: 8px;
  width: 6px;
  height: 6px;
 }
}

/*
 movieModal
==================================================================================*/
#cboxTopCenter {
 height: 0;
}
#cboxClose {
 right: -24px;
 top: -24px;
 width: 48px;
 height: 48px;
 background: url(/Rudger/common/img/common/svg_close.svg) no-repeat 50% 50%;
 background-size: auto 20px;
 z-index: 10000;
 transition: transform 0.3s ease-out;
}
#cboxClose::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 48px;
 height: 48px;
 background-color: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.4);
}
#cboxClose:hover {
 background: url(/Rudger/common/img/common/svg_close.svg) no-repeat 50% 50%;
 background-size: auto 20px;
 transform: rotate(90deg);
}

@media only screen and (max-width: 820px) {
 #cboxClose {
  right: 2px;
  top: -50px;
 }
}

/* Contents
================================================================================== */
.cont_body {
 position: relative;
 padding: 0 80px;
}
.contbox {
 padding-top: 100px;
 padding-bottom: 160px;
 position: relative;
}
.p-box {
 max-width: 620px;
 margin-left: auto;
 margin-right: auto;
}
.page_head {
 width: 100%;
 height: 29.41vw;
 max-height: 588px;
 position: relative;
}
.page_head .cont_body {
 height: 100%;
}
.page_head .page_ttl {
 display: flex;
 flex-flow: column;
 justify-content: center;
 align-items: center;
 height: 100%;
}
.page_ttl .mds {
 color: var(--color-wht);
 font-size: 4rem;
 font-family: var(--ff-gls);
 font-weight: 600;
 display: inline-block;
 position: relative;
}
.page_ttl .mds:after {
 content: "";
 position: absolute;
 bottom: -15px;
 left: 0;
 width: 100%;
 height: 3px;
 background-color: var(--color-wht);
 display: block;
 box-shadow: 0px 0px 4px 2px rgba(212, 168, 13, 0.5);
}
.page_ttl .sub {
 color: var(--color-wht);
 font-size: 1.4rem;
 font-weight: 700;
 display: inline-block;
 position: relative;
 margin-top: 34px;
 letter-spacing: 0.2em;
}
.header_photo {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.bg .img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-size: cover;
}
.p-text {
 margin-top: 50px;
}
.p-text p {
 font-size: 1.5rem;
 line-height: 1.9;
}
.p-box p strong {
 display: inline-block;
 font-style: italic;
 font-weight: 400;
}
.tsdw_01 {
 text-shadow: 2px 2px 3px rgba(212, 168, 13, 0.5), -2px 2px 3px rgba(212, 168, 13, 0.5), 2px -2px 3px rgba(212, 168, 13, 0.5), -2px -2px 3px rgba(212, 168, 13, 0.5);
}
.sdw_01 {
 filter: drop-shadow(0px 0px 6px rgba(37, 45, 137, 0.85)) drop-shadow(0px 0px 6px rgba(37, 45, 137, 0.85));
}
.ind {
 text-indent: 1em;
}

@media only screen and (max-width: 999px) {
 .mds {
  font-size: 4rem;
 }
}

@media only screen and (max-width: 820px) {
 .cont_body {
  padding: 0 6.66vw;
 }
}

@media only screen and (max-width: 600px) {
 .cont_body {
  padding: 0 4.8vw;
 }
 .contbox {
  padding-top: 40px;
  padding-bottom: 60px;
 }
 .page_head {
  height: 68vw;
 }
 .page_ttl .mds {
  font-size: 2.5rem;
 }
 .page_ttl .mds:after {
  bottom: -10px;
  height: 2px;
 }
 .page_ttl .sub {
  font-size: 1rem;
  margin-top: 20px;
 }
 .p-text {
  margin-top: 9.33vw;
 }
 .p-text p {
  font-size: 1.4rem;
  line-height: 2;
 }
 .tsdw_01 {
  text-shadow: 1px 1px 2px rgba(212, 168, 13, 0.5), -1px 1px 2px rgba(212, 168, 13, 0.5), 1px -1px 2px rgba(231, 212, 15, 0.6), -1px -1px 2px rgba(231, 212, 15, 0.6);
 }
}

/* news
================================================================================== */
#news .header_photo .img {
 background: url(/Rudger/common/img/news_hp.jpg) no-repeat 50% 50%;
 background-size: cover;
}
.entry_box {
 max-width: 720px;
 margin-left: auto;
 margin-right: auto;
}
.entry + .entry {
 margin-top: 140px;
}
.entry_title {
 padding-bottom: 20px;
 border-bottom: 1px solid var(--color-ppl);
}
.entry_title .meta {
 display: flex;
 align-items: center;
}
.entry_title mark {
 color: var(--color-wht);
 display: inline-block;
 font-size: 1.4rem;
 font-weight: 700;
 line-height: 1;
 padding: 8px 15px;
 background-color: var(--color-ppl);
 margin-right: 15px;
}
.entry_title time {
 color: var(--color-ppl);
 display: block;
 font-size: 1.5rem;
 font-weight: 500;
 line-height: 1;
}
.entry_title h2 {
 display: block;
 font-size: 2.7rem;
 font-weight: 700;
 line-height: 1.44;
 margin-top: 10px;
}
.n-text {
 margin-top: 25px;
}
.n-text p {
 font-size: 1.5rem;
 line-height: 1.9;
}
.n-text p + p {
 margin-top: 1em;
}
.n-text p a {
 color: var(--color-red);
 text-decoration: none;
}
.n-text p strong {
 display: inline-block;
 font-style: italic;
 font-weight: 400;
}

.n-text p .bold {
 font-weight: 700;
}
.n-text p i {
 display: inline-block;
 font-style: normal;
}
.n-text .sub {
 font-size: 2.4rem;
 font-weight: 700;
 margin-top: 60px;
 margin-bottom: -0.5em;
}
.c_r {
 font-size: 1.5rem;
 font-weight: 400;
 color: #cc5500;
 margin-left: 0.5em;
}
#news u {
 display: inline-block;
 font-style: italic;
 text-decoration: none;
}
.n-text figure {
 margin-top: 3em;
}
.n-text figure.tate {
 max-width: 400px;
 margin-inline: auto;
}
.n-text figure.tate_left {
 max-width: 400px;
 margin-right: auto;
}
.n-text figure figcaption {
 font-size: 1.3rem;
 line-height: 1.44;
 margin-top: 1.5em;
 text-align: left;
 color: #ccc;
}
.movie_wrap {
 position: relative;
 height: 0;
 overflow: hidden;
 max-width: 100%;
 padding-top: 56.25%;
 width: 100%;
 margin: 3em auto 30px;
}
.movie_wrap iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-width: 100%;
 height: 100%;
}
.n-text .flex_2 {
 display: flex;
 flex-flow: row wrap;
 margin-right: -1%;
}
.n-text .flex_2 div {
 width: 49%;
 margin-right: 1%;
 margin-top: 1%;
}
.n-text .flex_2 .cap {
 margin-top: 5px;
 font-size: 1.1rem;
 line-height: 1.3;
 display: block;
}

@media screen and (min-width: 821px) {
 .n-text p a:hover {
  opacity: 0.6;
 }
}

@media only screen and (max-width: 600px) {
 .entry + .entry {
  margin-top: 60px;
 }
 .entry_title {
  padding-bottom: 10px;
 }
 .entry_title mark {
  font-size: 1.1rem;
  padding: 4px 8px;
  margin-right: 8px;
 }
 .entry_title time {
  font-size: 1.1rem;
 }
 .entry_title h2 {
  font-size: 2rem;
 }
 .n-text {
  margin-top: 25px;
 }
 .n-text p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.66;
 }
 .n-text .sub {
  font-size: 1.9rem;
  margin-top: 40px;
  margin-bottom: 0;
 }
 .n-text figure {
  margin-top: 2em;
 }
 .movie_wrap {
  margin: 2em auto;
 }
 .c_r {
  font-size: 1.4rem;
 }
}

/* introduction
================================================================================== */
#introduction .header_photo .img {
 background: url(/Rudger/common/img/introduction_hp.jpg) no-repeat 50% 50%;
 background-size: cover;
}
#introduction .page_introduction {
 background: url(/Rudger/common/img/introduction_bg.jpg) no-repeat 0 100%;
 background-size: 100% auto;
}
#introduction .contbox {
 padding-bottom: 200px;
}
.introduction {
 max-width: 780px;
 margin-left: auto;
 margin-right: auto;
}
.introduction .b_text + .b_text {
 margin-top: 70px;
}
.introduction .b_text .copy_sub {
 font-size: 2rem;
 font-weight: 700;
 line-height: 1.66;
 letter-spacing: -0.02em;
}
.introduction .b_text .copy {
 margin-top: 10px;
 font-size: 2.6rem;
 font-weight: 700;
 letter-spacing: -0.05em;
}
.introduction .c_text {
 margin-top: 20px;
}
.introduction .c_text p {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 1.8;
}
.introduction .c_text i {
 font-style: normal;
 font-weight: 700;
}

@media only screen and (max-width: 600px) {
 .introduction {
  max-width: unset;
 }
 #introduction .contbox {
  padding-bottom: 100px;
 }
 .introduction .b_text .copy_sub {
  font-size: 1.7rem;
  line-height: 1.66;
 }
 .introduction .b_text .copy {
  margin-top: 5px;
  font-size: 2.2rem;
  line-height: 1.44;
 }
 .introduction .c_text p {
  font-size: 1.5rem;
 }
}

@media only screen and (max-width: 350px) {
 .introduction .b_text .copy_sub {
  font-size: 1.6rem;
 }
 .introduction .b_text .copy {
  font-size: 1.7rem;
 }
}

/* character
================================================================================== */
#chara .header_photo .img {
 background: url(/Rudger/common/img/chara_hp.jpg) no-repeat 50% 50%;
 background-size: cover;
}
#chara .page_chara {
 background: #f0f1e4 url(/Rudger/common/img/chara_bg.jpg) no-repeat 0 100%;
 background-size: 100% auto;
}
#chara .contbox {
 max-width: 1080px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 180px;
}
.chara_box {
 display: flex;
 flex-flow: column;
}
.chara {
 width: 100%;
 display: block;
}
.chara + .chara {
 margin-top: 120px;
}
.chara .jp_name {
 font-size: 3.4rem;
 font-weight: 900;
 line-height: 1.33;
 position: relative;
}
.chara .text {
 margin-top: 5px;
}
.chara .text p {
 font-size: 1.5rem;
 font-weight: 400;
 line-height: 1.44;
}
.chara .chara_flex {
 display: flex;
 margin-top: 20px;
}
.chara .p_photo {
 width: 46%;
 margin-right: 6%;
}
.chara .cv {
 flex: 1;
 position: relative;
}
.cv_flex {
 display: flex;
 flex-flow: row;
}
.cv_txt {
 width: 56%;
 margin-right: 4%;
}
.cv_name {
 font-size: 2.4rem;
 font-weight: 700;
 line-height: 1;
}
.cv_txt p {
 font-size: 1.3rem;
 line-height: 1.66;
 margin-top: 10px;
}
.cv_photo {
 width: 40%;
}
.cv_photo img {
 border: 1px solid #ccc;
}
.chara.chara_01 .jp_name,
.chara.chara_01 .cv_name {
 color: hsl(43, 78%, 45%);
}
.chara.chara_01 .cv_photo img {
 border-color: #ce9c1a;
}
.chara.chara_02 .jp_name,
.chara.chara_02 .cv_name {
 color: #e55ab6;
}
.chara.chara_02 .cv_photo img {
 border-color: #e55ab6;
}
.chara.chara_03 .jp_name,
.chara.chara_03 .cv_name {
 color: #5bac39;
}
.chara.chara_03 .cv_photo img {
 border-color: #5bac39;
}
.chara.chara_04 .jp_name,
.chara.chara_04 .cv_name {
 color: #cb3e07;
}
.chara.chara_04 .cv_photo img {
 border-color: #cb3e07;
}
.chara.chara_05 .jp_name,
.chara.chara_05 .cv_name {
 color: #565dac;
}
.chara.chara_05 .cv_photo img {
 border-color: #565dac;
}
.chara.chara_06 .jp_name,
.chara.chara_06 .cv_name {
 color: #93ab30;
}
.chara.chara_06 .cv_photo img {
 border-color: #93ab30;
}
.chara.chara_07 .jp_name,
.chara.chara_07 .cv_name {
 color: #4459c3;
}
.chara.chara_07 .cv_photo img {
 border-color: #4459c3;
}
.chara.chara_08 .jp_name,
.chara.chara_08 .cv_name {
 color: #ba5bd2;
}
.chara.chara_08 .cv_photo img {
 border-color: #ba5bd2;
}
.chara.chara_09 .jp_name,
.chara.chara_09 .cv_name {
 color: #776b5f;
}
.chara.chara_09 .cv_photo img {
 border-color: #776b5f;
}
.chara.chara_10 .jp_name,
.chara.chara_10 .cv_name {
 color: #d59091;
}
.chara.chara_10 .cv_photo img {
 border-color: #d59091;
}
.chara.chara_11 .jp_name,
.chara.chara_11 .cv_name {
 color: #59598f;
}
.chara.chara_11 .cv_photo img {
 border-color: #59598f;
}
.chara.chara_12 .jp_name,
.chara.chara_12 .cv_name {
 color: #e98e2d;
}
.chara.chara_12 .cv_photo img {
 border-color: #e98e2d;
}

@media only screen and (max-width: 820px) {
 .chara + .chara {
  margin-top: 80px;
 }
 .chara {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
 }
 .chara .jp_name {
  font-size: 2.8rem;
 }
 .chara .p_photo {
  width: 100%;
  margin-right: 0;
 }
 .chara .chara_flex {
  flex-flow: column;
  margin-top: 20px;
 }
 .chara .cv {
  margin-top: 30px;
 }
 .cv_flex {
  flex-flow: row-reverse;
 }
 .cv_name {
  font-size: 2rem;
 }
 .cv_txt {
  width: 61%;
  margin-left: 4%;
  margin-right: 0;
 }
 .cv_photo {
  width: 35%;
 }
}

@media only screen and (max-width: 600px) {
 #chara .contbox {
  max-width: unset;
  padding-top: 30px;
  padding-bottom: 80px;
 }
 .chara {
  width: 100%;
 }
 .chara + .chara {
  margin-top: 60px;
 }
 .chara .jp_name {
  font-size: 2.4rem;
 }
 .chara .text {
  margin-top: 5px;
 }
 .chara .text p {
  font-size: 1.4rem;
 }
 .chara .p_photo {
  width: calc(100% + 9.6vw);
  margin-left: -4.8vw;
  margin-right: -4.8vw;
 }
 .chara .cv {
  margin-top: 20px;
 }
 .cv_txt p {
  font-size: 1.25rem;
  line-height: 1.55;
 }
}

@media only screen and (max-width: 350px) {
 .chara .jp_name {
  font-size: 2.2rem;
 }
 .chara .text p {
  font-size: 1.3rem;
 }
 .cv_name {
  font-size: 1.8rem;
 }
}

/* staff
================================================================================== */
#staff .header_photo .img {
 background: url(/Rudger/common/img/staff_hp2.jpg) no-repeat 50% 50%;
 background-size: cover;
}
#staff .page_staff {
 background: url(/Rudger/common/img/staff_bg2.jpg) no-repeat 0 100%;
 background-size: 100% auto;
}
.staff_box {
 max-width: 880px;
 margin-left: auto;
 margin-right: auto;
}
.staff {
 display: flex;
 flex-flow: column;
}
.staff + .staff {
 margin-top: 120px;
}
.staff .prof {
 width: 100%;
}
.staff .prof .name {
 font-size: 3rem;
 font-weight: 900;
 line-height: 1.33;
 text-align: center;
 color: var(--color-ppl);
 position: relative;
 padding-bottom: 20px;
 border-bottom: 1px solid var(--color-ppl);
}
.staff .prof .name span {
 display: block;
 font-size: 1.4rem;
 font-weight: 400;
 line-height: 1.44;
 text-align: center;
 margin-top: 10px;
}
.staff .prof .name span small {
 font-size: 1.1rem;
}
.staff_flex {
 display: flex;
 align-items: center;
 margin-top: 30px;
}
.staff_flex .p_photo {
 width: 350px;
 margin-right: 30px;
}
.staff_flex .p_photo figcaption {
 text-align: right;
 font-size: 1.2rem;
 margin-top: 5px;
}
.staff_flex .text {
 flex: 1;
}
.staff_flex .text p {
 font-size: 1.5rem;
 font-weight: 400;
 line-height: 1.9;
}
.otherstaff .name_s {
 font-size: 2.4rem;
 font-weight: 900;
 line-height: 1.33;
 text-align: center;
 color: var(--color-ppl);
 position: relative;
 padding-bottom: 20px;
 border-bottom: 1px solid var(--color-ppl);
}
.otherstaff .other_flex {
 display: flex;
 justify-content: center;
 margin-top: 30px;
}
table.other_table {
 font-size: 1.5rem;
 font-weight: 400;
 line-height: 1.6;
}
table.other_table th {
 font-weight: 400;
 padding-right: 40px;
 padding-block: 5px;
 vertical-align: top;
 width: 220px;
}
table.other_table td {
 padding-block: 5px;
}
table.other_table td .right {
 display: block;
 text-align: right;
 padding-right: 4px;
}
table.other_table tr.under th,
table.other_table tr.under td {
 padding-top: 40px;
}

#staff .ponoc {
 display: block;
 margin-top: 120px;
 padding: 50px 50px 35px;
 background-color: rgba(0, 0, 0, 0.1);
 border-radius: 10px;
}
#staff .ponoc .logo {
 width: 290px;
 margin-left: auto;
 margin-right: auto;
}
#staff .ponoc .text {
 margin-top: 30px;
}
#staff .ponoc .text p {
 font-size: 1.35rem;
 line-height: 1.9;
}
#staff .ponoc .text p + p {
 margin-top: 30px;
}
#staff .ponoc .text p a {
 color: var(--color-red);
}
#staff p u {
 font-style: italic;
 text-decoration: none;
}
.staff .comm {
 width: 100%;
 margin-top: 50px;
 color: #d5800a;
}
.staff .comm .ttl {
 font-size: 1.7rem;
 font-weight: 700;
 text-align: center;
}
.staff .comm .ttl span {
 display: inline-block;
 border: 1px solid #d5800a;
 padding: 10px 14px;
}
.staff .comm .text {
 margin-top: 20px;
}
.staff .comm p {
 font-size: 1.6rem;
 line-height: 1.7;
}

@media only screen and (min-width: 768px) {
 #staff .ponoc .text p a:hover {
  opacity: 0.6;
 }
}

@media only screen and (max-width: 820px) {
 .staff + .staff {
  margin-top: 80px;
 }
 .staff .prof .name {
  font-size: 2.6rem;
 }
 .staff_flex {
  align-items: flex-start;
  margin-top: 30px;
 }
 .staff_flex .p_photo {
  width: 40%;
  margin-right: 4%;
 }
}

@media only screen and (max-width: 600px) {
 .staff + .staff {
  margin-top: 60px;
 }
 .staff + .profile {
  margin-top: 60px;
 }
 .staff .prof .name {
  font-size: 2.4rem;
 }
 .staff .prof .name span {
  font-size: 1.2rem;
  text-align: left;
 }
 .staff .prof .name span small {
  font-size: 1rem;
 }
 .staff_flex {
  flex-flow: column;
  margin-top: 20px;
 }
 .staff_flex .p_photo {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
 }
 .staff_flex .p_photo figcaption {
  text-align: right;
  font-size: 1.2rem;
  margin-top: 5px;
 }
 .staff_flex .text {
  flex: unset;
  margin-top: 15px;
 }
 .staff_flex .text p {
  font-size: 1.4rem;
  line-height: 1.66;
 }
 .otherstaff .name_s {
  font-size: 2rem;
 }
 table.other_table {
  font-size: 1.3rem;
  line-height: 1.6;
 }
 table.other_table th {
  padding-right: 15px;
  padding-block: 4px;
  vertical-align: top;
  width: 120px;
 }
 table.other_table td {
  vertical-align: top;
  padding-block: 4px;
 }
 table.other_table tr.under th,
 table.other_table tr.under td {
  padding-top: 20px;
 }
 #staff .ponoc {
  margin-top: 60px;
  padding: 30px 4.8vw;
 }
 #staff .ponoc .logo {
  width: 70%;
 }
 #staff .ponoc .text {
  margin-top: 20px;
 }
 #staff .ponoc .text p {
  font-size: 1.25rem;
  line-height: 1.6;
 }
 #staff .ponoc .text p + p {
  margin-top: 15px;
 }
 .staff .comm p {
  font-size: 1.35rem;
  line-height: 1.7;
 }
}

@media only screen and (max-width: 350px) {
 .staff .prof .name {
  font-size: 2rem;
 }
 .otherstaff .name_s {
  font-size: 1.7rem;
 }
 table.other_table {
  font-size: 1.25rem;
  line-height: 1.4;
 }
 table.other_table th {
  width: 120px;
 }
}

/* music
================================================================================== */
#music .header_photo .img {
 background: url(/Rudger/common/img/music_hp.jpg) no-repeat 50% 50%;
 background-size: cover;
}
.music_box {
 max-width: 880px;
 margin-left: auto;
 margin-right: auto;
}
.music_box + .music_box {
 margin-top: 140px;
 border-top: 5px solid #00b4b2;
 padding-top: 100px;
}
.music {
 display: flex;
 flex-flow: column;
}
.music + .music {
 margin-top: 60px;
}
.music_flex {
 display: flex;
}
.music_flex .p_photo {
 width: 350px;
 margin-right: 50px;
}
.music_photo.tate {
 width: 80%;
 margin-inline: auto;
}
.music_flex .text {
 flex: 1;
}
.music_01 .music_flex {
 align-items: center;
}
.music_01 .en_title {
 font-size: 3.2rem;
 font-weight: 900;
 font-family: var(--ff-gls);
 line-height: 1.44;
 color: #d5800a;
}
.music_01 .en_name {
 font-size: 1.8rem;
 font-weight: 900;
 font-family: var(--ff-gls);
 line-height: 1.44;
 color: #d5800a;
}
.music_01 .en_title span {
 display: block;
 color: var(--color-base);
 font-size: 2rem;
}
.music_01 .en_title u {
 font-style: italic;
 text-decoration: none;
}
.music_01 .jp_name {
 font-size: 1.6rem;
 font-weight: 400;
 line-height: 1.66;
 margin-top: 20px;
}
.music_01 .jp_name strong {
 display: block;
 font-size: 2.2rem;
 font-weight: 900;
 line-height: 1.66;
}
.music_01 .en_text {
 font-size: 1.6rem;
 font-weight: 400;
 line-height: 1.66;
 margin-top: 30px;
}
.music_01 .sub {
 margin-top: 30px;
}
.music_01 .sub p {
 font-size: 1.4rem;
 font-weight: 400;
 line-height: 1.66;
}
.music_link {
 display: flex;
 align-items: center;
 margin-top: 10px;
}
.music_plat {
 max-width: 240px;
 display: flex;
 flex-flow: row wrap;
}
.music_plat .icons {
 width: 25%;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
}
.music_plat .icons a {
 display: block;
}
.music_lyric {
 margin-left: 20px;
}
.music_01 .sub a.btn {
 display: inline-block;
 color: var(--color-wht);
 font-size: 1.4rem;
 padding: 10px 20px 10px 40px;
 margin-top: 10px;
 position: relative;
 background-color: var(--color-red);
 border-radius: 4px;
}
.music_01 .sub a.btn::before {
 content: "";
 position: absolute;
 left: 20px;
 top: calc(50% - 5px);
 display: block;
 width: 10px;
 height: 10px;
 border-left: 10px solid var(--color-wht);
 border-top: 5px solid transparent;
 border-right: 0;
 border-bottom: 5px solid transparent;
}
.music .name {
 font-size: 2.4rem;
 font-weight: 900;
 line-height: 1.33;
 text-align: center;
 color: var(--color-ppl);
 position: relative;
 padding-top: 40px;
 margin-bottom: 40px;
 border-top: 1px dashed var(--color-ppl);
}
.music .name span {
 display: block;
 font-size: 2rem;
 font-weight: 400;
 font-family: var(--ff-gls);
 line-height: 1.3;
 text-align: center;
 margin-top: 10px;
}
.music .name em {
 display: block;
 font-size: 1.6rem;
 font-weight: 400;
 font-family: var(--ff-gls);
 line-height: 1.3;
 text-align: center;
 margin-top: 5px;
}
.music .name u {
 text-decoration: none;
 font-style: italic;
}
.music_photo figcaption {
 text-align: right;
 font-size: 1.2rem;
 margin-top: 5px;
}
.box_prof p {
 font-size: 1.4rem;
 font-weight: 400;
 line-height: 1.8;
}
.box_comme {
 margin-top: 40px;
 padding: 30px 40px;
 position: relative;
 background-color: rgba(55, 56, 108, 0.1);
 border-radius: 10px;
}
.box_comme h3 {
 display: flex;
}
.box_comme h3 span {
 color: var(--color-wht);
 font-size: 1.5rem;
 font-weight: 700;
 display: inline-block;
 padding: 0.5em 1em;
 background-color: var(--color-ppl);
 border-radius: 3px;
 margin-bottom: 10px;
}
.box_comme p {
 font-size: 1.5rem;
 font-weight: 400;
 line-height: 1.9;
}
.box_prof p u,
.box_comme p u {
 font-style: italic;
 text-decoration: none;
}
.music_04 .jp_name strong {
 display: block;
 font-size: 2.4rem;
 font-weight: 900;
 line-height: 1.66;
}
.music_04 .sub {
 margin-top: 30px;
}
.music_04 .sub p {
 font-size: 1.5rem;
}
.txt_link {
 color: #00b4b2;
}

@media only screen and (min-width: 821px) {
 .music_01 .sub a.btn:hover {
  background-color: var(--color-base);
 }
 a.txt_link:hover {
  text-decoration: underline;
 }
}

@media only screen and (max-width: 1000px) {
 .music_link {
  flex-flow: column;
  align-items: flex-start;
 }
 .music_lyric {
  margin-top: 10px;
  margin-left: 0;
 }
}

@media only screen and (max-width: 820px) {
 .music_01 .music_flex {
  align-items: flex-start;
 }
 .music_flex .p_photo {
  width: 280px;
  margin-right: 30px;
 }
}

@media only screen and (max-width: 600px) {
 .music_box + .music_box {
  margin-top: 60px;
  border-top: 5px solid #00b4b2;
  padding-top: 60px;
 }
 .music + .music {
  margin-top: 40px;
 }
 .music_flex {
  flex-flow: column;
  align-items: center;
 }
 .music_flex .p_photo {
  width: 100%;
  margin-right: 0;
 }
 .music_flex .text {
  flex: unset;
  margin-top: 20px;
 }
 .music_01 .en_title {
  font-size: 2.6rem;
 }
 .music_01 .en_title span {
  font-size: 1.7rem;
 }
 .music_01 .en_name {
  font-size: 1.4rem;
 }
 .music_01 .jp_name {
  font-size: 1.3rem;
  margin-top: 10px;
 }
 .music_01 .jp_name strong {
  font-size: 1.8rem;
 }
 .music_01 .en_text {
  font-size: 1.4rem;
  margin-top: 20px;
 }
 .music_01 .sub {
  font-size: 1.3rem;
  margin-top: 30px;
 }
 .music .name {
  font-size: 1.8rem;
  padding-top: 30px;
 }
 .music .name span {
  font-size: 1.6rem;
  margin-top: 5px;
 }
 .music .name em {
  font-size: 1.4rem;
 }
 .box_prof p {
  font-size: 1.3rem;
  line-height: 1.6;
 }
 .box_comme {
  padding: 30px 4.8vw;
 }
 .box_comme h3 span {
  font-size: 1.4rem;
 }
 .box_comme p {
  font-size: 1.35rem;
  line-height: 1.7;
 }
 .music_04 .jp_name strong {
  font-size: 2rem;
 }
 .music_04 .sub {
  margin-top: 20px;
 }
 .music_04 .sub p {
  font-size: 1.3rem;
 }
}

@media only screen and (max-width: 350px) {
 .music .prof .name {
  font-size: 2rem;
 }
}

/* artwork
================================================================================== */
#artwork .header_photo .img {
 background: url(/Rudger/common/img/artwork_hp.jpg) no-repeat 50% 50%;
 background-size: cover;
}
.aw_flex {
 display: flex;
 justify-content: space-between;
 max-width: 1440px;
 margin-inline: auto;
}
.aw_left,
.aw_right {
 width: calc(50% - 40px);
}
.aw_wrap + .aw_wrap {
 margin-top: 60px;
}
.aw_mds {
 text-align: center;
 margin-bottom: 30px;
}
.aw_mds span {
 display: inline-block;
 color: #5bac39;
 font-size: 1.6rem;
 font-family: var(--ff-gls);
 padding: 0.8em 1.4em;
 border: 2px solid #5bac39;
 text-align: center;
}
.charaposter .aw_mds span {
 color: #cb3e07;
 border: 2px solid #cb3e07;
}
.key .aw_mds span {
 color: #e55ab6;
 border: 2px solid #e55ab6;
}
.aw_memo {
 font-size: 1.4rem;
 line-height: 1.44;
 text-align: center;
 margin-bottom: 10px;
}
.aw_box {
 display: flex;
 flex-wrap: wrap;
 margin-right: -20px;
}
.aw {
 width: calc(33.33% - 20px);
 margin-right: 20px;
 margin-top: 20px;
}
.key .aw {
 width: calc(50% - 20px);
}
.aw figure {
 margin-left: auto;
 margin-right: auto;
}
.aw figure figcaption {
 font-size: 1.15rem;
 line-height: 1.44;
 margin-top: 0.5em;
 text-align: right;
}
.aw figure figcaption u {
 font-style: italic;
 text-decoration: none;
}

@media only screen and (max-width: 900px) {
 .aw_memo {
  text-align: left;
 }
}

@media only screen and (max-width: 820px) {
 .aw_flex {
  max-width: unset;
  flex-flow: column;
 }
 .aw_left,
 .aw_right {
  width: 100%;
 }
 .aw_right {
  margin-top: 60px;
 }
 .aw_mds {
  text-align: center;
  margin-bottom: 20px;
 }
 .aw_mds span {
  font-size: 1.5rem;
 }
 .aw_box {
  margin-right: -15px;
 }
 .aw {
  width: calc(33.33% - 15px);
  margin-right: 15px;
  margin-top: 10px;
 }
 .aw figure figcaption {
  font-size: 1.1rem;
 }
}

@media only screen and (max-width: 600px) {
 .aw_mds {
  margin-bottom: 10px;
 }
 .aw_memo {
  font-size: 1.3rem;
  margin-top: 20px;
  margin-bottom: 0;
 }
 .poster .aw {
  width: calc(50% - 15px);
 }
 .aw figure figcaption {
  font-size: 1.1rem;
 }
}

/* media
================================================================================== */
#media .header_photo .img {
 background: url(/Rudger/common/img/media_hp.jpg) no-repeat 50% 50%;
 background-size: cover;
}
.media_box {
 max-width: 880px;
 margin-left: auto;
 margin-right: auto;
}
.media {
 padding: 0;
}
.media__nav {
 display: flex;
 justify-content: center;
 margin-top: 1em;
 margin-bottom: 3em;
 border: 1px solid #ce9c1a;
 color: #fff;
}
.media__nav li {
 padding: 0 1em;
 width: 50%;
}
.media__nav li + li {
 border-left: 1px solid #ce9c1a;
}
.media__nav li a {
 display: block;
 color: #ce9c1a;
 font-weight: bold;
 padding: 0.8em 1em;
 text-align: center;
}
.media table + h3 {
 padding-top: 100px;
}
.media h2 {
 color: #ce9c1a;
 text-align: center;
 font-size: 2.4em;
 font-weight: 900;
 margin-bottom: 60px;
}
.media h3 {
 text-align: center;
 line-height: 1.6;
 font-size: 2.8rem;
 font-weight: 700;
}
.media h3 span {
 display: block;
 font-size: 2.4rem;
}
.media_desc {
 margin-top: 20px;
 text-align: center;
 line-height: 1.8;
 font-size: 1.5rem;
}
.media_note {
 text-align: right;
 font-size: 0.7em;
 padding-bottom: 1.5em;
}
.media table {
 width: 100%;
 font-size: 1.5rem;
 margin-top: 40px;
}
.media table th {
 background: #eadec3;
}
.media table tr {
 border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.media table td,
.media table th {
 /* border: 1px solid rgba(#000, 0.3); */
 border-width: 0 0 1px 0;
 padding: 1em 0.5em;
 vertical-align: middle;
 text-align: center;
 line-height: 1.6;
 font-size: 0.9em;
 font-feature-settings: "palt";
}
.media table tr > td:nth-child(1) {
 width: 30%;
}
.media table td span + span {
 margin-left: 0.5em;
}

@media only screen and (max-width: 768px) {
 .media h3 {
  text-align: left;
  font-size: 2.6rem;
 }
 .media_desc {
  text-align: left;
  font-size: 1.45rem;
 }
}

@media only screen and (max-width: 600px) {
 .media table + h3 {
  padding-top: 60px;
 }
 .media h2 {
  font-size: 1.7em;
  margin-bottom: 40px;
 }
 .media h3 {
  font-size: 1.9rem;
 }
 .media h3 span {
  font-size: 1.7rem;
 }
 .media_desc {
  margin-top: 15px;
  line-height: 1.6;
  font-size: 1.3rem;
 }
 .media table {
  width: 100%;
  font-size: 1.3rem;
  margin-top: 30px;
 }
 .media table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
 }
 .media table td,
 .media table th {
  padding: 0.6em 0.5em;
 }
 .media table td span {
  display: block;
 }
 .media table td span + span {
  margin-left: 0;
 }
 .media table tr > td:nth-child(1) {
  width: unset;
 }
}

/* merchandise
================================================================================== */
#merchandise .header_photo .img {
 background: url(/Rudger/common/img/goods_hp.jpg) no-repeat 50% 50%;
 background-size: cover;
}
.page_merchandise .contbox {
 max-width: 1440px;
 padding-top: 70px;
 margin-inline: auto;
}
.mcd_flex {
 display: flex;
 flex-flow: row wrap;
 margin-right: -30px;
}
.mcd {
 width: calc(33.33% - 30px);
 margin-right: 30px;
 margin-top: 30px;
 background-color: var(--color-wht);
 padding: 30px;
 border-radius: 10px;
}
.mcd figure {
 text-align: center;
}
.mcd figure a {
 display: block;
 position: relative;
}
.mcd figure.nolink a {
 pointer-events: none;
}
.mcd figure a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 display: block;
 background-color: rgba(0, 0, 0, 0.1);
 border-radius: 10px;
 opacity: 0;
 transition: 0.3s;
 z-index: 2;
}
.mcd figure a::after {
 content: "詳細へ";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 display: inline-block;
 color: var(--color-wht);
 font-size: 1.4rem;
 padding: 15px 30px;
 background-color: #d5800a;
 border-radius: 2em;
 opacity: 0;
 transition: 0.3s;
 z-index: 3;
}
.mcd figure a img {
 transition: 0.3s;
}
.mcd_body {
 margin-top: 40px;
 font-size: 1.5rem;
}
.mcd_body .name {
 font-size: 1.6rem;
 font-weight: 700;
 line-height: 1.44;
}
.mcd_body .price {
 color: #d5800a;
 font-size: 1.8rem;
 font-weight: 700;
}
.mcd_body .yotei {
 display: inline-block;
 color: var(--color-red);
 font-size: 1.2rem;
 padding: 0.1em 0.5em;
 margin-top: 5px;
 border-radius: 4px;
 border: 1px solid var(--color-red);
}
.mcd_body .price small {
 font-size: 1.3rem;
 font-weight: 400;
 margin-left: 2px;
}
.mcd_body .spec {
 font-size: 1.2rem;
 line-height: 1.44;
}
.slick-prev,
.slick-next {
 position: absolute;
 top: calc(50% - 10px);
 left: -24px;
 display: block;
 width: 20px;
 height: 0;
 padding-top: 20px;
 overflow: hidden;
 border-radius: 100%;
 cursor: pointer;
 border: none;
 outline: none;
 background: rgba(0, 0, 0, 0.3);
 z-index: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
 pointer-events: none;
 background: rgba(0, 0, 0, 0);
}
.slick-next {
 left: unset;
 right: -24px;
}
.slick-prev:before,
.slick-next:before {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -4px;
 margin-left: -2px;
 content: "";
 display: block;
 width: 7px;
 height: 7px;
 border: solid 0 #fff;
 border-width: 0 0 2px 2px;
 transform: rotate(45deg);
}
.slick-next:before {
 margin-left: -4px;
 border-width: 0 0 2px 2px;
 transform: rotate(-135deg);
}
.slick-dots {
 position: absolute;
 bottom: -22px;
 display: flex;
 justify-content: center;
 width: 100%;
 padding: 0;
 margin: 0;
}
.slick-dots li {
 display: block;
 width: 8px;
 height: 8px;
 margin-inline: 6px;
 cursor: pointer;
}
.slick-dots li button {
 font-size: 0px;
 display: block;
 width: 8px;
 height: 8px;
 padding: 0;
 border-radius: 100%;
 cursor: pointer;
 color: transparent;
 border-width: 0px;
 border-style: initial;
 border-color: initial;
 border-image: initial;
 outline: none;
 background-color: rgba(0, 0, 0, 0.2);
}
.slick-dots li.slick-active button {
 background-color: #d5800a;
}
.page_merchandise .biko {
 margin-top: 30px;
}
.page_merchandise .biko p {
 font-size: 1.3rem;
}

@media only screen and (min-width: 821px) {
 .mcd figure a:hover img {
  transform: scale(0.98);
  transition: 0.3s;
 }
 .mcd figure a:hover::before,
 .mcd figure a:hover::after {
  opacity: 1;
 }
}

@media only screen and (min-width: 1440px) {
 .mcd {
  width: calc(25% - 30px);
 }
}

@media only screen and (max-width: 1000px) {
 .mcd {
  width: calc(50% - 30px);
 }
}

@media only screen and (max-width: 600px) {
 .page_merchandise .contbox {
  padding-top: 50px;
  margin-inline: -2.4vw;
 }
 .mcd_flex {
  margin-right: -10px;
 }
 .mcd {
  width: calc(50% - 10px);
  margin-right: 10px;
  margin-top: 10px;
  padding: 15px;
  border-radius: 5px;
 }
 .mcd_body {
  margin-top: 25px;
  font-size: 1.5rem;
 }
 .mcd_body .name {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.33;
 }
 .mcd_body .price {
  font-size: 1.5rem;
 }
 .mcd_body .price small {
  font-size: 1.2rem;
 }
 .mcd_body .yotei {
  font-size: 1.1rem;
  line-height: 1.3;
 }
 .mcd_body .spec {
  font-size: 1rem;
  line-height: 1.33;
 }
 .slick-prev {
  left: -14px;
 }
 .slick-next {
  right: -14px;
 }
 .slick-dots {
  bottom: -18px;
 }
 .page_merchandise .biko {
  margin-top: 20px;
 }
 .page_merchandise .biko p {
  font-size: 1.1rem;
 }
}

@media only screen and (max-width: 350px) {
 .mcd_flex {
  margin-right: -8px;
 }
 .mcd {
  width: calc(50% - 8px);
  margin-right: 8px;
  margin-top: 8px;
  padding: 12px;
 }
 .mcd_body .name {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.33;
 }
 .mcd_body .price {
  font-size: 1.4rem;
 }
 .mcd_body .price small {
  font-size: 1.1rem;
 }
}

/* sp_link
 ================================================================================== */
#sp_link {
 display: none;
}

@media only screen and (max-width: 600px) {
 #sp_link {
  display: block;
 }
 #sp_link .l-header__navi {
  position: relative;
  margin: 0;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  width: 100%;
  height: auto;
  background-color: unset;
 }
 #sp_link .l-header__navi ul {
  width: 100%;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
  position: relative;
  border-top: 1px solid #d2d1c6;
 }
 #sp_link .l-header__navi li {
  display: flex;
  width: 50%;
  height: 56px;
  padding: 0;
  border-bottom: 1px solid #d2d1c6;
 }
 #sp_link .l-header__navi li:nth-last-child(-n + 3) {
  border: none;
 }
 #sp_link .l-header__navi li.home {
  display: flex;
 }
 #sp_link .l-header__navi li.is_pc {
  display: none;
 }
 #sp_link .l-header__navi li.is_sp {
  display: flex;
 }
 #sp_link .l-header__navi li a {
  width: 100%;
  padding: 0 4.8vw;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
 }
 #sp_link .l-header__navi li a::after {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -2px;
  margin-left: -3px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: solid 0 var(--color-blk);
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
 }
 #sp_link .l-header__navi li a span {
  font-size: 1.45rem;
  letter-spacing: 0em;
 }
 #sp_link .l-header__navi li.about {
  width: 100%;
  height: auto;
  flex-flow: column;
  border-bottom: 1px solid #d2d1c6;
 }
 #sp_link .l-header__navi li .child {
  margin-top: 20px;
  width: 100%;
  padding: 0 15px;
 }
 #sp_link .l-header__navi li .child::before {
  content: none;
 }
 #sp_link .l-header__navi li .child span,
 #sp_link .l-header__navi li .child.on span {
  color: var(--color-blk);
  font-size: 1.45rem;
  opacity: 0.3;
 }
 #sp_link .l-gnav__child {
  display: flex;
  opacity: 1;
  position: relative;
  top: unset;
  left: unset;
  z-index: 12;
  width: 100%;
  background: none;
  transition: 0.4s ease;
  pointer-events: inherit;
 }
 #sp_link .l-header__navi ul.l-gnav__child__list {
  border-top: none;
  border-bottom: none;
  padding-block: 10px;
  width: 100%;
  padding-left: 0;
  justify-content: flex-start;
  animation: none;
 }
 #sp_link .l-header__navi ul.l-gnav__child__list li {
  margin-right: 0;
  height: 48px;
  border-bottom: none;
  margin-top: 0;
  width: auto;
 }
 #sp_link .l-header__navi ul.l-gnav__child__list li a::after {
  content: none;
 }
 #sp_link .l-header__navi ul.l-gnav__child__list li a span {
  font-size: 1.45rem;
  padding-left: 0;
 }
 #sp_link .l-header__navi ul.l-gnav__child__list li a span::before {
  content: none;
 }
}

@media only screen and (max-width: 350px) {
 #sp_link .l-header__navi li a {
  padding: 0 4.8vw 0 4.8vw;
 }
 #sp_link .l-header__navi li a span {
  font-size: 1.25rem;
  word-break: break-all;
 }
 #sp_link .l-header__navi li a::after {
  right: 8px;
  width: 6px;
  height: 6px;
 }
}

/* credit
 ================================================================================== */
#credit {
 width: 100%;
 position: relative;
 background-color: #ece0a3;
}
#credit .contbox {
 padding-top: 32px;
 padding-bottom: 32px;
}
.p-credit {
 display: block;
}
.cd_logo {
 width: 200px;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.cd_sns {
 margin-top: 20px;
 margin-bottom: 15px;
}
.cd_sns .sns .btn {
 margin-left: 10px;
 margin-right: 10px;
}
.cd_sns .sns .btn a {
 width: 22px;
 height: 22px;
}
.cd_sns .sns .btn.tw a,
.cd_sns .sns .btn.in a,
.cd_sns .sns .btn.fb a,
.cd_sns .sns .btn.yt a {
 fill: var(--color-blk);
}
.cd_sns .sns .btn.in a,
.cd_sns .sns .btn.ti a {
 fill-opacity: 1;
 background: none;
}
.cd_txt {
 font-size: 1.1rem;
 text-align: center;
}
.cd_cp {
 margin-top: 10px;
 font-size: 1rem;
 text-align: center;
}
#credit #pageTop {
 position: fixed;
 display: block;
 bottom: -90px;
 right: 20px;
 width: 48px;
 height: 48px;
 z-index: 9;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
}
#credit #pageTop.show {
 bottom: 10px;
}
#credit #pageTop a {
 display: block;
 height: 0;
 overflow: hidden;
 width: 48px;
 padding: 48px 0 0;
 background-color: rgba(0, 0, 0, 0.4);
}
#credit #pageTop a:after {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -4px;
 margin-left: -5px;
 content: "";
 display: block;
 width: 10px;
 height: 10px;
 border: solid 0 #fff;
 border-width: 1px 0 0 1px;
 transform: rotate(45deg);
}

@media only screen and (max-width: 600px) {
 #credit .contbox {
  padding-top: 20px;
  padding-bottom: 20px;
 }
 .cd_logo {
  width: 140px;
 }
 .cd_sns {
  margin-top: 15px;
  margin-bottom: 10px;
 }
 .cd_sns .sns .btn {
  margin-left: 8px;
  margin-right: 8px;
 }
 .cd_sns .sns .btn a {
  width: 18px;
  height: 18px;
 }
 .cd_txt {
  font-size: 1rem;
  line-height: 1.33;
  text-align: left;
 }
 #credit #pageTop {
  bottom: -60px;
  right: 5px;
  width: 30px;
  height: 30px;
 }
 #credit #pageTop.show {
  bottom: 10px;
 }
 #credit #pageTop a {
  width: 30px;
  padding: 30px 0 0;
 }
 #credit #pageTop a:after {
  margin-top: -2px;
  margin-left: -3px;
  width: 6px;
  height: 6px;
 }
}

/*
home
==================================================================================*/
body.home #cont {
 background-color: #fdf7e0;
}
.titleArea {
 display: block;
 position: relative;
 width: 100%;
}
.titleArea main {
 position: relative;
 width: 100%;
 padding-top: 50.96%;
 z-index: 2;
 display: block;
}
.main_img {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 0;
 padding-top: 50.96%;
 z-index: 0;
}
.main_img .mv {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 transition: all 1.2s cubic-bezier(0.08, 0.8, 0.315, 1);
}
.main_img .mv img {
 height: auto;
 object-position: 50% 100%;
}
.cp_01 {
 position: absolute;
 top: 0;
 left: 5.11%;
 width: 1.69%;
 display: block;
 padding-top: 8%;
}
.cp_02 {
 position: absolute;
 top: 0;
 right: 4.3%;
 width: 2.25%;
 display: block;
 padding-top: 1.83%;
}
.cp_01 img {
 filter: drop-shadow(0px 0px 4px rgba(48, 44, 53, 1)) drop-shadow(0px 0px 4px rgba(48, 44, 53, 1)) drop-shadow(0px 0px 4px rgba(48, 44, 53, 1));
}
.cp_02 img {
 filter: drop-shadow(0px 0px 4px rgba(66, 89, 189, 1)) drop-shadow(0px 0px 4px rgba(66, 89, 189, 1)) drop-shadow(0px 0px 4px rgba(66, 89, 189, 1));
}
.ta_main {
 position: absolute;
 bottom: 0;
 left: 29.2%;
 display: flex;
 flex-flow: column;
 width: 45.8%;
 padding-bottom: 1.5%;
 z-index: 2;
}
.ta_date {
 position: absolute;
 bottom: 0;
 right: 1.5%;
 width: 13.8%;
 padding-bottom: 0.77%;
}
.ta_billing_sp {
 display: none;
}
.ta_ponoc,
.ta_h1,
.ta_en,
.ta_billing_pc {
 display: block;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
.ta_ponoc {
 width: 27%;
}
.ta_ponoc img {
 filter: drop-shadow(0px 0px 4px rgba(251, 246, 196, 1)) drop-shadow(0px 0px 4px rgba(251, 246, 196, 1));
}
.ta_h1 {
 width: 100%;
 margin-top: 0.25%;
}
.ta_en {
 margin-top: -0.66%;
 width: 35.66%;
}
.ta_billing_pc {
 position: absolute;
 bottom: 0;
 left: 0.77%;
 width: 25.73%;
 padding-bottom: 0.8%;
}
.ta_billing_pc img {
 filter: drop-shadow(0px 0px 4px rgba(48, 44, 53, 1)) drop-shadow(0px 0px 4px rgba(48, 44, 53, 1)) drop-shadow(0px 0px 4px rgba(48, 44, 53, 1));
}
.bn_annecy {
 position: absolute;
 top: 0;
 left: 0.2%;
 padding-top: 0.2%;
 display: block;
 width: 12%;
 z-index: 2;
}
.badge_dvd {
 position: absolute;
 bottom: 10px;
 right: 1%;
 display: block;
 width: 15%;
 z-index: 2;
}
.bn_annecy a,
.badge_dvd a {
 display: block;
 width: 100%;
 position: relative;
 transition: all 0.3s;
}
.badge_dvd span {
 position: relative;
 display: block;
 z-index: 2;
}
.badge_bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 animation: jlg-roll 30s linear infinite;
 animation-iteration-count: 3;
}
@keyframes jlg-roll {
 0% {
  transform: rotate(0);
 }
 100% {
  transform: rotate(360deg);
 }
}
.badge_kanso {
 position: absolute;
 bottom: 10px;
 right: 16%;
 display: block;
 width: 7%;
 z-index: 2;
}
.badge_kanso a {
 display: block;
 width: 100%;
 position: relative;
 transition: all 0.3s;
}
.ta_under {
 display: none;
}
#topmovarea_sp {
 display: none;
}
.top_news {
 display: none;
 position: relative;
}
.top_news .cont_body {
 padding: 0 20px;
}
.top_news .contbox {
 max-width: 960px;
 margin-inline: auto;
 padding: 12px 0;
}
.tieup {
 width: 100%;
 display: flex;
 flex-flow: column;
 justify-content: center;
 align-items: center;
 position: relative;
 z-index: 2;
}
.tieup ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.tieup ul li {
 max-width: 244px;
 margin: 5px 2px;
}
.top_news_wrap {
 display: flex;
 align-items: center;
 justify-content: center;
}
.top_news .newsttl {
 color: var(--color-ppl);
 font-size: 2.6rem;
 font-family: var(--ff-gls);
 font-weight: 600;
 letter-spacing: 0;
 display: inline-block;
 position: relative;
 padding-right: 24px;
}
.top_news .entry_wrap {
 display: flex;
 align-items: center;
 padding-left: 24px;
 border-left: 2px solid var(--color-ppl);
}
.top_news .entry_link {
 display: flex;
 align-items: center;
}
.top_news .entry_link time {
 color: var(--color-base);
 font-size: 1.35rem;
 font-weight: 400;
 margin-right: 15px;
 white-space: nowrap;
}
.top_news .entry_link p {
 color: var(--color-base);
 font-size: 1.4rem;
 font-weight: 400;
 line-height: 1.33;
 margin-right: 20px;
 flex: 1;
}
.top_news .entry_link p u {
 display: inline-block;
 font-style: italic;
 text-decoration: none;
}
.top_news .pn a {
 color: var(--color-blk);
 font-size: 1.2rem;
 font-weight: 700;
 display: inline-block;
 position: relative;
 padding-right: 20px;
 white-space: nowrap;
}
.top_news .pn a:before,
.top_news .pn a:after {
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 width: 11px;
 height: 1px;
 transition: all 0.3s ease;
 background: var(--color-blk);
}
.top_news .pn a:after {
 top: calc(50% - 5px);
 right: 5px;
 width: 1px;
 height: 11px;
}

@media screen and (min-width: 821px) {
 .badge_dvd a:hover,
 .badge_kanso a:hover {
  transform: scale(1.05);
  transition: all 0.3s;
 }
 .top_news .entry_link:hover {
  opacity: 0.6;
 }
 .top_news .pn a:hover:before {
  transform: rotate(180deg);
 }
 .top_news .pn a:hover:after {
  transform: rotate(270deg);
 }
}

@media screen and (max-width: 1180px) {
 .cp_01 {
  padding-top: 11%;
 }
 .bn_annecy {
  left: calc(80px + 0.2%);
  padding-top: 0.5%;
  width: 14%;
 }
}

@media screen and (max-width: 820px) {
 .titleArea main {
  position: relative;
  width: 100%;
  padding-top: 141%;
 }
 .main_img {
  padding-top: 141%;
 }
 .main_img .mv img {
  height: auto;
  object-position: 50% 100%;
 }
 .cp_01 {
  right: unset;
  left: 3.41%;
  width: 3.6%;
  padding-top: 62%;
 }
 .cp_02 {
  left: unset;
  right: 2.25%;
  width: 4%;
  padding-top: 4%;
 }
 .cp_01 img {
  filter: drop-shadow(0px 0px 4px rgba(48, 44, 53, 1)) drop-shadow(0px 0px 4px rgba(48, 44, 53, 1)) drop-shadow(0px 0px 4px rgba(48, 44, 53, 1));
 }
 .cp_02 img {
  filter: drop-shadow(0px 0px 4px rgba(66, 89, 189, 1)) drop-shadow(0px 0px 4px rgba(66, 89, 189, 1));
 }
 .ta_main {
  left: 3%;
  width: 94%;
  padding-bottom: 3%;
 }
 .ta_ponoc img {
  filter: drop-shadow(0px 0px 4px rgba(251, 246, 196, 1)) drop-shadow(0px 0px 4px rgba(251, 246, 196, 1));
 }
 .ta_h1 {
  width: 100%;
  margin-top: 0.25%;
 }
 .ta_en img {
  filter: none;
 }
 .ta_date {
  display: none;
 }
 .ta_billing_sp {
  display: block;
 }
 .ta_billing_pc {
  display: none;
 }
 .bn_annecy {
  padding-top: 0;
  width: 24%;
 }
 .badge_dvd {
  position: absolute;
  bottom: 21vw;
  right: -1%;
  display: block;
  width: 33%;
 }
 .badge_kanso {
  display: none;
 }
 .ta_under {
  display: block;
  padding-block: 20px 0;
  padding-left: 8vw;
  padding-right: 8vw;
 }
 .ta_under .ta_date_sp {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
 }
 .ta_under .ta_billing_sp {
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
 }
 .ta_under .top_linkbtn {
  display: flex;
  width: 100%;
  margin-top: 0;
  flex-flow: column;
 }
 .ta_under .top_linkbtn .sns {
  width: 100%;
  margin: 3% auto 0;
 }
 .ta_under .top_linkbtn .sns .btn {
  margin-left: 12px;
  margin-right: 12px;
 }
 #topmovarea_sp {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  line-height: 0;
  padding: 10px 10px 0;
  background-color: var(--color-blk);
 }
 #topmovarea_sp .movie {
  width: 100%;
  margin: 0 auto;
 }
 #topmovarea_sp .movie .inner {
  position: relative;
  width: 100%;
  height: 56.25vw;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
 }
 #topmovarea_sp .movie .inner iframe {
  width: 100%;
  height: 56.25vw;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
 }
 #topmovarea_sp .movie .tab_area {
  width: 100vw;
  display: flex;
  position: relative;
  left: -10px;
  margin-top: 10px;
  overflow-x: scroll;
 }
 #topmovarea_sp .movie .tab_area ul {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  width: 1500px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
 }
 #topmovarea_sp .movie .tab_area li {
  display: flex;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
  position: relative;
 }
 #topmovarea_sp .movie .tab_area li.widebtn {
  width: 100%;
 }
 #topmovarea_sp .movie .tab_area li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  background-color: var(--color-ppl);
  color: rgba(255, 255, 255, 0.7);
  padding: 10px 12px;
  letter-spacing: 0;
  border-radius: 2px;
  white-space: nowrap;
 }
 #topmovarea_sp .movie .tab_area li a.active {
  color: rgba(255, 255, 255, 1);
  background-color: #d5800a;
 }
 .top_news {
  display: block;
 }
 .tieup {
  flex-wrap: wrap;
 }
 .tieup ul {
  width: 100%;
 }
}

@media screen and (max-width: 600px) {
 .bn_annecy {
  padding-top: 3%;
 }
 .ta_under {
  padding-block: 10px 5px;
  padding-left: 2vw;
  padding-right: 2vw;
 }
 .ta_under .top_linkbtn .sns {
  margin: 10px auto 0;
 }
 .top_news .cont_body {
  padding: 0 2vw;
 }
 .top_news .contbox {
  padding: 12px 0;
 }
 .tieup ul {
  display: flex;
  flex-wrap: wrap;
 }
 .tieup ul li {
  max-width: unset;
  width: calc(50% - 4px);
  margin: 2px;
 }
 .tieup ul.bn li {
  width: calc(50% - 4px);
  margin: 2px;
 }
 .tieup ul.bn li.long {
  width: calc(100% - 4px);
 }
 .top_news_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
 }
 .top_news .newsttl {
  display: none;
 }
 .top_news .entry_wrap {
  flex-flow: column;
  align-items: flex-start;
  padding-left: 10px;
  width: 100%;
 }
 .top_news .entry_link {
  flex-flow: column;
  align-items: flex-start;
 }
 .top_news .entry_link time {
  color: var(--color-ppl);
  font-size: 1.2rem;
  margin-right: 0;
 }
 .top_news .entry_link p {
  font-size: 1.3rem;
  margin-right: 0;
  margin-top: 4px;
 }
 .top_news .pn {
  margin-left: auto;
  margin-top: 5px;
 }
 .top_news .pn a {
  font-size: 1.2rem;
 }
}

@media screen and (max-width: 350px) {
 #topmovarea_sp .movie .tab_area li a {
  font-size: 1.2rem;
 }
}

/* pannel 
================================================================================== */
.pannel {
 display: block;
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 274px;
 background-color: rgba(0, 0, 0, 0.9);
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
 z-index: 10000;
 -webkit-transform: translateY(300px);
 transform: translateY(300px);
 transition: transform 0.6s cubic-bezier(0, 0.64, 0.32, 1);
 pointer-events: none;
 z-index: 10;
}
.pannel.is__open {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: transform 0.6s cubic-bezier(0, 0.64, 0.32, 1);
 pointer-events: all;
}
.pannel_wrap {
 display: block;
 width: 100%;
 height: 100%;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}
.p-btn {
 position: fixed;
 right: 20px;
 top: 20px;
 width: 48px;
 z-index: 2;
 transition: transform 0.3s ease-out;
}
.p-btn a.close-btn {
 display: block;
 position: relative;
 cursor: pointer;
 width: 48px;
 height: 48px;
 background: url(/Rudger/common/img/common/svg_close.svg) no-repeat 50% 50%;
 background-size: auto 20px;
 transition: transform 0.3s ease-out;
}
.p-btn a.close-btn::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 48px;
 height: 48px;
 background-color: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.4);
}
.pannel_body {
 position: relative;
 width: 100%;
 height: 100%;
 padding: 0 70px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.top_mvtk {
 width: 100%;
 display: block;
}
.top_mvtk #mvtk-widgets-container {
 margin: 0 auto;
}

@media screen and (min-width: 821px) {
 .p-btn a.close-btn:hover {
  transform: rotate(90deg);
 }
}

@media only screen and (max-width: 860px) {
 .pannel {
  height: 420px;
  -webkit-transform: translateY(450px);
  transform: translateY(450px);
 }
}

@media only screen and (max-width: 600px) {
 .pannel {
  height: 480px;
  -webkit-transform: translateY(550px);
  transform: translateY(550px);
  padding-top: 40px;
 }
 .pannel_body {
  padding: 0 6.66vw;
 }
}

/* shisha 
================================================================================== */
.shisha {
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(41, 40, 44, 0.95);
 transition: all 0.4s;
 pointer-events: none;
 z-index: 100;
 opacity: 0;
}
.shisha.is__open {
 opacity: 1;
 pointer-events: all;
}
.shisha_wrap {
 display: block;
 width: 100%;
 height: 100%;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}
.p-btn {
 position: fixed;
 right: 20px;
 top: 20px;
 width: 48px;
 z-index: 2;
 transition: transform 0.3s ease-out;
}
.p-btn a.close-btn {
 display: block;
 position: relative;
 cursor: pointer;
 width: 48px;
 height: 48px;
 background: url(/Rudger/common/img/common/svg_close.svg) no-repeat 50% 50%;
 background-size: auto 20px;
 transition: transform 0.3s ease-out;
}
.p-btn a.close-btn::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 48px;
 height: 48px;
 background-color: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.4);
}
.shisha_body {
 position: relative;
 width: 100%;
 height: 100%;
 padding: 0 70px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.shisha_flex {
 display: flex;
 justify-content: center;
}
.shisha_flex a {
 color: var(--color-wht);
 font-size: 1.7rem;
 font-weight: 900;
 line-height: 1.3;
 display: flex;
 flex-flow: column;
 text-align: center;
 min-width: 280px;
 padding: 15px 20px;
 margin-inline: 10px;
 border-radius: 5px;
 border: 1px solid rgba(255, 255, 255, 0.6);
 position: relative;
 transition: 0.2s all;
}
.shisha_flex a strong {
 display: block;
 font-size: 2.2rem;
 font-weight: 900;
}
.shisha_flex .uc a {
 background-color: #00479d;
}
.shisha_flex .toho a {
 background-color: #db080d;
}

@media only screen and (min-width: 821px) {
 .shisha_flex a:hover {
  transform: scale(1.05);
 }
}

@media only screen and (max-width: 600px) {
 .shisha_body {
  padding: 0 6.66vw;
 }
 .shisha_flex {
  flex-flow: column;
  justify-content: center;
 }
 .shisha_flex a {
  font-size: 1.6rem;
  min-width: unset;
  width: 100%;
  padding: 15px 20px;
  margin-inline: 0;
  margin-block: 10px;
 }
 .shisha_flex a strong {
  font-size: 2rem;
 }
}

@media only screen and (max-width: 340px) {
 .shisha_flex a {
  font-size: 1.5rem;
  padding: 15px 10px;
 }
 .shisha_flex a strong {
  font-size: 1.8rem;
 }
}

/* story
================================================================================== */
#story {
 background-color: #f6f1dd;
 position: relative;
}
.story_bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
#story .story_bg .img {
 background: url(/Rudger/common/img/story_bg.jpg) no-repeat 0 0;
 background-size: 100% auto;
}
#story .page_ttl {
 text-align: center;
}
#story .page_ttl .mds {
 color: var(--color-blk);
}
#story .page_ttl .mds:after {
 height: 2px;
 background-color: var(--color-blk);
 box-shadow: none;
}
#story .page_ttl .mds small {
 font-size: 2.8rem;
 display: inline-block;
 position: relative;
 top: -4px;
}
#story .contbox {
 padding-top: 160px;
 padding-bottom: 160px;
 position: relative;
}
.story_box {
 max-width: 780px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 80px;
}
#story .a_text p {
 color: #37386c;
 font-size: 1.9rem;
 font-weight: 700;
 line-height: 1.8;
 text-align: center;
}
#story .a_text p strong {
 font-size: 2.7rem;
}
#story .a_text p em {
 font-weight: 400;
}
#story .a_text p + p {
 margin-top: 50px;
}

@media only screen and (max-width: 600px) {
 #story {
  background: #f6f1dd;
  background: -moz-linear-gradient(top, #f6f1dd 40%, #fdf7e0 80%);
  background: -webkit-linear-gradient(top, #f6f1dd 40%, #fdf7e0 80%);
  background: linear-gradient(to bottom, #f6f1dd 40%, #fdf7e0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f1dd', endColorstr='#fdf7e0',GradientType=0 );
  position: relative;
 }
 #story .story_bg .img {
  background: url(/Rudger/common/img/story_bg.jpg) no-repeat 0 0;
  background-size: 200% auto;
 }
 #story .page_ttl .mds small {
  font-size: 1.8rem;
  top: -3px;
 }
 #story .contbox {
  padding-top: 80px;
  padding-bottom: 60px;
 }
 .story_box {
  max-width: unset;
  margin-top: 60px;
 }
 #story .a_text p {
  font-size: 1.5rem;
 }
 #story .a_text p strong {
  font-size: 2.1rem;
 }
 #story .a_text p + p {
  margin-top: 30px;
 }
}

@media only screen and (max-width: 375px) {
 #story .a_text p {
  font-size: 1.5rem;
  letter-spacing: 0;
 }
 #story .a_text p strong {
  font-size: 2rem;
 }
}

@media only screen and (max-width: 350px) {
 #story .a_text {
  margin-left: -4.8vw;
  margin-right: -4.8vw;
 }
 #story .a_text p {
  font-size: 1.4rem;
 }
 #story .a_text p strong {
  font-size: 1.8rem;
 }
}

@media only screen and (max-width: 310px) {
 #story .a_text p {
  font-size: 1.3rem;
  letter-spacing: -0.02em;
 }
 #story .a_text p strong {
  font-size: 1.6rem;
 }
}

/* [Show Animate] 出現アニメーション
  ================================================================================== */
.p-show-elem {
 opacity: 0;
 transform: translateY(100px);
 transition: all 2s cubic-bezier(0.08, 0.8, 0.315, 1);
}
.p-show-elem.rev {
 opacity: 0;
 transform: translateY(-100px);
 transition: all 2s cubic-bezier(0.08, 0.8, 0.315, 1);
}
.p-show-elem.p-show-left {
 opacity: 0;
 transform: translateX(-200px);
 transition: all 3s cubic-bezier(0.08, 0.8, 0.315, 1);
}
.p-show-elem.p-show-right {
 opacity: 0;
 transform: translateX(200px);
 transition: all 3s cubic-bezier(0.08, 0.8, 0.315, 1);
}
.p-show-elem.is-show,
.p-show-elem.rev.is-show,
.p-show-elem.p-show-left.is-show,
.p-show-elem.p-show-right.is-show {
 opacity: 1;
 transform: translate(0, 0);
}
.p-show-elem.del2 {
 transition-delay: 0.5s;
}
.p-show-elem.del3 {
 transition-delay: 0.6s;
}
.p-show-elem.del4 {
 transition-delay: 0.7s;
}
.p-show-elem.del5 {
 transition-delay: 0.8s;
}
.p-show-elem.del6 {
 transition-delay: 0.9s;
}

@media only screen and (max-width: 820px) {
 .p-show-elem.del2,
 .p-show-elem.del3,
 .p-show-elem.del4,
 .p-show-elem.del5,
 .p-show-elem.del6 {
  transition-delay: 0.3s;
 }
}

/* p-show-img */
.header_photo .img,
.about_bg .img {
 opacity: 0;
 transform: scale(1.2);
}
body.is__start .header_photo .img,
body.is__start .about_bg .img {
 opacity: 1;
 transform: scale(1);
 transition: all 3s cubic-bezier(0.295, 0.03, 0.115, 1) 0s;
}

/* p-show-item */
.about_box {
 opacity: 0;
 transform: translateY(20px);
 transition: all 2s cubic-bezier(0.295, 0.03, 0.115, 1) 3s;
}
body.is__start .about_box {
 opacity: 1;
 transform: translateY(0);
}
@media only screen and (max-width: 600px) {
 .about_box {
  opacity: 1;
  transform: translateY(0);
  transition: none;
 }
}

.page_ttl .mds,
.page_ttl .sub {
 opacity: 0;
}
body.is__start .page_ttl .mds {
 opacity: 1;
 animation: ani_over 1s cubic-bezier(0.295, 0.03, 0.115, 1) 1s both;
}
body.is__start .page_ttl .sub {
 opacity: 1;
 animation: ani_under 1s cubic-bezier(0.295, 0.03, 0.115, 1) 1.2s both;
}
@keyframes ani_over {
 0% {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(-30px);
 }
 100% {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
 }
}
@keyframes ani_under {
 0% {
  opacity: 0;
  transform: translateY(30px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}

/* titleArea */
.main_img .mv img {
 opacity: 0;
 filter: blur(10px);
 transition: all 4s cubic-bezier(0.295, 0.03, 0.115, 1) 1s;
 transform: scale(1.3);
}
body.is__start .main_img .mv img {
 opacity: 1;
 filter: blur(0);
 transform: scale(1);
 transition-delay: 1.6s;
}

.cp_01,
.cp_02,
.ta_ponoc,
.ta_h1,
.ta_en,
.ta_billing_pc,
.ta_date {
 opacity: 0;
}
body.is__start .ta_ponoc,
body.is__start .ta_h1,
body.is__start .ta_en {
 animation-name: obizoom;
 animation-duration: 4s;
 animation-timing-function: cubic-bezier(0.08, 0.8, 0.315, 1);
 animation-delay: 4s;
 animation-fill-mode: both;
}
body.is__start .ta_h1 {
 animation-delay: 4.2s;
}
body.is__start .ta_en {
 animation-delay: 4.4s;
}
body.is__start .ta_billing_pc {
 animation-name: obileft;
 animation-duration: 2s;
 animation-timing-function: cubic-bezier(0.08, 0.8, 0.315, 1);
 animation-delay: 5.6s;
 animation-fill-mode: both;
}
body.is__start .ta_date {
 animation-name: obiright;
 animation-duration: 2s;
 animation-timing-function: cubic-bezier(0.08, 0.8, 0.315, 1);
 animation-delay: 5.6s;
 animation-fill-mode: both;
}
body.is__start .cp_01,
body.is__start .cp_02 {
 animation-name: obidown;
 animation-duration: 2s;
 animation-timing-function: cubic-bezier(0.08, 0.8, 0.315, 1);
 animation-delay: 5.3s;
 animation-fill-mode: both;
}
body.is__start .cp_01 {
 animation-delay: 5.8s;
}

@keyframes obidown {
 0% {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(-10%);
 }
 100% {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
 }
}
@keyframes obidown2 {
 0% {
  opacity: 0;
  transform: translateY(-50px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}
@keyframes obizoom {
 0% {
  opacity: 0;
  transform: scale(1.1, 1.1);
 }
 100% {
  opacity: 1;
  transform: scale(1, 1);
 }
}
@keyframes obiright {
 0% {
  opacity: 0;
  transform: translateX(50px);
 }
 100% {
  opacity: 1;
  transform: translateX(0);
 }
}
@keyframes obileft {
 0% {
  opacity: 0;
  transform: translateX(-50px);
 }
 100% {
  opacity: 1;
  transform: translateX(0);
 }
}