@charset "UTF-8";

/*
	Theme Name: すまいるあくしょんフェスタ2024
	Description: LAYOUT & SCRIPT DATA
	Author: リサイト
	Author URI: https://www.resite.jp/
	Version: 2024.08

*/

html {font-family: 'Noto Sans JP';}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
ul,ul li{list-style: none;}


.kazari{position: absolute;z-index: -1;}
.hana1{left: 5%;top: 20%;}
.hana2{right: 15%;top: 50%;}
.hana3{right: 10%;top: 30%;}
.hana4{left: 6%;top: 60%;}
.hana5{left: 9%;top: 40%;}
.hana6{right: 8%;top: 65%;}
.hana7{left: 12%;top: 26%;}
.hana8{right: 2%;top: 40%;}
.hana9{right: 15%;top: 12%;}
.hana10{left: 3%;top: 70%;}
.hana11{left: 5%;top: 45%;}
.hana12{right: 9%;top: 62%;}


@media all and (min-width:751px) {
*{margin: 0;padding: 0;}
body {background-color: #fff;color: #666;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 15px;line-height: 1.7;font-weight: normal;background-image: url(../images/bg.jpg);}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


header{}
header section{background-image: url(../images/top_bg.jpg);background-position: center;background-size: cover;padding: 40px 0 0;position: relative;}
header section div{width: 1200px;display: block;position: relative;margin: auto;padding-bottom: 170px;}
header section::before{content: url(../images/kodomo1.png);position: absolute;bottom: 0;left: 20px;line-height: 0;}
header section::after{content: url(../images/kodomo2.png);position: absolute;bottom: 0;right: 20px;line-height: 0;}
header .shiga{position: absolute;right: 25px;top: -10px;height: auto;width: 160px;display: block;}
header h1{display: block;margin: auto;width: 900px;}
header h1 img{display: block;margin: auto;width: 900px;}
header time{display: block;width: 750px;margin: 30px auto 0;position: relative;z-index: 1;}
header time img{margin: auto;display: block;width: 100%;height: auto;}



main{display: block;}
article{width: 100%;}
article section.s0{width: 1200px;margin: auto;margin-top: 130px;}
article section.s0 a.corona{display:table;margin:auto;text-align:center;padding: 12px 30px;border-radius: 100px;color: #14a39a;font-weight: bold;border: 2px solid  #14a39a;margin-top: 30px;font-size: 20px;background-color: #fff;}	
		
article section.s1{width: 1200px;margin: auto;margin-top: -120px;position: relative;}
article section.s1 img{margin: auto;display: block;}
article section.s1 ul{display: flex;align-items: flex-start;justify-content: center;margin-top: 50px;}
article section.s1 ul li{margin: 0px 10px;}

.col1{display: table;text-decoration: none;color: #ff6600;background-color: #fff;padding: 20px 40px;border-radius: 100px;font-size: 30px;font-weight: bold;text-align: center;margin: auto;border: 5px solid #ff6600;}

.col2{display: table;text-decoration: none;color: #0093d8;background-color: #fff;padding: 20px 40px;border-radius: 100px;font-size: 30px;font-weight: bold;text-align: center;margin: auto;border: 5px solid #0093d8;}






article section.s6{width: 930px;margin: auto;margin-top: 60px;}
article section.s6 img{display: block;width: 100%;height: auto;border: 1px solid #e94635;box-sizing: border-box;}
article section.s6 h3{background-color: #e94635;color: #fff;position: relative;display: table;width: 930px;margin: auto;text-align: center;padding: 15px;font-size: 22px;border-radius: 8px 8px 0 0;box-sizing: border-box;}
article section.s6 span{display: table;border: 1px solid #ddd;border-radius: 100px;padding: 5px 30px;text-decoration: none;color: #666;background-color: #fff;font-size: 17px;margin: auto;margin-top: 15px;font-weight: bold;color: #e94635;}
article section.s6 a{text-decoration: none;}


article section.s7{width: 650px;margin: auto;margin-top: 60px;}
article section.s7 img{display: block;width: 100%;height: auto;margin-bottom: 30px;}
.col3{display: table;text-decoration: none;color: #df392d;background-color: #fff;padding: 20px 40px;border-radius: 100px;font-size: 24px;font-weight: bold;text-align: center;margin: auto;border: 5px solid #df392d;}



article section.s8{width: 1000px;margin: auto;margin-top: 60px;}
article section.s8 img{display: block;width: 100%;height: auto;}


article section.s9{width: 100%;margin: auto;margin-top: 60px;margin-bottom: 100px;}
article section.s9 img{display: block;width: 100%;height: auto;}


article section.s2{width: 1200px;margin: auto;margin-top: 100px;}
article section.s2 h3{background-color: #FF8000;color: #fff;position: relative;display: table;width: 930px;margin: auto;text-align: center;padding: 15px;font-size: 22px;border-radius: 8px 8px 0 0;box-sizing: border-box;}
article section.s2 h3 span{color: #FFFF00;}
article section.s2 h3 img{position: absolute;top: 30%;right: 20px;transform: translate(0%, -50%);}
article section.s2 small{font-size: 13px;text-align: right;display: block;width: 700px;margin: auto;margin-top: 5px;padding-right: 80px;}
article section.s2 ul{display: flex;justify-content: center;align-items:flex-start;width: 800px;margin: auto;margin-top: 40px;}
article section.s2 ul li a{text-decoration: none;}
article section.s2 ul li a span{display: table;margin: auto;border: 3px solid #FF8000;color: #FF8000;font-weight: bold;padding: 10px 20px;border-radius: 5px;font-size: 18px;background-color: #ffffc9;margin-top: 20px;}
article section.s2 ul li{width: 50%;position: relative;}
article section.s2 ul li::after{content: "";border-right: 1px solid #ccc;height: 100%;position: absolute;top: 0;right: 0;}
article section.s2 ul li:last-child::after{content: none;}
article section.s2 ul li a{display: block;color: #666;text-align: center;font-size: 16px;}
article section.s2 ul li img{display: block;margin: auto;}
article section.s2 ul li span{display: block;}
article section.s2 ul li p{display: block;margin-top: 10px;}



article section.s3{margin: auto;margin-top: 200px;background-color: #FAF2DF;position: relative;padding-bottom: 60px;}
article section.s3 b{display: table;position: relative;top: -120px;margin: auto;font-size: 20px;color: #0093d8;}
article section.s3 b::after{content: "";position: absolute;width: 20px;border-bottom:4px solid #FFBA75;left:0;right: 0;text-align: center;margin: auto;bottom: -15px;}
article section.s3 img{display: block;position: relative;top: -70px;margin: auto;}
article section.s3 span{display: block;position: relative;top: -60px;text-align: center;width: 1200px;margin: auto;}

article section.s3 ul{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
article section.s3 ul li{display: block;}
article section.s3 ul li a{display: block;}
article section.s3 ul li img{display: block;margin: 0 10px;}








article section.s4{display: table;margin: auto;width: 930px;box-sizing: border-box;background-color: #fff;padding: 30px;border-radius: 0 0 10px 10px;}
article section.s4>ul{display: flex;align-items: center;justify-content: center;}
article section.s4>ul li{margin: 0 20px;}
article section.s4 a{display: table;margin: auto;text-decoration: none;color: #1ba49c;}
article section.s4 a img{width: 300px;height: auto;display: block;margin: auto;}
article section.s4 b{color: #ff0000;font-weight: bold;font-size: 19px;display: table;margin: auto;background-color: #ffffff;padding: 4px 12px;border: 2px solid #ff0000;margin-bottom: 30px;}
article section.s4 span{display: block;margin-top: 15px;font-weight: bold;font-size: 15px;color: #00b900;}
article section.s4 p u{font-weight: bold;display: contents;}
article section.s4 p img{display: block;width: 110px;height: auto;margin: 0 15px 0 0;}

article section.s4 li:nth-of-type(2) span{font-size: 20px;}
article section.s4 li:nth-of-type(2) span::before{content: "◎";margin-right: 5px;}


article section.s4 a.form{display: table;margin: auto;text-decoration: none;color: #fff;font-weight: bold;border-radius: 100px;padding: 15px 40px 15px  80px;font-size: 22px;background-color: #00c500;position: relative;margin-top: 30px;margin-bottom: 20px;}

article section.s4 a.form small{display: contents;font-size: 15px;}

article section.s4 a.form img{position: absolute;width: 37px;left: 30px;}



article section.s4 span br{display: none;}
article section.s4 p{margin-top: 8px;display: flex;align-items: flex-start;}
article section.s4 small{display: block;margin: auto;margin-top: 15px;}
article section.s4 h6{color: #ff0000;font-size: 17px;margin-bottom: 20px;letter-spacing: -1px;}






footer{background-color: #14A39A;color: #fff;position: relative;}
footer>img{display: block;margin: auto;position: absolute;top: -90px;left: 0;right: 0;}
footer section{width: 1200px;margin: auto;padding: 50px 0 20px;text-align: center;}
footer section div{margin-top: 15px;}
footer section div a{color: #fff;}
footer>small{background-color: #0E766F;display: block;font-size: 10px;text-align: center;padding: 2px 0;}
}









































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




























@media all and (max-width:750px) {

*{margin: 0;padding: 0;}
body {background-color: #fff;color: #666;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 15px;line-height: 1.7;background-image: url(../images/bg.jpg);}



/*--------ヘッダー--------*/
header{}
header section{background-image: url(../images/top_bg.jpg);background-position: center bottom;background-size: auto;padding: 0px 0 0px 0px;position: relative;}
header section div{width: 100%;display: block;position: relative;margin: auto;padding-bottom: 125px;}
header section::before{content: url(../images/kodomo1_.png);position: absolute;bottom: 0;left: 0px;line-height: 0;}
header section::after{content: url(../images/kodomo2_.png);position: absolute;bottom: 0;right: 0;line-height: 0;}
header .shiga{position: absolute;right: 15px;top: 15px;height: auto;width: 20%;z-index: 1;}
header h1{}
header h1 img{display: block;width: 96%;margin: auto;position: relative;top: 10px;}
header time{display: block;width: 80%;margin: 20px auto;}
header time img{margin: auto;display: block;width: 100%;z-index: 1;position: relative;}


main{display: block;}
article{width: 100%;}
article section.s0{width: 90%;margin: auto;margin-top: 30px;}
article section.s0 p{text-align: left;font-size: 16px;font-weight: bold;color: #004e9b;}
article section.s0 p br.spbr{display: none;}
article section.s0 a.corona{display:table;margin:auto;text-align:center;padding: 10px 20px;border-radius: 100px;color: #14A39A;font-weight: bold;border: 2px solid  #14A39A;margin-top: 30px;background-color: #fff;}





	
	

article section.s1{width: 95%;margin: auto;margin-top: 0px;       margin-top: -60px;position: relative;}
article section.s1 img{width:100%;margin: auto;display: block;}
article section.s1 ul{margin-top: 30px;}
article section.s1 ul li{}
.col1{display: table;text-decoration: none;color: #ff6600;background-color: #fff;padding: 12px;border-radius: 100px;font-size: 22px;font-weight: bold;text-align: center;margin: auto;border: 4px solid #ff6600;margin-top: 10px;width: 90%;box-sizing: border-box;}

.col2{display: table;text-decoration: none;color: #0093d8;background-color: #fff;padding: 12px;border-radius: 100px;font-size: 22px;font-weight: bold;text-align: center;margin: auto;margin-top: 15px;border: 4px solid #0093d8;width: 90%;box-sizing: border-box;}




article section.s6{width: 90%;margin: auto;margin-top: 40px}
article section.s6 img{display: block;width: 100%;height: auto;border: 1px solid #e94635;box-sizing: border-box;}
article section.s6 h3{background-color: #e94635;color: #fff;position: relative;display: table;width: 100%;margin: auto;text-align: center;padding: 10px 20px;font-size: 18px;border-radius: 10px 10px 0 0;box-sizing: border-box;}
article section.s6 span{display: table;border: 1px solid #ddd;border-radius: 100px;padding: 5px 20px;text-decoration: none;color: #666;background-color: #fff;font-size: 14px;margin: auto;margin-top: 10px;font-weight: bold;color: #e94635;}
article section.s6 a{text-decoration: none;}



article section.s7{width: 85%;margin: auto;margin-top: 35px;}
article section.s7 img{display: block;width: 100%;height: auto;margin-bottom: 30px;}
.col3{display: table;text-decoration: none;color: #df392d;background-color: #fff;padding: 12px;border-radius: 100px;font-size: 17px;font-weight: bold;text-align: center;margin: auto;margin-top: 30px;border: 4px solid #df392d;width: 90%;box-sizing: border-box;}




article section.s8{width: 100%;margin: auto;margin-top: 60px;}
article section.s8 img{display: block;width: 100%;height: auto;}


article section.s9{width: 100%;margin: auto;margin-top: 60px;margin-bottom: 60px;}
article section.s9 img{display: block;width: 100%;height: auto;}


article section.s2{width: 90%;margin: auto;margin-top: 120px;}
article section.s2 h3{background-color: #FF8000;color: #fff;position: relative;display: table;width: 100%;margin: auto;text-align: center;padding: 10px 20px;font-size: 18px;border-radius: 10px 10px 0 0;box-sizing: border-box;}
article section.s2 h3 span{color: #FFFF00;}
article section.s2 h3 img{position: absolute;top: -90px;left: 0;right: 0;width: 80px;margin: auto;}
article section.s2 small{font-size: 13px;text-align: right;display: block;width:90%;margin: auto;margin-top: 5px;letter-spacing: -1px;}
article section.s2 ul{display: flex;justify-content: center;align-items:center;width: 100%;margin: auto;margin-top: 30px;flex-direction: column;}
article section.s2 ul li{width: 90%;position: relative;}
article section.s2 ul li a{text-decoration: none;}
article section.s2 ul li a span{display: table;margin: auto;border: 3px solid #FF8000;color: #FF8000;font-weight: bold;padding: 10px 20px;border-radius: 5px;font-size: 18px;background-color: #ffffc9;margin-top: 20px;}
article section.s2 ul li:first-child{margin-bottom: 30px;padding-bottom: 30px;border-bottom:1px solid #ccc}
article section.s2 ul li a{display: block;color: #666;text-align: center;font-size: 16px;}
article section.s2 ul li img{display: block;margin: auto;}
article section.s2 ul li span{display: block;}
article section.s2 ul li p{display: block;margin-top: 10px;}



article section.s3{margin: auto;margin-top: 200px;background-color: #FAF2DF;position: relative;padding-bottom: 60px;}
article section.s3 b{display: table;position: relative;top: -120px;margin: auto;font-size: 20px;color: #0093d8;}
article section.s3 b::after{content: "";position: absolute;width: 20px;border-bottom:4px solid #FFBA75;left:0;right: 0;text-align: center;margin: auto;bottom: -15px;}
article section.s3 img{display: block;position: relative;top: -70px;margin: auto;width: 90%;}
article section.s3 span{display: block;position: relative;top: -60px;text-align: left;width: 95%;margin: auto;font-size: 14px;}

article section.s3 ul{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
article section.s3 ul li{display: block;}
article section.s3 ul li a{display: block;}
article section.s3 ul li img{display: block;margin: 0 5px;width: 55px;height: auto;}


article section.s4{display: table;margin: auto;background-color: #fff;padding: 15px;border-radius: 0 0 10px 10px;width: 90%;box-sizing: border-box;}
article section.s4>ul{display: flex;justify-content: center;flex-direction: column;}
article section.s4>ul li{}
article section.s4>ul li:nth-of-type(1){margin-top:30px;}
article section.s4 a{display: table;margin: auto;text-decoration: none;color: #1ba49c;}
article section.s4 a img{width: 90%;height: auto;display: block;margin: auto;}
article section.s4 b{color: #ff0000;font-weight: bold;font-size: 15px;display: table;margin: auto;background-color: #ffffff;padding: 3px 8px;border: 2px solid #ff0000;}
article section.s4 span{display: block;margin-top: 15px;font-weight: bold;font-size: 15px;text-align: center;color: #00b900;}
article section.s4 p u{font-weight: bold;display: contents;}
article section.s4 p img{display: block;width: 100px;height: auto;margin: 0 15px 0 0;}


article section.s4 li:nth-of-type(1){order: 2;}
article section.s4 li:nth-of-type(2) span{font-size: 18px;text-align: left;}
article section.s4 li:nth-of-type(2) span::before{content: "◎";margin-right: 5px;}

article section.s4 a.form{display: table;margin: auto;text-decoration: none;color: #fff;font-weight: bold;border-radius: 100px;padding: 12px 30px 12px  60px;font-size: 17px;background-color: #00c500;position: relative;margin-top: 30px;margin-bottom: 20px;}



article section.s4 a.form small{display: contents;font-size: 13px;}
article section.s4 a.form img{position: absolute;width: 30px;left: 15px;}

article section.s4 p{margin: auto;margin-top: 8px;display: flex;align-items: flex-start;}
article section.s4 p br{display: none;}
article section.s4 small{display: block;width: 80%;margin: auto;margin-top: 15px;}
article section.s4 h6{color: #ff0000;font-size: 15px;margin-bottom: 15px;letter-spacing: -1px;}





footer{background-color: #14A39A;color: #fff;position: relative;font-size: 13px;}
footer>img{display: block;margin: auto;position: absolute;top: -90px;left: 0;right: 0;}
footer section{width: 95%;margin: auto;padding: 50px 0 20px;text-align: center;}
footer section div{margin-top: 15px;}
footer section div a{color: #fff;}
footer>small{background-color: #0E766F;display: block;font-size: 10px;text-align: center;padding: 2px 0;}


}