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

* {
margin:0;
padding:0;
font-family:'Noto Serif JP', serif;
}

body {
background:#000;
color:#fff;
padding:0;
}

h1, h2, h3, h4 {
font-family:'Noto Serif JP', serif;
font-weight:normal;
}

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

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

ul {list-style:none;}

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

.clearfix {min-height:1px;}

* html .clearfix {
height:1px;
/*¥*//*/
height:auto;
overflow:hidden;
/**/
}

.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;
}

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

@media (max-width:640px) {

#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 {
padding:30px 0 0;
}

#home #main {
background:url(../images/home/bg_photo2.jpg) no-repeat #000000;
background-position:center 0;
background-size:cover;
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:21px;
font-weight:normal;
line-height:27px;
margin:0 auto 10px;
padding:0 0 10px;
border-bottom:4px double #333;
color:#fff;
text-align:left;
width:90%;
}

/*===== 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:50px 3% 20px;
width:94%;
background:rgba(0,0,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: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) {


.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 {
background:url(../images/home/bg_photo2.jpg) top center no-repeat #000000;
background-size:1400px;
background-position:center -400px;
}

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

header {
background:#000;
width:100%;
}

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

#header_logo {
float:left;
padding:20px 0;
width:200px;
}

#header_logo img {width:160px;}

.menu-content {
float:right;
width:760px;
}

#main {
margin:50px auto 0;
width:960px;
}

#page_title {
font-size:24px;
font-weight:normal;
line-height:32px;
margin:0 0 20px;
padding:0 0 20px;
border-bottom:4px double #333;
color:#fff;
}

.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 {
font-size:12px;
padding:50px 3% 40px;
width:94%;
}

#home #footer {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;
}

}