@charset "UTF-8";
/* 初期化
-----------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table, tr, th, td,
header, hgroup, nav, section, article, aside, footer, figure, figcaption, address, strong, em, div {
    margin: 0;
    padding: 0;
    font-size: 100%;
	font-weight:normal;
	font-style:normal;
	line-height: 1.0;
	list-style:none;
	font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
 text-decoration: none;
}

body{
 background: #161620;
}

#contact-b{
 width: 1300px;
 margin: auto;
}

#header{
 width: 100%;
 padding-top: 18px;
 padding-bottom: 18px;
 position: fixed;
 margin: auto;
 text-align: center;
 z-index:200;
 background: rgba(22, 22, 32, 0.87);
}

#header img{
 width: 230px;
 vertical-align: middle;
}

#header ul{
 width: 60%;
 text-align: right;
 display: inline-block;
}

#header li{
 display: inline-block;
 text-align: center;
 vertical-align: middle;
 padding-left: 15px;
 padding-right: 15px;
 position: relative;
}

#header li a {
 color: #fff;
 font-size: 15px;
 font-weight: 300;
 position: relative;
 text-decoration: none;
 transition: .3s;
 letter-spacing: 1px;
 font-family: 'Roboto', sans-serif;
}

#header li a::after {
 position: absolute;
 bottom: -4px;
 left: 0;
 content: '';
 width: 100%;
 height: 2px;
 background:#d01c1c;
 transform: scale(0, 1);
 transform-origin: center;
 transition: transform .3s;
}

#header li a:hover{
 transition: .3s;
}

#header a:hover::after {
  transform: scale(1, 1);
}

#header ul li ul{
 display: none;
}

#header ul li:hover ul{
 display: block;
}

.main_imgBox {
 height: 0;
 padding-bottom: 50%;
 overflow: hidden;
 position: relative;
}

/*
  .main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 42s 0s infinite;
    animation: anime 42s 0s infinite;
}


.main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

    .main_img:nth-of-type(7) {
      -webkit-animation-delay: 36s;
      animation-delay: 36s; }

@keyframes anime {
  0% {
        opacity: 0;
    }
    7% {
        opacity: 1;
    }
    14% {
        opacity: 1;
    }
  
    21% {
                opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }
    100% { opacity: 0 }
}*/

 .main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 42s 0s infinite;
    animation: anime 42s 0s infinite; }

 .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

    .main_img:nth-of-type(7) {
      -webkit-animation-delay: 36s;
      animation-delay: 36s; }

@keyframes anime {
  0% {
        opacity: 0;
    }
    7% {
        opacity: 1;
    }
    14% {
        opacity: 1;
    }
    21% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }
    100% { opacity: 0 }
}


#top h2{
 color: #ffffff;
 text-align: center;
 font-size: 30px;
 font-weight: 500;
 padding-top: 30px;
 padding-bottom: 30px;
 margin-top: 40px;
 /*background: rgba(9, 37, 100, 0.65);*/
}

#top h3{
 color: #ffffff;
 padding-bottom: 30px;
}

#top .frame{
 width: 100%;
 text-align: center;
 margin: auto;
 padding-top: 250px;
 z-index:11;
 position: absolute;
}

#mission{
 width: 100%;
 background-image: url(../img/top/mission.jpg);
 background-position: top;
 background-repeat: no-repeat;
 background-size: cover;
}

#mission .sp-br{
 display: none;
}

h1{
 color:#ddd;
 font-size: 70px;
 text-align: center;
 letter-spacing: 2px;
 font-family: 'Teko', sans-serif;
 font-weight: bold;
 padding-top: 70px;
 text-shadow: #011aca 1px 0 4px;
}

#mission p{
 width: 60%;
 margin: auto;
 color: #fff;
 font-size: 17px;
 line-height: 55px;
 padding-top: 50px;
 padding-bottom: 50px;
 letter-spacing: 1px;
 text-align: center;
 text-shadow: #FC0 2px 0 10px;
}

.red{
 width: 300px;
 margin: auto;
 text-align: center;
 padding-bottom: 100px;
}

.red a{
 display: block;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 padding-top: 15px;
 padding-bottom: 15px;
 background: #a21b1b;
 transition: .3s;
 border-radius: 3px;
}

.red a:hover{
 color: #fff;
 background: rgba(85, 0, 0, 0.51);
 box-shadow: 0 0 0 1px inset rgba(255, 0, 0, 0.6);
 transition: .3s;
}

#news {
 width: 100%;
 background-image: url(../img/top/news.png);
 background-position: top;
 background-repeat: no-repeat;
 background-size: cover;
}

#news ul{
 max-width: 900px;
 text-align: center;
 margin: auto;
 margin-top: 40px;
}

#news li{
 text-align: left;
 margin-bottom: 40px;
}

#news li a{
 display: block;
 transition: .2s;
}

#news li a:hover{
 transition: .2s;
 background: rgba(32, 35, 58, 0.62);
 box-shadow: 0 0 0 1px inset rgba(23, 139, 160, 0.85);
}

#news .news-left {
 width: 25%;
 display: inline-block;
 left: 0;
  vertical-align: middle;
}

#news .news-left img{
 width: 100%;
 height: auto;
 margin-top: 1px;
 margin-left: 1px;
 margin-bottom: 1px;
 vertical-align: bottom;
}

#news .news-right{
 width: 70%;
 color: #fff;
 display: inline-block;
 text-align: left;
 vertical-align: top;
 padding-left:20px;
 vertical-align: middle;
}

#news .news-right span{
 font-size: 15px;
 letter-spacing: 1px;
 color: #78c6ff;
}

#news .news-right h3{
 font-size: 18px;
 color: #ffffff;
 line-height: 30px;
 font-weight: 600;
 padding-top: 0px;
}


#news .news-right p{
 color: #c9c9c9;
 font-size: 15px;
 padding-top: 10px;
 line-height: 25px;
}

.blue{
 width: 300px;
 margin: auto;
 text-align: center;
 padding-top: 50px;
 padding-bottom: 100px;
}

.blue a{
 display: block;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 padding-top: 15px;
 padding-bottom: 15px;
 background: #0d4bad;
 transition: .3s;
 border-radius: 3px;
}

.blue a:hover{
 display: block;
 color: #fff;
 background: rgba(0, 0, 0, 0.51);
 box-shadow: 0 0 0 1px inset #0d4bad;
 transition: .3s;
}

#service{
 background-image: url(../img/top/service.png);
 background-position: top;
 background-repeat: no-repeat;
 background-size: cover;
}

#service ul{
 max-width: 1400px;
 margin: auto;
 text-align: center;
 margin-top: 40px;
 padding-bottom: 100px;
}

#service li{
 width: 28%;
 padding-left: 10px;
 padding-right: 10px;
 display: inline-block;
 vertical-align: top;
}

#service li:nth-child(1) h4{
 background-image: url(../img/top/1.png);
}

#service li:nth-child(2) h4{
 background-image: url(../img/top/2.png);
}

#service li:nth-child(3) h4{
 background-image: url(../img/top/3.png);
}

#service li img{
 width: 100%;
}

#service h4{
 background-repeat: no-repeat;
 background-size: 83px auto;
 background-position: left top;
 padding: 26px 0 0 80px;
 color: #e5e5e5;
 font-size: 1.3em;
 line-height: 1.6;
 text-align: left;
 font-weight: bold;
}

#schedule{
 max-width: 1300px;
 text-align: center;
 margin: auto;
padding-top: 50px;
 margin-bottom: 130px;
}

#calendar .month h1{
 width: 35%;
 display: inline-block;
 padding-top: 50px;
 padding-bottom: 0px;
 vertical-align: middle;
}

#calendar .month h2{
 width: 40%;
 font-size: 60px;
 letter-spacing: 2px;
 font-weight: 500;
 color: #ddd;
 display: inline-block;
 padding-top: 50px;
 padding-bottom: 0px;
 vertical-align: middle;
 font-family: 'Teko', sans-serif;
}

#calendar .month img{
 width: 3%;
 display: inline-block;
 vertical-align: middle;
 padding-top: 40px;
 padding-left: 20px;
}

#calendar .week{
 padding-bottom: 20px;
}

.event{
 width: 35%;
 display: inline-block;
}

.event h1{
  padding-top: 50px;
}

.event ul{
 height: 640px;
 margin-top: 45px;
 overflow-y:scroll;
}

::-webkit-scrollbar {
    width: 5px;
  margin-left: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px #161620;
}
::-webkit-scrollbar-thumb {
  background-color: hsl(210, 90%, 38%);
  border-radius: 3px;
  box-shadow:0 0 0 1px rgba(13, 74, 136, 0.3);
}

.event li{
 width: 100%;
 background:#45494c;
 margin-bottom: 1px;
}

.event-list__item {
 position: relative;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: flex-start;
 padding: 0;
 position: relative;
 margin-bottom: 1rem;
}

.event-list__item a{
 font-size:0;
 transition: .3s;
}

.event-list__item a:hover{
 box-shadow: 0 0 0 1px inset #1fadeb;
 background: rgba(6, 60, 126, 0.28);
 transition: .3s;
}

.event-list__item a img:hover{
 background: rgba(6, 60, 126, 0.57);
 transition: .3s;
}

.event-list__item a:hover h4{
 color: aqua;
 transition: .3s;
}

.event-list__item a:hover p{
 color: aqua;
 transition: .3s;
}

.event-list__item:before {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 2px;
}

.event-list__item img{
 position: relative;
 width: 6.9rem;
 padding-top: 1px;
 padding-left: 1px;
 padding-bottom: 1px;
}

.event-list__item img {
 top: 0;
 left: 0;
 width: 23.5%;
 height: 100%;
 object-fit: contain;
 font-size:0;
}

.event-list__item a:before {
 content: '';
 display: block;
 width: 100%;
 z-index: 1;
 background: #1A4B57;
}

.event-list__item .content {
 display: inline-block;
 width: 76%;
 text-align: left;
 vertical-align: top;
}

.event-list__item .content a {
 display: block;
 font-size: 0.9rem;
 line-height: 1.25rem;
 color: #000;
 transition: color 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.event-list__item .date {
 width: 120px;
 display: inline-block;
 color: #BDBDBD;
 font-size: 15px;
 box-sizing: inherit;
 padding-top: 22px;
 padding-left: 20px;
 text-align: left;
}

.event-list__item .time {
 width: 40%;
 display: inline-block;
 color: #BDBDBD;
 font-size: 15px;
 box-sizing: inherit;
 padding-top: 10px;
 padding-left: 0px;
 text-align: left;
}

.time {
 width: 40%;
 display: inline-block;
 color: #BDBDBD;
 font-size: 15px;
 box-sizing: inherit;
 padding-top: 10px;
 padding-left: 15px;
 text-align: left;
}

.event h4{
 color: #fff;
 font-weight: bold;
 font-size: 18px;
 padding-top: 14px;
 padding-left: 20px;
 padding-bottom: 10px;
 text-align: left;
 transition: .3s;
}

.event-right .details{
 float: right;
 width: 50%;
 margin-top: 15px;
 text-align: center;
 margin-right: 20px;
}

.event-right .details a{
 display: block;
 color: #cecece;
 font-size: 15px;
 border: 1px solid #7e7e7e;
 border-radius: 5px;
 padding: 10px;
 padding-left: 25px;
 padding-right: 25px;
 transition: .3s;
}

.event-right .details a:hover{
 font-size: 15px;
 border: none;
 border-radius: 5px;
 padding: 10px;
 padding-left: 25px;
 padding-right: 25px;
 background: #767676;
 transition: .3s;
}

#calendar{
 width:60%;
 display: inline-block;
 padding-left: 60px;
 vertical-align: top;
}

.week li{
 width: 13%;
 padding-top: 10px;
 padding-bottom: 0px;
 display: inline-block;
 font-size: 18px;
 color: #fff;
 font-weight: bold;
}

.week .sun{
 color: #fd5f5f;
}

.week .sat{
 color: #00a7ff;
}

.days ul{
  font-size:0;
}

.days li{
 width: 13.5%;
 left: 0px;
 right: 0px;
 padding-bottom: 13.5%;
 display: inline-block;
 font-size: 20px;
 color: #fff;
 background:#45494c;
 vertical-align: bottom;
 position: relative;
 margin-left: 2px;
 margin-bottom: 2px;
}

.days li span{
 position: absolute;
 background: #253a4d;
 width: 2rem;
 padding: 6px;
 font-weight: bold;
 top: 0px;
 left: 0;
 padding-bottom: 8px;
 z-index: 100;
}

.days li a{
 color: #fff;
}

.days img{
 width: 100%;
 vertical-align: bottom;
 transition: .3s;
 background: #107eb9;
}

.days .event{
 padding-bottom: 0;
      transition: .3s;
}

.days .event img:hover{
 padding: 0px;
 opacity: 0.6;
 transition: .3s;
}

.days .event:hover{
 background: rgba(6, 60, 126, 0.73);
 box-shadow: 0 0 0 1px inset #3be8ff; 
 transition: .3s;
}

.days #gray{
 background: #414141;
 opacity: 0.3;
}

.days #gray img:hover{
 opacity: 1;
}

#sns {
 margin: 0 auto;
 width: 100%;
 text-align: center;
 background-image: url(../img/top/sns.png);
 background-position: top;
 background-repeat: no-repeat;
 background-size: cover;
 padding-bottom: 80px;
}

.sns_Twitter {
 width: 100%;
 max-width: 500px;
 margin: auto;
 margin-bottom: 50px;
 display: inline-block;
 margin-top: 30px;
 padding-right: 10px;
 margin-bottom: 130px;
}

.sns_facebook{
 width: 100%;
 max-width: 500px;
 display: inline-block;
 margin: auto;
 padding-left: 10px;
 margin-bottom: 130px;
}

#contact{
 width: 90%;
 margin: auto;
 padding-bottom: 100px;
}

#contact p{
 color: #d6d6d6;
 font-size: 17px;
 text-align: center;
 margin-top: 70px;
 margin-bottom: 40px;
}

#contact .sp-br{
 display: none;
}

.contact-btn{
 margin: auto;
 padding-top: 50px;
 text-align: center;
}

.contact-btn a{
 display: block;
 width: 480px;
 margin: auto;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 padding-top: 18px;
 padding-bottom: 18px;
 background: #0d4bad;
 transition: .3s;
 border-radius: 3px;
}

.contact-btn a:hover {
 color: #fff;
 background: #030317;
 box-shadow: 0 0 0 1px inset #0d4bad;
 transition: .3s;
}

#contact .a-btn {
 display: inline-block;
 padding-left: 10px;
}

#contact .a-btn a{
 padding-top: 15px;
 padding-bottom: 15px;
}

#contact .n-btn{
 width: 500px;
}

#contact .n-btn a{
 font-size: 20px;
 font-weight: bold;
}

#footer{
 background: #0d0d15
}

.footer-f{
 max-width: 70%;
 margin: auto;
 padding-top: 25px;
 text-align: center;
}

#footer .footer-logo{
 width: 20%;
 display: inline-block;
 vertical-align: middle;
 text-align: left;
}

#footer .footer-logo img{
 width: 230px;
 text-align: left;
}

#footer .footer-menu{
 width: 50%;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
}

#footer .footer-menu ul{
 display: inline-block;
 text-align: center;
}

#footer .footer-menu li{
 padding: 10px;
 display: inline-block;
}

#footer .footer-menu li a{
 font-size: 17px;
 color: #aaaaaa;
}

#footer .footer-menu li a:hover{
 color: #0bd3e3;
}

#footer .banner{
 width: 20%;
 text-align: right;
 display: inline-block;
 vertical-align: middle;
}

#footer .banner img{
 width: 165px;
 padding-left: 10px;
 padding-right: 10px;
 display: inline-block;
}

#footer .operate{
 text-align: center;
 padding-top: 60px;
 padding-bottom: 60px;
}

#footer .operate p{
 color: #a0a0a0;
 font-size: 15px;
 padding-top: 10px;
}

#copyright {
 width: 100%;
 background: #090909;
}

#copyright p{
 width: 90%;
 color: #5a5a5a;
 font-size: 13px;
 text-align: center;
 margin: auto;
 padding-top: 20px;
 padding-bottom: 20px;
 font-family: 'Roboto', sans-serif;
}

#access{
 width: 100%;
 background: rgba(28, 36, 44, 0.51);
}

#access .ac-frame{
 max-width: 1600px;
 margin: auto;
}

.ac-text{
 width: 100%;
 max-width: 1200px;
 text-align: center;
 margin: auto;
 padding-bottom: 60px;
}

.ac-text h3{
 width: 41%;
 display: inline-block;
 font-size: 18px;
 color: #fff;
 margin-top: 20px;
 text-align: left;
 line-height: 30px;
 margin-bottom: 20px;
 vertical-align: top;
}

.Google_map{
 width: 100%;
 display: inline-block;
 text-align: center;
 margin-top: 20px;
}

.ac-text2{
 width: 55%;
 margin: auto;
 text-align: left;
 display: inline-block;
 padding-left: 40px;
}

.ac-left{
 width: 50%;
 display: inline-block;
 vertical-align: top;
 margin-top: 15px;
}

.ac-left h2{
 font-size: 18px;
 font-weight: 600;
 color: #fff;
 line-height: 40px;
}

.ac-left p{
 color: #bfbfbf;
  line-height: 25px;
}

.ac-right{
 width: 40%;
 display: inline-block;
 margin-top: 15px;
}

.ac-right h2{
 font-size: 18px;
 font-weight: 600;
 color: #fff;
 line-height: 40px;
}

.ac-right p{
 color: #bfbfbf;
 line-height: 25px;
}

.sponsor{
 width: 100%;
 margin: auto;
 padding-top: 40px;
 text-align: center;
}

.sponsor a{
 display: inline-block;
}

.sponsor img{
 width: 150px;
 padding-left: 20px;
 padding-right: 20px;
}

.operate img{
 width: 100px;
}

#content_wrapper{
 padding-top: 120px;
 overflow: hidden;
}

.center{
 padding-bottom: 50px;
}

.ttl {
 margin-top: 80px;
 padding:0px 0 0px 0;
}

.ttl h2 {
 text-align: center;
}

.ttl h2 img {
 width:30%;
 height:auto;
 text-align: left;
}

.main_container {
 padding-top: 180px;
 margin: auto;
 padding: 0;
}

.news_detail{
 width: 100%;
 color: #fff;
}

.news_detail .content_block h2 {
 color: #fcfcfc;
 font-size: 1.55em;
 font-weight: bold;
 padding: 5px 0 15px 0px;
 line-height: 20px;
 margin:0 0 20px 0;
 border-bottom: 2px solid #253550;
}

.news_detail .content_block h2 span{
 color: #21e0ff;
 font-size: 18px;
 line-height: 50px;
 font-weight: normal;
 font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.news_detail .content_block h2 em {
 color: #21e0ff;
 font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.news_detail .content_block .date {
 width: 100%;
 color: #47b2f1;
 font-size:17px;
 font-weight:bold;
 margin-top: 30px;
 padding-bottom: 20px;
}

.img-area {
 width: 40%;
}

.news_detail .content_block .main_text p {
 width: 100%;
 font-size: 16px;
 color: #fff;
 line-height:1.9;
}

.sns_btn li {
 width: 40%;
 display:inline-block;
 margin-left:10px;
 float:left;
 width:auto;
}

.news_detail .sns_btn {
 margin-top:-4px;
}

.sns_btn li:first-child {
 margin-left:0;
}

.sns_btn li.line {
 width:82px;
}

.meta_area p {
 float:left;
 width:250px;
}

.meta_area > div {
 float:right;
 padding:0 0 30px 0;
}

.news_detail .content_block {
 max-width: 60%;
 margin: auto;
 padding-bottom:100px;
}

.clrfx:after {
 content: "";
 clear: both;
 height: 0px;
 display: block;
 visibility: hidden;
}

.pageing{
 width: 100%;
 text-align: center;
 padding-top: 50px;
 border-top: solid 1px #283146;
}

.pageing li{
 color: #fff;
 width: 15%;
 font-size: 16px;
 line-height: 17px;
 display: inline-block;
 text-align: center;
 vertical-align:top;
 padding-left: 10px;
 padding-right: 10px;
}

.pageing li a{
 color: #fff;
}

.pageing li:hover{
opacity: 0.7;
}

.pageing img{
 width: 6.5%;
 vertical-align:top;
 padding-left: 10px;
 padding-right: 10px;
}


.news_list h2{
 margin: auto;
 color: #f0f0f0;
 border-left: solid 5px #006ff7;
 font-size: 1.55em;
 font-weight: bold;
 padding: 0px 0 0px 20px;
 margin-bottom: 20px;
}

.news_list li {
 display:block;
 border-bottom:solid 1px #322938;
 width:100%;
 line-height:1.4;
}

.news_list li:hover {
 background-color:#1e1e2f;
}

.news_list li a {
 width:100%;
 display:flex;
 padding:22px 0 22px 10px;
}

.news_list li a em {
 font-style:normal;
 font-weight:bold;
 color:#b5b5b5;
 margin-left:20px;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -ms-transition:.4s;
 transition:.4s;
 left:0px;
 position:relative;
 order: 1;
 line-height: 20px;
}

.news_list li a span {
 order: 0;
 color: #7cb4d1;
 text-align:right;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -ms-transition:.4s;
 transition:.4s;
 right:0px;
 position:relative;
}

.news_list li a:hover span {
 right:-5px;
}

.news_list li a:hover em {
 left:5px;
}

.news_list{
 width: 70%;
 margin: auto;
}

.pnavi{
 width: 70%;
 margin: auto;
}

.list-top{
 width: 100%;
 padding-top: 70px;
}

.list-top a{
 font-size: 15px;
 color: #fff;
 padding: 10px;
 padding-left: 50px;
 padding-right: 50px;
 box-shadow: 0 0 0 1px #2f2f2f;
}

.list-top a:hover{
 box-shadow: 0 0 0 1px #1669c9;
}


/*-about-*/


.about-wrap{
 width: 90%;
 margin: auto;
 padding-top: 0px;
}

.head h3{
 color: #d6d6d6;
 font-size: 50px;
 font-weight: normal;
 letter-spacing: 1px;
 padding: 30px 0 20px 0;
 text-align: center;
 background-image: url(../img/mark.png);
 background-position: bottom center;
 background-repeat: no-repeat;
 font-family: 'Teko', sans-serif;
 font-style: normal;
 margin-bottom: 30px;
}

.head span{
 font-size: 60px;
 padding: 0;
 margin: 0;
 display: inline-block;
}

.head small {
 display: block;
 padding: 0;
 margin: 0;
 font-size: 15px;
 color: #4491c1;
 letter-spacing: 1px;
  margin-top: -4px;
 font-weight: bold;
 font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 padding-top: 5px;
 letter-spacing: px;
}

.head_2 h3{
 color: #d6d6d6;
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 1px;
 padding: 60px 0 40px 0;
 background-image: url(../img/mark.png);
 background-position: bottom center;
 background-repeat: no-repeat;
 font-style: normal;
 margin-top: 40px;
 margin-bottom: 30px;
}

.head_3 h3{
 color: #d6d6d6;
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 1px;
 padding: 80px 0 0px 0;
 background-position: bottom center;
 background-repeat: no-repeat;
 font-style: normal;
 text-align: center;
 margin-top: 40px;
 margin-bottom: 30px;
}

.about{
 width: 90%;
 margin: auto;
 text-align: center;
 vertical-align: top;
 margin-bottom: 100px;
}

.about ul{
 text-align: center;
 margin: auto;
 vertical-align: top;
}

.about li{
 width: calc(90% / 3);
 margin-left: 10px;
 margin-right: 10px;
 display: inline-block;
 vertical-align: top;
}

.about img{
 width: 100%;
}

.about li p{
 color: #acacac;
 line-height: 30px;
}

.about .about-img{
 width: 100%;
 max-width: 100%;
}

.about .about-img img{
 width: 100%;
 max-width: 100%;
}

.about .frame-01{
 width: 100%;
 margin: auto;
}

.about h1{
 width: 95%;
 margin: auto;
 color: #fff;
 font-size: 25px;
 padding-top: 30px;
 padding-bottom: 15px;
 font-weight: bold;
 font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 text-align: center;
 border-bottom: 1px solid #434460;
}

.about p{
 width: 95%;
 color: #dddddd;
 font-size: 14px;
 padding-top: 20px;
 line-height: 28px;
 letter-spacing: 1.5px;
 font-weight: 500;
 text-align: left;
 margin: auto;
 font-family: sans-serif;
}

.about a{
 width: 80%;
 margin-top: 20px;
}
  
.about a h2{
 width: 85%;
 margin: auto;
 font-size: 20px;
 margin-top: 40px;
 padding-top: 15px;
 padding-bottom: 15px;
}

.about h2{
 width: 100%;
 margin: auto;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight: bold;
 font-size: 17px;
 text-align: center;
 background-color: #063c7e;
 letter-spacing: 2px;
 color: #ffffff;
 padding-top: 5px;
 padding-bottom: 5px;
 transition: .3s;
}

.about h2:hover{
 color: #dbdbdb;
 box-shadow: 0 0 0 1px inset #17386c;
 transition: .3s;
 background-color: #161620;
}

.about-width2{
 margin: auto;
 text-align: center;
 padding-bottom: 100px;
}

#facility {
 width: 90%;
}

.layout-pc{
 width: 90%;
 margin: auto;
}

.layout-sp{
 display: none;
}

.facilty-bg{
 padding-top: 20px;
 background: #1e1e2c; 
}

.price-bg {
 padding-top: 20px;
 background: #1e1e2c;
}

.btm .btmSP{
 display: none;
}

#price-sp{
 display: none!important; 
}  

.price_list {
 width:90%;
 margin: auto;
}

.price_list th {
 background-color:#1e2234;
 text-align:center;
 padding:10px 5px;
 color:#ffffff;
 line-height:1.6;
 font-size: 17px;
 vertical-align:top;
}

.price_list td {
 color: #dadada;
 font-size: 16px;
 padding:10px 10px;
 text-align:left;
 line-height:1.3;
 vertical-align:middle;
}

.price_list .btm td {
 font-size: 17px;
 padding:25px 5px;
}

.price_list td strong {
 font-weight:bold;
 padding-left: 20px;
}

.price_list td.tac {
 text-align:center;
}

.price_list td.tac2 {
 text-align:left;
}

.br-sp{
 display: none;
}  

.btm{
 background: #161620;
}

.ate-width{
 width: 90%;
 margin: auto;
 background: #161621;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-top: 40px;
}

.ate-p{
 font-weight: 600;
 color: #a7a7a7;
 line-height: 30px;
 padding: 10px;
 padding-top: 20px;
 padding-bottom: 20px;
}

.feature{
 width: 90%;
 margin: auto;
 text-align: center;
}

.feature2{
 width: 90%;
 margin: auto;
 text-align: center;
}

.feature li {
 float:left;
 margin-right:1px;
 width:33.2%;
 width:-webkit-calc(33.3% - 1px);
 width:calc(33.3% - 1px);
 margin-bottom:30px;
 padding-bottom: 20px;
}

.feature img{
 width: 100%;
 object-fit: cover;
 max-width: 100%;
}

.feature li:first-child {
 margin-left:1px;
}

.feature li:nth-child(3n) {
 margin-right:0;
}

.feature li h4 {
 background-repeat:no-repeat;
 background-size:83px auto;
 background-position:left top;
 padding:26px 0 0 77px;
 color:#ffffff;
 font-size:1.3em;
 line-height:1.6;
 text-align:left;
 font-weight:bold;
}

.feature li:nth-child(1) h4 {
 background-image:url(../img/about/1.png);
}

.feature li:nth-child(2) h4 {
 background-image:url(../img/about/2.png);
}

.feature li:nth-child(3) h4 {
 background-image:url(../img/about/3.png);
}

.feature li p {
 text-align:center;
}

.feature li a {
 display:block;
 /*background-image:url(./img/common/icn_right_arrow_blue01.png);
 background-size:7px auto;
 background-repeat:no-repeat;
 background-position:right center;*/
 color:#f1f7ff;
 font-weight:bold;
 transition: .3s;
 /*padding:20px 12px 20px 0;*/
}

.feature li p:hover{
 color: #dbdbdb;
 box-shadow: 0 0 0 1px inset #17386c;
 transition: .3s;
 background-color: #111111;
}

.feature li p.nuro {
 text-align:left;
 padding-left:72px;
}

.feature2 li {
 float:left;
 margin-right:1px;
 width:33.2%;
 width:-webkit-calc(33.3% - 1px);
 width:calc(33.3% - 1px);
 margin-bottom:30px;
 padding-bottom: 30px;
}

.feature2 img{
 width: 100%;
 height: 250px;
 object-fit: cover;
 max-width: 100%;
}

.feature2 li:first-child {
 margin-left:1px;
}

.feature2 li:nth-child(3n) {
 margin-right:0;
}

.feature2 li h4 {
 background-repeat:no-repeat;
 background-size:83px auto;
 background-position:left top;
 padding:26px 0 0 77px;
 color:#ffffff;
 font-size:1.3em;
 line-height:1.6;
 text-align:left;
 font-weight:bold;
}

.feature2 li p {
 text-align:center;
}

.feature2 li a {
 display:block;
 /*background-image:url(./img/common/icn_right_arrow_blue01.png);
 background-size:7px auto;
 background-repeat:no-repeat;
 background-position:right center;*/
 color:#f1f7ff;
 font-weight:bold;
 /*padding:20px 12px 20px 0;*/
}

.feature2 li p.nuro {
 text-align:left;
 padding-left:72px;
}

.feature2 li:nth-child(1) h4 {
 background-image:url(../img/about/4.png);
}

.feature2 li:nth-child(2) h4 {
 background-image:url(../img/about/5.png);
}

.btn-more p{
 width: 240px;
 background: #063c7e;
 text-align:center;
 margin: auto;
 margin-top: 30px;
 padding: 0px;
 border-radius: 5px;
 margin-bottom: 20px;
}

.btn-more a{
 display: block;
 width: 240px;
 padding-top: 12px;
 padding-bottom: 12px;
}

.nuro img {
 padding-top:20px;
 width:290px;
 height:auto;
}

.feature li:nth-child(6) {
 padding:0 20px;
}

.feature li:nth-child(6) h4 {
 padding:0 0 20px 0;
}

.feature li:nth-child(6) h5 {
 font-size: 1.2em;
 text-align:left;
 font-weight:bold;
}

.feature li:nth-child(6) p {
 font-weight: normal;
 text-align:left;
 padding-top: 15px;
 padding-bottom: 15px;
}

.sixth strong {
 font-weight:bold;
 display:block;
}

.sixth p {
 margin:0 0 0px 0;
}

.layout_wrap .right {
 width:50%;
 display: inline-block;
}

.wrap h4 {
 width:100%;
 margin: auto;
 color: #ffffff;
 font-size: 1.3em;
 line-height: 1.6;
 text-align: left;
 font-weight: bold;
 background-image: none;
 margin-top: 30px;
}

.layout_wrap p {
 font-size: 1.2em;
 font-weight:normal;
 line-height: 1.5;
 vertical-align: top
}

.layout_wrap a {
 text-decoration:underline;
 color:#ffe556;
}

.layout_wrap a:hover {
 text-decoration:none;
}

#layout-img{
 width: 100%;
 text-align: left;
 padding-left: 50px;
}

.biru{
 width: 100%;
 display: inline-block;
}

.bill-img img{
 width: 28%;
 display: inline-block;
 vertical-align: top
}

.naikan-list {
 display: inline-block;
 width: 30%;
}

.naikan-list img{
 display: block;
 width: 75%;
 padding-bottom: 5px;
}

.gaikan{
 width: 40%;
 display: inline-block;
}

.gaikan h4{
 width: 50%;
 margin-top: 20px;
 text-align: right;
}

#gaikan{
 width: 60%;
}

.right {
 /*float: right;*/
}

.hikaeshitsu {
 padding:0 0 35px 0;
 width:90%;
 margin: auto;
}

.hikaeshitsu .right {
 text-align:right;
 padding-top:0px;
 float: right;
 width: auto;
 font-size: 1.2em;
 font-weight: bold;
 color: #063c7e;
}

.hikaeshitsu .right img {
 width:210px;
 display:block;
 padding:44px 0 0 0;
 margin:0 0 0 auto;
}

.price-width{
 width: 100%;
 margin: auto;
 padding-bottom: 60px;
}

#price{
 width: 85%;
 margin: auto;
}

.wrap .hikae_p {
 width: 80%;
 display: inline-block;
 padding-top:20px;
 padding-bottom: 20px;
 text-align: center;
 color: #dadada;
}

.wrap h5 {
 color: #fff;
 text-align: left;
 font-size: 1.1em;
 font-weight: bold;
 padding: 20px 0 10px 0;
}

.wrap h6 {
 color: #fff;
 text-align: left;
 font-size: 1.1em;
 font-weight: bold;
 padding: 20px 0 10px 0;
}


.wrap p {
 color: #c7c7c7;
 line-height: 30px;
 text-align: left;
 padding-bottom: 40px;
}

.pading{
 padding-top: 40px;
}

.price-width h4{
 font-size: 20px;
 text-align: center;
 font-weight: 900;
 color: #b59a5c;
 padding-top: 20px;
 padding-bottom: 40px;
}

.contact-a{
 color:#97cfff!important;
 text-decoration:none;
 letter-spacing: 1px;
}

.contact-a:hover{
 color:#ffffff!important;
}

.swiper-slide .left{
 width: 40%;
 padding: 20px;
 vertical-align: top;
 display: inline-block;
}

.swiper-slide .left img{
 width: 80%;
}

.swiper-slide .clrfx {
 width: 85%;
 margin: auto;
 vertical-align: top;
 margin-top: 30px;
 margin-bottom: 30px;
}

.layout-width{
 vertical-align: top;
 margin-top: 80px;
 margin-bottom: 80px;
}

.layout-width p{
 color: #dadada;
 text-align: left;
}

#facilitySP{
 display: none;
}

.kiyaku{
 width: 75%;
 margin: auto;
 padding-top: 50px;
 padding-bottom: 20px;
}

.kiyaku-width{
 margin-bottom: 60px;
}

.kiyaku-width p{
 width: 75%;
 font-size: 18px;
 margin: auto;
 padding-bottom: 30px;
 line-height: 35px;
 color: #bcbcbc;
}

.kiyaku-sp{
 display: none;
}


/* event */

.event_img{
 width: 100%;
 text-align: center;
 padding-top: 150px;
 padding-bottom: 70px;
}

.event_img img{
 width: 50%;
}

.event-list h2 {
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 width: 210px;
 height: 45px;
 line-height: 1px;
 font-weight: bold;
 font-size: 17px;
 text-align: center;
 background-color: #767676;
 color: aliceblue;
 letter-spacing: 2px;
 padding-top: 22px;
}

.btn-area div img {
 max-width: 100%;
 margin-bottom: 10px;
}

.logo-area {
 padding-left:10px;
 vertical-align: top;
}

.event-list h3 {
 border: 2px solid #939393;
 font-size: 1.4em;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:bold !important;
 width: 450px;
 height: 50px;
 text-align: center;
 padding: 12px;
 border-radius: 5px;
}

.event-list h4 {
 margin: auto;
 font-size: 20px;
 margin-left: 15px;
}

.cooperation{
 padding-left: 20px;
}

.cooperation img{
 max-width: 35%;
 margin-top: 15px;
 margin-left: 15px;
}

/* イベント制作支援 */

.event_tmp {
 width:1200px;
 margin:0 auto;
}

.event_tmp .event_img img {
 width:600px;
 margin-bottom:40px;
 margin-top: 40px;
}

.event_tmp .event_line {
 border-top:1px solid #dbdbdb;
 width:100%;
 height:1px;
 margin-bottom:10px;
}

.event_tmp .wrap {
 width: 50%;
 margin-top:10px;
 margin-bottom: 50px;
}

.event_tmp .event_flow h1{
 color: #063c7e;
 font-size: 1.75em;
 font-weight: bold;
 padding: 20px 0 20px 0;
 margin: 0 0 20px 0;
 line-height: 1.4;
 background-image: url(../img/space/border_h3.png);
 background-size: 75px 4px;
 background-position: bottom center;
 background-repeat: no-repeat;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-style: normal;
}

.event_tmp .ef_img {
 width:1200px;
 margin: 0 auto;
 margin-bottom: 50px;
}

.event_tmp .ef_img img{
 width:30%;
}

.event_tmp .manifesto {
 margin-top:20px;
 text-align: center;
}

.event_tmp .manifesto {
 width: 100%;
}

.manifesto .mani_p{
 width: 60%;
 line-height: 40px;
 font-size: 17px;
 padding-top: 20px;
 padding-bottom: 40px;
 color: #dbdbdb;
 margin: auto;
 text-align: left;
}

.manifesto img{
 width: 60%;
 margin-bottom: 100px;
}

.event_tmp .ef-wrap {
 display:table;
 border-collapse:separate;
 border-spacing: 20px 0;
 margin-top: 60px;
 width: 1200px;
 margin-bottom: 60px;
}

.event_tmp .ef-list {
 display: table-cell;
 width: 340px;
 height: 100%;
 border: 1px solid #a2abaf;
}

.event_tmp .ef-list h1{
 color: #534e4e;
 line-height: 1px;
 font-size: 1.5em;
 font-weight: bold;
 margin: auto;
 padding-top: 30px;
 background-image: url(../img/space/border_h3.png);
 background-size: 60px 3px;
 background-position: bottom center;
 background-repeat: no-repeat;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-style: normal;
}

.event_tmp .ef-list h2 {
 color: #534e4e;
 text-align: center;
 margin: 0 auto;
 padding-top: 10px;
 padding-bottom: 20px;
 font-size: 2.0em;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight: bold;
 letter-spacing: 2px;
}

.event_tmp .ef-list h4{
 width: 80%;
 color: #534e4e;
 font-size: 1.5em;
 font-weight: bold;
 margin: auto;
 padding-top: 20px;
 padding-bottom: 12px;
 font-style: normal;
 letter-spacing: 2px;
 border-bottom: 1px solid #dadada;
}

.event_tmp .ef-list .step {
 padding: 0;
 margin: 0 auto;
}

.event_tmp .ef-list img{
 width: 280px;
}

.event_tmp .ef-list ul {
 width: 250px;
 height: 100%;
 margin: auto;
 padding-top: 15px;
 padding-bottom: 15px;
 text-align: left;
}

.event_tmp .ef-list li{
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 20px;
 height: 100%;
}

.event_tmp .manifesto img {
 width:80%;
}

.reason_h4 {
 color: #063c7e;
 font-size: 1.75em;
 font-weight: bold;
 padding: 20px 0 20px 0;
 margin: 0 0 20px 0;
 line-height: 1.4;
 background-image: url(../img/space/border_h3.png);
 background-size: 75px 4px;
 background-position: bottom center;
 background-repeat: no-repeat;
}

.reason_p {
 width: 70%;
 font-size: 17px;
 line-height: 40px;
 margin: auto;
 color: #dadada;
 line-height:1.7;
 margin-bottom: 50px;
 text-align: left;
}

.event_flow{
 width: 100%;
 text-align: center;
 margin: auto;
}

.ef-wrap{
 display: table;
 border-collapse: separate;
 width: 80%;
 margin: auto;
 text-align: center;
 border-spacing: 20px 0;
}

.ef-list{
 width: 450px;
 display: table-cell;
 background: #1c2438;
 /*box-shadow: 0 0 0 1px inset #343d48;*/
 border-radius: 10px;
 text-align: center;
 vertical-align: top;
}

.ef-list img{
 width: 80%;
}

.step h1{
 color: #dadada;
}

.step h2{
 color: #dadada;
}

.ef-list  h4{
 width: 80%;
 margin: auto;
 font-size: 25px;
 padding-top: 30px;
 padding-bottom: 20px;
 font-weight: bold;
 letter-spacing: 2px;
 color: #dadada;
 border-bottom: 1px solid #383e40;
}

.ef-list  ul{
 margin-top: 30px;
 margin-bottom: 30px;
}

.ef-list  li{
 width: 70%;
 margin: auto;
 text-align: left;
 color: #e2e2e2;
 letter-spacing: 1px;
 font-size: 18px;
 padding-top: 15px;
 padding-bottom: 15px;
}

.step h3{
 color: #d6d6d6;
 font-size: 40px;
 font-weight: normal;
 letter-spacing: 1px;
 padding: 30px 0 30px 0;
 background-position: top center;
 background-repeat: no-repeat;
 font-family: 'Teko', sans-serif;
 font-style: normal;
}

.step span{
 font-size: 50px;
 padding: 0;
 margin: 0;
 display: inline-block;
}

.step small {
 display: block;
 padding: 0;
 margin: 0;
 font-size: 40px;
 color: #f4e48f;
 letter-spacing: 1px;
 margin-top: -4px;
 font-weight: bold;
 padding-top: 5px;
}

.clrfx {    
 min-height: 1%;
}

.food_main{
 width:1300px;
 margin: 0 auto;
}

.food_main img {
 all:initial;
}

.food_main .grandmenu img{
 max-width: 25%;
 margin-top: 20px;
 margin-left: 10px;
 float: left;
}

.food_main .set_menu h1 {
 font-size:1.8em;
 font-family: "Copperplate Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:bold;
 color:#ffa2ba;
 margin-top: 70px;
 padding-top: 20px;
 padding-left: 20px;
 font-style: normal;
}

.food_main .set_menu {
 width: 100%;
}

.food_main .set_menu .top_menu_img{
 width:100%;
 margin-top:20px;
}

.food_main .set_menu .top_menu_img img{
 width:100%;
}

.food_main .main_menu h1 {
 font-size:1.5em;
 font-weight:bold;
 text-align: left;
 color:#ffe078;
 margin-top: 10px;
 font-style:normal;
 padding-bottom: 10px;
 font-family: "Copperplate Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-bottom: 1px solid #3f4243;
}

.food_main .side_menu h1 {
 font-size:1.5em;
 font-weight:bold;
 margin-top: 10px;
 margin-bottom:10px;
 font-family: "Copperplate Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color:#bdd46d;
 font-style: normal;
 padding-top: 20px;
 text-align: left;
 padding-bottom: 5px;
 border-bottom: 1px solid #3f4243;
}

.food_main .drink_menu h1 {
 font-size:1.5em;
 margin-top: 10px;
 font-weight:bold;
 margin-bottom:10px;
 text-align: left;
 font-family: "Copperplate Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color:#b8f0f5;
 font-style: normal;
 padding-bottom: 10px;
 border-bottom: 1px solid #3f4243;
}

.food_main .food_menu_block {
 margin:0 auto;
}

.food_main .left_food_block {
 float:left;
 width:35%;
}

.food_main .left_food_block  {
 padding:20px;
 margin-bottom:10px;
}

.food_main .left_food_block  p {
 font-size:0.8em;
 padding-top: 10px;
 color: #fff;
}

.food_main .left_food_block  ul{
 width:100%;
 padding-bottom: 10px;
}

.food_main .left_food_block  li{
 color: #ffffff;
 font-size:1.1em;
 font-weight: bold;
 line-height: 1.5em;
 width:100%;
 text-align: left;
 position: relative;
 margin-top:5px;
}

.food_main .left_food_block  .price {
 text-align: right;
 position: absolute;
 right: 0px;
}

.food_main .left_food_block  .tmp_doc {
 font-size:0.6em;
}

.food_main .left_food_block .side_menu {
 margin-top:10px;
 margin-bottom:10px;
}

.food_main .right_food_block {
 float:right;
 width:60%;
}

.food_main .right_food_block .left_d{
 display: inline-block;
 width:45%;
 margin-right:2%;
 vertical-align: top;
}

.food_main .right_food_block p {
 font-family: "Copperplate Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color:#7bccff;
 font-weight: bold;
 text-align: left;
}

.food_main .right_food_block  ul{
 width:100%;
}

.food_main .right_food_block  li{
 color: #fff;
 font-size:1.1em;
 font-weight: bold;
 line-height: 1.5em;
 width:100%;
 text-align: left;
 position: relative;
 margin-top:5px;
}

.food_main .right_food_block  .price {
 text-align: right;
 position: absolute;
 right: 0px;
}

.food_main .right_food_block  .tmp_doc {
 font-size:0.8em;
 color: #dadada;
}

.food_main .right_food_block .drink_menu {
 padding:20px;
 margin-bottom:10px;
}

.food_main .right_food_block .block1{
 margin-top:20px;
 margin-bottom:10px;
 text-align: center;
}

.food_main .right_food_block .block1 img{
 display:inline-block;
 vertical-align: top;
 width:300px;
 padding-left:2%;
 padding-right:2%;
}

.food_main .right_food_block .block2{
 margin-top:30px;
 margin-bottom:10px;
 text-align: center;
}

.food_main .right_food_block .block2 img{
 display:inline-block;
 vertical-align: top;
 width:300px;
 padding-left:2%;
 padding-right:2%;
}

.main_menu img{
 width: 25px;
 vertical-align: bottom;
 padding-left: 5px;
}

.side_menu img{
 width: 20px;
 vertical-align: bottom;
 padding-left: 5px;
}

.food_main .caution{
 margin-top:10px;
 margin-bottom:10px;
}

.food_main .caution p{
 color: #d9d9d9;
 padding: 15px; 
 background: #1f1e2a;
 font-weight: bold;
 line-height: 25px;
 text-align: center;
 margin-bottom: 20px;
}

.food_main .food_img{
 text-align: center;
 margin-bottom: 30px;
}

.food_main .food_img img {
 display: inline-block;
 width:300px;
 margin-top: 30px;
 margin-left:10px;
 margin-right:10px;
}

.food_main .top_menu_img_sp {
 display: none;
}

/*contact*/

#contact-b .contact h4 {
 width: 900px;
 margin: auto;
 color: #eaeaea;
 font-size: 1.8em;
 font-weight: bold;
 line-height: 1.4;
 background-image: none;
 text-align: center;
 padding-bottom: 15px;
 border-bottom: 1px solid #505455;
 margin-top: 40px;
}

#contact-b .contact p{
 color: #eaeaea;
 font-size: 16px;
 line-height: 34px;
 text-align: center;
 margin-top: 50px;
}

#contact-b .contact-btn{
 margin-bottom: 120px;
}

.contact1 .content_block{
 width: 900px;
 margin: auto;
}

.contact1 .content_block h3 {
 color:#eaeaea;
 font-size:1.8em;
 font-weight:bold;
 line-height:1.4;
 background-image: none;
 text-align: center;
 padding-bottom: 15px;
 border-bottom: 1px solid #505455;
 margin-top: 40px;
}

.contact1 .content_block h4 {
 color:#ffffff;
 font-size:1.15em;font-weight:bold;
 padding:0 0 12px 0;
 line-height:1.4;
 margin-top: 60px;
 text-align: center;
}

.contact1 .content_block h5 {
 font-weight:bold;
 padding:0 0 8px 0;
}

.contact1 strong{
 color: #4caae5;
 font-weight: bold;
}

.content_block .pb101 .span3{
 margin-left: 36px;
}

.content_block .pb101 .span2{
 margin-left: 53px;
}

.content_block .pb101 span{
 margin-left: 20px;
}

.contact1 .content_block p {
 font-size: 17px;
 color: #bcbcbc;
 line-height:1.8;
 text-align: center;
 padding-bottom: 30px;
}

.contact1 .content_block p a{
 color:#57d2e8;
}

.content_block .pb101{
 width: 100%;
 margin: auto;
 text-align: center;
}

.content_block .pb101 ul{
 width: 50%;
 font-size: 17px;
 margin: auto;
 text-align: left;
 margin-top: 15px;
 margin-bottom: 30px;
}

.content_block .pb101 ul li{
 color: #bcbcbc;
 margin-top: 10px;
 margin-bottom: 10px;
}

.sp-br4 {
 display: none;
}

.contact1 table {
 width:95%;
 margin: auto;
 margin-top: 30px;
}

.contact1 table th {
 width: 20%;
 color: #ffffff;
 vertical-align:middle;
 padding-bottom: 20px;
 padding-top: 15px;
 font-weight:bold;
 text-align: left;
}

.contact1 table td {
 vertical-align:top;
}

.contact1 .content_block input[type=text] {
 display:block;
 width:98%;
 padding-left: 10px;
 padding-right: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #dadada;
 background-color:#373a48;
 border:none;
 font-weight:600;
 font-size:1.1em;
 line-height:1.5;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 1px;
}

input:focus {
 outline-offset: 0px;
 outline: -webkit-focus-ring-color auto 0px;
}

.contact1 .content_block input:focus {
 box-shadow: 0 0 0 1px inset #47b2f1;
}

.contact1 .content_block textarea:focus {
 box-shadow: 0 0 0 1px inset #47b2f1;
}

.contact1 .content_block input[type=email] {
 display:block;
 width:98%;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #dadada;
 background-color:#373a48;
 border:none;
 font-weight:600;
 font-size:1.1em;
 line-height:1.5;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 1px;
}

.contact1 .content_block select {
 display:block;
 width:100%;
 color: #dadada;
 background-color:#373a48;
 border:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border-radius:0px;
 background-image:url(../img/contact1/img_selecttype.png);
 background-size:15px 12px;
 background-repeat:no-repeat;
 background-position:right 10px center;
 font-size:1.1em;
 font-weight:normal;
 outline:none;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 cursor:pointer;
}

.contact1 .content_block select::-moz-focus-inner {
 outline:none;
 border:0;
}

.contact1 .link_right_arrow {
 float: right;
 margin-top:-47px;
}

input[type=text].add_number {
 width:50%;
}

.contact1 textarea {
 background-color:#efefef;
 height:180px;
 width:100%;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 outline:none;
 border:none;
 margin-bottom:50px;
 line-height:1.5;
 font-size:1.1em;
}

.contact1 .last th {
 vertical-align:top;
 white-space:nowrap;
}

.contact1 input[type=submit] {
 padding:18px 0;
 display:inline-block;
 text-align:center;
 background-color:#063c7e;
 color:#ffffff;
 width: 100%;
 font-size:1.1em;
 font-weight:bold;
 -webkit-appearance:auto;
 appearance:auto;
 box-shadow:none;
 border:none;
 margin-bottom:50px;
 margin-top: 20px;
}

.contact1 textarea {
 display:block;
 width:98%;
 padding-left: 10px;
 padding-right: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 height:250px;
 color: #dadada;
 background-color:#373a48;
 border:none;
 font-weight:600;
 font-size:1.1em;
 line-height:1.5;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 1px;
 margin-top: 10px;
 resize: vertical;
}

.contact1 .content_block input[type=checkbox]:focus{
 box-shadow: none;
}

.contact1 .goto_pp input:checked {
 background-color: #ffef57;
}

div.wpcf7-response-output{
 padding: 0.8em 1em!important;
}

span.wpcf7-not-valid-tip {
 color: #fff686!important;
 font-size: 0.9em!important;
 padding-top: 2px;
 padding-left: 10px!important;
 padding-bottom: 10px;
}

div.wpcf7-validation-errors {
 border-radius: 5px;
 border: 1px solid #bdb976!important;
}

div.wpcf7-mail-sent-ok{
 color: #fff!important;
 text-align: center;
 border-radius: 5px;
 border: 1px solid #5be1ff!important;
}

.contact1 .last th {
 vertical-align:top;
 white-space:nowrap;
}

.contact1 input[type=submit] {
 padding:12px 0;
 text-align:center;
 background-color:#144a8b;
 color:#ffffff;
 width:60%;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:1.1em;
 font-weight:bold;
 -webkit-appearance:auto;
 appearance:auto;
 box-shadow:none;
 border:none;
 margin-bottom:50px;
}

.contact1 input[type=submit]:hover {
 box-shadow: 0 0 0 1px inset #073871;
 cursor: pointer;
 background:#1893c9;
}

.contact1 input[type=button] {
 -webkit-appearance: none;
 padding:12px 10px;
 display:inline-block;
 text-align:center;
 background-color:#939393;
 color:#ffffff;
 width:30%;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:1.1em;
 font-weight:bold;
 -webkit-appearance:auto;
 appearance:auto;
 box-shadow:none;
 border:none;
 margin-bottom:50px;
}

.contact1 input[type=button]:hover {
 background: #717171;
 cursor:pointer;
}

.conf input[type=submit] {
 margin-bottom:30px;
}

.conf table {
 margin:0 0 30px 0;
}

.conf table th , .conf table td {
 line-height:1.5;
 padding:10px 0 10px 5%;
}

.history_back a {
 background-color:#bbbbbb;
 padding:18px 0;
 color:#ffffff;
 font-weight:bold;
 display:block;
 text-align:center;
 font-size:1.1em;
 line-height:1;
 margin-bottom:50px;
}

.top_back a {
 background-color:#063c7e;
 padding:18px 0;
 color:#ffffff;
 font-weight:bold;
 display:block;
 text-align:center;
 font-size:1.1em;
 line-height:1;
 margin-bottom:50px;
}

.conf p.login_copys {
 font-size:1em;
 padding:50px 0;
}

.conf .login_copys span {
 color:#e60013;
}

input[type="submit"],
input[type="button"] {
 border-radius: 0;
 -webkit-box-sizing: content-box;
 -webkit-appearance: button;
 appearance: button;
 border: none;
 box-sizing: border-box;
 cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
 display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
 outline-offset: -2px;
}

/*contact2*/

.contact2 .content_block{
 width: 900px;
 margin: auto;
}

.contact2 .content_block h3 {
 color:#eaeaea;
 font-size:1.8em;
 font-weight:bold;
 line-height:1.4;
 background-image: none;
 text-align: center;
 padding-bottom: 15px;
 border-bottom: 1px solid #505455;
 margin-top: 40px;
}

.contact2 .content_block h4 {
 color:#ffffff;
 font-size:1.15em;
 font-weight:bold;
 padding:0 0 12px 0;
 line-height:1.4;
 margin-top: 30px;
 text-align: center;
}

.contact2 .content_block h5 {
 font-weight:bold;
 padding:0 0 8px 0;
}

.contact2 .content_block p {
 color: #bcbcbc;
 line-height:1.8;
 padding-bottom: 30px;
 text-align: center;
}

.light_attention2 {
 color: #ffeea5!important;
 text-align: center;
 line-height: 1.8!important;
}

.goto_pp{
 text-align: center;
}

.goto_pp a{
 color: #84c6ff;
}

label input[type="checkbox"]{
 margin: 0;
 padding: 0;
 background: none;
 border: none;
 border-radius: 0;
 outline: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

label:hover{
 color: #fff;
 cursor: pointer;
}

input[type="checkbox"] + span::before {
 display: inline-block;
 content: '';
 width: 1rem;
 height: 1rem;
 border: 2px solid #4b4b4b;
 border-radius: 1px;
 margin-right: .5rem;
}

input[type="checkbox"] span::before {
 display: inline-block;
 content: '';
 width: 1rem;
 height: 1rem;
 border: 2px solid #4b4b4b;
 border-radius: 1px;
 margin-right: .5rem;
}

input[type="checkbox"]:checked + span::before {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%230bd' stroke-width='3' points='2,7.3 7.3,12.7 18,2 '/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: 0 2px;
}

input[type="checkbox"]:checked span::before{
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%230bd' stroke-width='3' points='2,7.3 7.3,12.7 18,2 '/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.wpcf7c-elm-step2{
 color: #ffeea5!important;
 text-align: center;
}

.contact2 table {
 width:95%;
 margin: auto;
 margin-top: 30px;
}

.contact2 table th {
 width: 20%;
 color: #ffffff;
 vertical-align:middle;
 padding:20px 0;
 font-weight:bold;
 text-align: left;
}

.contact2 table td {
 vertical-align:middle;
}

.contact2 .content_block input[type=text] {
 display:block;
 width:100%;
 padding:5px 2%;
 color: #dadada;
 background-color:#373a48;
 border:none;
 font-weight:600;
 font-size:1.1em;
 line-height:1.5;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 1px;
}

.contact2 .content_block input[type=email] {
 display:block;
 width:100%;
 padding:5px 2%;
 color: #dadada;
 background-color:#373a48;
 border:none;
 font-weight:600;
 font-size:1.1em;
 line-height:1.5;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 1px;
}

.contact2 .content_block select {
 display:block;
 width:100%;
 padding:10px 3%;
 background-color:#efefef;
 border:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border-radius:0px;
 background-image:url(../img/contact1/img_selecttype.png);
 background-size:12px 20px;
 background-repeat:no-repeat;
 background-position:right 10px center;
 font-size:1.1em;
 font-weight:normal;
 outline:none;
}

.contact2 .content_block select::-moz-focus-inner {
 outline:none;
 border:0;
}

.contact2 .link_right_arrow {
 float:right;
 margin-top:-47px;
}

.link_right_arrow a{
 color: #4da2e0!important;
 font-weight: bold;
}

.link_right_arrow a:hover{
 color: #ffe242;
}

input[type=text].add_number {
 width:50%;
}

.contact2 textarea {
 display:block;
 width:100%;
 height:180px;
 padding:5px 2%;
 color: #dadada;
 background-color:#373a48;
 border:none; 
 font-weight:600;
 font-size:1.1em;
 line-height:1.5;
 font-family: "游ゴシック", sans-serif;
 letter-spacing: 1px;
}

.contact2 .last th {
 vertical-align:top;
 white-space:nowrap;
}

.contact-frame {
 width: 100%;
 text-align: center;
}

.contact-frame input[type=button]{
 color: #fff!important;
}

.contact-frame input[type=submit]{
 color: #fff!important;
}

.contact2 input[type=submit] {
 padding:12px 0;
 display:inline-block;
 text-align:center;
 background-color:#144a8b;
 color:#ffffff;
 width:40%;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:1.1em;
 font-weight:bold;
 -webkit-appearance:auto;
 appearance:auto;
 box-shadow:none;
 border:none;
 margin-bottom:50px;
}

.contact2 input[type=submit]:hover {
 box-shadow: 0 0 0 1px inset #073871;
 cursor: pointer;
 background:#1893c9;
}

.contact2 input[type=button] {
 -webkit-appearance: none;
 padding:12px 10px;
 display:inline-block;
 text-align:center;
 background-color:#939393;
 color:#ffffff;
 width:30%;
 font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:1.1em;
 font-weight:bold;
 -webkit-appearance:auto;
 appearance:auto;
 box-shadow:none;
 border:none;
 margin-bottom:50px;
 margin-right: 5px;
}

.contact2 input[type=button]:hover {
 background: #717171;
 cursor:pointer;
}


/*company*/


.left-03 {
 width: 800px;
 margin: auto;
}

.company_table {
 width:100%;
 margin: auto;
 margin-bottom:150px;
 border-collapse:collapse;
}

.company_table th {
 color:#eaf5ff;
 font-weight:bold;
 border-bottom:solid 1px #303b48;
 padding:19px 10px 19px 0px;
 vertical-align:top;
 line-height:1.65;
}

.company_table td {
 color: #dddddd;
 border-bottom:solid 1px #303b48;
 padding:19px 10px;
 vertical-align:top;
 line-height:1.65;
}

.company_table .last th, .company_table .last td {
 border-bottom:none;
}

.companyprofile .ttl {
 background-image:url(../img/privacypolicy/bg.png);
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
}

.company_table a{
 color: #4491c1;
}

.company_table a:hover{
 color: #e6c63e;
}


/*recruit*/

.recruit .content_block h3 {
 color: #aff0ff;
 font-size: 1.55em;
 font-weight: bold;
 border-bottom: 1px solid #75808d;
 padding-bottom: 10px;
 line-height: 1.4;
 margin:0 0 10px 0;
 background-image: none;
}

.recruit .content_block .left {
 width: 35%;
 margin-right: 30px;
 float:left;
}

.recruit .content_block .right {
 width:100%;
}

.recruit .content_block h4 {
 color: #c0dcff;
 font-size: 1.3em;
 font-weight: bold;
 padding: 0 0 12px 0;
 line-height: 1.4;
}

.recruit .content_block h5 {
 color: #97cfff;
 font-weight: bold;
 padding:30px 0 5px 0;
 line-height: 1.4;
 font-size:1.05em;
}

.recruit .content_block table {
 width:100%;
 margin:0 0 50px 0;
 border-collapse:collapse;
}

.recruit .content_block table th {
 color: #fff;
 padding:15px 15px 15px 0;
 vertical-align:top;
 line-height:1.9;
 font-weight:bold;
 border-collapse:collapse;
 border-bottom:solid 1px #75808d;
 white-space:nowrap;
}

.recruit .content_block table td {
 color: #bebebe;
 padding:15px 0 15px 15px;
 vertical-align:top;
 line-height:1.9;
 border-bottom:solid 1px #75808d;
}

.recruit .content_block table .last th , .recruit .content_block table .last td {
 border-bottom:0;
}

.recruit_flow {
 padding:0 0 50px 0;
}

.recruit_flow li {
 display:block;
 background-color:#e3e3e3;
 color:#063c7e;
 text-align:center;
 padding:20px 0 20px 0;
 width:100%;
 font-weight:bold;
}

.recruit_flow li.arrow {
 background-color:transparent;
 padding:0;
 margin:0 0 10px 0;
}

.recruit_flow li span {
 background-image:url(../img/recruit/arrow.png);
 background-size:186px 24px;
 background-repeat:no-repeat;
 background-position:center top;
 display:block;
 height:24px;
}

.recruit .content_block p{
 color: #dadada;
 font-weight: normal;
}

.font-big {
 font-size: 1.3em;
} 


/*pp terms*/

.pp .content_block p {
 line-height:1.8;
 padding:0 0 30px 0;
}

.pp_li {
 color: #fff;
 list-style-type:decimal;
 list-style:decimal;
 display:block;
}

.pp_li li{
 color: #c7c7c7;
 line-height: 30px;
}

.pp .main_container .pp_li > li {
 width:auto;
 line-height:1.8;
 float:none;
 margin-left:20px;
 padding:0 0 7px 0;
 list-style-type:decimal;
 list-style:decimal;
}

.pp .content_block .pp_li p {
 padding:0 0 7px 0;
}

.pp .content_block .pp_li h6 {
 padding-top:10px;
}

.pp h5 {
 padding:0 0 20px 0;
 font-size:1.15em;
 font-weight:bold;
}

.pp h6 {
 padding:0 0 12px 0;
 font-weight:bold;
}

.privacypolicy .content_block p {
 color: #ddd;
 line-height:1.8;
 font-weight: normal;
}

.privacypolicy .content_block {
 padding-top: 20px;
 padding-bottom: 120px;
}

.privacypolicy .ttl h2 {
 margin: auto;
 width: 450px;
 padding-top: 30px;
 padding-bottom: 30px;
}

.privacypolicy .main_container .pp_li > li {
 width:auto;
 line-height:1.8;
 float:none;
 margin-left:20px;
 padding:0 0 7px 0;
 list-style-type:decimal;
 list-style:decimal;
 color: #ddd;
 margin-top: 30px;
}

.privacypolicy .content_block .pp_li p {
 padding:0 0 7px 0;
}

.privacypolicy .content_block .pp_li h6 {
 padding-top:10px;
}

.privacypolicy h5 {
 padding:0 0 20px 0;
 font-size:1.15em;
 font-weight:bold;
}

.privacypolicy h6 {
 padding:0 0 12px 0;
 font-weight:bold;
}

.left-02 {
 width: 1350px;
 margin: auto;
}

.pp .content_block p {
 color: #ddd;
 line-height:1.8;
 padding:0 0 30px 0;
}

.pp .main_container .pp_li > li {
 color: #ddd;
 width:auto;
 line-height:1.8;
 float:none;
 margin-left:20px;
 padding:0 0 7px 0;
 list-style-type:decimal;
 list-style:decimal;
}

.pp .content_block .pp_li p {
 padding:0 0 7px 0;
}

.pp .content_block .pp_li h6 {
 color: #fff;
 padding-top:10px;
}

.pp h5 {
 color: #fff;
 padding:0 0 20px 0;
 font-size:1.15em;
 font-weight:bold;
}

.pp h6 {
 color: #fff;
 padding:0 0 12px 0;
 font-weight:bold;
}

.terms .content_block p {
 color: #ddd;
 line-height:1.8;
 padding:0 0 30px 0;
}

.terms p {
 font-weight: normal;
}

.terms {
 list-style-type:decimal;
 list-style:decimal;
 display:block;
}

.terms .main_container .pp_li > li {
 color: #fff;
 width:auto;
 line-height:1.8;
 float:none;
 margin-left:20px;
 padding:0 0 7px 0;
 list-style-type:decimal;
 list-style:decimal;
}

.terms .content_block .pp_li p {
 padding:0 0 7px 0;
}

.terms .content_block .pp_li h6 {
 padding-top:10px;
}

.terms h5 {
 color: #0bbae3;
 font-size:1.15em;
 font-weight:bold;
 padding:0 0 10px 0;
}

.terms h6 {
 color: #ddd;
 padding:0 0 12px 0;
 font-weight:bold;
}

.sitemap table {
 width:100%;
 margin-bottom:50px;
 border-spacing: inherit;
}

.sitemap table td {
 border-bottom:solid 1px #4e4e4e;
 padding:18px 10px;
 vertical-align:top;
}

.sitemap table td a{
 color: #18b1cc;
}

.sitemap table td a:hover{
 color: #fccc31;
}

.sitemap table .hidden_block {
 border-bottom:0;
}

.sitemap_top a {
 color:#bed3ed;
 font-weight:bold;
}

#gallery {
 margin: 0 auto;
 overflow: hidden;
}
 
#gallery li {
 max-width: 300px;
 padding: 10px;
}
 
#gallery li img {
 max-width: 100%;
 height: auto;
}

#mainnav_sp{
 display: none;
}

.pc-nav{
 display: block;
}

.h_nav{
 display: none;
}

.slider-sp{
 display: none; 
 }

.schedule_bg{
 padding-top: 40px;
 }

#access-b{
 padding-top: 100px;
}

#access-b #access{
 background: none;
}

.contrnt_block:focus{
 outline: none;
 box-shadow: 0 0 0 1.5px inset #168ece;
}

.contact-frame{
 width: 90%;
 margin: auto;
}

.flexbox{
 display: flex;
}

#company{
 padding-top: 125px;
}

.recruit .content_block p{
 line-height: 30px;
 padding-top: 10px;
 padding-bottom: 20px;
}

div.wpcf7-validation-errors{
 padding:10px;
 color: #ddd;
 text-align: center;
}

.sns_facebook-sp{
 display: none;
}

.entry .sns_btn {
 position: absolute;
 bottom: -9px;
 text-align: center;
 width: 100%;
 z-index: 10;
 display: block;
}

.entry .ttl_inner {
 background-image: url(../img/event/shadow_header.png);
 background-color: rgba(35, 35, 35, 0.6);
 background-size: 5px 5px;
 background-repeat: repeat;
 padding: 140px 0 155px 0;
}

.entry .ttl {
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 padding: 0;
 overflow: hidden;
 width: 100%;
 text-align: center;
 margin: 0px auto 0 auto;
 position: relative;
}

.entry .ttl h2 {
 color: #ffffff;
 padding: 0 10px;
 font-weight: bold;
 height: auto;
 font-size: 2.3em;
 line-height: 1.55;
 text-shadow: 0 0px 10px rgba(0, 0, 0, 0.8);
}

.entry .ttl h2 span {
 display: block;
 font-weight: normal;
 font-size: 0.55em;
 color: #ffffff;
 font-family: 'texgyreadventoritalic';
 padding: 10px 0 0 0;
}

.entry .sns_btn ul {
 text-align: center;
 margin: 0px auto 0 auto;
 width: auto;
 display: inline-block;
}

.entry .sns_btn li:first-child {
 margin-left: 0px;
}

.entry .sns_btn li:first-child{
 background-color: transparent;
 padding: 0;
}

.entry .sns_btn li:nth-child(2) {
 padding-left: 10px;
}

.entry .sns_btn li {
 text-align: center;
 display: inline-block;
 float: left;
 padding: 15px 10px 10px 10px;
 background-color: #161620;
 margin: 0;
}

.entry .sns_btn li.line {
 width: 102px;
}

.left_corner {
 width: 30px;
 border-bottom: 50px solid #161620;
 border-left: 30px solid transparent;
 border-right: 0px solid transparent;
 height: 0px;
 float: left;
 display: block;
}

.right_corner {
 width: 30px;
 border-bottom: 50px solid #161620;
 border-right: 30px solid transparent;
 border-left: 0px solid transparent;
 height: 0px;
 float: left;
 display: block;
}

.entry .sns_btn li:first-child, .entry .sns_btn li:last-child {
 background-color: transparent;
 padding: 0;
}

.entry .ttl h2 span em {
 color: #fff;
 font-family: 'texgyreadventoritalic';
 font-size: 1.4em;
}

.under .entry{
 color: #fff;
 line-height: 20px;
}

.under .entry img{
 width: 100%;
 height: auto;
}

.under .entry p{
 color: #fff;
 line-height: 30px;
}

.under .entry a{
 color: #4bbcff!important;
}

.under .entry a:hover{
 color: #ffc84b!important;
}

.entry .bg_area {
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
 padding:0;
 width:100%;
 margin:0 auto;
 background-color:#000000;
 text-align:center;
}

.main_img_area img{
 width: 100%;
 margin-top: 50px;
 }

.main_text {
 padding-bottom: 50px;
}

.main_text a{
 color: #4ac4ff!important;
}

.main_text a:hover{
 color: #00fff3!important;
}

.main_text img{
 width: 100%;
 height: auto;
}

strong{
 font-weight: bold;
}

.sub_area{
 display: none;
}

.fca{
 width:48%!important;
}

.metaslider .flexslider .flex-control-nav .flex-active{
 background-color: #f99;
}

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

.pager li{
 display: inline-block;
 color: #d0d0d0;
 margin-left: 10px;
 margin-right: 10px;
}

.pager li a{
 color: #7cb4d1;
 padding-left: 10px;
 padding-right: 10px;
}

.pager .active{
 color: #c7c7c7!important;
 font-weight: bold;
 pointer-events: none;
}

.wpcf7 form.sent .wpcf7-response-output{
 color: #fff!important;
}

.contact-frame .wpcf7 span{
 display: block!important;
}

.wpcf7 .wpcf7-submit{
 display: block!important;
 margin: auto;
}

.sp-menu{
 display: none; 
 }

#contact-b .contact .sp-br2{
 display: none;
 }

#sp-logo{
 display: none;
}

@media screen and (max-width:1570px){
 
#header ul{
 width: 70%; 
 }
 
#top .frame{
 padding-top:160px; 
 }
 
.about{
 width: 100%; 
 }
 
.footer-f{
 max-width: 90%; 
 }
 
}

@media screen and (max-width:1400px){
 
.main_imgBox{
 padding-bottom: 60%; 
 }
 
.pc-nav{
 display: none;
}

.event h4{
 font-size: 18px;
 }
 
#calendar{
 width: 80%;
 padding-left: 0px; 
 }
 
#contact .a-btn{
 width: 30%; 
 }
 
.Google_map iframe{
 width: 80%;
 margin-top: 30px;
 }
 
.ac-text{
 width: 80%;
 }
 
.ac-text h3{
 width: 40%;
 }
 
.ac-left{
 width: 54%;
 }
 
.ac-right{
 width: 45%;
 }
 
.about h1{
 font-size: 22px;
 padding-top: 20px;
 letter-spacing: 1px;
 }
 
.event{
 width: 77%; 
 }
  
.event li{
 width: 49%;
 display: inline-block;
 }
 
.event ul{
 width:100%;
 height: 360px;
 text-align: left;
 display: inline-block;
 }
 
 #contact{
 padding-bottom: 50px;
 }


}

@media screen and (max-width:1300px){
 
.month{
 margin-top: 30px;
 }
 
.sns_Twitter{
 margin-top: 50px;
 }
 
.sns_facebook{
 margin-top: 50px;
 }
 
#footer .footer-logo{
 width: 25%; 
 }
 
#footer .footer-menu{
 width: 50%;
 }
 
#footer .banner{
 width: 20%;
 text-align: right;
 display: inline-block;
 }
 
.sponsor{
 width: 50%;
 display: inline-block;
 vertical-align: middle;
 margin-top: 30px;
 margin-bottom: 0px;
 }
 
.news_detail .content_block {
 max-width: 90%;
 } 
 
.feature li h4{
 font-size: 18px; 
 }
 
.layout-pc{
 width: 100%; 
 }
 
#price{
 width: 100%; 
 }
 
#layout-img{
 padding-left: 0px; 
 }
 
.kiyaku{
 width: 90%; 
 }
 
.ef-list h4{
 font-size: 23px; 
 }
 
.head_2 h3{
  padding-bottom: 20px;
 }
 
.food_main{
 width:90%;
 }
 
#contact-b{
 width: 90%;
 padding-top: 30px;
 } 
 
.contact-a p{
 padding: 0px; 
 }
 
#mission p{
 width: 80%; 
 }
 
}


@media screen and (max-width:1200px){
 
.sp-br{
 display: none;
 }
 
#top .frame{
 padding-top: 160px;
 }
 
.main_imgBox{
 padding-bottom: 70%; 
 }
 
.Google_map iframe{
 width: 90%; 
 }
 
.ac-text{
 width: 90%; 
 }
 
.ac-text2{
 width: 52%; 
 }
 
.about h1{
 font-size: 20px; 
 }
 
.pageing li{
 width: 150px; 
 }
 
.pageing img{
 width: 10px;
 }
 
.news .content_block h2{
 width: 85%; 
 }

.news_list{
 width: 90%;
 margin-top: 40px;
 }
 
#facility{
 width: 100%; 
 }
 
.feature2 li p.nuro{
 padding-left: 0px; 
 }
 
.facilty-bg{
 display: none;
 }
 
#facilitySP{
 display: block; 
 }
 
#content_wrapper {
 padding-top: 80px;
 }
 
.about-width2{
 padding-bottom: 20px;
}
 
.about-wrap{
 width: 95%; 
 }
 
.about{
 width: 100%;
 padding-bottom: 70px;
 }
 
.swiper-slide .clrfx{
 margin: auto; 
 }
 
.feature li{
 width: 100%;
 float: none;
 }
 
.feature img{
 width: 600px; 
 }
 
.feature li h4{
 width: 60%;
 font-size: 20px;
 margin: auto;
 padding-left: 120px;
 padding-bottom: 30px;
 }
 
.feature #No2:nth-child(1) h4{
  background-image: url(../img/about/2.png);
 }
 
.feature #No3:nth-child(1) h4{
  background-image: url(../img/about/3.png);
 }
 
.feature #No4:nth-child(1) h4{
  background-image: url(../img/about/4.png);
 }
 
.feature #No5:nth-child(1) h4{
  background-image: url(../img/about/5.png);
 }
 
.btn-more p{
 width: 400px;
 }
 
.feature li a{
  width: 400px;
 padding-top: 15px;
 padding-bottom: 15px;
 }
 
.nuro img{
 width: 400px;
 padding-top: 0px;
 }
 
.feature li p.nuro{
 text-align: center;
 padding-bottom: 20px;
 }
 
.swiper-slide .left{
 width: 70%;
 padding-top: 0px;
 }
 
.layout_wrap .right{
 width: 70%; 
 }
 
.layout-width{
 margin-top: 20px; 
 }
 
#price{
 display: none;
 }
 
#price-sp{
 display: block!important; 
 }
 
.btm .btmSP{
 display: block;
 padding: 10px!important;
 text-align: center;
 background-color: #252831!important;
 color: #c5c5c5!important;
 }
  
.men-pc{
 display: none!important;  
 }
  
.price-width h4{
 line-height: 30px;
 padding-bottom: 20px;
 }
  
.price-width .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
 right: 0px;
 }
  
.price-width .swiper-button-prev{
 left: 0px;  
 }
 
.price_list .btm td{
 width: 100%;
 display: block;
 }
 
#price-sp .clrfx{
 width: 100%;
 }
 
.price_list{
 width: 70%;
 display: block;
 }
 
.price_list tbody{
 display: block;
 }
 
.price_list th{
 display: none;
 }
  
.price-sp{
 display: block; 
 }  
  
.btm{
 width: 100%;
 display: block; 
 }
 
.price_list td{
 display: block;
 color: #fff;
 background: #1d1f27;
 }
 
.price_list .btm td{
 display: block;
 text-align: center;
 padding-left: 10px;
 padding-right: 10px;
}
 
.ate-width{
 width: 70%; 
 margin-bottom: 50px;
 }
 
.price-bg{
 padding-top: 0px; 
 }
 
.kiyaku-width p{
 width: 90%; 
 }
 
.ef-wrap{
 width: 90%; 
 }

.event_img{
 padding-top: 140px; 
 } 
 
.event_img img{
 width: 60%; 
 } 
 
.head_3 h3{
  padding-top: 0px;
 }
 
.ef-list li{
 font-size: 15px; 
 }
 
.food_main .right_food_block .left_d{
 width: 100%;
 padding-top: 20px;
 }
 
.food_main .left_food_block{
 display: block;
 width: 100%;
 margin: auto;
  padding: 0px;
 }
 
.main_menu{
 width: 90%;
 margin: auto;
 }
 
.food_main .main_menu h1{
 text-align: left;
 }
 
.food_main .left_food_block .side_menu{
 width: 90%;
 margin: auto;
 }
 
.food_main .side_menu h1{
 text-align: left;
 margin-top: 30px;
 }

.food_main .right_food_block{
 width: 90%;
 float: none;
 margin: auto;
 padding: 0;
 display: block;
 }
 
.food_main .right_food_block .drink_menu{
 padding: 0; 
 }
 
.food_main .drink_menu h1{
 text-align: left;
 }
 
.food_main .left_food_block ul{
 margin-bottom: 50px; 
 }

.food_main .left_food_block .tmp_doc{
 font-size: 13px;
 padding-left: 10px;
 }
 
.food_main .caution p{
 width: 85%;
 margin: auto;
 margin-top: 30px;
 }
 
.left-03{
 width: 90%; 
 }
 
.left-02{
 width: 90%;
 }
  
.contact1 .link_right_arrow {
 margin-top:0px;
 }
  
.contact2 .link_right_arrow {
 margin-top:0px;
 }
		
#facility{
 display: none;
 }
 
}

@media screen and (max-width:1000px){
 
#mission p{
 width: 90%; 
 }
 
#service .sp-br{
 display: none;
 }
 
#footer .footer-logo{
 display: block; 
 width: 100%;
 text-align: center;
 }
 
#footer .footer-menu{
 width: 70%; 
 }
 
#contact-b .contact h4{
 width: 90%; 
 }
 
}

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

.h_nav{
 display: block;
}
 
.pc-nav{
 display: none!important;
 }
 
.sp-menu{
 display: block; 
 }
 
#header{
 padding-top: 7px;
 padding-bottom: 7px;
 }
 
#header img{
 position: relative;
 float: left;
 padding-top: 5px;
 padding-left: 40px;
 z-index: 999;
 }
 
#header .pc-menu{
 display: none;
 width: 100%;
 }
 
#header ul{
 width: 100%;
 border-top: 1px solid #2c2c31;
 }
 
#header li{
 width: 45%;
 margin-top: 30px;
 margin-bottom: 30px;
 }
		
#header #gNav ul{
 display: block;
 width: 100%;
 }
 
#header li a{
 text-align: center;
 } 
 
.drawer-hidden {
 display: none;
}
 
.drawer{
 display: inline-block;
 text-align: right;
 float: right;
 padding-right: 40px;
 }
 
/* ハンバーガーアイコンの設置スペース */
.drawer-open {
 display: flex;
 width: 45px;
 height: 40px;
 justify-content: center;
 align-items: center;
 position: relative;
 z-index: 100;
 cursor: pointer;
 }

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
 content: '';
 display: block;
 width: 32px;
 height: 2px;
 background: #ededed;
 transition: 0.5s;
 position: absolute;
 }

/* 一番上の棒の位置調整 */
.drawer-open span:before {
 bottom: 8px;
 }

/* 一番下の棒の位置調整 */
.drawer-open span:after {
 top: 8px;
 }

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
 background: rgba(255, 255, 255, 0);
 border-bottom: none;
 }

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
 bottom: 0;
 transform: rotate(45deg);
 border-bottom: none;
 background: #ededed;
 }

#drawer-check:checked ~ .drawer-open span::after {
 top: 0;
 transform: rotate(-45deg);
 border-bottom: none;
 background: #ededed;
 }
  
/* メニューのデザイン*/
.drawer-content {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 89;
 background: #161620;
 transition: .5s;
 display: none;
 }

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
 display: block;
 transition: .5s;
 }
 
#global-nav li{
 display: block;
 margin: auto;
 padding-top: 20px;
 text-align: center;
 }

.drawer-content{
 padding: 0;
 }

.drawer-content .menu{
 width: 80%;
 display: block;
 margin: 0 auto;
 padding: 0;
 margin-top: 58px;
 padding-bottom: 30px;
 }

.drawer-open span.m_fixed,
.drawer-open span.m_fixed:before,
.drawer-open span.m_fixed:after{
 background: #2769ff;
 }  
 
#service li{
 width: 60%;
 padding-bottom: 50px;
 }
 
.event{
 width: 90%;
 }
 
.a-btn{
 width: 60%; 
 }
 
.n-btn{
 width: 60%; 
 }

.sp-br{
 display: none;
 }
 
#service h4{
 padding-bottom: 30px;
 }
 
.event h4{
 padding-top: 20px; 
 }
 
.event-right .details{
 margin-top: 20px;
 }
 
.days li{
 font-size: 15px; 
 }
 
.days li span{
 width: 1rem;
 }
 
#footer .footer-logo{
 width: 100%; 
 }
 
#footer .footer-logo img{
 padding-bottom: 20px;
 }
 
#footer .footer-menu{
 width: 100%;
 margin-bottom: 40px;
 }
 
.main_imgBox{
 padding-bottom: 60%;
 }
 
#top .frame{
 padding-top: 140px;
 }
 
#top .frame img{
 width: 150px;
 }
 
#top h2{
 margin-top: 0px;
 font-size: 25px;
 }
 
#mission p{
 width: 90%;
 font-size: 18px;
 }
 
#mission .sp-br{
 display: none; 
 }
 
#news .news-right h3{
 font-size: 18px;
 }
 
#news ul{
 width: 90%; 
 }
 
#service ul{
 padding-bottom: 0px;
 }
 
.event li{
 width: 100%;
 font-size: 0;
 margin: auto;
 display: block;
 margin-bottom: 2px;
 }
 
.event-left{
 width: 35%;
 left: 0;
 }
  
.event-list__item:before{
 height: 0;
 font-size: 0;
 }
 
.event-left img{
 left: 0;
 }
  
.event ul{
 height: 360px;  
 }
  
.event h4 {
 font-size: 22px;
 }
  
.event-list__item img{
 width: 20%;  
 }
  
.event-list__item .content{
 width: 79%;  
 }
 
.event-right{
 width: 60%;
 }
 
#schedule{
 padding-top: 0px;
 }
 
.ac-text h3{
 width: 85%; 
 }
 
.ac-text2{
 width: 90%;
 display: block;
 }
  
.ac-left{
 width: 100%; 
 }
 
.ac-left{
 width: 100%; 
 }
 
.ac-right{
 width: 100%;
 margin-top: 30px;
 }
 
#contact p{
 font-size: 18px; 
 } 
 
#footer .banner{
 width: 80%;
 text-align: center;
 }
 
.sponsor{
 width: 100%;
 }
 
.news_list li a{
 padding-left: 0px;
 flex-flow: column;
 } 
 
.news_list li a span{
 font-size: 15px;
 text-align: left;
 padding-top: 10px;
 padding-bottom: 10px;
 }
 
.news_list li a em{
 font-size: 17px;
 margin-left: 0px; 
 padding-bottom: 10px;
 }
 
.about h1{
 padding-top: 25px; 
 }
 
.feature img{
 width: 500px; 
 }
 
.nuro img{
 width: 350px;
 }

.feature li p.nuro{
 padding-left: 0px; 
 }
 
.price_list .btm td{
 padding-right: 0px; 
 }
 
.btm .btmSP{
 padding-right: 0px!important; 
 }

.td-bg{
 background: #252831!important;
 }

.price-width h4{
 width: 80%;
 font-size: 18px;
 margin: auto;
 }
 
.price_list{
 width: 80%; 
 }
 
.kiyaku .swiper-container{
 display: none; 
 } 
 
.kiyaku-sp{
 display: block;
 }
 
.feature img{
 width: 400px; 
 }
 
.feature li h4{
 padding-left: 80px; 
 }
 
.swiper-slide .clrfx{
 width: 90%; 
 }
 
.event_img img{
 width: 80%
 }
 
.reason_p{
 width: 80%; 
 } 
 
.ef-list{
 width: 70%;
 display: block;
 margin: auto;
 }
 
.ef-list h4{
 font-size: 30px;
 font-weight: 700;
 padding-top: 15px;
 padding-bottom: 15px;
 }

.ef-list li{
 color: #ddd;
  font-size: 18px;
 }
 
.ef-list ul{
 padding-bottom: 30px; 
 }
 
.manifesto .mani_p{
 width: 75%; 
 }
 
.manifesto img{
 width: 80%; 
 }
 
.head_3 h3{
 width: 90%;
 margin: auto;
 padding-bottom: 20px;
 font-size: 24px;
 }
  
.contact1 input[type=button]{
 display: block;
 margin: auto;
 width:70%;
}

.contact1 input[type=submit]{
 width: 100%;
 margin-bottom: 0px;	
 }
 
.contact2 input[type=button]{
display: block;
width:100%;
}

.contact2 input[type=submit]{
 width: 100%;
 }
 
.flexbox{
 flex-direction: column;
 }
 
.order1 {
 order: 1
 }
 
.order2 {
 order: 2;
 }
  
.contact1 .content_block{
 width: 100%;
 }

.contact2 .content_block{
 width: 100%;
 }
  
.contact link_right_arrow{
 margin-top: 0px;
 }
		
.content_block .pb101 ul{
 width: 55%;		
 }		
	 
#contact-b{
 padding-top: 0px;
 }
		
#content_wrapper{
 padding-top: 80px;		
 }
  
.event ul{
 width: 80%;
 }
  
.mean-container .mean-bar .nav::-webkit-scrollbar{
 display:none;
 }
 
}

@media screen and (max-width:800px){
		
.content_block .pb101 ul{
 width: 420px;		
 }
 
.about ul{
 width: 90%;
 }
 
.about li{
 width: 100%;
 margin-bottom: 70px;
 }
 
.about h1{
 width: 100%;
 font-size: 24px;
 }

}

@media screen and (max-width:700px){
 
#top .frame{
 padding-top: 120px; 
 }
 
#top .frame img{
 width: 100px; 
 }
 
#top h2{
 font-size: 19px;
 }
 
#header ul{
 text-align: left;
 }
 
#header li{
 width: 40%;
 padding-left: 20px;
 text-align: left;
 }
 
.ac-text{
 text-align: left;
 }
 
.ac-text2{
 width: 100%;
 padding: 0px;
 }
 
.ac-left{
 width: 55%;
 }
 
.ac-right{
 width: 40%;
 margin-top: 15px;
 }
 
#service li{
 width: 75%; 
 }
 
.event{
 width: 100%; 
 }
 
.event-left {
  width: 20%;
 }
 
.event-left img{
 width: 200px;
 }
 
.event-right{
 width: 75%; 
 }
 
#calendar .month h1{
 width: 100%;
 padding-top: 0px;
 text-align: center;
 }
 
#calendar .month h2{
 width: 50%;
 padding-top: 15px; 
 }
 
#calendar .month img{
 padding-top: 10px;
 }
 
#calendar{
 width: 95%; 
 }
 
#contact .n-btn{
 width: 40%; 
 }
 
#contact .a-btn{
 width: 40%; 
 }
 
.news_detail .content_block h2{
 font-size: 21px;
 line-height: 30px;
 }
 
 #news .news-left{
 width: 100%;
 }
 
#news .news-right{
 width: 100%;
 margin-top: 15px;
 padding-left: 0px;
 }
 
.img-area{
 width: 100%;
 margin: auto;
 }
 
.news_detail .content_block .main_text p{
 font-size: 14px;
 line-height: 32px;
 }
 
.news_detail .content_block{
 padding-bottom: 50px; 
 }
 
.pageing{
 padding-top: 30px; 
 }
 
.list-top{
 padding-top: 50px; 
 }
 
.pageing li a{
 font-size: 14px; 
 }
 
.pageing img{
 padding-bottom: 2px; 
 }
 
.news_detail .content_block{
 padding-left: 20px;
 padding-right: 20px;
 }
 
.news_detail .content_block .date{
 width: 100%; 
 }
 
.ef-list{
 width: 100%; 
 }
 
.contact2 .content_block h3{
 font-size: 20px; 
 }
 
.contact2 .link_right_arrow{
 font-size: 14px;
 padding-bottom:10px!important;
 margin-top: -37px;
 }
 
.contact2 table th{
 width: 100%;
 display: block;
 padding-bottom: 10px;
 }
 
.contact2 table td{
  width: 100%;
 display: block;
 }
 
.contact2 table tbody tr{
 width: 100%;
 display: block;
 }
 
.company_table th{
 display: block;
 width: 100%;
 text-align: left;
 border-bottom: none;
 padding-left: 10px;
 padding-bottom: 0px;
 }
 
.company_table td{
 display: block;
  margin-right: 10px;
 }
 
.recruit_detail tbody{
 display: block;
 }
 
.recruit .content_block table th{
 display: block;
 width: 100%;
 text-align: left;
 padding-bottom: 10px;
 border: none;
 }
 
.recruit .content_block table td{
 display: block;
 width: 100%;
 padding-left: 0px;
 padding-top: 0px;
 }
 
.recruit .content_block .left{
 width: 100%; 
 }  

.contact1 table{
 display: block;
 }
  
.contact1 tbody{
 display: block;
 }
  
.contact1 tr{
 display: block;
 }
  
.contact1 td{
 display: block;
 margin-bottom: 10px;
 margin-right: 10px;
 text-align: center;
 }
		
.contact1 table th{
 padding-bottom: 5px;
 }
 
#contact-b .contact h4{
 width: 100%; 
 }
 
#contact-b .contact-btn{
 width: 90%; 
 }
 
.contact-btn a{
 width: 100%; 
 }
 
}

.sp-br{
 display: block;
}


@media screen and (max-width:500px){
    
.food_main .set_menu .top_menu_img{
 display: none;
 }
    
.fca{
 width:100%!important;
 }
		
.sp-br{
 display: none;
 }
 
.slider{
 display: none; 
 }
 
.slider-sp{
 display: block; 
 }
 
.main_imgBox{
 padding-bottom: 750px;
 }
 
.frame img {
 width: 180px!important;
 padding-top: 50px;
 }
 
#top h2{
 font-size: 23px; 
 }
 
#header li{
 font-size: 14px;
 padding: 0; 
 }
 
#mission p{
 width: 85%;
 font-size: 16px;
 line-height: 30px;
 text-align: left;
 }
 
#news .news-left{
 width: 85%; 
 }
 
#news .news-right{
 width: 85%;
 padding: 0;
 padding-top: 30px;
 }
 
.event li{
 width: 90%;
 margin-bottom: 10px;
 }
 
.event-list__item{
 padding-right: 0px;
 }

#calendar .month img{
 width: 4%;
 padding-left: 0px;
 padding-top: 2px;
 }
 
.month{
 margin-top: 70px; 
 }
 
#sns h1{
 padding-top: 50px;
 }
  
.sns_Twitter{
 width: 80%;
 }
 
.Google_map iframe{
 width: 85%;
 height: 400px;
 }
 
.ac-text{
 width: 85%; 
 }
 
.ac-text h3{
 width: 100%;
 font-size: 16px;
 }
 
.ac-text2{
 width: 100%;
 padding: 0;
 }
 
.ac-left{
 width: 100%;
 }
 
.ac-right{
 width: 100%;
 margin-top: 30px;
 }
 
#contact p{
 width: 100%;
 line-height: 40px;
 }

#contact .n-btn{
 width: 80%;
 padding-right: 0px;
 }
 
.n-btn {
 width: 70%;
 margin: auto;
 text-align: center;
 padding-top: 50px;
 padding-bottom: 80px;
 }
 
#contact .a-btn{
 width: 80%;
 padding-left: 0px;
 padding-bottom: 30px;
 }
 
.food_main .caution p{
 width: 100%;
 font-size: 13px;
 padding: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 }
 
.food_main{
 width: 100%; 
 }
 
.food_main .set_menu h1{
 width: 100%;
 display: block;
 text-align: left;
 font-size: 24px;
 margin-top: 40px;
 padding-top: 0px;
 padding-left: 10px;
 }
 
.food_main .grandmenu img{
 max-width: 70%;
 width: 100%;
 margin-top: 80px;
 padding-left: 0px;
 margin-left: 10px;
 float: none;
 }
 
.food_main .left_food_block .tmp_doc{
  font-size: 10px;
 }
 
.food_main .left_food_block li{
 font-size: 15px; 
 } 
 
.food_main .right_food_block li{
 font-size: 15px; 
 }
 
.contact2 .link_right_arrow{
 margin-top: 0px; 
 }
 
.terms .content_block p{
 font-size: 15px; 
 }
  
.food_main .top_menu_img_sp {
 display: block;
 }
		
.contact1 table th{
 padding-bottom: 5px;
 }
 
}


@media screen and (max-width:425px){
 
#pc-logo{
 display: none; 
 }
 
#sp-logo{
 display: block!important; 
 }
 
#header img{
 width: 181px; 
 }
 
.drawer{
 padding-right: 17px; 
 }
 
.drawer-content{
 background: rgba(22, 22, 31, 0.9);
 }
 
#header li {
 padding-left: 40px;
 }
 
#top h2{
 padding-top: 60px; 
 }
 
#mission p{
 width: 90%;
 font-size: 17px;
 letter-spacing: 0px;
 text-align: center;
 }
 
#mission .sp-br{
 display: block;
 }
 
#mission .sp-br2{
 display: none;
 }
 
#news li{
 text-align: center;
 }
 
#news .news-right{
 padding-top: 0px;
 }
 
.news_list{
 margin-top: 0px; 
 }
 
.about li{
 margin-left: 0px;
 margin-right: 0px;
 }
 
.entry .sns_btn{
 background:  #161620;
 }
 
.entry .sns_btn li:first-child{
 display: none; 
 }
 
.entry .sns_btn li:last-child{
 display: none;
 }
 
#contact .sp-br{
 display: block;
 }
 
#content_wrapper {
 padding-top: 60px;
 }
 
.news_detail .content_block h2{
 line-height: 28px; 
 }
 
.news_detail .content_block h2 span {
 font-size: 16px;
 }
 
.sp-br4 {
 display: block;
 }
		
.content_block .pb101 ul{
 width: 100%;
 text-align: center;
 }
		
.content_block .pb101 ul li{
 line-height: 25px;
 text-align: center;
 margin-bottom: 30px;
 }
		
.content_block .pb101 .span2{
 margin-left: 0px;		
 }	
  
.content_block .pb101 span{
 margin-left: 0px;		
 }	
		
.sns_Twitter{
 width: 80%;  
 }
  
.sns_facebook{
 display: none;
 padding-left: 0px;
 }
  
.sns_facebook-sp{
 display: block;
 width: 100%;
 }
 
.main_imgBox{
 width: 100%;
 height: 90vh;
 padding-bottom: 0px;
 }
 
.event h4{
 padding-top: 10px;
 line-height: 20px;
 }
 
.event-list__item .date{
 padding-top: 20px;
 padding-left: 15px;
 }
 
#calendar .month h2{
 width: 70%; 
 }
 
#contact p{
 margin-top: 30px;
 margin-bottom: 0px;
 }
 
#contact-b .contact-btn{
 width: 100%; 
 }
 
.contact-btn a{
 width: 90%; 
 }
 
#footer{
 padding: 0px;
 }
 
#footer .banner{
 width: 100%; 
 }
 
#footer .sponsor{
 margin-top: 0px;
 }
 
#footer .sponsor img{
 padding-left: 10px;
 padding-right: 10px;
 }
 
#footer .operate{
 padding-bottom: 30px; 
 }

.news_detail .content_block h2{
 width: 100%;
 font-size: 22px; 
 }
 
.meta_area > div{
 float: none; 
 } 
 
.news{
 padding-top: 0px; 
 }
 
.about{
 width: 100% 
 }
 
.about-wrap{
 padding-top: 50px; 
 }
 
.feature img{
 width: 80%; 
 }
 
.feature li h4{
 font-size: 18px; 
 }
  
.btn-more p{
 width: 250px; 
 } 
 
.feature li a{
 width: 250px; 
 }
 
.layout-width p{
 width: 80%;
 margin: auto;
 font-size: 16px; 
 }
 
.layout-pc{
 display: none; 
 }
 
.layout-sp{
 display: block;
 }
 
#layout-img{
 width: 100%; 
 }
 
.layout_wrap .right{
 width: 85%;
 margin-top: 30px;
 }
 
.wrap .hikae_p{
 font-size: 16px; 
 }
 
#gaikan{
 width: 100%; 
 }
 
.naikan-list img{
 display: block;
 width: 100%; 
 }
 
.naikan-list{
 display: block;
 width: 100%;
 }
 
.hikaeshitsu{
 width: 80%; 
 }
 
.naikan-list #map-img{
 padding-top: 40px;
 }
 
.wrap .hikae_p{
 text-align: left!important;
 line-height: 28px;
 }
 
.price-width h4{
 font-size: 17px;
 }
 
.ate-width{
 width: 80%;
 margin-top: 0px;
 }
 
.kiyaku-width p{
 font-size: 15px;
 }
 
.price_list .btm td{
  padding-left: 0px;
 }
 
.price_list td strong{
 font-size: 16px;
  padding-left: 0px;
 padding-right:0px;
 }
 
 .btm .btmSP{
  padding-left: 0px!important;
 }
 
.price_list{
 width: 90%; 
 }
 
#header img{
 padding-left: 20px; 
 }
 
.head_3 h3{
 font-size: 24px;
 }
 
.event_img img{
 width: 90%; 
 }
 
.ef-list{
 width: 100%; 
 }

 .head_2 h3{
  width: 80%;
 font-size: 22px;
 margin: auto;
 }
 
 .ef-wrap{
  width: 100%;
 }
 
.manifesto .mani_p{
 width: 90%; 
 }
 
.manifesto img{
 width: 90%; 
 }
 
.head_2 h3{
 padding-top: 30px;
 padding-bottom: 30px; 
 }

.food_main .caution p{
 width: 90%; 
 }
 
.contact-a{
 width: 100%;
 padding: 0px; 
 }

.sitemap table td {
 display: block;
 }
  
#contact-b {
 padding-top: 20px;  
 }
		
#copyright p{
 width: 100%;		
 }
		
.a-btn{
 width: 80%;		
 }
		
.a-btn a{
 font-size: 18px;
 padding-top:20px;
 padding-bottom: 20px;
 }
		
.n-btn a{
 font-size: 18px;
 padding-top:20px;
 padding-bottom: 20px;
 }
		
#service h4{
 font-size: 1.2em;
 background-size: 70px;
 padding-bottom: 0px;	
 }
 
#news ul {
 width: 100%;
 }
 
#service li {
 width: 80%;
 }
 
.event h4{
 font-size: 18px;
 padding-left: 15px; 
 }
 
.main_img_area img{
 margin-top: 20px; 
 }
  
.event ul {
 width: 90%;
 height: 343px;
}
  
.event li{
 width: 100%;
 margin-bottom: 1px;
 }
  
.event-list__item img{
 width: 30%;  
 }
  
.event-list__item .content{
 width: 69%;
 }
 
.mean-nav{
 text-align: left;
 }
 
.ttl{
 margin-top: 30px; 
 }
 
.ttl h2 img{
 width: 100%; 
 }
 
#footer .footer-logo #sp-logo{
 display: inline-block!important;
 width: 181px;
 }
  
}

@media screen and (max-width:375px){
 
#header li{
 padding-left: 34px; 
 } 
 
#mission p{
 font-size: 15px; 
 }
 
.about{
 padding-bottom: 0px; 
 }
 
.about h1{
 font-size: 21px; 
 }
 
.event ul{
 height: 302px;
 }
  
.pageing li {
 width: 140px;
 }
 
.news_detail .content_block h2{
 font-size: 20px; 
 }
 
.entry .sns_btn li.line{
 width: auto;
 } 
 
.entry .sns_btn li:nth-child(2){
 padding-left: 0px; 
 } 
 
.entry .sns_btn li{
 padding-left: 5px;
 padding-right: 5px;
 }
 
.event h4{
 padding-left: 10px; 
 }
 
.main_imgBox{
 margin-top: 0px;
 height: 100vh;
 padding-bottom: 0px;
 }

.main_imgBox img{
 width: 110%;
 padding-top: 70px;
 }
 
#top h2{
 width: 100%;
 font-size: 20px;
 margin: auto;
 } 
 
.news_detail .content_block .date{
 color: #6bb5cb;
 font-size: 14px;
 padding-bottom: 0px; 
 }
 
.sns_btn li{
 padding-bottom: 10px;
 margin-left: 0px;
 }
 
.sns_btn .facebook{
 width: 88px;
 margin-right: 0px;
 }
 
.sns_btn li.line{
 width: 90px;
 margin-right: 0px;
 }

.event h4{
 font-size: 16px; 
 }
 
.sponsor{
 width: 100%; 
 }

#footer .sponsor img{
 padding-left: 8px;
 padding-right: 8px;
 }
 
#content_wrapper{
 padding-bottom: 0px;
 }
 
#copyright p{
 width: 100%;
 font-size: 12px;
 }
 
.price-width h4{
 width: 90%;
 font-size: 14px;
 }
 
#footer .footer-menu li a{
 font-size: 15px; 
 }
 
#contact-b .contact p{
 font-size: 15px; 
 margin-top: 40px;
 }
 
#contact-b .contact .sp-br2{
 display: block;
 }
 
}

@media screen and (max-width:360px){
 
#mission p{
 width: 93%; 
 }
 
#footer .sponsor img{
 padding-left: 4px;
 padding-right: 4px;
 } 
 
.sns_btn li.line{
 width: 86px; 
 }
 
.pageing li{
 width: 120px; 
 }
 
}

#gallery_wrap {
 margin: 0 auto;
 max-width: 960px;
 width: 100%;
 position: relative;
 margin-bottom: 50px;
}

.wpcf7-list-item-label{
 color: #fff;
 vertical-align: middle;
 margin-right: 15px;
 font-size: 16px;
 font-weight: bold;
}

contact1 .goto_pp input:checked {
 background-color: #ffef57;
}

input[type="radio"] {
 margin: 0;
 padding: 0;
 background: none;
 border: none;
 border-radius: 0;
 outline: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.wpcf7-list-item input[type="radio" i]  {
 background-color: #111111;
 border: solid 1px #47b2f1;
 height: 15px;
 width: 15px;
 border-radius: 40px;
 margin-right: 5px;
 vertical-align: middle;
}

.wpcf7-list-item input[type="radio" i]:checked{
 background-color: #e5bc3a;
 border:none;
}

.wpcf7-list-item input:focus{
 box-shadow: 0 0 0 1px inset #e5bc3a!important;
}

.wpcf7-mail-sent-ng {
 text-align: center!important;
 color: #fff!important;
 border: 1px solid #fff200!important;
}