@charset "utf-8";
/* CSS Document */
.warap-L{
	width: 1082px;
	margin: 0 auto;
	background:#f6f1d6 url("../img/patarn_left.gif") repeat-y left 0;
}
.warap-R{
	width: 1082px;
	margin: 0 auto;
	background: url("../img/patarn_right.gif") repeat-y right 0;
}


.inner{
	padding: 0 66px 50px 66px;
}

.mainv-box{
	position: relative;
	z-index: 0;
}
.main-text{
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 70px 0 0 0;
	font-size: 1.8rem;
}
.main-v{
	display: block;
	width: 1000px;
	margin: 0 auto;
}

.text-center{
	display: block;
	width: 600px;
	margin: 0 auto;
	text-align: center;
}
.jido .text-center span{
	display: block;
	font-weight: 600;
	color: #1a6f8d;
	padding-bottom: 10px;
}
.img-box{
	display: block;
	width: 100%;
	text-align: center;
	background: url("../img/bk_img_kami.png") no-repeat 50% 50%;
	padding: 20px 0;
}
.img-box img{
	margin: 0 auto;
}
.btn-pdf{
	display: block;
	width: 445px;
	height: 72px;
	margin: 20px auto;
}
.btn-pdf a{
	display: block;
	width: 100%;
	height: 72px;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	line-height: 72px;
	color: #fff;
	background:#999 url("../img/icon_pdf.png") no-repeat 95% 50%;
}
.jido .btn-pdf a{
	background:#1a6f8d url("../img/icon_pdf.png") no-repeat 95% 50%;
}
.event .btn-pdf a{
	background:#c56f17 url("../img/icon_pdf02.png") no-repeat 95% 50%;
}
.btn-pdf a:hover{
	opacity: 0.8;
}

h2{
	display: block;
	line-height: 1.0;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 80px;
}
h3{
	display: block;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
}
h4{
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
	color: #333;
}
.col-flex{
	width: 950px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	padding-top: 22px;
}
.col-flex .col{
	width: 230px;
	margin:0 5px ;
	text-align: center;
}
.col-3{
	width: 33.333%;
	padding: 0 10px;
}
.col-3 img{
	width: 100%;
	height: auto;
		;
}
.col-dd{
	margin-top: -22px;
}
.number{
	display: block;
	width: 43px;
	height: 43px;
	border-radius: 22px;
	margin: 0 auto;
	background-color: #b1b1b1;
	font-size: 2.0rem;
	text-align: center;
	line-height: 43px;
	color: #fff;
	position: relative;
	z-index: 2;
}
.box-mov{
	position: relative;
	top: -22px;
	z-index: 1;
}
.ttl-mov{
	font-size: 1.8rem;
	font-weight: bold;
}
.event .ttl-mov{
	min-height: 57.7px;
}
.ttl-mov span{
	display: block;
	font-size: 1.3rem;
	line-height: 1.4;
}
.tbl-box{
	display: table;
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.3;
	padding-top: 15px;
}
.tbl-box dt,
.tbl-box dd{
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
.tbl-box dt{
	white-space: nowrap;
}
.tbl-box02{
	display: table;
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.3;
	padding: 15px;
}
.tbl-box02 dt,
.tbl-box02 dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.tbl-box02 dt{
	white-space: nowrap;
}
.btn-comsoon{
	display: block;
	width: 100%;
	height: 50px;
	margin: 15px auto 0 auto;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	background:#b1b1b1;
}
.btn-mov{
	padding-top: 15px;
}
.btn-mov a{
	display: block;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	background:#b1b1b1 url("../img/icon_right.png") no-repeat 95% 50%;
}
.btn-mov a:hover{
	opacity: 0.8;
}
.btn_bottom{
	min-height: 433.4px;
	position: relative;
}
.btn_bottom > .btn-mov{
	position:  absolute;
	bottom: 0;
	width: 100%;
}
.cap-left{
	font-size: 1.2rem;
	text-align: left;
	padding-bottom: 10px;
}
.cap-center{
	display: block;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
}
.ph-box{
	line-height: 0;
}

.txt-greeting{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.txt-greeting p{
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.2;
}
.txt-greeting span{
	display: block;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 20px 0 40px 0;
	color: #666;
}
/*--ご挨拶--*/
.greeting h2{
	width: 100%;
	background: url("../img/ttl_greeting.png") no-repeat center 0;
	color: #ab925c;
}
.greeting h3{
	color: #ab925c;
	padding-top:0; 
}
.menu-box{
	background: url("../img/bk_menu.png") no-repeat 50% 40%;
}
.menu-box ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	width: 100%;
	margin: 0 auto;
}
.menu-box li{
	display: block;
	width: 149px;
	height: 149px;
	border-radius: 75px;
	margin: 10px;
	background:#ddd url("../img/icon_down.png") no-repeat 50% 93%;
}
.menu-box li.jido{
	background:#1a6f8d url("../img/icon_down.png") no-repeat 50% 93%;
}
.menu-box li.koen{
	background:#006934 url("../img/icon_down.png") no-repeat 50% 93%;
}
.menu-box li.event{
	background:#c56f17 url("../img/icon_down.png") no-repeat 50% 93%;
}
.menu-box li a{
	display: block;
	width: 149px;
	height: 149px;
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: relative;
	top: -23px;
}
.menu-box li a:hover{
	opacity: 0.8;
}
.menu-box li span{
	display: block;
}
/*--児童画展--*/
.jido h2{
	width: 100%;
	background: url("../img/ttl_blue.png") no-repeat center 0;
	color: #1a6f8d;
}
.jido h3{color: #1a6f8d;}
.jido .btn-mov a{background:#1a6f8d url("../img/icon_right.png") no-repeat 95% 50%;}
.jido .number{background-color: #1a6f8d;}

/*--講演会--*/
.koen h2{
	width: 100%;
	background: url("../img/ttl_green.png") no-repeat center 0;
	color: #006934;
}
.koen .btn-mov a{background:#006934 url("../img/icon_right.png") no-repeat 95% 50%;}
.koen .number{background-color: #006934;}

/*--各種イベント--*/
.event h2.ttl01{
	width: 100%;
	background: url("../img/ttl_brown01.png") no-repeat center 0;
	color: #c56f17;
}
.event h2.ttl02{
	width: 100%;
	background: url("../img/ttl_brown02.png") no-repeat center 0;
	color: #c56f17;
}
.event h2.ttl03{
	width: 100%;
	background: url("../img/ttl_brown03.png") no-repeat center 0;
	color: #c56f17;
}
.event h2.ttl04{
	width: 100%;
	background: url("../img/ttl_brown04.png") no-repeat center 0;
	color: #c56f17;
}
.event h3{
	color: #c56f17;
}
.event .btn-mov a{background:#c56f17 url("../img/icon_right.png") no-repeat 95% 50%;}
.event .number{background-color: #c56f17;}

footer{
	margin-top: 60px;
}
.top-line{
	padding-top: 30px;
	border-top: 1px solid #cbba96;
}
footer h2{
	display: block;
	width: 100%;
	padding: 6px 0;
	background-color: #cbba96;
	color: #61502b;
	text-align: center;
	font-size: 2.0rem;
	font-weight: normal;
}
h2.footer{
	display: block;
	width: 100%;
	padding: 6px 0;
	background-color: #cbba96;
	color: #61502b;
	text-align: center;
	font-size: 2.0rem;
	font-weight: normal;
}
.sponsor{
	display: table;
	width: 100%;
	margin-bottom: 5px;
}
.sponsor dt,
.sponsor dd{
	display: table-cell;
}
.sponsor dt{
	width: 8%;
	background-color: #cbba96;
	color: #61502b;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5rem;
}
.sponsor dd{
	vertical-align: top;
	padding:8px 0 8px 8px;
	color: #61502b;
	font-size: 1.4rem;
}
.sponcer-list01{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.sponcer-list01 li{
	width: 33.3%;
	padding-right: 10px;
}
.sponcer-list02{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.sponcer-list02 li{
	width: 33.3%;
	padding-right: 10px;
}
.contact-box{
	text-align: center;
	color: #61502b;
}
.contact-box .shamei{
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 5px;
}
.contact-box .shamei a{
	text-decoration: none;
	color: #61502b;
}
.contact-box .tel span{
	display: inline-block;
	font-size:1.2rem;
	background-color: #cbba96;
	padding: 2px 3px;
	margin-right: 5px;
}
address{
	display: block;
	width: 100%;
	
	text-align: center;
	padding-left: 66px;
	padding-right: 66px;
}
address p{
	color: #cbba96;
	font-size: 1.2rem;
	border-top: 1px solid #cbba96;
	padding: 15px 0;
}
/*--下層ページ--*/
.low header{
	width: 100%;
	text-align: center;
	padding: 18px 0 0 0;
	background: url("../img/low_header_bk.png") no-repeat 50% 0;
}
h4 span{
	display: block;
	font-size: 1.3rem;
	color: #333;
	padding-top: 8px;
}
.yt-box{
	width: 690px;
	margin: 0 auto;
	text-align: center;
}
.btn-gotop{
	padding-top: 15px;
}
.btn-gotop a{
	display: block;
	width: 290px;
	height: 50px;
	margin: 0 auto;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	background:#b1b1b1 url("../img/icon_left.png") no-repeat 5% 50%;
}
.jido .btn-gotop a{background: #1a6f8d url("../img/icon_left.png") no-repeat 5% 50%;}
.koen .btn-gotop a{background: #006934 url("../img/icon_left.png") no-repeat 5% 50%;}
.event .btn-gotop a{background: #c56f17 url("../img/icon_left.png") no-repeat 5% 50%;}
.btn-gotop a:hover{opacity: 0.8;}
.w690{
	width: 690px;
	margin: 0 auto;
}
.sp-pb10{
		padding-bottom: 10px;
	}
.pagetop {
	display: block;
	width: 60px;
	height: 60px;
	font-size: 1.2rem;
	line-height: 1.0;
	color: #7a6a47;
	background-color: #cbba96;
	border-radius: 30px;
	text-align: center;
	padding-top: 10px;
	position: fixed;
	bottom: 30px;
	right: 40px;
	cursor: pointer;
	border: 1px solid #fff;
}
.pagetop:hover{ opacity: 0.8;}
.pagetop a:link,
.pagetop a:visited,
.pagetop a:active{
	color: #7a6a47;
}


@media screen and (max-width: 767px) {
	.col-flex{
		width: 100%;
	}
	.img100p{
		width: 100%;
		height: auto;
	}
	.warap-L{
		width: 100%;
		background-size: 4%;
	}
	.warap-R{
		width: 100%;
		background-size: 4%;
	}
	h2{
        font-size: 2.2rem;
        margin-bottom: 15px;
        margin-top: 40px;
    }
    h3{
		font-size: 1.8rem;
        padding-top: 30px;
        padding-bottom: 15px;
    }
	.inner{
		padding: 0 15px 30px 15px;
	}
	.mainv-box{
		padding: 0 0 0 0;
	}
	.main-v{
		width: 100%;
	}
	.main-text{
		padding: 5px 0 0 0;
		font-size: 1.2rem;
	}
	.text-center{
		width: 100%;
		padding: 0 10px;
	}
	.btn-pdf{
		display: block;
		width: 90%;
		height: 50px;
		margin: 10px auto;
	}
	.btn-pdf a{
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background:#1a6f8d url("../img/icon_pdf.png") no-repeat 95% 50%;
		text-decoration: none;
	}
	.col-flex{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.col-3{
	width: 100%;
	padding: 5px 0;
}
	.box-mov{
		padding-bottom: 10px;
	}
	.jido .box-mov{
		position: relative;
		top: 0;
	}
	.txt-greeting{
		padding: 0 10px;
    }
    .txt-greeting p{
        font-size: 1.6rem;
        line-height: 2.0;
    }
	.txt-greeting span{
        font-size: 1.4rem;
        line-height: 1.4;
        padding: 10px 0 20px 0;
    }
	.jido .col-dd{
		margin-top: 0;
	}
	.ttl-mov{
		font-size: 1.6rem;
		padding-bottom: 10px;
    }
	.event .ttl-mov{
        min-height: auto;
    }
	.btn-mov{
        padding-top: 5px;
    }
    .btn-mov a{
        height: 45px;
        line-height: 45px;
    }
	.col-flex .col{
        width: 230px;
        padding:10px 0 20px 0;
        text-align: center;
    }
	.col-dd{
		margin-top: -30px;
	}
	.tbl-box{
		padding-top: 5px;
	}
	.btn_bottom{
        min-height: auto;
      }
    .btn_bottom > .btn-mov{
        position: static;
        bottom: 0;
        width: 100%;
      }
	/*--コンテンツメニュー--*/
    .menu-box{
        background: url("../img/bk_menu.png") repeat-y 50% 50%;
    }
	.menu-box ul{
        width: 100%;
    }
	.menu-box li{
        width: 130px;
        height: 130px;
        border-radius: 65px;
    }
    .menu-box li a{
        width: 130px;
        height: 130px;
        font-size: 1.4rem;
        line-height: 1.4;
    }
	.sp-pb15{
		padding-bottom: 15px;
	}
	.sp-pb10{
		padding-bottom: 10px;
	}


    .greeting h2{
        background: url("../img/ttl_greeting.png") no-repeat center 50%;
        background-size: 160%;
    }
	.jido h2{
		background: url("../img/ttl_blue.png") no-repeat center 50%;
		background-size: 160%;
	}
	.koen h2{
		background: url("../img/ttl_green.png") no-repeat center 50%;
		background-size: 160%;
	}
	.event h2{
		background: url("../img/ttl_brown.png") no-repeat center 50%;
		background-size: 160%;
	}
	.event h2.ttl01{
        background: url("../img/ttl_brown01.png") no-repeat center 50%;
        background-size: 160%;
    }
    .event h2.ttl02{
        background: url("../img/ttl_brown02.png") no-repeat center 50%;
        background-size: 160%;
    }
    .event h2.ttl03{
        background: url("../img/ttl_brown03.png") no-repeat center 50%;
        background-size: 100% 100%;
    }
    .event h2.ttl04{
        background: url("../img/ttl_brown04.png") no-repeat center 50%;
        background-size: 110% 100%;
    }
	.w90p-sp{
		width: 90%;
		height: auto;
	}
	.sponsor{
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
    .sponsor dt,
    .sponsor dd{
        display: block;
    }
    .sponsor dt{
        width: 100%;
    }
    .sponsor dd{
        width: 100%;
		padding: 10px 20px 20px 20px;
    }
    .contact-box{
        text-align: center;
        color: #61502b;
    }
    .contact-box .shamei{
        font-size: 1.6rem;
    }
    address{
        padding-left: 10px;
        padding-right: 10px;
    }
	/*下層ページ*/
	.low h1 img{width: 40%; height: auto;}
	.low header{
        width: 100%;
        text-align: center;
        padding: 10px 0 0 0;
        background: url("../img/low_header_bk.png") no-repeat 50% 0;
		background-size: 100%;
    }
	.yt-box{
        width: 100%;
        margin: 0 0;
        text-align: center;
        padding: 0 10px 20px 10px ;
		position: relative;
        padding-bottom: 56.25%; 
        height: 0;
        overflow: hidden;
    }
	.yt-box iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	.w690{
        width: 100%;
        margin: 0 auto;
	}
    .sponcer-list01 li{
        width: 100%;
        padding-right: 10px;
    }
    .sponcer-list02 li{
        width: 100%;
        padding-right: 10px;
		padding-bottom:10px;
		line-height: 1.4;
    }
	address p{
        padding: 15px 10px;
    }
	.btn-gotop a{
        display: block;
        width: 200px;
        height: 45px;
        margin: 0 auto;
        border-radius: 5px;
        font-weight: bold;
        text-align: center;
        line-height: 45px;
        color: #fff;
        text-decoration: none;
        background:#b1b1b1 url("../img/icon_left.png") no-repeat 5% 50%;
    }
	.pagetop {
        bottom: 10px;
        right: 10px;
    }
}