@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
section {
  margin-top: 0px;
  padding-top: 40px;
}
body {
  background-color: #092c44 !important;
  font-family: 'Poppins', 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
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:#c9b461 !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:21px;
color:#fff;
font-weight: normal;
}
p.sub-title {
font-size:16px;
color:#c9b461 !important;
}
p {
color:#ffffff;
}
p.sub-text {
color:#d5d5d5;
padding-top:1em;
}
h2.main-title2 {
font-size:30px;
color:#c9b461;
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-food {
  background: url("../img/pc/food_mv.jpg");
    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: 110px;
background: url("../img/sp/concept_mv.png");
background-position: center center;
background-size: 130%;
}
.mv-food {
height: 110px;
background: url("../img/sp/food_mv.jpg");
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:inherit;
  background-color:#006cbb;
  background: url("../img/pc/head_bg.png");
  z-index: 100;
  border-bottom: 0px solid rgba(223, 182, 109, 0.5);
  border-top: 0px solid rgba(100, 100, 100, 0.5);
  top:0px;
  left:0px;
}
.gheader_sp {
background: url("../img/pc/head_bg.png") !important;
min-height: 70px;
}
.sn_bg_blue {
background: #249ad3;
}
#page-index .main-mv {
background: url("../img/pc/head_bg.png");
}
.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:15px auto 10px auto;
max-width: 300px;
}
.gheader-inner {
  padding-top:0px;
}
.gheader-inner {
  /*max-width: 1285px;*/
  margin: auto; 
  /*margin-top: -5px;*/
  padding:10px 0px;
  background-color: #000;
  background-image: url("../img/pc/line---------.png"), url("../img/pc/line---------.png");
  background-repeat: repeat-x, repeat-x, repeat;
  background-position: top left, bottom left, top center;
}
.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: 2px;
  margin-top: 0px;
}
.gnav-inner li:last-child {
  margin-right: 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:60%;
  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;
}


@media screen and (max-width: 768px) {
a:hover,
a:active {
    opacity:1.0;
}
section {
  margin-top: 0px;
  padding-top: 20px;
}
.logo {
text-align: left;
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:-8px;
  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:5px;
  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: 18px 0 0 12px !important;
  display: block;
  max-width: 220px;
}

.menu-button span,
.menu-button span img {
opacity: 1 !important;
}
header .menu-button {
  width: 70px;
}

/*.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:#c9b461;
}
h2.main-title2 {
font-size:20px;
color:#c9b461;
font-weight: normal;
line-height:1.5;
}
}

/* トップページ */
.guestpic{
width: 100%;
}
.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-profile100 {
width:100%;
float:left;
color:#d5d5d5;
}
.g-name {
font-size:24px;
margin-bottom:0.5em;
color:#d5d5d5;
}

.g-name-subtitle {
line-height: 3.0em;
font-size:19px;
margin-bottom:0.5em;
color:#fff;
}
@media screen and (max-width: 768px) {
.g-name-subtitle {
margin-top: 3.0em;
line-height: 1.0em;
font-size:15px;
}
}
.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:#c9b461 !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;
}

}

/* PEATIX */
.btn_peatix {
width: 90%;
max-width: 400px;
margin: auto;
margin-top: 35px;
}

/*会場マップ*/
.kaijo_map {
width: 90%;
max-width: 600px;
margin: auto;
margin-top: 35px;
}


/* コンセプト */
.dotted01{
  border-bottom:dotted 2px;
  margin-bottom: 40px;
}

.about_inner_base{
background-image:url("../img/about_contents_bg.jpg");
background-position: top center;
background-repeat: no-repeat;
/*background-attachment: fixed;*/
/*margin-top: 40px;*/
background-size:cover;
}
.about_inner_inner{
padding-top: 40px;
padding-bottom: 80px;
margin: auto;
max-width: 760px;
}

@media screen and (max-width: 1024px) {
.about_inner_base{
background-image:url("../img/about_contents_bg.jpg");
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size:cover;
}

.about_inner_inner{
padding-top: 18px;
padding-bottom: 40px;
padding-left: 6%;
padding-right: 6%;
margin: auto;
max-width: 760px;
}
}

.about_image{
margin: auto;
max-width: 650px;
margin-top: 50px;
margin-bottom: 80px;
}
.about_image img{
width: 100%;
}


.aboutlogo{
margin: auto;
width: 100%;
max-width: 250px;
padding-top: 30px;
}
.aboutlogo img{
width: 100%;
}
@media screen and (max-width: 768px) {
.aboutlogo{
margin: auto;
width: 50%;
}
}
.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;
}
}



/* スケジュール */
.hdtitle{
font-size: 1.71em;
line-height: 1.02em;
margin-bottom: 0.88em;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.hdtitle{
font-size: 1.35em;
line-height: 1.02em;
margin-bottom: 0.88em;
}
}
.hdtitle2{
font-size: 1.45em;
line-height: 1.02em;
margin-bottom: 0.88em;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.hdtitle2{
font-size: 1.2em;
line-height: 1.02em;
margin-bottom: 0.88em;
}
}

.hdtxtA{
font-size: 1.05em;
text-align:justify;
line-height: 1.62em;
}
@media screen and (max-width: 768px) {
.hdtxtA{
line-height: 1.4em;
font-size: 0.68em;
}
}

.hdtxtB{
font-size: 1.05em;
text-align:justify;
}
@media screen and (max-width: 768px) {
.hdtxtB{
font-size: 0.67em;
}
}

.hdtxt0{
color: #727272;
font-size: 1.45em;
}
@media screen and (max-width: 768px) {
.hdtxt0{
font-size: 0.89em;
}
}
.hdtxt1{
font-size: 1.11em;
margin-top: 0.7em;
margin-bottom: 1.35em;
text-align: justify;
line-height: 1.56;
}
@media screen and (max-width: 768px) {
.hdtxt1{
font-size: 0.77em;
margin-top: 0.7em;
margin-bottom: 0.8em;
}
}
.hdtxt2{
color: #c9b461;
font-size: 1.1em;
line-height: 1.25em;
}
@media screen and (max-width: 768px) {
.hdtxt2{
font-size: 0.75em;
}
}

.djname{
font-size: 1.4em;
}
.djphoto{
width: 20%;
}
.djbox{
width: 75%;
}


.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:14px;
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:96%;
float: left;
margin-right:4%;
margin-bottom:4%;
}
.event-box2 li:nth-child(3n) {
width:96%;
float: left;
margin-right:4%;
margin-bottom:4%;
}
.event-box2 li:nth-child(2n) {
width:96%;
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;
}
}

.event-box5 li {
width:30.666%;
margin-left:auto;
margin-riht:auto;
margin-bottom:4%;
}
.event-box5 .g-pic {
width:100%;
margin-right:0%;
margin-bottom:10px;
}
.event-box5 .g-profile {
width:100%;
color:#d5d5d5;
}
.event-box5 .g-name {
font-size:20px;
margin-bottom:0.5em;
}
@media screen and (max-width: 768px) {
.event-box5 li {
width:96%;
margin-bottom:4%;
}
.event-box5 .g-name {
font-size:12px;
margin-bottom:1.5em;
/*height:2.5em;*/
vertical-align: bottom;
line-height:1.2;
}
.event-box5 .g-pic {
margin-bottom:6px;
}
.event-box5 .g-txt {
margin-top:1.5em;
font-size:10px;
}
}






/* 動画モーダル */
.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%);
}


.manriki_base{
background-color: #362771;
width: 100%;
padding: 5%;
}


.sn_position_r {
position:relative;
}
.sn_position_a {
position:absolute;
}

.sn_pt20 {
padding-top:20px;
}
.sn_pt30 {
padding-top:30px;
}
.sn_pt40 {
padding-top:40px;
}
.sn_pt60 {
padding-top:60px;
}
.sn_pb80 {
padding-bottom:80px;
}
.sn_mt60 {
margin-top:60px;
}
.sn_mt80 {
margin-top:80px;
}
.sn_ml_auto {
margin-left:auto;
}
@media screen and (max-width: 768px) {
.sn_pt20 {
padding-top:10px;
}
.sn_pt30 {
padding-top:15px;
}
.sn_pt60 {
padding-top:30px;
}
.sn_pt40 {
padding-top:20px;
}
.sn_pb80 {
padding-bottom:40px;
}
.sn_mt60 {
margin-top:30px;
}
.sn_mt80 {
margin-top:40px;
}
.sn_sp_pb20 {
padding-bottom:20px;
}
.sn_sp_mr_auto {
margin-right:auto;
}
}


/********************************************************************/
/*Flexbox*/

.sn_col-pcflex-spblock {	
display: flex;
}
.sn_col-pcflex-spflex {	
display: flex;
}
.sn_col-pcblock-spflex {	
display: block;
}
.sn_flex-wrap_wrap {
flex-wrap:wrap;
}
.sn_flex-wrap_nowrap {
flex-wrap:nowrap;
}
.sn_flex-justify-content_center {
justify-content:center;
}
.sn_flex-justify-content_space-between {
justify-content:space-between;
}
.sn_flex-justify-content_space-around {
justify-content:space-around;
}
.sn_flex-align-items_center {
align-items: center;
}
.sn_flex-align-items_top {
align-items: top;
}
.sn_flex-align-items_stretch {
align-items: stretch;
}

.sn_pc_w30per {
width:30%;
}
.sn_pc_w36per {
width:36%;
}
.sn_pc_w48per {
width:48%;
}
.sn_pc_w66per {
width:66%;
}
@media screen and (max-width: 768px) {
.sn_sp_w36per {
width:36%;
}
.sn_sp_w46per {
width:49%;
}
.sn_sp_w60per {
width:60%;
}
.sn_sp_w80per {
width:80%;
}
.sn_sp_w90per {
width:90%;
}
.sn_sp_w100per {
width:100%;
}
}

/********************************************************************/
/*テキスト関係*/

.sn_txt_left {
text-align:left;
}
.sn_txt_center {
text-align:center;
}
.sn_txt_height_10 {
line-height: 1.0;
}
.sn_txt_height_12 {
line-height: 1.2;
}
.sn_txt_height_15 {
line-height: 1.5;
}
.sn_txt_height_18 {
line-height: 1.8;
}
.sn_txt_height_20 {
line-height: 2.0;
}
.sn_txt_l {
font-size: 2.4em;
color:#ffffff;
font-weight:600;
letter-spacing: 0.08em;
}
.sn_txt_m {
font-size: 1.9em;
color:#ffffff;
font-weight:500;
letter-spacing: 0.08em;
}
.sn_txt_s {
font-size: 1.1em;
color:#ffffff;
font-weight:400;
letter-spacing: 0.09em;
}
.sn_txt_ss {
font-size: 0.9em;
color:#ffffff;
font-weight:300;
letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
.sn_sp_txt_left {
text-align:left;
}
.sn_sp_txt_center {
text-align:center;
}
.sn_txt_l {
font-size: 1.8em;
}
.sn_txt_m {
font-size: 1.2em;
}
.sn_txt_s {
font-size: 0.77em;
}
.sn_txt_ss {
font-size: 0.6em;
}
}
.sn_txt_gold {
color:#c9b461;
}
.sn_img_b_line {
background:url("../img/pc/line---------.png") bottom center;
background-repeat: repeat-x;
padding-bottom:1.5em;
}

.sn_about_img {
position: absolute;
z-index: 1;
bottom:140px;
right:-240px;
width:100%;
max-width: 200px;
}
.sn_about_img img {
width:100%;
}
@media screen and (max-width: 768px) {
.sn_about_img {
position:relative;
z-index: 1;
top:inherit;
bottom:inherit;
right:auto;
left:auto;
width:100%;
max-width: 70%;
margin:auto;
padding:20px 0;
}
}