@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
color:#000;
padding:0;
font-family: "ヒラギノ角ゴ W4 JIS2004","Hiragino Kaku Gothic W4 JIS2004", sans-serif;
font-weight:400;
}



a:link {color:#6dc3ff; text-decoration:none;}
a:visited {color:#6dc3ff; text-decoration:none;}
a:hover {color:#acddff;}

#footer a:link {color:#fff; text-decoration:none;}
#footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {color:#ecd902;}

img {
border:0;
vertical-align:bottom;
}

ul {list-style:none;}


.home_titleimg img {
width:100%;
}

.main_content {
background:#fff;
border-radius:5px;
}


.faq_list h3 {margin:0 0 1em;}

.faq_list dl {margin:0 0 4em;}

.faq_list dt {
color:#8ce1e6;
font-size:1em;
margin:0 0 0.5em;
}

.faq_list dt:first-child {
border-top:1px #333 solid;
padding:1em 0 0;
}

.faq_list dd {
border-bottom:1px #333 solid;
margin:0 0 1em;
padding:0 1em 1em;
}



.shutten_list_item {
margin:0.7em 0 0;
background:#fff;
border-radius:5px;
box-sizing:border-box;
padding:0.7em;
}

.shutten_list_item h3 {
font-feature-settings: "palt" 1;
margin: 0 0 5px;
}

.shutten_list_item {
font-feature-settings: "palt" 1;
}



.shutten_list_item .number {
margin:0 5px 0 0;
background:#00a8ff;
display:inline-block;
padding:3px 7px;
border-radius:5px;
color:#fff;
}

.kyousan_list,
.kyousan_list2{
background:#fff;
border-radius:5px;
}

.kyousan_list li,.kyousan_list2 li {
font-feature-settings: "palt" 1;
}



.event_list_item h3 {
background:#8ed8ff;
border-radius:5px;
box-sizing: border-box;
font-size:20px;
padding: 10px 20px;
}

.event_list_item p {
margin:1em 0 0;
}


.home_titleimg .time {
color:#fff;
margin:10px 0 0;
text-align:center;
font-weight:700;
}



/*========================================================================================================================
  for Smartphone
========================================================================================================================*/

@media (max-width:640px) {


.home_titleimg .time {
font-size:20px;
}

.home_shortcut {
margin: 0 auto;
width:80%;
text-align:center;
}

.home_shortcut li a {
display:block;
border-radius:5px;
margin:0 0 5px;
padding:10px;
font-size:25px;
font-weight:700;
color:#000;
}

.home_shortcut_btn1 a {
background:#ffd200;
}

.home_shortcut_btn2 a {
background:#45d000;
}

.home_shortcut_btn3 a {
background:#f35ad4;
}

.home_shortcut_btn4 a {
background:#8c6aee;
}

.home_shortcut_btn5 a {
background:#f2764a;
}





.event_list_item h3 {
text-align:justify;
font-feature-settings: "palt" 1;
}

.event_list_item .number {
font-size:30px;
color:#fff;
background:#0075bf;
width:40px;
height:40px;
text-align:center;
display:block;
border-radius:50%;
line-height:40px;
margin:0 auto;
}

.event_list_item .text {
text-align:justify;
}

.event_list_item .text .note {
background:#f5f4bd;
display:inline-block;
border-radius:5px;
padding:10px;
}

.event_list_item .image img {
width:100%;
}

.event_list_item .text .small {
font-size:0.8em;
}

.event_list {
margin:20px 0 0;
}

.event_list_item {
margin:2em 0 0;
}

.home_titleimg {
padding:50px 0 100px;
width:100%;
}

.main_content {
padding:20px;
}

body {
background-image: url("../images/common/bg.png");
}

.map_dl {
text-align:center;
margin:1em 0 0;
width:100%;
}

.map_dl a {
background:#0074b6;
border-radius:5px;
color:#fff;
display: inline-block;
font-size:20px;
font-weight:700;
padding:1em;
font-feature-settings: "palt" 1;
transition: 0.3s;
}

.map_dl a:hover {
background:#ecd902;
}


.kyousan_list,.kyousan_list2 {
padding:10px;
}

.kyousan_list ul {
display:flex;
flex-wrap: wrap;
gap:10px 10px;
justify-content: space-between;
}

.kyousan_list li {
border:1px #aaa solid;
box-sizing: border-box;
padding:10px 5px;
font-size:16px;
line-height:1.3em;
font-weight:700;
text-align:center;
width:48%;
display: flex;
align-items: center;
justify-content: center;
}

.kyousan_list2 {
margin:50px 0 0;
}

.kyousan_list2 h3 {
margin:0 0 20px;
}

.kyousan_list2 ul {
display:flex;
flex-wrap: wrap;
gap:0 10px;
}

.kyousan_list2 li {
border-top:1px #aaa solid;
font-size:15px;
padding:0.7em 0;
text-align:left;
width:45%;
}





.goaisatsu_section {
background:#fff;
border:3px #afe1f3 solid;
border-radius:1em;
box-sizing:border-box;
margin:0 0 20px;
padding:1em;
}


.goaisatsu_section .image {
text-align:center;
width:100%;
}

.goaisatsu_section .image img {
width:150px;
}

.goaisatsu_section p:not(.image) {
margin:1em 0 0;
text-align:justify;
}

.goaisatsu_section .name {
text-align:center !important;
width:100%;
}

.goaisatsu_section .name span {
font-size:12px;
line-height:15px;
}

.goaisatsu_section .name strong {
font-size:18px;
font-weight:normal;
}

#tousen #content {
margin:0 auto;
width:90%;
}

.tousen_list ul {
display:flex;
margin:40px 0 0;
flex-wrap: wrap;
gap:10px 20px;
}

.tousen_list li {
width:6em;
}

.faq_list dd img {
margin:1em 0 0;
width:100%;
}

#faq_content {
margin:0 auto;
width:90%;
}

.br_pc {display:none;}

#main {
margin:30px auto;
width:90%;
}

#home #main {
padding:0;
}

#header_logo {
padding:10px 0;
text-align:center;
width:100%;
}

#header_logo h1 {
line-height:0;
font-weight:normal;
}

#header_logo img {height:30px;}

.menu-content li a.no {color:#333333 !important; cursor:default;}
.menu-content li a.no:hover {background-color:rgba(0,0,0,0.01);}

/*===== Slide =====*/

#slide {
padding:30px 0 0;
margin:0 auto;
width:95%;
}

.swiper-container {
margin:0 auto;
width:100%;
position:relative;
}

.swiper-container .swiper-slide {position:relative;}

.swiper-slide {
background:rgba(256,256,256,0.8);
border-radius:3px;
position:relative;
}

.swiper-slide {
display:block;
box-sizing: border-box;
text-align:center;
}

.slide_full {
display:inline-block;
box-sizing: border-box;
padding:5%;
width:100%;
}

.slide_full a {padding:0;}

.slide_full img {width:100%;}

.slide_half {
float:left;
display:inline-block;
box-sizing: border-box;
width:50%;
}

.slide_half a {padding:40px 10px;}

.slide_half img {width:100%;}

.slide_title {
color:#000;
font-size:0.9em;
margin:0 auto;
padding:20px 0 0;
width:100%;
}

.slide_title .small {
font-size:0.6em;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
text-align:center;
}

.swiper-slide a {
display:block;
color:#000;
}

.swiper-slide .date {
display:block;
border-bottom:2px #58d8de solid;
font-family: 'Teko', sans-serif;
font-size:1.5em;
font-weight: 300;
line-height:30px;
margin:0 0 10px;
}

.swiper-slide .date .date_week {
font-family: 'Teko', sans-serif;
font-size: 0.8em;
font-weight: 300;
}

.slide_title .line_m {display:block;}

.swiper-button-prev:after {
color:#fff;
background:rgba(0,0,0,0);
text-shadow: 0px 0px 3px #000;
opacity:0.5;
}

.swiper-button-next:after {
color:#fff;
background:rgba(0,0,0,0);
text-shadow: 0px 0px 3px #000;
opacity:0.5;
}

.swiper-button-prev:hover:after {opacity:1;}

.swiper-button-next:hover:after {opacity:1;}

.swiper-pagination {
bottom:0 !important;
position:relative !important;
}

.swiper-container li:first-child .slide_title {
background:rgba(0,0,0,0);
position:absolute;
left:0;
bottom:30px;
}

.swiper-slide .sponsor {
display: block;
font-size:0.7em;
font-weight:bold;
padding:5px 0 0;
}

/*=====  =====*/

#page_title {
font-size:30px;
font-weight:700;
line-height:27px;
margin:0 auto 10px;
padding:0 0 10px;
border-bottom:2px solid #333;
color:#000;
text-align:center;
width:100%;
}

/*===== Kyousan =====*/

#kyousan_home {
width:90%;
margin:30px auto 0;
}

#kyousan_home h3 {
border-bottom:1px #fff solid;
font-size:15px;
font-weight:bold;
line-height:24px;
margin:0 0 15px;
padding:10px;
text-align:center;
}

#kyousan_home ul:after {
content:"";
display:block;
clear:both;
height:0;
}

#kyousan_home ul {display:inline-block;}

#kyousan_home ul {display:block;}

#kyousan_home li {
background:#fff;
float:left;
margin:0 2% 2% 0;
width:49%;
text-align:center;
aspect-ratio:3/1;
}

#kyousan_home li:nth-child(2n) {margin:0 0 2% 0;}

#kyousan_home li div {
padding:5%;
display:table;
height:100%;
}

#kyousan_home li span {
display: table-cell;
vertical-align: middle;
height:100%;
}

#kyousan_home li img {
vertical-align: middle;
width:90%;
}

#kyousan_home li:nth-child(1) img {width:80%;}
#kyousan_home li:nth-child(2) img {width:80%;}
#kyousan_home li:nth-child(3) img {width:80%;}

/*==================== Footer ====================*/

#footer_jumptop {
position:fixed;
bottom:0;
right:10px;
height:30px;
width:30px;
padding:10px;
background:rgba(0,0,0,0.8)main
}

#footer_jumptop img {width:30px}

#footer {
font-size:12px;
padding:20px 3%;
width:94%;
background:#38beef;
}

#footer p {
text-align:center;
padding:0 0 10px;
color:#fff;
}

#footer-logo {
text-align:center;
padding:0 0 20px;
}

#footer .sns {border-bottom:1px #333 solid;}

#footer .sns img {
width:30px;
}

#footer .sns a {
margin:0 30px 0 0;
}

#footer .sns a:last-child {
margin:0;
}

.telnumber {
font-weight:bold;
font-size:11px;
}

#footer .archives {
border-bottom:1px #333 solid;
margin:10px 0 20px;
}

#footer p span { white-space:nowrap;}

/*==================== Aisatsu ====================*/

#aisatsu #content {
margin:0 auto;
width:90%;
}

#aisatsu #content p {
margin:1em 0 0;
text-indent:1em;
}

/*==================== Playguide ====================*/

#playguide_content {
margin:0 auto;
width:90%;
}

#playguide_content h3 {margin:0 0 10px;}

#playguide_content li {
list-style: disc;
margin:0 0 0.5em 2em;
}

.playguide_list_item {margin:0 0 2em;}

/*==================== Info ====================*/

#information {
background:rgba(0,0,0,0.8);
border-radius:3px;
margin:30px auto 0;
color:#fff;
width:90%;
}

#information h3 {
font-size:1em;
padding:10px 20px 0;
}

#information ul {padding:10px 20px 20px;}

#information li {
border-bottom:1px #ccc solid;
padding:10px 0;
}

#information li:first-child {border-top:1px #ccc solid;}

#information li .date {font-size:0.7em;}

#information li a {display:inline-block;}

/*==================== Info2 ====================*/

#information2 li {
margin:1em auto 0;
width:90%;
}

#information2 li a {
background:rgba(255,255,255,1);
border-radius:3px;
box-sizing:border-box;
color:#000;
display:block;
padding:1em;
text-align:center;
}

#information2 li a:link {color:#000;}

#information2 li a:visited {color:#000;}

#information2 li a:hover {
background:rgba(255,255,255,0.95);
color:#c79e00;
}

}

/*==================================================================================================================================
for PC 
==================================================================================================================================*/

@media all and (min-width:641px) {

.home_titleimg .time {
font-size:30px;
}

.home_shortcut {
display:none;
}

.event_list_item .number {
font-size:30px;
color:#fff;
background:#0075bf;
width:40px;
height:40px;
text-align:center;
display:inline-block;
border-radius:50%;
line-height:40px;
}

.event_list_item_content {
display:flex;
flex-wrap: wrap;
flex-direction: row-reverse;
margin:0 auto;
width:95%;
}

.event_list_item h3 {
width:100%;
}

.event_list_item .image {
width:40%;
}

.event_list_item.item3 .image {
width:50%;
}

.event_list_item .image img {
width:300px;
}

.event_list_item .image .event3_img {
width:100%;
}

.event_list_item .text {
box-sizing:border-box;
padding:20px 20px 0 0;
font-size:18px;
text-align:justify;
line-height:1.6em;
width:60%;
}

.event_list_item.item3 .text {
width:50%;
}

.event_list_item .text .small {
font-size:0.8em;
}

.event_list_item .text .note {
background:#f5f4bd;
display:inline-block;
border-radius:5px;
padding:10px 20px;
}

.event_list {
margin:50px auto 0;
width:90%;
}

.event_list_item {
margin:2em 0 0;
}

.home_titleimg {
padding:50px 0;
width:100%;
}

.shutten_list {
display: flex;
flex-wrap: wrap;
gap:10px 10px;
}

.shutten_list_item {
flex: 1 0 calc((100% - 10px) / 2);
margin:0;
}

.main_content {
padding:20px;
}

body {
background-image: url("../images/common/bg.png");
}

.map_dl {
margin:1em 0 0;
text-align:center;
width:100%;
}

.map_dl a {
background:#0074b6;
border-radius:5px;
color:#fff;
display: inline-block;
font-size:20px;
font-weight:700;
padding:1em 3em;
font-feature-settings: "palt" 1;
transition: 0.3s;
}

.map_dl a:hover {
background:#ecd902;
}

.kyousan_list,.kyousan_list2 {
padding:50px;
}

.kyousan_list ul {
display:flex;
flex-wrap: wrap;
gap:20px 20px;
}

.kyousan_list li {
border:1px #aaa solid;
box-sizing: border-box;
padding:10px;
font-size:18px;
line-height:1.3em;
font-weight:700;
text-align:center;
width:23%;
display: flex;
align-items: center;
justify-content: center;
}

.kyousan_list2 {
margin:50px 0 0;
}

.kyousan_list2 h3 {
margin:0 0 20px;
}

.kyousan_list2 ul {
column-count: 3;
}

.kyousan_list2 li {
border-top:1px #aaa solid;
font-size:16px;
padding:0.7em 0;
}







.goaisatsu_section {
margin:0 0 20px;
background:#fff;
border:3px #afe1f3 solid;
border-radius:1em;
box-sizing:border-box;
padding:3em;
}

.goaisatsu_section .image img {
width:160px;
}

.goaisatsu_section p:not(.image) {
margin:1em 0 0;
text-align:justify;
}

.goaisatsu_section .image {
margin:0;
}

.goaisatsu_section .name {
display: flex;
flex-direction: column;
}

.goaisatsu_section_header {
display:flex;
flex-wrap:wrap;
gap:20px;
justify-content: space-between;
}

.goaisatsu_section_header h3 {
font-size:25px;
font-weight:700;
flex: 1;
margin: 0;
}



.tousen_list ul {
display:flex;
margin:40px 0 0;
flex-wrap: wrap;
gap:10px 40px;
}

.tousen_list li {
width:6em;
}


.faq_list dd img {
margin:1em 0 0;
width:300px;
}

.br_sp {display:none;}



#home #footer {max-resolution: 600px 0 0;}

.hamburger-menu {
align-items: stretch;
display:flex;
}

header {
background:#38beef;
width:100%;
}

#header_content {
margin:0 auto;
width:1000px;
}

#header_logo {
box-sizing:border-box;
padding:20px 0;
width:250px;
border-left-width:1px;
border-left-color:rgba(255,255,255,0.3);
border-left-style: solid;
}

#header_logo h1 {
text-align:center;
}

#header_logo img {width:220px;}

.menu-content {
width:750px;
}

#main {
margin:50px auto;
width:1000px;
}

#page_title {
font-size:30px;
font-weight:700;
line-height:36px;
margin:0 0 20px;
padding:0 0 5px;
border-bottom:2px solid #333;
color:#000;
}

.menu-content li a.no {color:#333333 !important; cursor:default;}
.menu-content li a.no:hover {background-color:rgba(0,0,0,0.01);}

/*===== Slide =====*/

#slide {
margin:20px auto 0;
padding:30px 0 0;
width:960px;
}

.swiper-container {
margin:0 auto;
position:relative;
width:960px;
}

.swiper-slide {
background:rgba(256,256,256,0.8);
border-radius:3px;
position:relative;
}

.swiper-slide {
display:block;
box-sizing: border-box;
text-align:center;
}

.slide_full {
display:inline-block;
box-sizing: border-box;
padding:30px 0;
width:100%;
}

.slide_full a {padding:0;}

.slide_full img {width:700px;}

.slide_half {
float:left;
display:inline-block;
box-sizing: border-box;
width:50%;
}

.slide_half a {padding:90px 10px;}

.slide_half img {width:100%;}

.slide_title {
box-sizing:border-box;
color:#000;
font-size:28px;
margin:0 auto;
padding:20px 50px 0;
width:100%;
}

.slide_title .small {
font-size:21px;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
text-align:center;
}

.swiper-slide a {
display:block;
color:#000;
margin:0 50px;
}

.swiper-slide .date {
display:block;
border-bottom:2px #58d8de solid;
font-family: 'Teko', sans-serif;
font-size:32px;
font-weight: 300;
line-height:30px;
margin:0 0 10px;
}

.swiper-slide .date .date_week {
font-family: 'Teko', sans-serif;
font-size: 20px;
font-weight: 300;
}

.slide_title .line_pc {display:block;}

.swiper-pagination {
bottom:0 !important;
position:relative !important;
}

.swiper-button-prev:after {
color:#fff;
background:rgba(0,0,0,0);
text-shadow: 0px 0px 3px #000;
opacity:0.3;
}

.swiper-button-next:after {
color:#fff;
background:rgba(0,0,0,0);
text-shadow: 0px 0px 3px #000;
opacity:0.3;
}

.swiper-button-prev:hover:after {opacity:1;}

.swiper-button-next:hover:after {opacity:1;}

.swiper-slide .sponsor {
display: block;
font-size:16px;
font-weight:bold;
padding:5px 0 0;
}

/*===== Kyousan =====*/

#kyousan_home {
background:rgba(0,0,0,0.8);
border-radius:3px;
margin:50px auto 0;
padding:20px;
box-sizing: border-box;
width:960px;
}

#kyousan_home_content {
margin:0 auto;
padding:0 0 50px;
}

#kyousan_home h3 {
border-bottom:1px #ffffff solid;
font-size:15px;
font-weight:bold;
line-height:24px;
margin:0 0 15px;
padding:0 0 10px;
text-align:left;
}

#kyousan_home ul {
margin:0 auto;
width:100%;
}

#kyousan_home ul:after {
content:"";
display:block;
clear:both;
height:0;
}
	
#kyousan_home ul {display:inline-block;}

#kyousan_home ul {display:block;}

#kyousan_home li {
background:#fff;
float:left;
text-align:center;
padding:20px 10px;
height:49px;
margin:0 10px 15px 0;
width:280px;
}

#kyousan_home li div {
display:table;
height:100%;
width:100%;
}

#kyousan_home li span {
display:table-cell;
vertical-align:middle;
}

#kyousan_home li:nth-child(3n) {margin:0 0 15px 0;}

#kyousan_home li:nth-child(1) img {width:200px;}
#kyousan_home li:nth-child(2) img {width:210px;}
#kyousan_home li:nth-child(3) img {width:250px;}

/*==================== Aisatsu ====================*/

#aisatsu #content p {
margin:1em 0 0;
text-indent:1em;
}

/*==================== Playguide ====================*/

#playguide_content h3 {
font-size:18px;
line-height:27px;
margin:0 0 10px;
}

#playguide_content li {
font-size:14px;
line-height:21px;
list-style: disc;
margin:0 0 0.5em 2em;
}

.playguide_list_item {margin:0 0 2em;}

/*==================== Footer ====================*/

#footer_jumptop {
background:rgba(0,0,0,0.8);
position:fixed;
bottom:10px;
right:30px;
height:40px;
width:40px;
}

#footer_jumptop img {width:40px;}

#footer {
background:#38beef;
font-size:12px;
padding:50px 3% 40px;
width:94%;
}

#home #footer {
background:#38beef;
margin:100px 0 0;
}

#footer p {
text-align:center;
padding:0 0 10px;
color:#fff;
}

#footer-logo {
text-align:center;
padding:0 0 20px;
}

#footer .sns {border-bottom:1px #333 solid;}

#footer .sns img {
width:30px;
}

#footer .sns a {
margin:0 30px 0 0;
}

#footer .sns a:last-child {
margin:0;
}

.telnumber {
font-weight:bold;
font-size:14px;
}

#footer .archives {
border-bottom:1px #333 solid;
margin:10px 0 20px;
}

/*==================== Info ====================*/

#information {
background:rgba(0,0,0,0.8);
border-radius:3px;
margin:20px 0 0;
}

#information h3 {
color:#fff;
font-size:15px;
padding:10px 20px 0;
}

#information ul {padding:10px 20px 20px;}

#information li {
border-bottom:1px #ccc solid;
padding:10px 0;
}

#information li:first-child {border-top:1px #ccc solid;}

#information li .date {
color:#aaa;
font-size:12px;
}

/*==================== Info2 ====================*/

#information2 li {
margin:1em auto 0;
width:100%;
}

#information2 li a {
background:rgba(255,255,255,1);
border-radius:3px;
box-sizing:border-box;
color:#000;
display:block;font-size:1.3em;
padding:1em;
text-align:center;
}

#information2 li a:link {color:#000;}

#information2 li a:visited {color:#000;}

#information2 li a:hover {
background:rgba(255,255,255,0.95);
color:#c79e00;
}

}