@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

section {
  margin-top: 0px;
  padding-top: 40px;
}
body {
  background-color: #1d1f20 !important;
}
header .menu-button {
  width:75px;
}
.contents-wrapper {
overflow-x: hidden;
}
#page-home .gheader-inner {
  margin-left: auto;
  margin-right: auto;
  margin-top:inherit;
  bottom:inherit;
}
a {
color:#dfb66d !important;
text-decoration: underline;
}
a:hover {opacity: 0.6;}
.cf::after {
    content: "";
    display: block;
    clear: both;
}
.txt-left {text-align: left;}
.txt-right {text-align: right; font-size: 11px;}
.txt-center {text-align: center;}
.img100p img {width:100%; margin-bottom: 9px;}
h2.main-title {
font-size:22px;
color:#fff;
font-weight: normal;
}
p.sub-title {
font-size:16px;
color:#dfb66d;
}
p {
color:#d5d5d5;
}
p.sub-text {
color:#d5d5d5;
padding-top:1em;
}
h2.main-title2 {
font-size:30px;
color:#dfb66d;
font-weight: normal;
text-align: center;
padding-top:0.3em;
font-family: 'Noto Serif JP', serif;
}
.mv-inner {
position:relative;
width:100%;
max-width: 1254px;
margin:0 auto;
height: 245px;
}
.mv {
  background: url("../img/pc/concept_mv.png");
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  height: 245px;
}
.mv-title {
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
width:100%;
  /*padding-right:15%;*/
  box-sizing: border-box !important;
}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pb40 {padding-bottom:40px;}
.pt50 {padding-top:50px;}
.pb50 {padding-bottom:50px;}
.pt60 {padding-top:60px;}
.pb60 {padding-bottom:60px;}
.pt80 {padding-top:80px;}
.pb80 {padding-bottom:80px;}


@media screen and (max-width: 768px) {
.mv {
height: 126px;
background: url("../img/sp/concept_mv.png");
background-position: center center;
background-size: 130%;
}
.mv-inner {
height: 126px;
}
.pt20 {padding-top:10px;}
.pt30 {padding-top:15px;}
.pt40 {padding-top:20px !important;}
.pb40 {padding-bottom:20px !important;}
.pt50 {padding-top:25px !important;}
.pb50 {padding-bottom:25px !important;}
.pt60 {padding-top:30px !important;}
.pb60 {padding-bottom:30px !important;}
.pt80 {padding-top:40px !important;}
.pb80 {padding-bottom:40px !important;}
}


#page-home .logo {
display:none;
}
#page-home .gheader {
  height:75px;
  background-color: rgba(29, 31, 32, 0);
}
@media screen and (max-width: 1230px) {
#page-home .gheader {
  height:inherit;
}
}

.gheader {
  width: 100%;
  position: fixed;
  height:140px;
  background-color: rgba(29, 31, 32, 0.5);
  z-index: 100;
  border-bottom: 0px solid rgba(223, 182, 109, 0.5);
  border-top: 0px solid rgba(100, 100, 100, 0.5);
}
.logo {
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  width:100%;
  border-bottom: 1px solid rgba(100, 100, 100, 0.5);
}
.logo img {
margin:8px auto 0 auto;
}
.gheader-inner {
  padding-top:5px;
}
.right-under-nav {
padding-left:5px;
padding-right:5px;
}
.right-under-nav li {
  margin-right: 10px;
  border: none;
}
.right-under-nav li a {
  padding: 0px 0px;
  font-size: 15px;
  color: #fff;
  margin-top:0px;
}
.right-under-nav li a img {
width:100%;
}
.gnav-inner li {
  margin-right: 0px;
  margin-top: 0px;
}
.right-under-nav li a.current,
.right-under-nav li a:hover {
  background: none;
  text-decoration: none;
}
.gnav .current {
opacity: 0.5;
}

.sp-menu-inner li {
  padding: 0px 0px 0px;
  border-bottom:none;
  text-align: right;
}

.sp-menu-inner {
  border-top: none;
  margin-left: 0px;
  width:50%;
  float:right;
  margin-right:5px;
  padding-top:85px;
}
.sp-open .sp-menu {
  position: fixed;
  z-index: 9999;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  height:100vh;
  margin: 0 0;
  width: 100%;
  top:0;
  right:0;
}
.header-margin {
padding-top:140px;
}

@media screen and (max-width: 768px) {
a:hover,
a:active {
    opacity:1.0;
}
section {
  margin-top: 0px;
  padding-top: 20px;
}
.logo {
background-color: rgba(29, 31, 32, 0.5);
text-align: left;
height:74px;
padding-right:100px;
}

.logo img {
margin-left:12px;
/*margin-top:32px;*/
width:340px;
}
header .menu-button {
  display: block;
  float: right;
  margin-right: 0px;
  margin-top: 0px;
  position: fixed;
  right:8px;
  top:1px;
  z-index: 10001;
}
.sp-menu-inner {
  border-top: none;
  margin-left: 0px;
  display: block;

}
.sp-menu-inner li a {
  display:block;
  margin-bottom:0px;
  height: inherit;
}
.sp-menu-inner li {
  display:block;
  margin-bottom:0px;
  height: inherit;
  
}
.sp-menu-inner li img {
  width:100%;
}
.sp-menu-inner .current {
opacity: 0.5;
}
body.is-sp .sp-only .sp-nav .logo img {
  margin: 25px 0 0 12px !important;
  display: block;
  
}

.menu-button span,
.menu-button span img {
opacity: 1 !important;
}
header .menu-button {
  width: 70px;
}
.header-margin {
padding-top:74px;
}
/*.footer-flex2 li {
  width: 28%;
  margin: 20px 10px;
}*/
h2.main-title {
font-size:16px;
color:#fff;
font-weight: normal;
line-height:1.5;
}
p.sub-title {
font-size:11px;
color:#dfb66d;
}
h2.main-title2 {
font-size:22px;
color:#dfb66d;
font-weight: normal;
line-height:1.5;
}
}

/* トップページ */
.top-box1 li {
width:23%;
margin-right:2%;
float: left;
margin-top: 2%;
}
.top-box1 li:last-child {
margin-right:0%;
}
.top-box1 li a {
text-decoration: underline;
}
.top-box1 li p {
padding-top:-0.3em;
}

.top-box2 li:nth-child(1) {
width:48%;
float: left;
margin-right:4%;
margin-bottom:4%;
}
.top-box2 li:nth-child(2) {
width:48%;
float: left;
margin-bottom:4%;
}
.top-box2 li:nth-child(3) {
width:54%;
float: left;
margin-right:4%;
}
.top-box2 li:nth-child(4) {
width:42%;
float: left;
}

.g-pic {
width:48%;
float:left;
margin-right:4%;
}
.g-profile {
width:48%;
float:left;
color:#d5d5d5;
}
.g-name {
font-size:24px;
margin-bottom:0.5em;
}
.g-txt {
margin-top:1.5em;
text-align: justify;
}
.g-txt a {
width:100%;
display: block;
text-align: right;
margin-top:1em;
}
.top-box2 li:nth-child(4) .g-pic {
width:48%;
float:right;
margin-right:0%;
}
.top-box2 li:nth-child(4) .g-profile {
width:48%;
float:left;
color:#d5d5d5;
margin-right:4%;
}


@media screen and (max-width: 768px) {
.g-name {
font-size:20px;
margin-bottom:0.5em;
}
.top-box1 li {
width:48%;

margin-right:1%;
margin-left: 1%;
float: left;
margin-bottom:10px;
}
.top-box1 li:last-child {
margin-right:0%;
margin-bottom:0px;
}

.top-box2 li:nth-child(3) {
width:100%;
float: none;
margin-right:0%;
margin-bottom:4%;
}
.top-box2 li:nth-child(4) {
width:100%;
float: none;
}
.top-box2 li:nth-child(1) .g-pic {
width:100%;
margin-right:0px;
margin-bottom:2%;
}
.top-box2 li:nth-child(1) .g-profile {
width:100%;
margin-right:0px;
}
.top-box2 li:nth-child(2) .g-pic {
width:100%;
margin-right:0px;
margin-bottom:2%;
}
.top-box2 li:nth-child(2) .g-profile {
width:100%;
margin-right:0px;
}
.top-box2 li:nth-child(4) .g-pic {
width:40%;
float:right;
margin-right:0%;
}
.top-box2 li:nth-child(4) .g-profile {
width:56%;
float:left;
margin-right:4%;
}
}


/*　中央配置　*/

.center-box {
margin: auto;
border:solid 1px #333;
width:50%;
}

@media screen and (max-width: 768px) {
.center-box {
margin: auto;
border:solid 1px #333;
width:96%;
}
}

/*　スケジュールボックス　*/
.s-box1 {
border:solid 1px #333;
width:30%;
}
.s-box1 .gold {
width:100%;
background:#7d6947;
color:#fff;
padding:10px;
font-size:14px;
text-align: center;
line-height: 1em;
}
.s-box1 .black {
width:100%;
background:#000;
color:#fff;
padding:10px;
font-size:20px;
text-align: center;
line-height: 1.2em;
font-family: 'Questrial', sans-serif;
}
.day {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
font-style: italic;
}
.day {
font-size:30px;
}
.schedule-title {
font-family: 'Noto Serif JP', serif;
font-weight: normal;
font-style: italic;
font-size:30px;
}
.schedule-title .day {
font-size:74px;
font-weight: normal;
}

.w50p {
width: 50%;
}
.w100p {
width: 100%;
}
.s-box .left {
width:49.5%;
margin-right:1%;
float:left;
border:solid 1px #333;
}
.s-box .right {
width:49.5%;
float:left;
border:solid 1px #333;
}
.s-box .gold {
background:#7d6947;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .black {
background:#000;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .khaki {
background:#b28850;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .red {
background:#591e21;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .darkbrown {
background:#362e2b;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .blue {
background:#5d93ba;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .brown {
background:#784223;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .green {
background:#8a8000;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .yellow {
background:#f4c40a;
color:#000;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .pink {
background:#daa4ae;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .orange {
background:#c05d3e;
color:#fff;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .white {
background:#ffffff;
color:#000000;
padding:12px 10px;
font-size:16px;
line-height: 1.2em;
text-align: center;
}
.s-box .time {
font-family: 'Questrial', sans-serif;
font-size:17px;
line-height: 1.2em;
}
.s-left {
width:47%;
float:left;
}
.s-left .g-name {
  margin-bottom: 0.2em;
  margin-top:0.011em;
}
.s-left .g-profile {
width:100%;
float:none;
}
.s-right {
width:47%;
float:right;
}
.txt-gold {
color:#dfb66d !important;
}
.txt-white {
color:#ffffff !important;
}
.txt-black {
color:#000000 !important;
}
.txt-khaki {
color:#b28850 !important;
}
.txt-red {
color:#591e21 !important;
}
.txt-darkbrown {
color:#362e2b !important;
}
.txt-blue {
color:#5d93ba !important;
}
.txt-brown {
color:#784223 !important;
}
.txt-green {
color:#8a8000 !important;
}
.txt-yellow {
color:#f4c40a !important;
}
.txt-pink {
color:#daa4ae !important;
}
.txt-orange {
color:#c05d3e !important;
}
@media screen and (max-width: 768px) {
.s-box1 {
width:48%;
}
.s-box1 .gold {
padding:10px;
font-size:11px;
line-height: 1em;
}
.s-box1 .black {
padding:10px 5px;
font-size:12px;
line-height: 1.2em;
}
.day {
font-size:19px;
font-weight: normal;
}
.schedule-title {
font-size:20px;
}
.schedule-title .day {
font-size:50px;
}
.w50p {
width: 90%;
}
.s-box .gold,
.s-box .black,
.s-box .khaki,
.s-box .red,
.s-box .darkbrown,
.s-box .blue,
.s-box .brown,
.s-box .green,
.s-box .yellow,
.s-box .pink, 
.s-box .orange,
.s-box .white {
padding:10px 6px;
font-size:11px;
line-height: 1.2em;
text-align: center;
}

.s-left {
width:100%;
float:none;
margin-bottom:30px;
}
.s-right {
width:100%;
float:none;
}
.s-box .time {
font-family: 'Questrial', sans-serif;
font-size:12px;
line-height: 1.2em;
}

}




/* コンセプト */
.about-desc {
  font-size: 14px;
  line-height: 1.7;
  text-align: justify;
}
.img-m img {
  margin-top: 40px;
  margin-bottom: 8px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
.img-logo {
max-width: 100%;
margin-left:auto;
margin-right:auto;
}
.img-logo img {
  width:100%;
  margin-top:20px;
}
.about-desc {
  font-size: 11.5px;
  line-height: 1.7;
}
.img-m img {
  margin-top: 20px;
  margin-bottom: 4px;
  max-width: 100%;
}
p.photo-caption {
font-size:10px;
}
}


/* スケジュール */
.event-box1 li:nth-child(1) {
width:23%;
float: left;
margin-right:4%;
margin-bottom:4%;
}
.event-box1 li:nth-child(2) {
width:23%;
float: left;
margin-bottom:4%;
margin-right:5%;
}
.event-box1 li:nth-child(3) {
width:45%;
float: left;
margin-right:0%;
}

.event-box1 .g-pic {
width:100%;
float:none;
margin-right:0%;
margin-bottom:10px;
}
.event-box1 .g-profile {
width:100%;
float:none;
color:#d5d5d5;
}
.event-box1 .g-name {
font-size:24px;
margin-bottom:0.5em;
}
.g-txt {
margin-top:0.5em;
font-size: 12px;
}

.event-box1 .g-txt a {
width:100%;
display: block;
text-align: right;
margin-top:1em;
}
.event-box1 li:nth-child(3) .g-pic {
width:44%;
float:right;
margin-right:0%;
}
.event-box1 li:nth-child(3) .g-profile {
width:52%;
float:left;
color:#d5d5d5;
margin-right:4%;
}

.event-box2 li {
width:30.666%;
float: left;
margin-right:4%;
margin-bottom:4%;
}
.event-box2 li:nth-child(3n) {
width:30.666%;
float: left;
margin-right:0%;
margin-bottom:4%;
}
.event-box2 .g-pic {
width:100%;
float:none;
margin-right:0%;
margin-bottom:10px;
}
.event-box2 .g-profile {
width:100%;
float:none;
color:#d5d5d5;
}
.event-box2 .g-name {
font-size:20px;
margin-bottom:0.5em;
}

.event-box3 li {
width:47%;
float: left;
margin-right:6%;
margin-bottom:4%;
}
.event-box3 li:nth-child(2n) {
width:47%;
float: left;
margin-right:0%;
margin-bottom:4%;
}
.event-box3 .g-pic {
width:100%;
float:none;
margin-right:0%;
margin-bottom:10px;
}
.event-box3 .g-profile {
width:100%;
float:none;
color:#d5d5d5;
}
.event-box3 .g-name {
font-size:20px;
margin-bottom:0.5em;
}
.event-box3 .g-txt {
font-size:12px;
margin-bottom:0.5em;
}
.event-box3a {
width:64%;
float: left;
}
.event-box3b {
width:30%;
float: right;
}

@media screen and (max-width: 768px) {
.event-box1 .g-name {
font-size:18px;
margin-bottom:0.5em;
}
.event-box1 .g-pic {
margin-bottom:6px;
}
.event-box1 li:nth-child(1) {
width:48%;
float: left;
margin-right:4%;
margin-bottom:20px;
}
.event-box1 li:nth-child(2) {
width:48%;
float: left;
margin-right:0%;
margin-bottom:20px;
}
.event-box1 li:nth-child(3) {
width:100%;
float: none;
margin-bottom:20px;
}
.event-box1 li:nth-child(1) .g-pic {
width:100%;
margin-right:0px;
margin-bottom:2%;
}
.event-box1 li:nth-child(1) .g-profile {
width:100%;
margin-right:0px;
}
.event-box1 li:nth-child(2) .g-pic {
width:100%;
margin-right:0px;
margin-bottom:2%;
}
.event-box1 li:nth-child(2) .g-profile {
width:100%;
margin-right:0px;
}
.event-box1 li:nth-child(3) .g-pic {
width:40%;
float:right;
margin-right:0%;
}
.event-box1 li:nth-child(3) .g-profile {
width:56%;
float:left;
margin-right:4%;
}

.event-box2 li {
width:48%;
float: left;
margin-right:4%;
margin-bottom:4%;
}
.event-box2 li:nth-child(3n) {
width:48%;
float: left;
margin-right:4%;
margin-bottom:4%;
}
.event-box2 li:nth-child(2n) {
width:48%;
float: left;
margin-right:0%;
margin-bottom:4%;
}
.event-box2 .g-name {
font-size:12px;
margin-bottom:1.5em;
/*height:2.5em;*/
vertical-align: bottom;
line-height:1.2;
}
.event-box2 .g-pic {
margin-bottom:6px;
}
.event-box2 .g-txt {
margin-top:1.5em;
font-size:10px;
}

.event-box3 li {
width:100%;
float: none;
margin-right:0%;
margin-bottom:4%;
}
.event-box3 li:nth-child(2n) {
width:100%;
float: none;
margin-right:0%;
margin-bottom:4%;
}
.event-box3 .g-name {
font-size:15px;
margin-bottom:0.5em;
}
.event-box3 .g-txt {
font-size:13px;
margin-bottom:0.5em;
}
.event-box3 .g-pic {
margin-bottom:6px;
}
.event-box3 .g-txt {
margin-top:1.5em;
font-size:11px;
}
}

.event-box4 li {
width:47%;
float: left;
margin-right:6%;
margin-bottom:4%;
}
.event-box4 li:nth-child(2n) {
margin-right:0%;
}
.event-box4 li.gold {
background:#7d6947;
color:#000;
padding:20px;
font-size:15px;
text-align: left;
line-height: 1.8;
}
.event-box4 .g-pic {
width:100%;
float:none;
margin-right:0%;
margin-bottom:10px;
}
.event-box4 .g-profile {
width:100%;
float:none;
color:#d5d5d5;
}
.event-box4 .g-name {
font-size:24px;
margin-bottom:0em;
}

.event-box4 .g-txt a {
width:100%;
display: block;
text-align: right;
margin-top:1em;
}
.event-box4 .g-txt {
font-size:11px;
}
@media screen and (max-width: 768px) {
.event-box4 .g-txt {
font-size:10px;
text-align: justify;
}
}
.event-box4 li .g-pic {
width:46%;
float:left;
margin-right:4%;
}
.event-box4 li .g-profile {
width:50%;
float:right;
color:#d5d5d5;
margin-right:0%;
}
@media screen and (max-width: 768px) {
.event-box4 li {
width:100%;
float:none;
margin-right:0%;
margin-bottom:25px;
}
.event-box4 .g-name {
font-size:18px;
margin-bottom:0.5em;
}
.event-box4 .g-pic {
margin-bottom:6px;
}
}

/* 動画モーダル */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.movie-wrap video {
position: relative;
width: 100%;
max-width: 1000px;
height:auto;
overflow: hidden;
}
.movie-wrap2 {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap2 iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.movie-wrap2 video {
position: relative;
width: 100%;
max-width: 1000px;
height:auto;
overflow: hidden;
}
.screen {
background:#000; position:relative;
}
.screen_inner {
width:100%; margin:0 auto; max-width: 760px; background:#363636; padding:0 2%; position:relative;
}
.screen_top_title {
width:100%; max-width: 522px; position:absolute; top:-19px; left:0; right:0; margin:0 auto;
}
.screen_bottom_title {
width:100%; max-width: 110px; position:absolute; bottom:-25px; right:2%; margin:0 auto;
}
@media screen and (max-width: 1024px) {
.movie-wrap2 video {
position: relative;
width: 100%;
max-width: 86vw;
}
#cboxLoadedContent {
    background: #000;
}
.screen_top_title img {
width: 100%;
}
.screen_top_title {
max-width: 350px;
top:-18px;
}
.screen_bottom_title {
display:none;
}
}

@media screen and (max-width: 768px) {
.screen_top_title {
max-width: 450px;
top:-5%;
}
.screen_bottom_title {
display:none;
}
}

.event-box4 li.tab100p .g-profile .g-pic-tab img {
  display:none;
}
@media screen and (max-width: 1024px) {
.tab100p .g-pic {
display:none;
}
.event-box4 li.tab100p .g-profile {
  width: 100%;
  float: none;
  color: #d5d5d5;
  margin-right: 0%;
}
.event-box4 li.tab100p .g-profile .g-pic-tab img {
  display:inline-block;
  width:40%;
  margin-right: 24px;
  margin-bottom:13px;
  float:left;
}
.event-box4 li.tab100p .g-profile img.g-title2 {
  display:inline-block;
  width:44%;

}
.event-box4 li.tab100p .g-profile .g-txt {
padding-bottom:20px;
}
}



.blank_button {
width: 100%;
}
a.btn-radius-solid {
color: #3B3B3B !important;
padding: 5px 15px ;
border-radius: 10px;
float: right;
  border: 1px solid #ccc;
  
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}