@charset "UTF-8";

/*
	Theme Name: こどもわ
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2024.6

*/

*{margin: 0;padding: 0;}
html {font-family: 'Noto Sans JP', sans-serif;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
figure{margin:0;}


@media all and (min-width:751px) {
body {color: #666;font-size: 16px;line-height: 1.8;font-weight: normal;background-color: #FFFFD5;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}



header{display: block;}
header h1{width: 100%;margin-top: 30px;}
header h1 img{display: block;width: 1000px;height: auto;margin: auto;}
main{display: block;}
article{display: block;}


section.theme{background-color: #8BC568;margin-top: -200px;padding-top: 170px;padding-bottom: 120px;}
section.theme h2{display: block;}
section.theme h2 img{display: block;margin: auto;}
section.theme p{font-size: 30px;font-weight: bold;color: #fff;text-align: center;margin-top: 30px;}
section.theme figure{display: block;margin-top: 30px;}
section.theme figure img{display: block;margin: auto;}
	
		
section.event{width: 1200px;margin: auto;}
section.event h2{background-color: #1E884A;color: #fff;font-size: 36px;display: table;margin: auto;box-sizing: border-box;padding: 8px 100px;border-radius: 100px;position: relative;top: -40px;}
section.event figure{display: block;margin-top: 20px;}
section.event figure a{display: table;margin: auto;}
section.event figure img{display: block;margin: auto;border: 3px solid #ffcd5c;}
section.event a.button{font-size: 36px;font-weight: bold;color: #fff;background: linear-gradient(180deg, rgba(255,220,115,1) 0%, rgba(255,191,0,1)100%);text-decoration: none;box-sizing: border-box;padding: 12px 80px;border-radius: 6px;border: 3px solid #FFA64D;display: table;margin: auto;margin-top: 40px;}
section.event a.past{display: table;margin: 50px 0 0 auto;font-size: 24px;color: #1E854A;}
section.event a.past::before{content:"\25B8";}
	
section.sns{display: flex;margin-top: 70px;}
section.sns div{width: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 0;}
section.sns div:nth-of-type(1){background-color:#E1A9FC;}
section.sns div:nth-of-type(2){background-color:#3AAE36;}
section.sns b{font-size: 32px;display: block;color: #ffff33;}
section.sns h3{display: block;color: #fff;font-size: 24px;}
section.sns img{width: 250px;display: block;margin: auto;margin-top: 20px;}
section.sns span{display: block;font-size: 24px;color: #fff;margin-top: 15px;}
section.sns a{display: table;font-size: 30px;text-decoration: none;color: #fff;font-weight: bold;}
section.sns a::before{content:"\25B8";}
	
section.photo{display: block;position: relative;}
section.photo .lt{position: absolute;left: 0;top: 0;}
section.photo .rt{position: absolute;right: 0;top: 0;}
section.photo img.title{display: block;margin: auto;padding-top: 100px;}
section.photo div{width: 1200px;margin: auto;margin-top: 80px;}
section.photo div ul{display: flex;flex-wrap: wrap;}
section.photo div ul li{display: block;}
section.photo div ul li img{display: block;}


section.support{background-image: url(../images/support_bg.jpg);margin-top: 180px;padding: 60px 0;}
section.support p{display: block;position: relative;width: 1200px;margin: auto;font-size: 26px;text-align: center;color: #fff;}
section.support b{font-size: 30px;font-weight: bold;color: #fff;text-align: center;display: block;margin-top: 20px;}
section.support b br{display: none;}
section.support .lt{position: absolute;left: 0;bottom: 50px;}
section.support .rt{position: absolute;right: -50px;bottom: 50px;}


footer{margin-top: 40px;}
footer ul{width: 1200px;margin: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
footer ul li{margin-right: 10px;margin-top: 10px;}
footer ul li:nth-of-type(4n){margin-right: 0;}
footer ul li a{display: block;}
footer ul li img{display: block;box-sizing: border-box;border: 1px solid #ddd;}
footer h1{font-size: 24px;display: block;text-align: center;margin-top: 45px;}
footer b{display: block;text-align: center;font-size: 20px;margin-top: 15px;}
footer b br{display: none;}
footer>a{display: table;margin: auto;padding: 12px 50px;color: #FF7F00;background-color: #fff;border: 1px solid #ddd;border-radius: 100px;font-size: 24px;font-weight: bold;margin-top: 40px;text-decoration: none;}
footer>a::before{content:"\25B8";margin-right: 3px;}
footer small{display: block;background-color: #8BC568;color: #fff;margin-top: 50px;text-align: center;padding: 4px 0;box-sizing: border-box;font-size: 14px;}


}










































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



@media all and (max-width:750px) {
body {color: #666;font-size: 16px;line-height: 1.8;font-weight: normal;background-color: #FFFFD5;}
ul,li {list-style-type: none;}



header{display: block;}
header h1{width: 100%;margin-top: 15px;}
header h1 img{display: block;width: 95%;height: auto;margin: auto;}
main{display: block;}
article{display: block;}


section.theme{background-color: #8BC568;margin-top: -15%;padding-top: 10%;padding-bottom: 10%;}
section.theme h2{display: block;}
section.theme h2 img{display: block;margin: auto;width: 95%;}
section.theme p{font-size: 16px;font-weight: bold;color: #fff;text-align: left;margin: auto;margin-top: 20px;width: 80%;}
section.theme p br{display: none;}
section.theme figure{display: block;margin-top: 20px;}
section.theme figure img{display: block;margin: auto;width: 100%;}
	
		
section.event{width: 90%;margin: auto;}
section.event h2{background-color: #1E884A;color: #fff;font-size: 20px;display: table;margin: auto;box-sizing: border-box;padding: 4px 50px;border-radius: 100px;position: relative;top: -20px;}
section.event figure{display: block;margin: auto;margin-top: 20px;width: 95%;}
section.event figure a{display: table;margin: auto;}
section.event figure img{display: block;margin: auto;border: 3px solid #ffcd5c;width: 100%;box-sizing: border-box;}
section.event a.button{font-size: 20px;font-weight: bold;color: #fff;background: linear-gradient(180deg, rgba(255,220,115,1) 0%, rgba(255,191,0,1)100%);text-decoration: none;box-sizing: border-box;padding: 12px 50px;border-radius: 6px;border: 3px solid #FFA64D;display: table;margin: auto;margin-top: 25px;}
section.event a.past{display: table;margin: auto;font-size: 16px;color: #1E854A;margin-top: 25px;}
section.event a.past::before{content:"\25B8";}
	
section.sns{display: flex;margin-top: 50px;flex-direction: column;}
section.sns div{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 0;}
section.sns div:nth-of-type(1){background-color:#E1A9FC;}
section.sns div:nth-of-type(2){background-color:#3AAE36;}
section.sns b{font-size: 22px;display: block;color: #ffff33;}
section.sns h3{display: block;color: #fff;font-size: 20px;}
section.sns img{width: 50%;display: block;margin: auto;margin-top: 20px;}
section.sns span{display: block;font-size: 20px;color: #fff;margin-top: 15px;}
section.sns a{display: table;font-size: 24px;text-decoration: none;color: #fff;font-weight: bold;}
section.sns a::before{content:"\25B8";}
	
section.photo{display: block;position: relative;}
section.photo .lt{position: absolute;left: 0;top: 0;width: 40%;}
section.photo .rt{position: absolute;right: 0;top: 0;width: 40%;}
section.photo img.title{display: block;margin: auto;padding-top: 22%;width: 60%;}
section.photo div{width: 100%;margin: auto;margin-top: 40px;}
section.photo div ul{display: flex;flex-wrap: wrap;}
section.photo div ul li{display: block;width: 100%;}
section.photo div ul li img{display: block;width: 100%;}


section.support{background-image: url(../images/support_bg.jpg);margin-top: 0px;padding: 25% 0 10%;}
section.support p{display: block;position: relative;width: 90%;margin: auto;font-size: 18px;text-align: left;color: #fff;}
section.support p br{display: none;}

section.support b{font-size: 20px;font-weight: bold;color: #fff;text-align: center;display: block;margin-top: 20px;letter-spacing: -1px;}
section.support .lt{position: absolute;left: 0;right: 30%;bottom: 110%;width: 40%;margin: auto;}
section.support .rt{position: absolute;right: 10%;bottom: 105%;width: 40%;}


footer{margin-top: 25px;}
footer ul{width: 90%;margin: auto;display: flex;justify-content: space-between;flex-direction: column;}
footer ul li{display: block;}
footer ul li a{display: block;}
footer ul li img{display: block;box-sizing: border-box;border: 1px solid #ddd;width: 100%;height: auto;}
footer h1{font-size: 20px;display: block;text-align: center;margin-top: 30px;}
footer b{display: block;text-align: center;font-size: 16px;margin-top: 15px;}
footer>a{display: table;margin: auto;padding: 10px 40px;color: #FF7F00;background-color: #fff;border: 1px solid #ddd;border-radius: 100px;font-size: 20px;font-weight: bold;margin-top: 30px;text-decoration: none;}
footer>a::before{content:"\25B8";margin-right: 3px;}
footer small{display: block;background-color: #8BC568;color: #fff;margin-top: 30px;text-align: center;padding: 4px 0;box-sizing: border-box;font-size: 10px;}


}