@charset "UTF-8";

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

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

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


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


/*PC用のcssを記述*/

/* COMMON */
div.entry{display:block;}
div.entry a{display:block;padding:18px 0;background:#333;font-weight:500;font-size:1.2em;color:#FFF;line-height:1em;}
div.entry a img{vertical-align:middle;padding-right:12px;}
div.entry a:hover{opacity:0.8;text-decoration:none;}

.wrap h3{font-family: "Noto Serif JP";font-size:2.1em;line-height:1.5em;text-align:center;padding-bottom:60px;}



/* MAIN VISUAL */
#Mainvisual{position:relative;padding-top:80px;padding-bottom:60px;}
#Mainvisual h2{position:absolute;top:50px;left:50px;font-family: "Shippori Mincho";font-weight: 400;color:#FFF;font-size:2.4em;line-height:2em;text-shadow: 2px 2px 4px #111;width:90%;}
#Mainvisual img{width:100%;max-width:1060px;height:auto;}
#Mainvisual .wrap{text-align:left;width:100%;}


/* MESSAGE */
#Message{padding-bottom:60px;}
#Message p{font-size:1.1em;line-height:2.5em;}

/* FACEBOOK */
#Facebook{padding-bottom:60px;}
#Facebook img{width:100%;max-width:430px;display:block;margin:0 auto 30px;}
#Facebook .fb-container{width:100%;max-width:500px;height:420px;margin:0 auto;}



/* FRIENDSHIP */
#friendship{background:#D6EBEB;padding:70px 0;}
#friendship h3 br{display:none;}
#friendship .wrap div{position:relative;width:100%;}
#friendship .wrap div img.fs_img{position:absolute;top:0;left:0;width:44%;}
#friendship .wrap div p{width:50%;text-align:left;padding-left:50%;font-size:1.1em;line-height:2.3em;}
#friendship .wrap div p img{margin-bottom:30px;}
#friendship div.entry{width:40%;margin:50px auto 0;}


/* DETAIL */
#detail{background:#FFF;padding:70px 0;}
#detail table{width:90%;margin:0 auto;line-height:1.5em;}
#detail table tr{}
#detail table th{border-top:1px solid #CCC;border:1px solid #CCC;padding:15px 15px 15px 25px;background:#E7EBF5;width:28%;}
#detail table td{border-top:1px solid #CCC;border:1px solid #CCC;padding:15px 15px 15px 25px;background:#FFF;}
#detail table a.pdf{background:url(../img/icon_pdf.png) no-repeat left bottom;background-size:auto 90%;padding-left:25px;}
#detail table a.newpage{background:url(../img/icon_newpage.png) no-repeat left bottom;background-size:auto 75%;padding-left:25px;}
#detail table td br{display:none;}


/* GROUP */
#group{background:#F7F7F7;padding:70px 0;}
#group ul{display: flex;flex-wrap: wrap;}
#group ul li{position:relative;display:inline-block;width:23.3%;padding:0 8.1px 60px;text-align:left;font-size:0.9em;line-height:1.5em;}
#group ul li img{width:100%;margin-bottom:15px;}
#group ul li strong{margin-bottom:5px;}
#group ul li strong,#group ul li a,#group ul li span{display:block;}
#group div.entry{width:40%;margin:0 auto;}



/* ACTIVITY */
#activity{background:#F6F7D3;padding:70px 0;}
#activity .wrap{text-align:left;}
#activity h4{font-size:1.5em;font-weight:700;line-height:1.3em;padding-bottom:5px;}
#activity p{padding-bottom:25px;}
#activity ul{display: flex;flex-wrap: wrap;padding-bottom:70px;}
#activity ul li{position:relative;display:inline-block;width:23.3%;padding:0 7px 10px;text-align:left;font-size:0.9em;line-height:1.5em;}
#activity ul li img{width:100%;}
#activity ul li span{background:#FFF;opacity:0.7;display:block;position:absolute;bottom:10px;left:7px;right:7px;padding:15px 10px;}






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

/* MAIN VISUAL */
#Mainvisual h2{top:40px;left:30px;font-size:1.85em;}

/* MESSAGE */
#Message p{font-size:1em;}

/* FRIENDSHIP */
#friendship h3{font-size:1.8em;}
#friendship .wrap div img.fs_img{position:absolute;top:0;left:0;width:44%;}
#friendship .wrap div p{width:54%;padding-left:46%;font-size:1em;line-height:2em;}
#friendship .wrap div p img{margin-bottom:20px;width:30%;max-width:149px;}
#friendship div.entry{width:80%;max-width:450px;}

/* DETAIL */
#detail table td br{display:block;}

/* GROUP */
#group ul li{width:31.5%;padding:0 5px 60px;}
#group div.entry{width:80%;max-width:450px;}

/* ACTIVITY */
#activity{background:#F6F7D3;padding:70px 0;}
#activity .wrap{text-align:left;}
#activity h4{font-size:1.5em;font-weight:700;line-height:1.3em;padding-bottom:5px;}
#activity p{padding-bottom:25px;}
#activity ul{display: flex;flex-wrap: wrap;padding-bottom:70px;}
#activity ul li{position:relative;display:inline-block;width:24.6%;padding:0 1px 10px;text-align:left;font-size:0.9em;line-height:1.5em;}/**/
#activity ul li img{width:100%;}
#activity ul li span{background:#FFF;opacity:0.7;display:block;position:absolute;bottom:10px;left:1px;right:1px;padding:10px 5px;font-size:0.9em;}/**/

}







@media only screen and ( max-width : 559px ) {
/*ヘッド用のcssを記述*/

/* COMMON */
.wrap h3{font-size:1.65em;line-height:1.3em;padding-bottom:40px;}

/* MAIN VISUAL */
#Mainvisual h2{top:20px;left:20px;font-size:1.4em;}

/* MESSAGE */
#Message{padding-bottom:50px;}
#Message p{line-height:2.2em;}

/* FACEBOOK */
#Facebook{padding-bottom:50px;}

/* FRIENDSHIP */
#friendship{padding:50px 0;}
#friendship h3 br{display:block;}
#friendship .wrap div img.fs_img{position:relative;width:90%;max-width:559px;margin-bottom:20px;}
#friendship .wrap div p{width:90%;margin:0 auto;padding-left:0;line-height:2em;font-size:0.95em;}


/* DETAIL */
#detail{padding:50px 0;}
#detail table{font-size:0.85em;}
#detail table th{padding:15px 10px 15px 10px;width:28%;}
#detail table td{padding:15px 10px 15px 10px;}

/* GROUP */
#group{padding:50px 0;}
#group ul li{width:47%;padding:0 1.5% 40px;}

/* ACTIVITY */
#activity{padding:50px 0;}
#activity h4{font-size:1.3em;}
#activity p{padding-bottom:20px;}
#activity ul{padding-bottom:50px;}
#activity ul li{width:46.5%;padding:0 7px 15px;}
#activity ul li span{bottom:15px;left:7px;right:7px;}

}










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

/* COMMON */
.wrap h3{font-size:1.55em;}
div.entry a{font-size:1em;}


/* MAIN VISUAL */
#Mainvisual{padding-bottom:40px;}
#Mainvisual h2{font-size:1.25em;}

/* MESSAGE */
#Message{padding-bottom:40px;}
#Message p{line-height:2.2em;}

/* FACEBOOK */
#Facebook{padding-bottom:40px;}
#Facebook img{width:85%;max-width:428px;margin:0 auto 20px;}
#Facebook .fb-container{width:90%;max-width:428px;}

/* DETAIL */
#detail table th{padding:15px 8px 15px 8px;width:32%;}
#detail table td{padding:15px 8px 15px 8px;}


/* GROUP */
#group{padding:40px 0;}
#group ul li img{margin-bottom:5px;}


/* ACTIVITY */
#activity{padding:40px 0;}
#activity h4{font-size:1.2em;}
#activity ul li{width:46.5%;padding:0 5px 15px;}
#activity ul li span{bottom:15px;left:5px;right:5px;}

}