@charset "UTF-8";

/* *************************************************************

*   Structure CSS
*   Since:2025-08
*   Editor:ricostyle

************************************************************* */


/* ==========================================================================
   Media Queries
   ========================================================================== */


/*PC用のcssを記述*/


/* MAIN VISUAL */
#Mainvisual{position:relative;padding-top:80px;padding-bottom:190px;background:url(../img/bg_main.png) no-repeat center -70px;}
#Mainvisual .wrap h2{color:#333;font-weight: 900;font-size:2.8em;line-height:2em;padding:3em 0 1.5em;}
#Mainvisual .wrap h3{color:#1E1F87;font-weight: 700;font-size:2.7em;}
#Mainvisual .wrap{text-align:center;}


/* NEWS */
#News{background:#ECEFEF url(../img/bg_news.png) no-repeat center 60px;padding:80px 0;}
#News h2{text-align:left;font-size:2.5em;font-weight:700;padding-bottom:60px;line-height:1em;}
#News .wrap{text-align:left;background:url(../img/img_didyouknow.png) no-repeat right 100px;}

/* FACEBOOK */
#Facebook{display:inline-block;width:50%;max-width:430px;vertical-align:top;background:#FFF;border-radius: 30px;padding:40px;}
#Facebook .fb-container{width:100%!important;max-width:430px!important;height:500px;}

/* MEMO */
#memo{display:inline-block;width:46%;padding:120px 0 0 0;}
#memo h3{font-size:2.5em;font-style: italic;padding-bottom:1em;padding-left:40px;}
#memo p{line-height:2em;padding-bottom:1.5em;padding-left:40px;}


/* CLUB */
#Club{background:#5F61AB;padding:80px 0;}
#Club .wrap{text-align:left;}
#Club h2{font-size:2.2em;font-weight:800;color:#FFF;padding-bottom:30px;}
#Club h2 span{font-size:0.5em;font-weight:400;background:url(../img/icon_dotwhite.png) no-repeat left 10px;padding-left:20px;margin-left:30px;}
#Club .wrap p.update{text-align:right;font-size:0.85em;color:#FFF;width:100%;max-width:960px;margin:0 auto 5px;}
#Club .wrap #club_waku{border:8px solid #343694;background:#FFF;width:100%;max-width:960px;border-radius:30px;margin:0 auto 30px;padding:20px 0 30px;}
#Club .wrap #club_waku dl{margin:0 30px;display: flex;justify-content: space-between;border-bottom:1px dotted #888;}

#Club .wrap #club_waku dt,#Club .wrap #club_waku dd{margin:20px 0;}
#Club .wrap #club_waku dt{width:20%;background:url(../img/icon_paddle.png) no-repeat left top;padding-left:2.5em;font-size:1.2em;font-weight:700;}
#Club .wrap #club_waku dd{width:75%;}
#Club .wrap #club_waku dd span{display:block;padding-bottom:10px;font-size:0.9em;}
#Club .wrap p img{width:100%;max-width:1020px;}


/* About History */
#About,#History{padding:80px 0 40px;}
#About .wrap,#History .wrap{text-align:left;}
#About h2,#History h2{font-size:2.2em;font-weight:900;color:#333;padding-bottom:40px;}
#About h2 span,#History h2 span{font-size:0.5em;font-weight:400;background:url(../img/icon_dotviolet.png) no-repeat left 10px;padding-left:20px;margin-left:30px;color:#5F61AB;}
#About p{font-size:1.4em;line-height:2.3em;margin:0 auto 40px;}

.wrap table.data1{width:100%;max-width:960px;margin:0 auto;}
.wrap table.data1 tr{}
.wrap table.data1 th,.wrap table.data1 td{border-top:1px solid #DCDCDC;border:1px solid #DCDCDC;padding:15px 15px 15px 25px;}
.wrap table.data1 th{background:#F7F7F7;width:28%;}
.wrap table.data1 td{background:#FFF;}
.wrap a.pdf{background:url(../img/icon_pdf.png) no-repeat left bottom;background-size:auto 90%;padding-left:25px;}
.wrap a.key{background:url(../img/icon_key.png) no-repeat left bottom;background-size:auto 90%;padding-left:25px;}
.wrap a.newpage{background:url(../img/icon_newpage.png) no-repeat left bottom;background-size:auto 75%;padding-left:25px;}


/* Activity */
#Activity{padding:80px 0 20px;}
#Activity .wrap{text-align:left;background:url(../img/img_paddleball.png) no-repeat right bottom;padding-bottom:80px;}
#Activity h2{display:inline-block;color:#FFF;font-size:2.2em;font-weight:900;background:#E30087;padding:12px 30px;margin-bottom:50px;border-radius: 50px;line-height:1em;}
#Activity h2 span{font-size:0.5em;font-weight:400;background:url(../img/icon_dotwhite.png) no-repeat left 10px;padding-left:20px;margin-left:30px;color:#FFF;}
#Activity dl{}
#Activity dt{font-size:1.55em;font-weight:700;padding:0 0 20px 0;}
#Activity dd{font-size:1.1em;padding-bottom:50px;}


/* Partner */
#Partner{padding:80px 0;background:#FFF;}
#Partner .wrap{text-align:left;}
#Partner h2{font-size:2.2em;font-weight:900;color:#333;padding-bottom:50px;}
#Partner h2 span{font-size:0.5em;font-weight:400;background:url(../img/icon_dotviolet.png) no-repeat left 10px;padding-left:20px;margin-left:30px;color:#5F61AB;}
#Partner div#links{width:100%;margin:0 auto 30px;}
#Partner div#links a{display:inline-block;background:#5F61AB;border:1px solid #ccc;color:#FFF;padding:15px 25px;margin-right:10px;margin-bottom:10px;}
#Partner div#links a:hover{text-decoration:none;opacity:0.7;}
#Partner div#banner{}
#Partner div#banner img{height:100px;margin-right:30px;}


/* Contact */
#Contact{padding:80px 0;background:#E0F8FA;}
#Contact .wrap{text-align:center;}
#Contact .wrap h2{font-size:2.2em;font-weight:900;color:#333;padding-bottom:60px;margin-bottom:40px;background:url(../img/icon_mail_blue.png) no-repeat center bottom;background-size:48px auto;}
#Contact .wrap h2 span{font-size:0.5em;font-weight:400;background:url(../img/icon_dotblue.png) no-repeat left 10px;padding-left:20px;margin-left:30px;color:#3BC3D3;}
#Contact ul{position:relative;display: flex;justify-content: space-between;}
#Contact li{display:block;padding:30px 0;width:45%;background:#FFF;}
#Contact li h3{font-size:1.6em;font-weight:700;padding-bottom:35px;}
#Contact li p{padding-bottom:30px;line-height:2em;}
#Contact li a{display:inline-block;background:#3BC3D3;padding:18px 40px;width:60%;color:#FFF;font-weight:600;border-radius:30px;}
#Contact li a:hover{text-decoration:none;}
#Contact li a span{background :url(../img/icon_dotwhite.png) no-repeat left 8px;padding-left:20px;}
#Contact li a:hover{opacity:0.8;}




@media only screen and ( max-width : 960px ) {
/*スマホ・タブレット用のcssを記述*/

/* MAIN VISUAL */
#Mainvisual{padding-bottom:150px;background:url(../img/bg_main.png) no-repeat center 0px;background-size:auto 100%;}
#Mainvisual .wrap h2{font-size:5.5vw;}


/* NEWS */
#News{background:#ECEFEF url(../img/bg_news.png) no-repeat center 60px;}
#News .wrap{background:url(../img/img_didyouknow.png) no-repeat right 30px;background-size:20% auto;}


/* FACEBOOK */
#Facebook{display:inline-block;width:45%;max-width:360px;padding:20px;}


/* MEMO */
#memo{padding:50px 0 0 0;}


/* CLUB */
#Club .wrap #club_waku{width:96%;}
#Club .wrap #club_waku dl{margin:0 20px;}
#Club .wrap #club_waku dt{width:25%;}
#Club .wrap #club_waku dd{width:70%;}


/* Contact */
#Contact li{width:48%;}

}


@media only screen and (max-width:720px) {
/*スマホ・タブレット用のcssを記述*/

/* NEWS */
#News{background:#ECEFEF url(../img/bg_news.png) no-repeat -450px bottom;padding:80px 0 40px;}
#News h2{text-align:center;}
#News .wrap{background:url(../img/img_didyouknow.png) no-repeat right 680px;background-size:25% auto;}


/* FACEBOOK */
#Facebook{display:block;width:100%;padding:30px;margin:0 auto;}

/* MEMO */
#memo{display:block;width:100%;padding:60px 0 0 0;margin:0 auto;}


/* About History */
#About p{font-size:1.1em;}


/* Partner */
#Partner{padding:60px 0;}
#Partner div#links a{padding:10px;margin-right:8px;margin-bottom:8px;}


/* Contact */
#Contact ul{position:relative;display: flex;justify-content: space-between;}
#Contact li{display:block;padding:30px 0;width:48%;background:#FFF;}
#Contact li h3{font-size:1.3em;padding-bottom:20px;}
#Contact li p{font-size:0.9em;}
#Contact li a{padding:15px 30px;}

}




@media only screen and ( max-width : 559px ) {
/*スマホ用のcssを記述*/

/* MAIN VISUAL */
#Mainvisual{padding-top:80px;padding-bottom:100px;}
#Mainvisual .wrap h2{}
#Mainvisual .wrap h3{font-size:8vw;}


/* NEWS */
#News{background:#ECEFEF url(../img/bg_news.png) no-repeat -250px bottom;background-size:150%;}



/* FACEBOOK */
#Facebook{max-width:320px;}
#Facebook .fb-container{width:100%!important;max-width:320px!important;}


/* MEMO */


/* About History */
#About,#History{padding:60px 0 30px;}
#About p{font-size:1em;margin:0 auto 30px;}
.wrap table.data1 th,.wrap table.data1 td{padding:10px;font-size:0.9em;}
.wrap table.data1 th{width:30%;}


/* Activity */
#Activity{padding:60px 0 20px;}
#Activity .wrap{background-size:40% auto;}


/* Contact */
#Contact{padding:60px 0;}
#Contact ul{display:block;}
#Contact li{width:100%;margin-bottom:30px;}
#Contact li h3{font-size:1.6em;}
#Contact li p{font-size:1em;}
#Contact li a{padding:15px 30px;font-size:1.1em;}


}







@media screen and ( max-width : 428px ) {
/*スマホ用のcssを記述*/

/* MAIN VISUAL */
#Mainvisual{padding-bottom:80px;background:url(../img/bg_main.png) no-repeat center bottom;background-size:auto 80%;}


/* NEWS */
#News{background:#ECEFEF url(../img/bg_news.png) no-repeat -250px bottom;padding:60px 0 40px;}
#News h2{padding-bottom:40px;}
#News .wrap{background:url(../img/img_didyouknow.png) no-repeat right 650px;background-size:31% auto;}

/* FACEBOOK */
#Facebook{max-width:290px;border-radius:20px;padding:20px;}
#Facebook .fb-container{width:100%!important;max-width:290px!important;}


/* MEMO */
#memo h3{font-size:2.4em;padding-left:20px;}
#memo p{font-size:0.9em;padding-left:20px;}


/* About History */
.wrap table.data1 th,.wrap table.data1 td{padding:10px 7px;}
.wrap table.data1 th{width:33%;}


/* CLUB */
#Club{padding:60px 0;}
#Club .wrap p.update{max-width:400px;}
#Club .wrap #club_waku{width:96%;max-width:400px;border-radius:20px;margin:0 auto 20px;padding:20px 0 30px;}
#Club .wrap #club_waku dl{display:block;margin:10px 20px 0;padding-bottom:20px;}
#Club .wrap #club_waku dt,#Club .wrap #club_waku dd{margin:0;display:block;}
#Club .wrap #club_waku dt{width:100%;padding:20px 0 0 2.5em;}
#Club .wrap #club_waku dd{width:100%;padding:10px 0 0 0;}


}