@chaset "UTF-8";

 /*-----------------------

   common

-----------------------*/

 body {
     background-image: url(../images/bg.png);
     font-size: 16px;
     min-height: 100vh;
     background-attachment: fixed;
     background-size: cover;
     background-position: center;

 }

 #Wrap {
     box-sizing: border-box;
     max-width: 800px;
     margin: 0px auto;
     background-color: #fff;
     font-family: 'Noto Sans JP', sans-serif;
     border: 10px solid #ffe30d;
 }

 #Wrap .main {
     width: 100%;
     max-width: 800px;
 }

 #Wrap i {
     vertical-align: text-bottom;
 }

 #Wrap p {
     line-height: 1.5rem;
 }

 #Wrap a {
     text-decoration: none;
 }

 #Wrap a:hover {
     opacity: 0.5;
     transition: 0.5s;
 }

 .pc_none {
     display: none;
 }

 .inner_border {
     max-width: 800px;
     margin: 0px auto;
     background-image: url(../images/bg_dot.png);
     border: 10px solid #fff;
     padding: 20px;
 }


 .bold {
     font-weight: bold;
 }

 .red {
     color: #C01920;
 }

 .bg_red {
     background-color: #C01920 !important;
 }

 .yellow {
     color: #ffe30d;
 }

 .bg_yellow {
     background-color: #ffe30d !important;
 }

 .border_yellow {
     border: 1px solid #ffe30d !important;
 }

 .bg_green {
     background-color: rgba(0, 127, 82, 0.2);
      !important;
 }

 .img_100 img {
     width: 100%;
     max-width: 800px;
 }

 .mt20 {
     margin-top: 20px;
 }

 .disc {
     list-style: disc;
     padding-left: 1rem;
 }

 .square {
     list-style: square;
     padding-left: 1rem;
 }

 .decimal {
     list-style: decimal;
     padding-left: 1rem;
 }

 .small {
     font-size: 0.8rem;
     line-height: 1.5rem !important;
 }

 .center {
     text-align: center
 }

 .left {
     text-align: left
 }

 .right {
     text-align: right
 }

 .hidden_box label {
     cursor: pointer;
 }

 .hidden_box label:hover {
     background: #efefef;
 }

 .hidden_box input {
     display: none;
 }

 .hidden_box .hidden_show {
     height: 0;
     padding: 0;
     overflow: hidden;
     opacity: 0;
     transition: 0.8s;
 }

 .hidden_box input:checked ~ .hidden_show {
     padding: 10px 0;
     height: auto;
     opacity: 1;
 }

 @media screen and (max-width: 800px) {
     body {
         background-image: none;
     }

     #Wrap {
         border: none;
     }
 }


 @media screen and (max-width: 751px) {
     body {
         font-size: 14px;
     }

     .pc_none {
         display: inline;
     }

     .inner_border {
         border: 5px solid #fff;
         padding: 10px;
     }

     .small {
         font-size: 0.7rem;
         line-height: 1.2rem !important;
     }

 }

 /*-----------------------

   header

-----------------------*/

 #Wrap header {
     text-align: center;
     position: relative;
 }

 #Wrap header img {
     width: 100%;
 }

 #Wrap header h1 {
     position: absolute;
     left: 0;
     right: 0;
 }

 #Wrap header h1 img {
     width: 80%;
     max-width: 700px;
     margin: 20px auto;
 }

 #Wrap header .date {
     position: absolute;
     background: linear-gradient(rgba(255, 255, 255, 0), #fff);
     bottom: 0px;
     padding: 20px 0px;
 }

 #Wrap header .date img {
     width: 80%;
 }


 @media screen and (max-width: 751px) {

     #Wrap header h1 img {
         margin: 10px auto;
     }

 }



 /*-----------------------

   #date

-----------------------*/
 #Wrap #date {
     background-color: #fff;
     text-align: center;
 }

 #Wrap #date img {
     width: 80%;
     max-width: 600px;
     padding: 20px 0px;
 }


 /*-----------------------

   #top_nav

-----------------------*/
 #Wrap #top_nav {
     background-color: #664a39;
     color: #fff;
     border-bottom: 1px solid #382b23;
 }

 nav {
     transition: .3s;
 }

 #Wrap #top_nav a.menu_logo {
     z-index: 9999;
 }


 #Wrap #top_nav a.menu_logo img {
     height: 60px;
     padding: 10px;
 }

 #Wrap #top_nav #nav-drawer {
     position: relative;
 }

 #Wrap #top_nav .nav-unshown {
     display: none;
 }

 #Wrap #top_nav #nav-open {
     position: absolute;
     display: block;
     width: 3rem;
     right: 10px;
     top: 0px;
     text-align: center;
     font-size: 0.8rem;
 }

 #Wrap #top_nav #nav-open span i {
     font-size: 2.5rem;
 }

 #Wrap #top_nav #nav-open span:before {
     bottom: -8px;
 }

 #Wrap #top_nav #nav-open span:after {
     bottom: -16px;
 }

 #Wrap #top_nav #nav-close {
     display: block;
     position: fixed;
     z-index: 9998;
     top: 0;
     left: 0;
     width: 100%;
     height: 60px;
     background: black;
     opacity: 0;
     text-align: center;
     transition: .3s ease-in-out;
     -webkit-transform: translateX(-105%);
     transform: translateX(-105%);
 }

 #Wrap #top_nav #nav-close span i {
     font-size: 3rem;
     margin-top: 5px;
 }

 #Wrap #top_nav #nav-content {
     overflow: auto;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9997;
     width: 100%;
     max-width: 100%;
     height: 100%;
     background: #664a39;
     /*    background-image: url(../images/bg_dot.png);*/
     transition: .3s ease-in-out;
     -webkit-transform: translateX(-105%);
     transform: translateX(-105%);
     color: rgba(109, 101, 96, 0.5);
     padding-top: 60px;
     text-align: center;
 }

 #Wrap #top_nav #nav-input:checked ~ #nav-close {
     display: block;
     opacity: .5;
     background-image: url(../images/bg_dot.png);
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
 }

 #Wrap #top_nav #nav-input:checked ~ #nav-content {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
     /*中身を表示*/
     box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
 }

 #Wrap #top_nav #nav-content .menu00 ul li {
     background: #CEE6EA;
 }

 #Wrap #top_nav #nav-content .menu00 h2 {
     background: #89CBDA;
 }

 #Wrap #top_nav #nav-content .menu01 ul li {
     background: #D9E2FF;
 }

 #Wrap #top_nav #nav-content .menu01 h2 {
     background: #94A5EB;
 }

 #Wrap #top_nav #nav-content .menu02 ul {
     background: #faf3bd;
 }

 #Wrap #top_nav #nav-content .menu02 h2 {
     background: #ffe30d;
 }

 #Wrap #top_nav #nav-content .menu03 ul {
     background: #FFE1EA;
 }

 #Wrap #top_nav #nav-content .menu03 h2 {
     background: #F6AEC1;
 }


 #Wrap #top_nav #nav-content h2 {
     display: block;
     font-family: 'Russo One', sans-serif;
     font-size: 1.8rem;
     padding: 10px;
     color: #664a39;
 }

 #Wrap #top_nav #nav-content h2 a {
     color: #664a39;
 }


 #Wrap #top_nav #nav-content h2 span {
     display: block;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 0.8rem;
     color: #664a39;
 }

 #Wrap #top_nav #nav-content ul li a {
     display: block;
     color: #664a39;
     padding: 10px;
     font-weight: bold;
 }

 #Wrap #top_nav #nav-content ul li {
     padding: 10px;
     border-bottom: 1px solid #fff;
 }


 @media screen and (max-width: 800px) {

     .is-fixed {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 2;
         width: 100%;
     }

     .is-hide {
         transform: translateY(-100%);
     }
 }



 /*-----------------------

   #info

-----------------------*/

 #Wrap #info {
     background-color: #fff;
     background-image: url(../images/bg_menu.png);
     background-size: 100px auto;
     color: #fff;
     padding: 20px;
 }


 #Wrap #info ul {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
 }

 #Wrap #info ul li {
     text-align: center;
 }

 #Wrap #info ul li img {
     width: 90%;
 }

 #Wrap #info ul li.link_none {
     opacity: 0.5;
 }


 /*-----------------------

   #venue_news

-----------------------*/

 #Wrap #venue_news {
     background-color: #2072ad;
     color: #fff;
     padding: 20px;
 }

 #Wrap #venue_news h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2.5rem;
     color: #fff;
 }

 #Wrap #venue_news ul {
     max-width: 800px;
     max-height: 300px;
     background-color: #16659f;
     margin: 20px auto;
     padding: 10px 20px;
 }

 #Wrap #venue_news ul li {
     border-top: 1px solid rgba(255, 255, 255, 0.46);
     padding: 5px 0px;
 }

 #Wrap #venue_news ul li:first-child {
     border: none;
 }

 #Wrap #venue_news ul li span {
     font-size: 0.5rem;
     margin-right: 10px;
     opacity: 0.7;
 }

 #Wrap #venue_news ul li a {
     position: relative;
     display: block;
     width: calc(100% - 2rem);
     vertical-align: middle;
     border-radius: 30px;
     font-size: 1rem;
     padding: 5px;
     margin: 0px auto;
     color: #fff;
 }

 #Wrap #venue_news ul li a::after {
     position: absolute;
     content: ">";
     right: -10px;
     top:50%;
 }


 #Wrap #venue_news ul li p {
     width: calc(100% - 2rem);
     padding: 5px;
     margin: 0px auto;
 }

 #Wrap #venue_news .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px auto;
     color: #2072ad;
 }





 @media screen and (max-width: 751px) {

     #Wrap #venue_news {
         padding: 10px;
     }

     #Wrap #venue_news h2 {
         font-size: 1.5rem;
     }

     #Wrap #venue_news ul li span {
         font-size: 0.5rem;
         margin-right: 10px;
     }

     #Wrap #venue_news ul li a {
         font-size: 0.8rem;
         padding: 5px;
     }

 }


 /*-----------------------

   #news

-----------------------*/

 #Wrap #news {
     background-color: #E40012;
     color: #fff;
     padding: 20px;
 }

 #Wrap #news h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2.5rem;
     color: #c69e62;
 }

 #Wrap #news ul {
     max-width: 800px;
     max-height: 100px;
     background-color: #c01920;
     margin: 20px auto;
     padding: 10px 20px;
 }

 #Wrap #news ul li {
     border-top: 1px solid rgba(255, 255, 255, 0.46);
     padding: 5px 0px;
 }


 #Wrap #news ul li:first-child {
     border: none;
 }

 #Wrap #news ul li span {
     font-size: 0.5rem;
     margin-right: 10px;
     opacity: 0.7;
 }

 #Wrap #news ul li a {
     position: relative;
     display: block;
     width: calc(100% - 2rem);
     vertical-align: middle;
     border-radius: 30px;
     font-size: 1rem;
     padding: 5px;
     margin: 0px auto;
     color: #fff;
 }

 #Wrap #news ul li a::after {
     position: absolute;
     content: ">";
     right: -10px;
 }


 #Wrap #news ul li p {
     width: calc(100% - 2rem);
     padding: 5px;
     margin: 0px auto;
 }


 @media screen and (max-width: 751px) {

     #Wrap #news {
         padding: 10px;
     }

     #Wrap #news h2 {
         font-size: 1.5rem;
     }

     #Wrap #news ul li span {
         font-size: 0.5rem;
         margin-right: 10px;
     }

     #Wrap #news ul li a {
         font-size: 0.8rem;
         padding: 5px;
     }

     #Wrap #news ul li a::after {}


 }

 /*-----------------------

   #banner

-----------------------*/
 #Wrap #banner {
     padding: 10px;
 }

 #Wrap #banner a {
     display: inline;
 }

 #Wrap #banner img {
     display: block;
     width: 100%;
     max-width: 800px;
     margin: 0px auto;
     border: 2px solid #C01920;
 }


 #Wrap #banner2 {
     padding: 10px;
 }

 #Wrap #banner2 a {
     display: inline;
 }

 #Wrap #banner2 img {
     display: block;
     width: 100%;
     max-width: 800px;
     margin: 0px auto;
 }




 /*-----------------------

   #movie

-----------------------*/
 #Wrap #movie {
     background: #007F52;
     background-image: url(../images/bg_dice.png);
     background-size: 50px auto;
     padding: 20px;
 }

 #Wrap #movie h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2.5rem;
     color: #fff;
     margin-bottom: 20px;
 }

 #Wrap #movie .youtube {
     max-width: 640px;
     margin: 0px auto;
     margin-bottom: 20px;
     border: 10px solid #ffe30d;
 }

 #Wrap #movie .youtube .size {
     width: 100%;
     padding-bottom: 56.25%;
     height: 0px;
     position: relative;

 }

 #Wrap #movie .youtube .size iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }


 #Wrap #movie .movie_li {
     max-width: 640px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     margin: 0px auto;
 }

 #Wrap #movie .movie_li li {
     width: 25%;
     position: relative;
     border: 6px solid #FFE30D;
 }

 #Wrap #movie .movie_li li img {
     width: 100%;
     max-width: 160px;
 }


 #Wrap #movie .movie_li li::after {
     position: absolute;
     content: "▶";
     color: #FFE30D;
     font-size: 1.5rem;
     top: 30%;
     left: 40%;
     text-shadow: 1px 1px 15px rgba(0, 0, 0, 1);
 }


 @media screen and (max-width: 751px) {

     #Wrap #movie .movie_li li::after {
         position: absolute;
         content: "▶";
         color: #FFE30D;
         font-size: 1.5rem;
         top: 30%;
         left: 40%;
         text-shadow: 1px 1px 15px rgba(0, 0, 0, 1);
     }


 }

 @media screen and (max-width: 400px) {

     #Wrap #movie .movie_li li::after {
         font-size: 1rem;
     }

 }





 /*-----------------------

   #summary

-----------------------*/


 #Wrap #summary {
     background-color: #2072ad;
     background-image: url(../images/bg_dot.png);
     padding: 20px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }

 #Wrap #summary .access {
     width: calc(100% - 240px);
     color: #fff;
 }

 #Wrap #summary .access h2 {
     font-weight: bold;
     font-size: 1.5rem;
     margin: 20px 0px 5px;
     padding-bottom: 10px;
     color: #c69e62;
     border-bottom: 2px solid #c69e62
 }

 #Wrap #summary .access a {
     color: inherit;
     font-weight: bold;
     border-bottom: 1px dotted #fff;
 }


 #Wrap #summary .access a.twitter {
     background: #00aced;
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     border-bottom: none;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }


 #Wrap #summary .gmap {
     position: relative;
     min-width: 220px;
     padding-bottom: 600px;
     /*padding-bottom: 56.25%;*/
     /*padding-top: 30px;*/
     height: 0;
     overflow: hidden;
     margin: 10px;
     border: 10px solid #664a39;
 }

 #Wrap #summary .gmap iframe,
 #Wrap #summary .gmap object,
 #Wrap #summary .gmap embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }


 @media screen and (max-width: 751px) {

     #Wrap #summary .access {
         width: 100%;
     }

     #Wrap #summary .gmap {
         min-width: calc(100% - 20px);
         padding-bottom: 200px;
         margin: 20px auto;
     }
 }



 /*-----------------------

   footer

-----------------------*/

 footer {
     text-align: center;
     margin-top: 50px;
 }

 footer #sns {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     margin: 20px auto;

 }

 footer #sns div {
     margin: 0px 5px;
 }


 footer #logo {
     display: block;
     margin: 50px 0px 20px;
 }

 footer #logo img {
     width: 80%;
     max-width: 200px;
 }

 footer .bottom_nav {
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-around;
     background-color: #664a39;
     padding: 20px 0px;
 }

 footer .bottom_nav h2 {
     margin-bottom: 20px;
 }

 footer .bottom_nav h2 {
     font-family: 'Russo One', sans-serif;
     color: #fff;
     font-size: 1.8rem;
 }

 footer .bottom_nav h2 span {
     display: block;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 0.8rem;
     color: #fff;
 }

 footer .bottom_nav div {
     width: 33.33%;
 }

 footer .bottom_nav ul li {
     display: block;
     color: rgba(255, 255, 255, 0.2);
     padding: 10px;
 }

 footer .bottom_nav ul li a {
     color: #fff;
 }



 footer #sponsored {
     background: #664A39;
     background-image: url(../images/bg_dice.png);
     color: #fff;
     background-size: 50px auto;
     padding: 20px;
 }

 footer #sponsored p,
 footer #sponsored h2 {
     display: inline-block;
     font-size: 0.8rem;
     margin-right: 10px;
 }

 @media screen and (max-width: 751px) {

     footer {
         margin-top: 40px;
     }

     footer #sns {
         flex-wrap: wrap;
     }

     footer #logo {
         margin: 40px 0px 20px;
     }

     footer #sponsored p {
         display: block;
         margin-right: 0px;
     }

 }

 @media screen and (max-width: 500px) {
     footer .bottom_nav {
         flex-wrap: wrap;
     }

     footer .bottom_nav div {
         width: 100%;
         margin-bottom: 20px;
     }

     footer .bottom_nav h2 {
         margin-bottom: 10px;
     }

 }



 /*-----------------------

topics index.html

-----------------------*/

#Wrap #venue_news_all {
     background-color: #2072ad;
     color: #fff;
     padding: 20px;
 }

#Wrap #venue_news_all h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2.5rem;
     color: #fff;
 }

#Wrap #venue_news_all ul {
     max-width: 800px;
     background-color: #16659f;
     margin: 20px auto;
     padding: 10px 20px;
 }

#Wrap #venue_news_all ul li {
     border-top: 1px solid rgba(255, 255, 255, 0.46);
     padding: 5px 0px;
 }

#Wrap #venue_news_all ul li:first-child {
     border: none;
 }

 #Wrap #venue_news_all ul li span {
     font-size: 0.5rem;
     margin-right: 10px;
     opacity: 0.7;
 }

#Wrap #venue_news_all ul li a {
     position: relative;
     display: block;
     width: calc(100% - 2rem);
     vertical-align: middle;
     border-radius: 30px;
     font-size: 1rem;
     padding: 5px;
     margin: 0px auto;
     color: #fff;
 }

#Wrap #venue_news_all ul li a::after {
     position: absolute;
     content: ">";
     right: -10px;
    top:50%;
 }


#Wrap #venue_news_all ul li p {
     width: calc(100% - 2rem);
     padding: 5px;
     margin: 0px auto;
 }


 @media screen and (max-width: 751px) {

     #Wrap #venue_news_all {
         padding: 10px;
     }

     #Wrap #venue_news_all h2 {
         font-size: 1.5rem;
     }

     #Wrap #venue_news_all ul li span {
         font-size: 0.5rem;
         margin-right: 10px;
     }

     #Wrap #venue_news_all ul li a {
         font-size: 0.8rem;
         padding: 5px;
     }

 }




 /*-----------------------

topics

-----------------------*/

 #Wrap #topics {
     background-color: #2072ad;
     padding: 20px;
     color: #FFF;
 }

#Wrap #topics a{
    color: #c69e61;
}

 #Wrap #topics h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 5px;
 }

 #Wrap #topics .date {
     text-align: right;
     font-size: 0.8rem;
 }


 #Wrap #topics .detail {
     padding: 20px 0px;
 }


 #Wrap #topics .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px auto;
     color: #2072ad;
 }

 @media screen and (max-width: 751px) {

     #Wrap #topics h2 {
         font-size: 1.2rem;
     }

 }



 /*---------------------------------------------------------------  index  */


 /*-----------------------

commmon index.html

-----------------------*/

 .page_list {
     box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     align-content: center;
     margin: 20px 0px;
 }

 .page_list li {
     position: relative;
     width: calc(100% / 4 - 20px);
     height: auto;
     border: 1px solid #664a39;
     margin-bottom: 20px;
 }

 .page_list li.link_none {
     opacity: 0.2;
 }

 .page_list li img {
     display: block;
     width: 70%;
     margin: 10px auto;
 }

 .page_list li .base {
     box-sizing: border-box;
     display: block;
     background-color: #94a5eb;
     padding: 15px;
     font-weight: bold;
     text-align: center;
     color: #664a39;
     vertical-align: text-top;
 }

 .page_list li a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 100;
 }


 @media screen and (max-width: 700px) {
     .page_list li {
         width: calc(100% / 3 - 20px);
     }

     .page_list li .base {
         padding: 5px;
     }
 }


 @media screen and (max-width: 460px) {

     .page_list li .base {
         height: 4rem;
     }
 }

 /*---------------------------------------------------------------  GUIDE  */

 /*-----------------------

GUIDE index.html

-----------------------*/

 #Wrap #guide h2 {
     font-family: 'Russo One', sans-serif;
     background-color: #94a5eb;
     background-image: url(../images/bg_dot.png);
     padding: 10px;
     font-size: 1.8rem;
     font-weight: bold;
     text-align: center;
     color: #664a39;
 }

 #Wrap #guide h2 span {
     display: block;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 0.8rem;
     font-weight: normal;
 }

 /*-----------------------

GUIDE about.html

-----------------------*/


 #Wrap #about {
     background-color: #007F52;
     padding: 20px;
     text-align: center;
     color: #FFF;
 }


 #Wrap #about h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #about h3 {
     text-align: center;
     font-weight: bold;
     font-size: 1.5rem;
     margin: 50px 0px 0px;
     color: #c69e62;
 }

 #Wrap #about p {
     margin: 10px 0px 20px;
 }


 #Wrap #about p .icon_map {
     max-width: 12px;
 }

 #Wrap #about p.detail {
     display: inline-block;
     margin: 0px;
     padding: 20px 50px;
     font-size: 1.2rem;
     font-weight: 500;
     line-height: 2rem;
 }

 #Wrap #about p.detail span {
     font-size: 1.5rem;
     font-weight: 900;
 }

 #Wrap #about dl {
     width: 90%;
     box-sizing: border-box;
     margin: 20px auto;
     display: flex;
     flex-wrap: wrap;
     padding: 20px;
     line-height: 1.5rem;
 }

 #Wrap #about dt {
     width: 200px;
     text-align: right;
     padding-right: 1rem;
     border-right: 1px solid #fff;
     margin-bottom: 20px;
 }

 #Wrap #about dd {
     width: calc(100% - 200px);
     text-align: left;
     padding-left: 1rem;
     margin-bottom: 20px;
 }

 #Wrap #about .twitter img {
     max-width: 70px;
     margin: 20px;
 }

 @media screen and (max-width: 751px) {

     #Wrap #about {
         padding: 10px;
     }

     #Wrap #about h2,
     #Wrap #about h3 {
         font-size: 1.2rem;
     }

     #Wrap #about p {
         font-size: 1.1rem;
         line-height: 1.5rem;
         margin: 20px 0px 40px;
     }

     #Wrap #about p.map {
         font-size: 1.3rem;
     }

     #Wrap #about p .icon_map {
         max-width: 15px;
     }

     #Wrap #about p.detail {
         text-align: left;
         padding: 0px;
         font-size: 1rem;
         line-height: 1.5rem;
     }

     #Wrap #about p.detail span {
         font-size: 1.1rem;
     }

     #Wrap #about .twitter img {
         max-width: 50px;
         margin: 10px;
     }


     #Wrap #about dl {
         width: 100%;
         padding: 10px;
         text-align: center;
     }


     #Wrap #about dt {
         width: 100%;
         background-color: rgba(255, 255, 255, 0.2);
         text-align: center;
         border-right: none;
         color: #fff;
         padding-right: 0rem;
     }

     #Wrap #about dd {
         width: 100%;
         text-align: center;
         padding-left: 0rem;
     }
 }


 /*-----------------------

GUIDE access.html

-----------------------*/

 #Wrap #access {
     background-color: #fff;
     color: #664A39;
     padding: 20px;
     text-align: center;
 }

 #Wrap #access a {
     color: inherit;
     font-weight: bold;
     border-bottom: 1px dotted #664A39;
 }


 #Wrap #access .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #664A39;
 }

 #Wrap #access h2 {
     color: #664A39;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #664A39;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #access h3 {
     font-size: 2rem;
     font-weight: bold;
     text-align: center;
     margin-top: 60px;
     margin-bottom: 20px;
     color: #c69e62;
 }

 #Wrap #access h4 {
     background-color: #664a39;
     color: #fff;
     padding: 10px;
     margin-top: 20px;
 }


 #Wrap #access h3 i {
     font-size: 2.5rem;
 }

 #Wrap #access .car {
     font-size: 1.5rem;
     font-weight: bold;
     margin: 20px 0px;
 }


 #Wrap #access .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #664a39;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }

 #Wrap #access .about_link_none {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     padding: 10px;
     margin: 10px auto;
     border: 1px solid #664a39;

     color: #664a39;
 }


 #Wrap #access .gmap {
     position: relative;
     min-width: 220px;
     padding-bottom: 200px;
     height: 0;
     overflow: hidden;
     margin: 20px 10px;
     border: 10px solid #007F52;
 }

 #Wrap #access .gmap iframe,
 #Wrap #access .gmap object,
 #Wrap #access .gmap embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 #Wrap #access .comingsoon {
     background: #c01920;
     color: #fff;
     font-weight: bold;
     font-size: 1.5rem;
     line-height: 2rem;
     padding: 20px 0px;
     margin: 20px 0px;
 }

 #Wrap #access dl {
     display: flex;
     flex-wrap: wrap;
     text-align: left;
     line-height: 1.5rem;
     padding: 0px 20px;
     margin: 20px 0px;
 }

 #Wrap #access dl dt {
     font-weight: bold;
     width: 10%;
     padding: 10px 0px;
     margin-bottom: 10px;
     border-bottom: 1px solid #664a39;
 }

 #Wrap #access dl dd {
     width: 90%;
     padding: 10px 0px;
     margin-bottom: 10px;
     border-bottom: 1px solid #664a39;
 }

 #Wrap #access ul li {
     margin-top: 10px;
 }

 #Wrap #access ul.red li {
     margin-top: 0px;
 }

 #Wrap #access .attenion {
     text-align: left;
 }

 #Wrap #access .attenion li {
     margin-bottom: 10px;
 }



 @media screen and (max-width: 751px) {
     #Wrap #access {
         padding: 10px;
     }

     #Wrap #access h2,
     #Wrap #access h3,
     #Wrap #access .car {
         font-size: 1.2rem;
     }

     #Wrap #access h3 {
         margin-top: 30px;
     }

     #Wrap #access h3 i {
         font-size: 2rem;
     }

     #Wrap #access .gmap {
         min-width: calc(100% - 20px);
         padding-bottom: 200px;
         margin: 20px auto;
     }

 }



 /*-----------------------

GUIDE ticket.html   

-----------------------*/
 #Wrap #ticket {
     background-color: #664A39;
     text-align: center;
     padding: 20px;
     color: #FFF;
 }


 #Wrap #ticket .inner_border .deadline {
     text-align: center;
     font-weight: bold;
     background-color: #e40012;
     color: #fff;
 }


 #Wrap #ticket h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #ticket h3 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     margin: 50px 0px 10px;
     color: #c69e62;
 }

 #Wrap #ticket h4 {
     background-color: #8d8936;
     text-align: center;
     line-height: 1rem;
     padding: 5px;
     margin-bottom: 20px;
 }

 #Wrap #ticket .price {
     font-weight: bold;
     font-size: 2rem;
     line-height: 3rem;
 }

 #Wrap #ticket .price span {
     font-size: 1.2rem;
 }

 #Wrap #ticket dl {
     width: 90%;
     margin: 50px auto;
     align-items: center;
     flex-wrap: wrap;
     line-height: 2.5rem;
     background-color: rgba(255, 255, 255, 0.1);
     margin-bottom: 20px;
     border-bottom: none;
 }

 #Wrap #ticket dt {
     background-color: #ffe30d;
     text-align: center;
     font-weight: bold;
     font-size: 1.5rem;
     color: #664a39;
 }

 #Wrap #ticket dt span {
     display: block;
     background: #fff;
     font-size: 1.2rem;
 }

 #Wrap #ticket dt span.small {
     display: inline-block;
     background-color: transparent;
     font-size: 1rem;
 }

 #Wrap #ticket dd {
     padding: 10px;
     margin: 10px 0px;
     text-align: left;
 }

 #Wrap #ticket dd p {
     line-height: 2.5rem;
 }

 #Wrap #ticket dd span {
     padding: 2px 5px;
     margin-right: 10px;
     border: 1px solid #fff;
 }

 #Wrap #ticket dd .inner_details {
     background-color: rgba(255, 255, 255, 0.2);
     padding: 20px;
     font-size: 0.8rem;
 }

 #Wrap #ticket dd .inner_details p {
     line-height: 1.5rem;
     padding-bottom: 20px;
 }

 #Wrap #ticket dd .inner_details span {
     border: none;
 }

 #Wrap #ticket dd .inner_details a {
     color: #fff;
 }

 #Wrap #ticket dd .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 0px;
     margin: 10px auto;
     color: #664a39;
 }

 #Wrap #ticket dd .about_link_none {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     padding: 0px;
     margin: 10px auto;
     border: 1px solid #fff;
 }

 #Wrap #ticket dd a.about_link span {
     display: block;
     font-size: 0.8rem;
     line-height: 1rem;
     border: none;
     margin-top: -10px;
     padding-bottom: 10px;
 }


 @media screen and (max-width: 751px) {
     #Wrap #ticket {
         padding: 10px;
     }

     #Wrap #ticket h2,
     #Wrap #ticket h3 {
         font-size: 1.2rem;
     }

     #Wrap #ticket .price {
         font-size: 1.5rem;
         line-height: 3rem;
     }

     #Wrap #ticket .price span {
         display: inline-block;
         font-size: 1rem;
         line-height: 1.5rem;
     }

     #Wrap #ticket dl {
         width: 100%;
     }

     #Wrap #ticket dt {
         padding: 0px;
         font-size: 1.2rem;
         line-height: 2rem;
     }

     #Wrap #ticket dt span.small {
         display: block;
     }

     #Wrap #ticket dd span {
         padding: 2px 5px;
         margin-right:
             border: 1px solid #fff;
     }


     #Wrap #ticket dd .inner_details {
         padding: 10px;
     }



 }

 /* #tour */

 #Wrap #tour {
     background-color: #2072ad;
     text-align: center;
     padding: 20px;
     color: #FFF;
 }

 #Wrap #tour .inner_border .deadline {
     text-align: center;
     font-weight: bold;
     background-color: #e40012;
     color: #fff;
 }


 #Wrap #tour h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #tour dl {
     width: 90%;
     margin: 50px auto;
     align-items: center;
     flex-wrap: wrap;
     line-height: 2.5rem;
     background-color: rgba(255, 255, 255, 0.1);
     margin-bottom: 20px;
     border-bottom: none;
 }

 #Wrap #tour dt {
     background-color: #ffe30d;
     text-align: center;
     font-weight: bold;
     font-size: 1.5rem;
     color: #664a39;
 }

 #Wrap #tour dt span {
     display: block;
     background: #fff;
     font-size: 1.2rem;
 }

 #Wrap #tour dd {
     padding: 10px;
     margin: 10px 0px;
     text-align: left;
 }

 #Wrap #tour dd p {
     line-height: 2.5rem;
 }

 #Wrap #tour dd span {
     padding: 2px 5px;
     margin-right: 10px;
     border: 1px solid #fff;
 }


 #Wrap #tour a.about_link {
     display: inline-block;
     max-width: 250px;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px 0px;
     color: #664a39;
 }

 #Wrap #tour dd a.about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 0px;
     margin: 10px auto;
     color: #664a39;
 }

 @media screen and (max-width: 751px) {
     #Wrap #tour {
         padding: 10px;
     }

     #Wrap #tour h2,
     #Wrap #tour h3 {
         font-size: 1.2rem;
     }

     #Wrap #tour .price {
         font-size: 1.5rem;
         line-height: 3rem;
     }

     #Wrap #tour .price span {
         font-size: 1rem;
     }

     #Wrap #tour dl {
         width: 100%;
     }

     #Wrap #tour dt {
         padding: 0px;
         font-size: 1.2rem;
         line-height: 2rem;
     }
 }


 /* #shuttlebus */

 #Wrap #shuttlebus {
     background-color: #007F52;
     text-align: center;
     padding: 20px;
     color: #FFF;
 }


 #Wrap #shuttlebus a {
     color: inherit;
     font-weight: bold;
     border-bottom: 1px dotted #fff;
 }

 #Wrap #shuttlebus a.about_link {
     font-weight: normal;
 }


 #Wrap #shuttlebus .inner_border .deadline {
     text-align: center;
     font-weight: bold;
     background-color: #e40012;
     color: #fff;
 }


 #Wrap #shuttlebus h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #shuttlebus dl {
     width: 90%;
     margin: 50px auto;
     align-items: center;
     flex-wrap: wrap;
     line-height: 2.5rem;
     background-color: rgba(255, 255, 255, 0.1);
     margin-bottom: 20px;
     border-bottom: none;
 }

 #Wrap #shuttlebus dt {
     background-color: #ffe30d;
     text-align: center;
     font-weight: bold;
     font-size: 1.5rem;
     color: #664a39;
 }

 #Wrap #shuttlebus dt span {
     display: block;
     background: #fff;
     font-size: 1.2rem;
 }

 #Wrap #shuttlebus dd {
     padding: 10px;
     margin: 10px 0px;
     text-align: left;
 }

 #Wrap #shuttlebus dd p {
     line-height: 2.5rem;
 }

 #Wrap #shuttlebus dd span {
     padding: 2px 5px;
     margin-right: 10px;
     border: 1px solid #fff;
 }


 #Wrap #shuttlebus a.about_link {
     display: inline-block;
     max-width: 250px;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px 0px;
     color: #664a39;
 }

 #Wrap #shuttlebus dd a.about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 0px;
     margin: 10px auto;
     color: #664a39;
 }

 @media screen and (max-width: 751px) {
     #Wrap #shuttlebus {
         padding: 10px;
     }

     #Wrap #shuttlebus h2,
     #Wrap #shuttlebus h3 {
         font-size: 1.2rem;
     }

     #Wrap #shuttlebus .price {
         font-size: 1.5rem;
         line-height: 3rem;
     }

     #Wrap #shuttlebus .price span {
         font-size: 1rem;
     }

     #Wrap #shuttlebus dl {
         width: 100%;
     }

     #Wrap #shuttlebus dt {
         padding: 0px;
         font-size: 1.2rem;
         line-height: 2rem;
     }
 }








 /*-----------------------

 GUIDE volunteer.html   

-----------------------*/
 #Wrap #volunteer {
     background-color: #fff;
     color: #007f52;
     padding: 20px;
     text-align: center;
 }

 #Wrap #volunteer .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #007f52;
 }

 #Wrap #volunteer h2 {
     color: #007f52;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #007f52;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #volunteer h3 {
     font-size: 2rem;
     font-weight: bold;
     text-align: center;
     margin-top: 20px;
 }


 #Wrap #volunteer dl {
     width: 90%;
     box-sizing: border-box;
     margin: 20px auto;
     display: flex;
     flex-wrap: wrap;
     background-color: #CCE5DC;
     padding: 20px;
     line-height: 1.5rem;
 }

 #Wrap #volunteer dt {
     width: 200px;
     text-align: right;
     padding-right: 1rem;
     border-right: 1px solid #007F52;
     margin-bottom: 20px;
 }

 #Wrap #volunteer dd {
     width: calc(100% - 200px);
     text-align: left;
     padding-left: 1rem;
     margin-bottom: 20px;
 }


 #Wrap #volunteer dd .join {
     display: inline-block;
     border-radius: 30px;
     background-color: #007f52;
     padding: 10px;
     margin: 10px 0px;
     color: #fff;
 }

 #Wrap #volunteer .close {
     background-color: rgba(192, 25, 32, 0.2);
     padding: 20px;
     margin-bottom: 20px;
     color: #c01920;
 }

 #Wrap #volunteer .close h3 {
     font-size: 2rem;
     margin-bottom: 20px;
 }


 #Wrap #volunteer .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #007F52;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }



 @media screen and (max-width: 751px) {

     #Wrap #volunteer {
         padding: 10px;
         text-align: left;
     }

     #Wrap #volunteer dl {
         width: 100%;
         padding: 10px;
     }


     #Wrap #volunteer h2,
     #Wrap #volunteer h3,
     #Wrap #volunteer .close h3 {
         font-size: 1.2rem;
         text-align: center;
     }

     #Wrap #volunteer dt {
         width: 100%;
         background-color: rgba(0, 127, 82, 0.5);
         text-align: center;
         border-right: none;
         color: #fff;
     }

     #Wrap #volunteer dd {
         width: 100%;
     }

 }



 /*-----------------------

 GUIDE message.html   

-----------------------*/
 #Wrap #message {
     background-color: #fff;
     color: #2072ad;
     padding: 20px;
 }

 #Wrap #message .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #2072ad;
 }

 #Wrap #message h2 {
     color: #2072ad;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #2072ad;
     padding: 10px;
     margin-bottom: 20px;
     text-align: center;
 }


 #Wrap #message hr {
     background-color: #fff;
     border-top: 2px solid #2072ad;
     margin: 20px;
     box-shadow:
 }

 #Wrap #message p {
     line-height: 2.5rem;
 }

 #Wrap #message p img {
     width: 100%;
     max-width: 300px;
 }


 @media screen and (max-width: 751px) {

     #Wrap #message {
         padding: 10px;
         text-align: left;
     }

     #Wrap #message h2 {
         font-size: 1.2rem;
         text-align: center;
     }

 }


 /*-----------------------

GUIDE performer.html

-----------------------*/


 #Wrap #performer {
     background-color: #007F52;
     padding: 20px;
     text-align: center;
     color: #FFF;
 }


 #Wrap #performer h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #performer h2 span {
     font-size: 1rem;
 }

 #Wrap #performer .flex {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }

 #Wrap #performer .flex div {
     width: calc(100% / 2);
 }


 #Wrap #performer h3 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     margin: 50px 0px 0px;
     color: #c69e62;
 }

 #Wrap #performer h3 span {
     font-size: 1rem;
 }

 #Wrap #performer p img {
     width: 100%;
     max-width: 200px;
     padding: 20px 0px 0px;
 }

 #Wrap #performer .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px auto;
     color: #007F52;
 }


 /*guest*/

 #Wrap #performer .guest {
     margin-top: 50px;
 }

 #Wrap #performer .guest h3 {
     text-align: center;
     font-weight: bold;
     font-size: 1.5rem;
     margin: 50px 0px 0px;
     color: #c69e62;
 }

 #Wrap #performer .guest h3 span {
     font-size: 0.8rem;
 }


 #Wrap #performer .guest p img {
     width: 100%;
     max-width: 150px;
     padding: 20px 0px 0px;
 }

 #Wrap #performer .guest .flex div {
     width: calc(100% / 3);
 }

 #Wrap #performer .guest .about_link {
     display: block;
     max-width: 150px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px auto;
     color: #007F52;
 }


 @media screen and (max-width: 751px) {

     #Wrap #performer {
         padding: 10px;
     }

     #Wrap #performer h2,
     #Wrap #performer h3,
     #Wrap #performer .guest h3 {
         font-size: 1.2rem;
     }

     #Wrap #performer h3 span {
         font-size: 0.5rem;
     }

     #Wrap #performer .guest .flex div {
         width: calc(100% / 2);
         padding: 0px 10px;
     }

     #Wrap #performer .guest h3 {
         font-size: 1.2rem;
         min-height: 2.4rem;
         margin: 20px 0px 0px;
     }


 }

 @media screen and (max-width: 450px) {
     #Wrap #performer .flex div {
         width: 100%;
     }

 }

 /*-----------------------

GUIDE notice.html

-----------------------*/

 #Wrap #notice {
     background-color: #fff;
     color: #007f52;
     padding: 20px;
     text-align: left;
 }

 #Wrap #notice .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #007f52;
 }

 #Wrap #notice h2 {
     color: #007f52;
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #007f52;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #notice h3 {
     background: #007f52;
     color: #fff;
     font-size: 1.5rem;
     font-weight: bold;
     text-align: center;
     padding: 10px;
     margin: 20px 0px 10px;
 }

 #Wrap #notice .bg_green {
     padding: 20px;
     margin-bottom: 20px;
 }

 #Wrap #notice .bg_green h3 {
     background: none;
     color: #007f52;
     font-size: 1.5rem;
 }

 #Wrap #notice ul {
     margin: 10px;

 }

 #Wrap #notice ul li {
     margin-bottom: 15px;
     line-height: 1.5rem
 }

 #Wrap #notice ul li a {
     color: #007f52;
     font-weight: bold;
 }


 @media screen and (max-width: 751px) {

     #Wrap #notice {
         padding: 10px;
     }

     #Wrap #notice h2,
     #Wrap #notice h3 {
         font-size: 1.2rem;
         text-align: center;
     }

 }

 /*-----------------------

GUIDE qa.html

-----------------------*/
 #Wrap #qa {
     background-color: #fff;
     color: #2072ad;
     padding: 20px;
     text-align: left;
 }

 #Wrap #qa .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #2072ad;
 }

 #Wrap #qa h2 {
     color: #2072ad;
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #2072ad;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #qa h3 {
     background-color: #2072ad;
     color: #fff;
     font-size: 1.2rem;
     font-weight: bold;
     text-align: left;
     padding: 10px;
     line-height: 1.2rem;
 }

 #Wrap #qa h3::before {
     content: "Q.";
     font-size: 1.2rem;
     font-weight: bold;
 }


 #Wrap #qa dl dd {
     padding: 10px;
     margin-bottom: 20px;
     color: #2072ad;
 }


 #Wrap #qa dl dd a {
     color: #2072ad;
     font-weight: bold;
     padding: 0px 5px;
     border-bottom: 1px dotted #2072ad;
 }




 @media screen and (max-width: 751px) {

     #Wrap #qa {
         padding: 10px;
     }

     #Wrap #qa h2,
     #Wrap #qa h3,
     #Wrap #qa dl dd ::before {
         font-size: 1.2rem;
     }

 }




 /*---------------------------------------------------------------  SHOP  */

 /*-----------------------

SHOP index.html

-----------------------*/

 #Wrap #shop h2 {
     font-family: 'Russo One', sans-serif;
     background-color: #F6AEC1;
     background-image: url(../images/bg_dot.png);
     padding: 10px;
     font-size: 1.8rem;
     font-weight: bold;
     text-align: center;
     color: #664a39;
 }

 #Wrap #shop h2 span {
     display: block;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 0.8rem;
     font-weight: normal;
 }



 #Wrap #shop .page_list li .base {
     background-color: #F6AEC1;
 }

 /*-----------------------

 SHOP goods.html   

-----------------------*/

 /*---------------------------------------------------------------  goods_info  */
 #Wrap #goods_info,
 #Wrap #goods_info2,
 #Wrap #goods_info_cue {
     background-color: #fff;
     color: #2072ad;
     padding: 20px;
 }

 #Wrap #goods_info .inner_border {
     border-color: #2072ad;
 }

 #Wrap #goods_info h2,
 #Wrap #goods_info2 h2,
 #Wrap #goods_info_cue h2 {
     color: #2072ad;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #2072ad;
     padding: 10px;
     margin-bottom: 20px;
     text-align: center;
 }

 #Wrap #goods_info .inner_border a.goods_link,
 #Wrap #goods_info2 .inner_border a.goods_link {
     background-color: #2072ad;
     color: #fff;
     padding: 0px 10px;
     margin: 0px 5px;
 }

 #Wrap #goods_info2.c-red,
 #Wrap #goods_info2.c-red h2 {
     color: #f16529;
     border-color: #f16529;
 }

 #Wrap #goods_info2.c-red .inner_border {
     border-color: #f16529;
 }

 #Wrap #goods_info2.c-red dl dt {
     background-color: rgba(241, 101, 41, 0.2);
     border-bottom: 1px solid #f16529;
 }


 #Wrap #goods_info2.c-red dl dt a {
     color: #664a39;
 }

 #Wrap #goods_info2.c-red img {
     width: 50px;
     height: 50px;
 }


 #Wrap #goods_info2.c-red dl dd {
     border-bottom: 1px solid #f16529;
 }


 @media screen and (max-width: 751px) {
     #Wrap #goods_info2.c-red dl {
         border: 1px solid #f16529;
     }

     #Wrap #goods_info2.c-red dl dt,
     #Wrap #goods_info2.c-red dl dd {
         border-bottom: none;
     }
 }

 }

 /*  goods_info2  */
 #Wrap #goods_info2 {
     color: #664a39;
 }

 #Wrap #goods_info2 .inner_border {
     border-color: #664a39;
 }

 #Wrap #goods_info2 h2 {
     color: #664a39;
     border-bottom: 4px solid #664a39;
 }

 #Wrap #goods_info2 .inner_border a.goods_link {
     background-color: #664a39;
 }

 #Wrap #goods_info2 dl {
     display: flex;
     flex-wrap: wrap;
     line-height: 1.5rem;
     margin-bottom: 20px;

 }

 #Wrap #goods_info2 dl dt {
     display: flex;
     justify-content: space-between;
     background-color: rgba(102, 74, 57, 0.2);
     width: 20rem;
     min-height: 3rem;
     border-bottom: 1px solid #664a39;
     padding: 10px;
 }


 #Wrap #goods_info2 dl dt a {
     color: #664a39;
 }

 #Wrap #goods_info2 dl dt img {
     width: 50px;
     height: 50px;
 }


 #Wrap #goods_info2 dl dd {
     width: calc(100% - 20rem);
     border-bottom: 1px solid #664a39;
     padding: 10px;
 }


 /*  goods_info_cue  */
 #Wrap #goods_info_cue .inner_border {
     border-color: #007F52;
 }

 #Wrap #goods_info_cue {
     color: #007F52;
 }

 #Wrap #goods_info_cue h2 {
     color: #007F52;
     border-bottom: 4px solid #007F52;
 }

 #Wrap #goods_info_cue .inner_border a.goods_link {
     background-color: #007F52;
 }

 #Wrap #goods_info_cue dl {
     display: flex;
     flex-wrap: wrap;
     line-height: 1.5rem;
     margin: 20px 0px;
 }

 #Wrap #goods_info_cue dl dt img {
     width: 50px;
     height: 50px;
 }

 #Wrap #goods_info_cue dl dt {
     display: flex;
     justify-content: space-between;
     background-color: rgba(0, 127, 82, 0.2);
     width: 20rem;
     min-height: 3rem;
     border-bottom: 1px solid #007F52;
     padding: 10px;
 }


 #Wrap #goods_info_cue dl dt a {
     color: #664a39;
 }

 #Wrap #goods_info_cue dl dd {
     width: calc(100% - 20rem);
     border-bottom: 1px solid #007F52;
     padding: 10px;
 }

 #Wrap #goods_info_cue .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #007F52;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }


 @media screen and (max-width: 751px) {


     #Wrap #goods_info,
     #Wrap #goods_info2,
     #Wrap #goods_info_cue {
         padding: 10px;
     }

     #Wrap #goods_info h2,
     #Wrap #goods_info2 h2,
     #Wrap #goods_info_cue h2 {
         font-size: 1.2rem;
         text-align: center;
     }

     #Wrap #goods_info2 dl {
         border: 1px solid #664a39;
     }

     #Wrap #goods_info2 dl dt {
         text-align: center;
         width: 100%;
         border-bottom: none;
     }

     #Wrap #goods_info2 dl dd {
         width: 100%;
         border-bottom: none;
     }



     #Wrap #goods_info_cue dl {
         border: 1px solid #664a39;
     }

     #Wrap #goods_info_cue dl dt {
         text-align: center;
         width: 100%;
         border-bottom: none;
     }

     #Wrap #goods_info_cue dl dd {
         width: 100%;
         border-bottom: none;
     }


 }

 /*---------------------------------------------------------------  goods_category  */


 #Wrap #goods_category {
     background-color: #007F52;
     padding: 20px;
     text-align: center;
 }

 #Wrap #goods_category h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     color: #c69e62;
 }

 #Wrap #goods_category ul {
     max-width: 800px;
     background-color: rgba(255, 255, 255, 0.2);
     margin: 20px auto;
     padding: 20px;
 }

 #Wrap #goods_category ul li {
     border-top: 1px solid #007F52;
     padding: 5px 0px;
     color: #007F52;
     padding: 5px 0px;
 }

 #Wrap #goods_category ul li:first-child {
     border: none;
 }

 #Wrap #goods_category ul li span {
     font-size: 0.5rem;
     margin-right: 10px;
     opacity: 0.7;
 }

 #Wrap #goods_category ul li a {
     display: block;
     width: calc(100% - 2rem);
     vertical-align: middle;
     border-radius: 30px;
     font-size: 1rem;
     padding: 10px;
     margin: 0px auto;
     color: #fff;
 }

 #Wrap #goods_category ul li a span {
     opacity: 1;
     background: #C01920;
     padding: 2px;
     margin-left: 10px;
 }


 #Wrap #goods_category ul li p {
     width: calc(100% - 2rem);
     padding: 10px;
     margin: 0px auto;
 }


 @media screen and (max-width: 751px) {

     #Wrap #news {
         padding: 10px;
     }

     #Wrap #news h2 {
         font-size: 1.5rem;
     }

     #Wrap #news ul li span {
         font-size: 0.5rem;
         margin-right: 10px;
     }

     #Wrap #news ul li a {
         font-size: 0.8rem;
         padding: 5px;
     }

 }


 /*---------------------------------------------------------------  goods  */
 #Wrap .goods {
     background-color: #fff;
     color: #007f52;
     padding: 20px;
     text-align: center;
 }

 #Wrap .goods a {
     font-weight: bold;
     color: inherit;
     border-bottom: 1px dotted #007f52;
 }

 #Wrap .goods .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #007f52;
 }

 #Wrap .goods h2 {
     color: #007f52;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #007f52;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap .goods .c_cate {
     display: block;
     background-color: #ffe30d;
     text-align: center;
     font-weight: bold;
     font-size: 1.5rem;
     padding: 5px;
     margin: 20px 0px 10px;
 }

 #Wrap .goods p {
     text-align: left;
 }

 #Wrap p img.oncue {
     display: block;
     width: 100%;
     max-width: 500px;
     margin: 20px auto;
 }

 #Wrap .goods a.about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #ffe30d;
     padding: 10px;
     margin: 10px auto;
     color: #007F52;
     border: none;
 }

 #Wrap .goods .title {
     background-color: #007f52;
     padding: 10px;
     margin-top: 30px;
     margin-bottom: 10px;
     font-size: 1.3rem;
     font-weight: bold;
     color: #fff;
 }

 #Wrap .goods h3 {
     line-height: 1.2rem;
     font-weight: bold;
     text-align: center;
     margin-top: 10px;
 }

 #Wrap .goods .goods_list {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }

 #Wrap .goods .goods_list li {
     position: relative;
     background: #007f52;
     font-size: 0.8rem;
     margin: 10px;
     padding: 10px;
     width: calc(100% / 3 - 20px);
     color: #fff;
 }

 #Wrap .goods .goods_list li a {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

 #Wrap .goods .goods_list li a:hover {
     opacity: 0.5;
 }


 #Wrap .goods .goods_list li .presale {
     background: #ffe30d;
     color: #664a39;
     margin-top: 10px;
     text-align: center !important;
 }

 #Wrap .goods .goods_list li img {
     width: 100%;
 }


 @media screen and (max-width: 751px) {

     #Wrap .goods {
         padding: 10px;
     }

     #Wrap .goods h2 {
         font-size: 1.2rem;
         text-align: center;
     }


     #Wrap .goods .c_cate {
         font-size: 1rem;
     }


     #Wrap .goods .goods_list li {
         width: calc(100% / 2 - 20px);
     }

 }

 @media screen and (max-width: 400px) {
     #Wrap .goods .goods_list li {
         width: 100%;
     }
 }

 /*goods_coming*/

 #Wrap #goods_coming {
     background-color: #fff;
     color: #fff;
     padding: 20px;
 }

 #Wrap #goods_coming .inner_border {
     background-color: #f16529;
     border-color: #ffe30d;

 }

 #Wrap #goods_coming h2 {
     background: #ffe30d;
     font-weight: bold;
     font-size: 1.5rem;
     border-bottom: none;
     padding: 10px;
     margin-bottom: 20px;
     text-align: center;
     color: #f16529;
 }

 #Wrap #goods_coming .c_cate {
     background: none;
     color: #fff;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     text-align: center;
     padding: 10px;
     margin-top: 100px;
     margin-bottom: 20px;
 }

 #Wrap #goods_coming .collaboration_img img {
     width: 100%;
     height: auto;
     padding: 10px;
 }

 #Wrap #goods_coming a {
     display: block;
     max-width: 300px;
     margin: 0px auto;
 }

 #Wrap #goods_coming a img {
     width: 100%;
     height: auto;
     padding: 10px;
 }


 @media screen and (max-width: 751px) {

     #Wrap #goods_coming {
         padding: 10px;
     }

     #Wrap #goods_coming h2,
     #Wrap #goods_coming .c_cate {
         font-size: 1.2rem;
     }

     #Wrap #goods_coming .c_cate {
         margin-top: 50px;

     }
 }


 /*-----------------------

 SHOP goods_detail 

-----------------------*/
 #Wrap .back {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #007F52;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }

 #Wrap #goods_detail {
     background-color: #fff;
     color: #007f52;
     padding: 20px;
 }

 #Wrap #goods_detail .inner_border {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     border-color: #007f52;
 }

 #Wrap #goods_detail .inner_border .leftside {
     width: calc(40% - 20px);
 }

 #Wrap #goods_detail .inner_border .leftside img {
     box-sizing: border-box;
     width: 100%;
     border: 1px solid #007f52;
     margin-bottom: 20px;
 }

 #Wrap #goods_detail .inner_border .rightside {
     width: 60%;
 }

 #Wrap #goods_detail .inner_border .rightside .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #007f52;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }

 #Wrap #goods_detail h2 {
     background-color: #007f52;
     font-weight: bold;
     font-size: 1.2rem;
     padding: 10px;
     text-align: center;
     color: #fff;
 }

 #Wrap #goods_detail .presale {
     display: block;
     background-color: #ffe30d;
     font-size: 1rem;
     padding: 5px;
     text-align: center !important;
     color: #664a39;
 }

 #Wrap #goods_detail h3 {
     font-weight: bold;
     font-size: 1.2rem;
     margin: 20px 0px;
 }

 #Wrap #goods_detail .price {
     font-size: 1.2rem;
     font-weight: bold;
     padding: 5px 0px;
     margin-bottom: 15px;
     color: #c01920;
 }

 #Wrap #goods_detail .produce {
     display: inline-block;
     background-color: #2072ad;
     font-size: 1rem;
     font-weight: bold;
     padding: 5px;
     margin-bottom: 15px;
     color: #fff;
 }

 #Wrap #goods_detail .remarks {
     font-size: 0.8rem;
     line-height: 1.2rem;
     color: #c01920;
     margin-top: 20px;
 }

 #Wrap #goods_detail .spec {
     margin-top: 20px;
 }

 #Wrap #goods_detail dl {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 20px;
     border: 1px solid #007f52;
 }


 #Wrap #goods_detail dl dt {
     background: rgba(0, 127, 82, 0.2);
     width: 30%;
     font-weight: bold;
     padding: 10px;
     border-top: 1px solid #007f52;
 }

 #Wrap #goods_detail dl dd {
     width: 70%;
     border-top: 1px solid #007f52;
     border-left: 1px solid #007f52;
     padding: 10px;
 }

 #Wrap #goods_detail dl dt:first-child,
 #Wrap #goods_detail dl dd:first-of-type {
     border-top: 0 none transparent;
 }

 #Wrap #goods_detail dl dd a {
     margin: 0px;
     padding: 0px;
 }

 #Wrap #goods_detail dl dd .icon {
     width: 50px;
     margin: 2px;

 }

 @media screen and (max-width: 751px) {

     #Wrap #goods_detail {
         padding: 10px;
     }

     #Wrap #goods_detail h2,
     #Wrap #goods_detail h3,
     #Wrap #goods_detail .price {
         font-size: 1rem;
     }

     #Wrap #goods_detail .inner_border {
         flex-direction: column-reverse;
     }

     #Wrap #goods_detail .inner_border .leftside,
     #Wrap #goods_detail .inner_border .rightside {
         width: 100%;
     }

 }



 /*-----------------------

SHOP lottery.html   

-----------------------*/


 #Wrap #lottery {
     background-color: #007F52;
     padding: 20px;
     color: #FFF;
 }

 #Wrap #lottery .attention {
     font-size: 0.8rem;
     text-align: left;
     line-height: 1.5rem;
     color: #ffe30d;
     border: 2px solid #ffe30d;
     margin: 10px 0px;
     padding: 10px;
 }

 #Wrap #lottery h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #lottery h3 {
     background-color: #ffe30d;
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     padding: 10px;
     margin: 50px 0px 20px;
     color: #007F52;
 }



 #Wrap #lottery dl {
     background-color: rgba(255, 255, 255, 0.2);
     margin: 20px 0px;
 }

 #Wrap #lottery dt {
     background-color: #fff;
     padding: 10px;
     color: #007F52;
     font-weight: bold;
 }

 #Wrap #lottery dd {
     padding: 10px;
 }


 #Wrap #lottery .img_box {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     text-align: center;
 }

 #Wrap #lottery .img_box img {
     width: 100%;
     max-width: 200px;
     padding: 5px;
 }


 #Wrap #lottery .img_box a p {
     color: #fff;
     font-size: 0.8rem;
     line-height: 1rem;
 }


 @media screen and (max-width: 751px) {

     #Wrap #lottery {
         padding: 10px;
     }

     #Wrap #lottery h2,
     #Wrap #lottery .notice {
         font-size: 1.2rem;
     }

 }

 /*-----------------------

SHOP service.html   

-----------------------*/


 #Wrap #service {
     background-color: #007F52;
     padding: 20px;
     color: #FFF;
 }

 #Wrap #service .attention {
     font-size: 0.8rem;
     text-align: left;
     line-height: 1.5rem;
     color: #ffe30d;
     border: 2px solid #ffe30d;
     margin: 10px 0px;
     padding: 10px;
 }

 #Wrap #service h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #service h3 {
     background-color: #ffe30d;
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     padding: 10px;
     margin: 50px 0px 20px;
     color: #007F52;
 }



 #Wrap #service dl {
     background-color: rgba(255, 255, 255, 0.2);
     margin: 20px 0px;
 }

 #Wrap #service dt {
     background-color: #fff;
     padding: 10px;
     color: #007F52;
     font-weight: bold;
 }

 #Wrap #service dd {
     padding: 10px;
 }

 #Wrap #service .img_box img {
     display: block;
     margin: 0px auto;
     width: 100%;
     max-width: 600px;
     padding: 5px;
 }


 #Wrap #service .img_box a p {
     color: #fff;
     font-size: 0.8rem;
     line-height: 1rem;
 }


 @media screen and (max-width: 751px) {

     #Wrap #service {
         padding: 10px;
     }

     #Wrap #service h2,
     #Wrap #service h3,
     #Wrap #service .notice {
         font-size: 1.2rem;
     }

 }





 /*-----------------------

 SHOP booth.html   

-----------------------*/

 #Wrap .booth {
     background-color: #fff;
     color: #2072ad;
     padding: 20px;
 }

 #Wrap .booth .inner_border {
     border-color: #2072ad;
 }

 #Wrap .booth h2 {
     color: #2072ad;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #2072ad;
     padding: 10px;
     margin-bottom: 20px;
     text-align: center;
 }

 #Wrap .booth p {
     text-align: left;
 }

 #Wrap .booth a.about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #ffe30d;
     padding: 10px;
     margin: 10px auto;
     color: #2072ad;
     border: none;
 }

 #Wrap .booth .title {
     background-color: #2072ad;
     padding: 10px;
     margin-top: 30px;
     margin-bottom: 10px;
     font-size: 1.3rem;
     font-weight: bold;
     color: #fff;
 }

 #Wrap .booth h3 {
     line-height: 1.2rem;
     font-weight: bold;
     text-align: center;
     margin-top: 10px;
 }

 #Wrap .booth .booth_list {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }

 #Wrap .booth .booth_list li {
     position: relative;
     background: #2072ad;
     font-size: 0.8rem;
     margin: 10px;
     padding: 10px;
     width: calc(100% / 4 - 20px);
     color: #fff;
 }

 #Wrap .booth .booth_list li a {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

 #Wrap .booth .booth_list li a:hover {
     opacity: 0.5;
 }

 #Wrap .booth .booth_list li img {
     width: 100%;
 }

 @media screen and (max-width: 751px) {

     #Wrap .booth {
         padding: 10px;
     }

     #Wrap .booth h2 {
         font-size: 1.2rem;
         text-align: center;
     }

     #Wrap .booth .booth_list li {
         width: calc(100% / 2 - 20px);
     }

 }




 /*---------------------------------------------------------------  booth_info  */
 #Wrap #booth_info {
     background-color: #2072ad;
     color: #fff;
     padding: 20px;
 }

 #Wrap #booth_info .inner_border {
     border-color: #fff;
 }

 #Wrap #booth_info h2 {
     color: #fff;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
     text-align: center;
 }

 #Wrap #booth_info img {
     width: 100%;
 }


 /*---------------------------------------------------------------  goods_category  */


 #Wrap #booth_category {
     background-color: #2072ad;
     padding: 20px;
     text-align: center;
 }

 #Wrap #booth_category h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     color: #c69e62;
 }

 #Wrap #booth_category ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     max-width: 800px;
     background-color: rgba(255, 255, 255, 0.2);
     margin: 20px auto;
     padding: 20px;
 }

 #Wrap #booth_category ul li {
     width: calc(100% / 3 - 10px);
     border: 1px solid rgba(255, 255, 255, 0.5);
     padding: 5px 0px;
     margin: 5px;
 }

 #Wrap #booth_category ul li span {
     font-size: 0.5rem;
     margin-right: 10px;
     opacity: 0.7;
 }

 #Wrap #booth_category ul li a {
     display: block;
     width: calc(100% - 2rem);
     vertical-align: middle;
     border-radius: 30px;
     font-size: 1rem;
     padding: 10px;
     margin: 0px auto;
     color: #fff;
 }

 #Wrap #booth_category ul li a span {
     opacity: 1;
     background: #C01920;
     padding: 2px;
     margin-left: 10px;
 }


 #Wrap #booth_category ul li p {
     width: calc(100% - 2rem);
     padding: 10px;
     margin: 0px auto;
 }


 @media screen and (max-width: 751px) {

     #Wrap #booth_category h2 {
         font-size: 1.22rem;
     }

     #Wrap #booth_category ul li {
         width: 100%;
         font-size: 1rem;
     }

     #Wrap #booth_category ul li a {
         padding: 5px;
     }

 }


 /*-----------------------

 SHOP booth_detail 

-----------------------*/
 #Wrap #booth_detail .back {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #2072ad;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }

 #Wrap #booth_detail {
     background-color: #fff;
     color: #2072ad;
     padding: 20px;
 }

 #Wrap #booth_detail .inner_border {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     border-color: #2072ad;
 }

 #Wrap #booth_detail .inner_border .leftside {
     width: calc(40% - 20px);
 }

 #Wrap #booth_detail .inner_border .leftside img {
     box-sizing: border-box;
     width: 100%;
     border: 1px solid #2072ad;
     margin-bottom: 20px;
 }

 #Wrap #booth_detail .inner_border .rightside {
     width: 60%;
 }

 #Wrap #booth_detail .inner_border .rightside .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #2072ad;
     padding: 10px;
     margin: 10px auto;
     color: #fff;
 }

 #Wrap #booth_detail h2 {
     background-color: #2072ad;
     font-weight: bold;
     font-size: 1.2rem;
     padding: 10px;
     text-align: center;
     color: #fff;
 }

 #Wrap #booth_detail .presale {
     display: block;
     background-color: #ffe30d;
     font-size: 1rem;
     padding: 5px;
     text-align: center !important;
     color: #664a39;
 }

 #Wrap #booth_detail h3 {
     font-weight: bold;
     font-size: 1.2rem;
     margin: 20px 0px;
 }

 #Wrap #booth_detail h4 {
     font-weight: bold;
     font-size: 1rem;
     margin: 20px 0px 10px;
     text-align: center;
 }


 #Wrap #booth_detail .produce {
     display: inline-block;
     background-color: #2072ad;
     font-size: 1rem;
     font-weight: bold;
     padding: 5px;
     margin-bottom: 15px;
     color: #fff;
 }

 #Wrap #booth_detail .remarks {
     font-size: 0.8rem;
     line-height: 1.2rem;
     color: #c01920;
     margin-top: 20px;
 }

 #Wrap #booth_detail .area {
     margin-top: 20px;
 }

 #Wrap #booth_detail dl {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 20px;
     border: 1px solid #2072ad;
 }


 #Wrap #booth_detail dl dt {
     background: rgba(32, 114, 173, 0.2);
     width: calc(100% - 8rem);
     font-weight: bold;
     padding: 10px;
     border-top: 1px solid #2072ad;
 }

 #Wrap #booth_detail dl dd {
     width: 8rem;
     border-top: 1px solid #2072ad;
     border-left: 1px solid #2072ad;
     padding: 10px;
 }

 #Wrap #booth_detail dl dt:first-child,
 #Wrap #booth_detail dl dd:first-of-type {
     border-top: 0 none transparent;
 }

 #Wrap #booth_detail dl dd a {
     margin: 0px;
     padding: 0px;
 }


 @media screen and (max-width: 751px) {

     #Wrap #booth_detail {
         padding: 10px;
     }

     #Wrap #booth_detail h2,
     #Wrap #booth_detail h3,
     #Wrap #booth_detail .price {
         font-size: 1rem;
     }

     #Wrap #booth_detail .inner_border {
         flex-direction: column-reverse;
     }

     #Wrap #booth_detail .inner_border .leftside,
     #Wrap #booth_detail .inner_border .rightside {
         width: 100%;
     }

 }


 /*-----------------------

 ENJOY index.html

-----------------------*/

 #Wrap #enjoy h2 {
     font-family: 'Russo One', sans-serif;
     background-color: #ffe30d;
     background-image: url(https://matsuri-dodesyo.com/images/bg_dot2.png);
     padding: 10px;
     font-size: 1.8rem;
     font-weight: bold;
     text-align: center;
     color: #664a39;
 }

 #Wrap #enjoy h2 span {
     display: block;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 0.8rem;
     font-weight: normal;
 }

 #Wrap #enjoy .page_list li .base {
     background-color: #ffe30d;
 }

 /*-----------------------

 ENJOY map.html

-----------------------*/

 #Wrap #map {
     background-color: #007F52;
     padding: 20px;
     text-align: center;
     color: #FFF;
 }


 #Wrap #map h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #map .map_img img {
     width: 100%;
     padding: 10px;
 }

 #Wrap #map .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 20px auto 30px;
     color: #007F52;
 }

 @media screen and (max-width: 751px) {


     #Wrap #map {
         padding: 10px;
     }

     #Wrap #map h2,
     #Wrap #map .notice {
         font-size: 1.2rem;
     }

 }


 /*-----------------------

 ENJOY stage.html   

-----------------------*/

 #Wrap #stage {
     background-color: #fff;
     color: #2072ad;
     padding: 20px;
 }

 #Wrap #stage .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #2072ad;
 }

 #Wrap #stage h2 {
     color: #2072ad;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #2072ad;
     padding: 10px;
     margin-bottom: 20px;
     text-align: center;
 }


 #Wrap #stage hr {
     background-color: #fff;
     border-top: 2px solid #2072ad;
     margin: 20px;
     box-shadow:
 }

 #Wrap #stage p img {
     width: 100%;
     max-width: 300px;
 }



 #Wrap #stage table {
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     margin: 50px auto 20px;
     border: 1px solid #2072ad;
 }

 #Wrap #stage table th,
 #Wrap #stage table td {
     padding: 20px 0;
     text-align: center;
     border-bottom: 1px solid #2072ad;
 }

 #Wrap #stage table tr th {
     width: 10%;
     border-right: 1px solid #2072ad;
 }

 #Wrap #stage table td {
     width: 30%;
     text-align: center;
     line-height: 1.4rem;
     border-right: 1px solid #2072ad;
 }

 #Wrap #stage table tr.bg_blue {
     background-color: rgba(32, 114, 173, 0.1);
 }


 @media screen and (max-width: 751px) {

     #Wrap #stage {
         padding: 10px;
         text-align: left;
     }

     #Wrap #stage h2 {
         font-size: 1.2rem;
         text-align: center;
     }

     #Wrap #stage table {
         width: 100%;
         margin: 30px auto 10px;
     }

 }

 /*-----------------------

 ENJOY live.html   

-----------------------*/

 #Wrap #live {
     background-color: #007F52;
     padding: 20px;
     color: #FFF;
 }



 #Wrap #live h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #live .notice {
     font-size: 1.5rem;
     font-weight: bold;
 }

 #Wrap #live p {
     padding-bottom: 20px;
 }



 #Wrap #live .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 50px auto 30px;
     color: #007F52;
 }

 @media screen and (max-width: 751px) {

     #Wrap #live h2,
     #Wrap #live .notice {
         font-size: 1.2rem;
     }

 }

 /*-----------------------

 ENJOY vieos.html   

-----------------------*/

 #Wrap #videos {
     background-color: #2072ad;
     padding: 20px;
     color: #FFF;
 }

 #Wrap #videos h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }


 #Wrap #videos h3 {
     background: #ffe30d;
     font-weight: bold;
     text-align: center;
     color: #2072ad;
     padding: 10px;
     margin: 20px 0px 10px;
 }


 #Wrap #videos .notice {
     font-size: 1.5rem;
     line-height: 2rem;
     font-weight: bold;
 }

 #Wrap #videos p {
     padding-bottom: 20px;
 }


 #Wrap #videos dl {
     width: 90%;
     box-sizing: border-box;
     margin: 20px auto;
     display: flex;
     flex-wrap: wrap;
     padding: 20px;
     padding-bottom: 0px;
     line-height: 1.5rem;
     border: 1px solid #fff;
 }

 #Wrap #videos dl dt {
     width: 120px;
     text-align: right;
     padding-right: 1rem;
     border-right: 1px solid #fff;
     margin-bottom: 20px;
 }

 #Wrap #videos dl dd {
     width: calc(100% - 120px);
     text-align: left;
     padding-left: 1rem;
     margin-bottom: 20px;
 }

 #Wrap #videos .about_link {
     display: block;
     max-width: 300px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 0px auto 30px;
     color: #2072ad;
 }

#Wrap #videos .link_y{
    background-color: #ffe30d;
    font-weight: bold;
    font-size: 1.2rem;
    
}


 #Wrap #videos h3.system_equirements {
     background: none;
     color: #ffe30d;
 }

 table.system_equirements {
     border-collapse: collapse;
     margin: 0 auto 20px;
     padding: 0;
     table-layout: fixed;
 }

 table.system_equirements tr {
     background-color: rgba(255, 255, 255, 0.2);
     padding: 10px;
     border-bottom: 1px solid #2072ad;
 }

 table.system_equirements th,
 table.system_equirements thead th {
     color: #fff;
     text-align: center;
     vertical-align: middle;
 }

 table.system_equirements th,
 table.system_equirements td {
     padding: 20px;
     border-right: 1px solid #2072ad;
     vertical-align: middle;
     text-align: center;
 }

 table.system_equirements td:first-child {
     width: 300px;
     text-align: left;
 }

 table.system_equirements th {
     font-size: 1.2rem;
     border: 1px solid #2072ad;
 }

 table.system_equirements thead tr {
     background-color: #C69E61;
     color: #fff;
 }

 table.system_equirements tbody th {
     color: #fff;
 }


 @media screen and (max-width: 751px) {

     #Wrap #videos h2,
     #Wrap #videos .notice {
         font-size: 1.2rem;
         line-height: 1.5rem;
     }

     #Wrap #videos dl {
         width: 100%;
         padding: 10px;
         padding-bottom: 0px;
     }

     #Wrap #videos dl dt {
         width: 100%;
         background: #fff;
         text-align: center;
         color: #2072ad;
         margin-bottom: 10px;
     }

     #Wrap #videos dl dd {
         width: 100%;
         margin-bottom: 10px;
     }
     
 table.system_equirements th,
 table.system_equirements td {
     padding: 10px;
     }     
     
 }


 /*-----------------------

 ENJOY videos_.html   

-----------------------*/

#Wrap #qa2 {
     background-color: #2072ad;
     color: #fff;
     padding: 20px;
     text-align: left;
 }

 #Wrap #qa2 .inner_border {
     background-image: url(../images/bg_dot.png);
     border-color: #fff;
 }

 #Wrap #qa2 h2 {
     color: #fff;
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #qa2 h3 {
     background-color: #fff;
     color: #2072ad;
     font-size: 1.2rem;
     font-weight: bold;
     text-align: left;
     padding: 10px;
     line-height: 1.2rem;
 }

 #Wrap #qa2 h3::before {
     content: "Q.";
     font-size: 1.2rem;
     font-weight: bold;
 }


 #Wrap #qa2 dl dd {
     padding: 10px;
     margin-bottom: 20px;
     color: #fff;
 }


 #Wrap #qa2 dl dd a {
     color: #fff;
     font-weight: bold;
     padding: 0px 5px;
     border-bottom: 1px dotted #fff;
 }

 #Wrap #qa2 .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px auto;
     color: #2072ad;
 }


 @media screen and (max-width: 751px) {

     #Wrap #qa2 {
         padding: 10px;
     }

     #Wrap #qa2 h2,
     #Wrap #qa2 h3,
     #Wrap #qa2 dl dd ::before {
         font-size: 1.2rem;
     }

 }






 /*-----------------------

 ENJOY doudemy.html   

-----------------------*/

 #Wrap #doudemy {
     background-color: #470201;
     padding: 20px;
     color: #FFF;
 }

 #Wrap #doudemy .inner_border .deadline {
     text-align: center;
     font-weight: bold;
     background-color: #ffe30d;
     color: #664a39;
     padding: 20px 0px;
     margin: 20px 0px;
 }

#Wrap #doudemy .logo {
     width: 100%;
     margin-bottom: 10px;
 }

 #Wrap #doudemy h2 {
     text-align: center;
     font-weight: bold;
     font-size: 2rem;
     border-bottom: 4px solid #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #Wrap #doudemy h2 span {
     font-size: 1.5rem;
 }

 #Wrap #doudemy .info {
     background-color: #fff;
     margin: 20px 0px;
     color: #664a39;
 }

 #Wrap #doudemy .info h3 {
     background: #D30917;
     font-weight: bold;
     color: #fff;
     padding: 10px;
 }

 #Wrap #doudemy .info p {
     padding: 10px;
 }

 #Wrap #doudemy .about_link {
     display: block;
     max-width: 250px;
     text-align: center;
     border-radius: 30px;
     background-color: #fff;
     padding: 10px;
     margin: 10px auto;
     color: #664a39;
 }

 #Wrap #doudemy table {
     width: 100%;
     background: #fff;
     color: #664a39;
     border-collapse: collapse;
     border: 1px solid #470201;
     margin: 20px auto;
 }

 #Wrap #doudemy table td {
     border: 1px solid #664a39;
     vertical-align: middle;
     text-align: left;
 }

 #Wrap #doudemy table td.num {
     width: 5%;
     background-color: #D30917;
     text-align: center;
     color: #fff;
 }

 #Wrap #doudemy table td.img {
     width: 40%;
 }

 #Wrap #doudemy table td.img img {
     width: 100%;
 }


 #Wrap #doudemy table td.detail {
     width: 55%;
 }

 #Wrap #doudemy table td dl dt {
     font-weight: bold;
     padding: 5px;
 }

 #Wrap #doudemy table td dl dt span {
     color: #ff0000;
 }

 #Wrap #doudemy table td dl dd {
     padding: 10px;
 }

 #Wrap #doudemy a.next {
     background-color: #fff;
     display: block;
     width: 200px;
     text-align: center;
     padding: 10px;
     border-radius: 20px;
     color: #664a39;
     margin: 0px auto;
     border: 2px solid #ffe30d;
 }


 #Wrap #doudemy #submit {
     display: block;
     text-align: center;
     border-radius: 30px;
     background-color: #ffe30d;
     padding: 10px 40px;
     margin: 10px auto;
     color: #664a39;
     font-weight: bold;
     border: none;
     border: 2px solid #ffe30d;
 }

 #Wrap #doudemy #submit:hover {
     opacity: 0.5;
     transition: 0.5s;
 }

 #Wrap #doudemy .message {
     background: #fff;
     border: 8px solid #ff0000;
     color: #ff0000;
     margin: 20px 0px;
     padding: 10px
 }

 #Wrap footer #privacy {
     color: #664a39;
     font-size: 0.8rem;
     line-height: 1.2rem;
     border: 2px solid #664a39;
     margin: 20px;
     padding: 20px;
 }

 #Wrap footer #privacy a {
     color: #664a39;
     font-weight: bold;
 }

 @media screen and (max-width: 751px) {

     #Wrap #doudemy {
         background-color: #470201;
         padding: 10px;
         color: #FFF;
     }

     #Wrap #doudemy h2 {
         font-size: 1.2rem;
     }

     #Wrap #doudemy table td.check {
         width: 10%;
     }

     #Wrap #doudemy table td.detail {
         width: 55%;
     }

     #Wrap footer #privacy {
         text-align: left;
     }
 }