@charset "UTF-8";
@import url("reset.css");





/*全体設定*/

	html {
		font-size: 62.5%;
		height:100%;
	}

	body {
		font-family: dnp-shuei-mgothic-std,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;
		font-weight: 400;
		font-style: normal;
		background-image: url(../image/body-background.png);
		color:#7a6a56;
	}




/*Loading画面*/

	#loader-bg {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: #fff;
		z-index: 1000;
	}

	#loader {
		display: none;
		position: fixed;
		top: 50%;
		left: 47%;
		width: 17vw;
		height: 10vw;
		margin-top: -5vw;
		margin-left: -5vw;
		z-index: 1100;
		animation: loading 1.8s ease infinite;
	}

	@keyframes loading {
		0% {opacity: 0}
		100% {opacity: 1} 
	}



/*共通設定*/

	/*headerのfloat解除*/
	.global-main {
		clear:both;
		margin-top:100px;
	}

	/*ペイントマーク*/
	.marker {
		background-image: url("../image/kumo1.png"),url("../image/kumo2.png");
		background-repeat:no-repeat;
	}

	/*基本コンテンツ幅 ・ 中央揃え*/
	.content-box{
		width:80%;
		margin:0 auto;
	}

	/*横幅全体指定*/
	.content-wrap {
		width:100%;
		margin:0 auto;
	}

	/*floatクリア*/
	.f-clear {
		clear: both;
	}

	/*非表示*/
	.load-hdn {
		visibility: hidden;
	}

	.dis-none {
		display: none;
	}

	.dis-no8 {
		display: none;
	}

	/*トップへ戻るボタン*/
		#page_top {
			cursor: pointer;
			position: fixed;
			bottom: 4vw;
			right: 4vw;
			width: auto;
			height: 10vw;
			opacity: 0.6;
			transition: opacity .5s;
			-moz-transition: opacity .5s;
			-webkit-transition: opacity .5s;
			-o-transition: opacity .5s;
			-ms-transition: opacity .5s;
			z-index: 500;
		}

		#page_top img {
			position: relative;
			width: auto;
			height: 100%;	
		}

		/*ボタン選択時*/
			#page_top:hover {
				opacity: 1;
			}




/*共通header*/
.global-header {
	padding:2% 2% 0 2%;
}
.header-top-box {

}
.header-left-box {
	float: left;
}
.header-left-box a {
	color:#7a6a56;
}
h1.h-l-common-titile-wrap {
	display: flex;
}
.h-l-common-image {
	display: block;
	width: 16%;
}
.h-l-common-image img {
	display: block;
	width: 100%;
}
.h-l-common-title-box {
	margin-left: 1.5rem;
	margin-top: 0.5rem;
}
p.h-l-common-title {
	font-size: 5.5rem;
	font-weight: 300;
}
span.h-l-common-sub-title {
	display: block;
	font-size: 1.4rem;
	font-weight: 100;
	letter-spacing: 0.3rem;
	text-align: center;
	margin-top: 0.8rem;	
}


/*グルーバルナビゲーション*/
.global-nav-wrap {

}
nav.global-nav {
	margin-top: 13px;
	float: right;
}
ul.gnav-list {
	display: block;
}
li.gnav-list-item {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-left: 3.5rem;
}
li.gnav-list-item:first-child {
	display: none;
}
li.gnav-list-item:last-child {
	margin-right: 4rem; 
}
.gnav-list-item a {
	color: #7A6A56;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: 0.25rem;
}
span.gnav-list-item-sub-title {
	display: block;
	font-size: 1.2rem;
	font-weight: 100;
	letter-spacing: 0;
	margin-top: 0.5rem;
}

@media all and (max-width:1425px){
	p.h-l-common-title {
		font-size: 4.2rem;
	}
	span.h-l-common-sub-title {
		font-size: 1rem;
	}
	li.gnav-list-item {
		margin-left: 2.5rem;
	}
	li.gnav-list-item:last-child {
		margin-right: 3rem;
	}

}



/*共通フッター*/
	.global-footer {
		margin-top:200px;
		background-image:url("../image/footer-back.png");
		background-size:cover;
		background-repeat:no-repeat;
		width:100%;
		height:500px;
		padding-bottom: 100px;
		z-index: 2;
	}

	.gf-wrap-nav ul li {
		display:inline-block;
		margin:1rem 0.8em;
		letter-spacing:0.18em;
		font-size:1.5vw;
	}

	.gf-wrap-nav ul li a {
		color:#FFF;
	}

	.gf-wrap {
		padding-top:200px;
		position:relative;
		color:#fff;
	}

	.gf-wrap-nav {
		margin:0 auto;
		text-align: center;
	}

	.gf-box-wrap {
		margin:0 auto;
		text-align: center;
	}

	.gf-box {
		display:inline-block;
		margin:80px 152px 10px 0;
	}

	.gf-box p {
		display:block;
		padding-top: 5px;
		font-size:2em;
	}

	.gf-box p span {
		font-size:2em;
		display:block;
		padding-top:6px;
	}

	.gf-rbox img {
		width:80px;
		margin-bottom: 20px;
	}

	.gf-p{
		display:inline-block;
		margin-left: 50px;
		color: #fff;
	}
	.gf-p p {
		display:block;
		font-size:2.2em;
		color: #fff;
	}

	.gf-p p span {
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size:2em;
		display:block;
		padding-top:15px;
		color: #fff;
	}

/*各ページ共通タイトル*/
.secmain-h2 {
	margin-top:250px;
	display:grid;
	grid-template-columns: 3fr 6fr 3fr;
	grid-template-rows: 50vw;
	margin-bottom:2rem;
}

/*トップ画像「左」*/
.box1 {
	background-image:url("../image/l_maru_1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:right 50%;
	width:25vw;
	height:50vw;
}

/*トップ画像「中央」*/
.box2 {
	border: solid 1px #707070;
	border-radius: 50%;
	width:50vw;
	height:50vw;
}
.box2-title-wrap {
	width: 70%;
	margin: 0 auto;
	margin-top: 20%;
}
.box2-image {
	width: 80%;
	margin: 0 auto;
}
.box2-image img {
	width: 100%;
}
.box2-sentence-box {
	margin-top: 7%;
	width: 100%;
}
#schedule .box2-sentence-box {
	margin-top: 3%;
}
.box2-sentence {
	text-align: center;
	font-size: calc(1.5rem + (1vw - 1.28rem) * 1.4062); /*15px～24px*/
	font-size: -webkit-calc(1.5rem + (1vw - 1.28rem) * 1.4062);
	font-size: -moz-calc(1.5rem + (1vw - 1.28rem) * 1.4062);
	font-weight: 500;
	letter-spacing: 0.2rem;
	line-height: calc(4rem + (1vw - 1.28rem) * 2.3438); /*15px～55px*/
	line-height: -webkit-calc(4rem + (1vw - 1.28rem) * 2.3438);
	line-height: -moz-calc(4rem + (1vw - 1.28rem) * 2.3438);
}
#schedule .box2-sentence {
	font-size: calc(1.3rem + (1vw - 1.28rem) * 1.0938); /*13px～20px*/
	font-size: -webkit-calc(1.3rem + (1vw - 1.28rem) * 1.0938);
	font-size: -moz-calc(1.3rem + (1vw - 1.28rem) * 1.0938);
	letter-spacing: 0.1rem;
}
.b2-sentence-inbox01 {
	display: block;
}
.b2-sentence-inbox02 {
	display: block;	
} 
.b2-sentence-inbox03 {
	display: block;
}
.b2-sentence-inbox04 {
	display: block;
}
.b2-sentence-inbox05 {
	display: block;
}
.b2-sentence-inbox06 {
	display: block;
}
/*トップ画像「右」*/
.box3 {
	background-image:url("../image/l_maru_1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:left;
	width:25vw;
	height:50vw;
}







/*トップ[index]ページ*/
	
	/*トップ画像*/
		.gmain-h2 {
			text-align: center;
			position:relative;
		}

		.gmain-h2 img {
			width:100%;
			height:100%;
			text-align:center;
		}

	/*ロゴマーク*/
		/*画像*/
			.main-rogo-wrap {
				position:absolute;
				top: 50%;
				left: 46%;
				-ms-transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
				margin:0;
				padding:0;
				color:#ffffff;
				letter-spacing:0.15rem;
			}

			.main-rogo-wrap img {
				width:190%;
			}


	/*トップ画像とボタンの空間*/
		.area-space {
			height: 20vw;	
		}

	/*愛と空間が人を育てる*/
		/*背景画像*/
			.lovewrap {
				text-align: center;
				position: relative;
				padding-bottom: 13.1vw;
				background-image: url("../image/backimg.svg");
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}

			/*左ペイントマーク*/
				.lovewrap::before {
					display:block;
					content:"";
					width: 23vw;
					height: 20vw;
					background-image: url("../image/kumo3.png");
					background-size:contain;
					background-repeat: no-repeat;
					position: absolute;
					top: 18.3vw;
					left: 5vw;
				}

		/*タイトル*/
			h3.part-a {
					position: relative;
				}
			
			h3.part-a img{
				display:inline-block;
				width:65%;
			    margin-top: 20%;
			    position:relative;
			    z-index:20;
			}

			/*右ペイントマーク*/
				h3.part-a::after{
					display:block;
					content:"";
					width: 21vw;
					height: 21vw;
					background-image: url("../image/kumo1.png");
					background-size: contain;
					background-repeat: no-repeat;
					position: absolute;
					top: -4vw;
					right: 5vw;
				}

		/*文章*/
			.lovewrap-box p {
				font-size: 2.9rem;
				font-size: calc(2.6rem + (1vw - 1.28rem) * 1.4062); /*26px～35px*/
				font-size: -webkit-calc(2.6rem + (1vw - 1.28rem) * 1.4062);
				font-size: -moz-calc(2.6rem + (1vw - 1.28rem) * 1.4062);
				letter-spacing:0.18rem;
				line-height: 190%;
				margin-top: 50px;
			}


		/*ナビゲーション*/
			.lw-nav {
				margin-top: 180px;
				position:relative;
			}

			.lw-nav ul {
				display:flex;
				padding:0;
			}

			.lw-nav ul li {
				display:inline-block;
				margin:0 50px;
				width:100%;
			}

			.lw-nav ul li img {
				width:100%;
				height:auto;
			}

			/*ナビ[ホバー時]*/
				.lw-nav ul li:hover img {
					opacity: 1;
					-webkit-animation: flash 1.5s;
					animation: flash 1.5s;
				}

				@-webkit-keyframes flash {
					0% {
						opacity: .4;
					}
					100% {
						opacity: 1;
					}
				}
				@keyframes flash {
					0% {
						opacity: .4;
					}
					100% {
						opacity: 1;
					}
				}

			/*ボタン比率*/
				.fb1 {
					flex-basis: 40%;
				}
				.fb2 {
					flex-basis: 40%;
				}
				.fb3 {
					flex-basis: 40%;
				}

		/*画像(建物)*/
			.lw-garden {
				display: inline-block;
				width: 30%;
				height: auto;
				overflow: hidden;
				position:absolute;
				top: -2%;
				right: 0;
			}

			.lw-garden img {
				max-width: 100%;
				padding-left: 10%;
			}


	/*入園案内・写真館・美術館*/
		.sw-box {
			position: relative;
		}

		/*ボタン*/
			/*サイズ*/
				div.sw-box a {
					display: inline-block;
					width: 29.2vw;
					height: 29.2vw;
					background-size: contain;
					
				}

			/*位置*/
				/*入園案内*/
					.enty-icon {
						background-image: url(../image/entry-icon.png);
						background-repeat: no-repeat;
						position: absolute;
						top: -10.9vw;
						left: 8vw;
					}

				/*写真館*/
					.phote-icon {
						background-image: url(../image/photo-icon.svg);
						background-repeat: no-repeat;
						position: absolute;
						top: 0;
						right: 4.4vw;
					}

				/*美術館*/
					.museam-icon {
						background-image: url(../image/museam-icon_1.svg);
						background-repeat: no-repeat;		
						position: absolute;
						top: 18.3vw;
						left: 19.7vw;
						
					}

		/*建物画像*/
			div.sw-school {
				display: inline-block;
				overflow: hidden;
				width: 41.3vw;
				height: 23.5vw;
				position: absolute;
				top: 29.2vw;
				right: 0;
			}

			div.sw-school img {
				width: 36.5vw;
				height: 18.2vw;
				background-size: contain;
				padding-left: 20%;

			}


	/*google-map*/
		/*上間合い*/
			.map-wrap {
				margin-top: 56%;
				text-align: left;
			}

		/*左寄せ*/
			.mw-box {
				margin-left: 10%;
			}

		/*タイトル*/
			.mw-box h3 {
				display:inline-block;
				vertical-align: middle;
				width: 20vw;
			}

			.mw-box img {
				margin-top: 1.6vw;
				width: 100%;
			}

		/*住所*/
			.mw-box p {
				display: inline-block;
				font-size: 4rem;
				font-size: calc(3rem + (1vw - 1.28rem) * 3.1250); /*30px~50px*/
				font-size: -webkit-calc(3rem + (1vw - 1.28rem) * 3.1250);
				font-size: -moz-calc(3rem + (1vw - 1.28rem) * 3.1250);
				vertical-align: middle;
				margin-left: 13%; 
				padding-top: 5.5vw;
			}

		/*マップ*/
			/*ボタン*/
				.gm-btn {
					display: none;
				}

				.closeModal {
					display: none;
				}

			/*マップ表示*/
				div.gl-map {
					width: 85%;
					margin: 0 auto;
				}

				div.gl-map iframe {
					width: 100%;
					height: 31.5vw;
				}



	/*google-ストリートビュー*/
		/*上間合い*/
			.street-wrap {
				position: relative;
				top: 9.3vw;
				width:100%;
				height:100%;
			}

		/*コメント*/
			/*位置・サイズ*/
				.g-comment {
					position: absolute;
					top: -19.6vw;
					left: 22.3vw;
					width: 35.6vw;
					height: auto;
				}

				.g-comment img {
					max-width: 100%;
				}

		/*ストリートビュー*/
			/*ボタン*/
				.gb-btn {
					display: none;
				}

			/*ビュー表示*/
				.g-map {
					position: relative;
					width: 69%;
					margin-top: 15%;
					margin-left: auto;
					margin-right: auto;
					text-align: center;			
				}

				.g-map iframe {
					position: relative;
					width: 100%;
					height: 31.5vw;
					z-index: 50;
				}

			/*画像*/
				.g-map img {
					position: absolute;
					top: -17vw;
					right: -15vw;
					width: 80%;
					z-index: 40;
				}

	/*footer再定義*/
		.in-f-mgn-top {
			margin-top: 21vw;
		}







/*楽しい園舎[build]ページ*/

	body#build {
		background-size: 100% 100%;
	}

	body#build footer{
		margin-top:600px;
	}

	/*トップ画像枠*/
	.secmain-h2 {
		margin-top:250px;
		display:grid;
		grid-template-columns: 3fr 6fr 3fr;
	 	grid-template-rows: 50vw;
	 	margin-bottom:2rem;
	}

		/*トップ画像「左」*/
			.box1 {
				background-image:url("../image/l_maru_1.png");
				background-size: cover;
				background-repeat: no-repeat;
				background-position:right 50%;
				width:25vw;
				height:50vw;
			}

		/*トップ画像「中央」*/
			.box2-build {
				background-image:url("../image/maru-1.png");
				background-size: cover;
				background-repeat: no-repeat;
				background-position:center;
				width:50vw;
				height:50vw;
			}

		/*トップ画像「右」*/
			.box3 {
				background-image:url("../image/l_maru_1.png");
				background-size: cover;
				background-repeat: no-repeat;
				background-position:left;
				width:25vw;
				height:50vw;
			}


	/*トップ画像とナビゲーションの間合い*/
		.build-nav {
			text-align: center;
			margin-top: 200px;
		}

	/*点線付与*/
		.hr::after{
			content:"";
			display:block;
			width:100%;
			height:5vw;
			margin-top: 100px;
			background-repeat: repeat-x;
			background-size: 50%;
			background-image: url("../image/hr.svg");
		}

	/*ナビゲーション*/
		.bnav-box li {
			display:inline-block;
			margin-top: 100px;
			padding-right: 15px;
			padding-left:15px;
		}

		.bnav-box li a img {
			vertical-align:middle;
			display:block;
			margin-right: auto;
			margin-left:auto;
		}


	/*セクション間の間合い*/
	.gui-wrap {
		margin-top: 5vw;
	}

	/*コメント付き画像「全体指定」*/
		.guibox-pA {
			display: block;
			position:relative;
			margin-left: auto;
			margin-right: auto;
		}

		.guibox-pA::before {
			content:"";
			display:table;
		}

		.guibox-pA::after {
			content:"";
			clear:both;
			display:block;
		}

		/*コメント部分*/
			.guidance {
				display: table-cell;
				z-index: 3;
			    vertical-align: middle;
			    position: absolute;
			}

			.guidance img {
				width: 36vw;
			}

			.gui-text {
				position: absolute;
				top: 12vw;
				left: 1vw;
				margin-left: 11%;
				margin-right: 11%;
				font-size:1.5vw;
				letter-spacing: 0.15em;
				line-height: 1.8em;
			}

			.gui-tx-top {
				top: 12.5vw;
			}

			.gui-title {
				position: absolute;
				top: 1vw;
				left: 8vw;
			}

			.gui-tl-top {
				top: 2vw;
			}

			.gui-title img {
				width: 20vw;
			}

			/*コメント位置指定*/

				/*園舎・園庭*/
					.guid-psn1 {
						transform: translate(3vw, 3vw);
						-webkit-transform: translate(3vw, 3vw);
						-ms-transform: translate(3vw, 3vw);
					}

				/*固定遊具*/
					.guid-psn2 {
						transform: translate(46vw, 3vw);
						-webkit-transform: translate(46vw, 3vw);
						-ms-transform: translate(46vw, 3vw);
					}

				/*園内1F*/
					.guid-psn3 {
						transform: translate(3vw, 3vw);
						-webkit-transform: translate(3vw, 3vw);
						-ms-transform: translate(3vw, 3vw);
					}

				/*園内2F・屋上*/
					.guid-psn4 {
						transform: translate(46vw, 3vw);
						-webkit-transform: translate(46vw, 3vw);
						-ms-transform: translate(46vw, 3vw);
					}

				/*園章*/
					.guid-psn5 {
						transform: translate(3vw, 3vw);
						-webkit-transform: translate(3vw, 3vw);
						-ms-transform: translate(3vw, 3vw);
					}

					/*枠指定*/
						.guid-psn5 img[src="image/guidance-box.png"] {
							width: 37vw;
							height: 41vw;
						}

					/*タイトル画像位置*/
						.gui-title img[src="image/gui-title5.png"] {
							margin-top: 1.3vw;
						}

						.guid-psn5 p.gui-text {
							margin-top: 2vw;
						}



		/*画像部分*/
		.gu-title-img {
			display: table-cell;
			position: absolute;
		}

		.gu-title-img img {
			width: 53vw;
		}

		/*画像位置指定*/

			/*園舎・園庭*/
				.gu-title-psn1 {
					transform: translate(29vw, 1vw);
					-webkit-transform: translate(29vw, 1vw);
					-ms-transform: translate(29vw, 1vw);
				}

			/*固定遊具*/
				.gu-title-psn2 {
					transform: translate(5vw, 1vw);
					-webkit-transform: translate(5vw, 1vw);
					-ms-transform: translate(5vw, 1vw);
				}

			/*園内1F*/
				.gu-title-psn3 {
					transform: translate(29vw, 1vw);
					-webkit-transform: translate(29vw, 1vw);
					-ms-transform: translate(29vw, 1vw);
				}

			/*園内2F・屋上*/
				.gu-title-psn4 {
					transform: translate(5vw, 1vw);
					-webkit-transform: translate(5vw, 1vw);
					-ms-transform: translate(5vw, 1vw);
				}

			/*園章*/		
				.gu-title-psn5 {
					transform: translate(43vw, 4vw);
					-webkit-transform: translate(43vw, 4vw);
					-ms-transform: translate(43vw, 4vw);
				}

				/*画像サイズ*/
					.gu-title-psn5 img[src="image/emblem1.svg"] {
						width: 31vw;
						height: auto;

					}

	/* 上に戻るボタン */
		.pagetop img{
			position: absolute;
			top: 40vw;
			right: -6vw;
			width: 8vw;
			height: auto;
			cursor: pointer;
		}

	/*footer上間合い*/
		#emblem {
			margin-bottom: 52vw;
		}


	/*スライダー設定*/

		/*スライダー上間合い*/
			.swiper-container {
				margin-top: 40vw;
			}

		/*ページネーション*/
			.swiper-wrapper {
				padding-bottom: 3%;
			}

		/*ボタン*/
			.swi-btn {
				display: none;
			}

		/*画像「小」指定*/
			.swiper-slide  {
				transition: width .8s ease, height .8s ease;
			}

			.swiper-slide img {
				width: 23vw;
				height: auto;
				padding: .5vw;
				background-color: #fff;
			}

			.swiper-slide:not(.swiper-slide-active) {
				margin-top:4%;	
			}

		/*画像「大」指定*/
			.swiper-slide-active {
				width: 40vw !important;
				margin: 0;
			}

			.swiper-slide-active img {
				width: 100%;
			}












/*園の特色[feature]ページ*/
	
	/*背景サイズ*/
		body#aboutus {
			background-size: 100% 100%;
		}

	/*ボタン*/
		/*トップ画像とボタン間合い*/
			.secmain-nav {
				margin-top: 11vw;
			}

		/*ボタン中央寄せ*/
			.secmain-nav ul {
				text-align: center;
			}

		/*ボタン間間合い*/
			.secmain-nav ul li {
				display: inline-block;
				margin-left:2.5vw;
				margin-right: 2.5vw;
			}

		/*ボタン指定*/
			.btn {
				width: 9.6vw;
				height: 1.3vw;
				display:inline-block;
				padding: 1.3vw 1.8vw;
				background: -webkit-linear-gradient(#f5a830 , #f5cc87);
				background: linear-gradient(#f5a830 , #f5cc87);
				border: 1px solid #f5cc87;
				border-radius: 20px;
				font-size: 1.4vw;
				color: #fff;
				text-decoration: none;
				text-align: center;
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out;
				letter-spacing: 0.3em;
			}

			.btn:hover {
				-webkit-animation: bounce 2s ease-in-out;
			  	animation: bounce 2s ease-in-out;
			}

			@-webkit-keyframes bounce {
			  5%  { -webkit-transform: scale(1.1, .8); }
			  10% { -webkit-transform: scale(.8, 1.1) translateY(-5px); }
			  15% { -webkit-transform: scale(1, 1); }
			}

			@keyframes bounce {
			  5%  { transform: scale(1.1, .8); }
			  10% { transform: scale(.8, 1.1) translateY(-5px); }
			  15% { transform: scale(1, 1); }
			}


	/*背景*/
		.childwrap {
			background-image: url("../image/childwrap.png");
			background-repeat: no-repeat;
			background-size: cover;
			margin-top:200px;
			padding-bottom: 200px;
		}

	/*セクションタイトル*/
		.aboutus-box {
			width:980px;
			text-align: center;
			padding-top: 100px;
		}

		.aboutus-box img {
			width: 47%;
		}

		/*文章*/
			.aboutus-box p {
				margin-top: 100px;
				margin-bottom: 5%;
				font-size: 2rem;
				letter-spacing: 0.2em;
				line-height: 1.8em;
			}


	/*漢字教室・パソコン教室・寺子屋モデル・音体教室*/
		
		/*間合い指定*/
			.aboutus-content {
				padding-top: 6%;
				width:980px;
			}

			.aboutus-content img {
				width:100%;
			}

		/*寺子屋モデル：上間合い*/
			.a-mdn-top {
				margin-top: 11%;
			}

 		/*パソコン・わくわく：写真*/
 			.feat-pic-box{
 				width:60%;
 				margin: 39px 20%;
 				text-align: center;
 			}
 			.fpic-img{
 				display:inline-block;
 				width:30%;
 			}
 			.fpic-img:nth-child(2){
 				margin-left:42px;
 				margin-right:42px;
 			}
 			@media screen and (min-width:1280px) and ( max-width:1485px) {
 			.fpic-img{
 				display:inline-block;
 				width:29%;
 			}
 			.fpic-img:nth-child(2){
 				margin-left:42px;
 				margin-right:42px;
 			}
 			}


	/*食の安全*/

		/*画像*/
			.safety-img-s {
				display: none;
			}

			img.food-h1 {
				width:64%;
			}
	/*環境作り*/

		/*背景*/
			.secu-wrap {
				margin-top: 250px;
				background-image: url("../image/secu-back.png");
				background-repeat: no-repeat;
				background-size: cover;
				padding-bottom:200px;
			}

		/*建物画像*/
			.secu-build-img {
				position: relative;
				padding-bottom:100px;
			}

			.secu-build-img img {
				width:90%;
				position: absolute;
				top:-200px;
				left:20%;
			}

		/*「防犯・建築・常設」画像*/
			.secu-icon img {
				width:14%
			}

			/*種別画像*/
				.secu-content-img {
					text-align: center;
				}

				.secu-content-img img {
					width:80%;
					display: inline-block;
				}

	/*フッター再定義*/
	.about-footer {
		background-image: url("../image/secu-back.png");
	}

	.about-footer .global-footer {
		margin-top: 0;
	}




	.childnav-box{
		width:100%;
		position: relative;
	}
	.childnav-box li{
		margin-top: 50px;
		display: inline-block;
	}

	.childnav-box li a img{
		vertical-align:middle;
		display:block;
		margin-right: auto;
		margin-left:auto;
		width:300px;
		margin:10px 10px;
	}




	.daynav-box li{
		display: inline-block;
		vertical-align: middle;
	}
	.daynav-box li a{
		margin-right: 10px;
	}
	.daynav-box li a img{
		width:80%;
	}








/*園での生活[schedule]ページ*/
	/*トップ画像全体指定は、「楽しい園舎[build]ページ」に記載*/
	
	/*背景サイズ*/
		body#schedule {
			background-size: 100% 100%;
		}

	/*margin-top*/
		.pdg-top {
			padding-top: 2%;
		}



	/*ボタン設定は、園の特色[feature]ページに記載*/
		/*「一日の生活」・「年間行事」ボタン*/
			.sc-btn {
				width: 9.6vw;
				height: 1.3vw;
				display:inline-block;
				padding: 1.3vw 1.8vw;
				background: -webkit-linear-gradient(#f5a830 , #f5cc87);
				background: linear-gradient(#f5a830 , #f5cc87);
				border: 1px solid #f5cc87;
				border-radius: 20px;
				font-size: 1.4vw;
				color: #fff;
				text-decoration: none;
				text-align: center;
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out;
				letter-spacing: 0.3em;
			}

			.sc-btn:hover {
				-webkit-animation: bounce 2s ease-in-out;
			  	animation: bounce 2s ease-in-out;
			}

	/*「3～5歳」・「0～2歳」ボタン*/
		
		/*間合い指定*/
			.age-box {
				margin: 0 22%;
			}

		/*ボタンサイズ*/
			a.daynav {
				display: inline-block;
				width: 45%;
			}

			.daynav img {
			}

			/*3～5歳*/
				.age-box a#jyukyu-btn {
					float: left;
					padding-top: 28px;
				}

			/*0～2歳*/
				.age-box a#kakyu-btn {
					float: right;
					padding-top: 28px;
				}

	/*クラスごと外枠*/
		.schedule-box {
			position: relative;
			background-color: #FFF;
			border-radius: 25px;
			margin-top: 16vw;
			margin-left: auto;
			margin-right: auto;
			width: 50%;
			z-index: 100;
		}

		.schedule-box::after{
			content:"";
			display:block;
			clear:both;
		}

		/*3～5歳ズラシ背景*/
			#jyoukyu-box::after {
				position: absolute;
				top: 0;
				left: 0;
				background-color: #fff;
				border-radius: 25px;
				width: 100%;
				height: 100%;
				content: "";
				z-index: -4;
			}

			/*ズレている部分*/
				#jyoukyu-box::before {
					position: absolute;
					top: 1vw;
					left: 3vw;
					background-color: #c3d500;
					border-radius: 25px;
					width: 100%;
					height: 100.5%;
					content: "";
					z-index: -5;
				}

		/*0～2歳*/
			#kakyu-box::after {
				position: absolute;
				top: 0;
				left: 0;
				background-color: #fff;
				border-radius: 25px;
				width: 100%;
				height: 100%;
				content: "";
				z-index: -4;
			}

			/*ズレている部分*/
				#kakyu-box::before {
					position: absolute;
					top: 1vw;
					left: -3vw;
					background-color: #eebf68;
					border-radius: 25px;
					width: 100%;
					height: 100.5%;
					content: "";
					z-index: -5;
				}

	/*時間ごと外枠*/
		.schedule-inbox{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5%;
			text-align: center;
			padding-top:5%;
		}

		/*時間画像枠*/
			.watch-box{
				display: table-cell;
				background-repeat: no-repeat;
				background-size: contain;
				width: 10vw;
				height: 16VW;
				background-position-y:26px;
			}

			/*時間画像*/
				.w730 {
					background-image: url("../image/730.svg");
				}
				.w930 {
					background-image: url("../image/930.svg");
					margin-bottom: 21%;
				}
				.w1015 {
					background-image: url("../image/1015.svg");
					margin-bottom: 24%;
				}
				.w1130 {
					background-image: url("../image/1130.svg");
					margin-bottom: 21%;
				}
				.w1300 {
					background-image: url("../image/1300.svg");
					margin-bottom: 19%;
				}
				.w1600 {
					background-image: url("../image/1600.svg");
				}
				.w1800 {
					background-image: url("../image/1800.svg");
				}
				.w1020 {
					background-image: url("../image/1020.svg");
				}
				.w1030 {
					background-image: url("../image/1030.svg");
				}
				.w1100 {
					background-image: url("../image/1100.svg");
				}
				.w1230 {
					background-image: url("../image/1230.svg");
				}

	/*紹介文-外枠*/
		.watchp-box {
			display: table-cell;
		}

		/*画像*/
			.watchp-box img {
				width: 100%;
			}

		/*タイトル*/
			.watchp-box p.sca-title{
				position: relative;
				font-size: 2.6rem;
				font-size: calc(2.3rem + (1vw - 1.28rem) * 1.7188); /*23px～34px*/
				font-size: -webkit-calc(2.3rem + (1vw - 1.28rem) * 1.7188);
				font-size: -moz-calc(2.3rem + (1vw - 1.28rem) * 1.7188);
				margin-top: .8vw;
				margin-bottom: .8vw;
				font-weight: bold;
				text-align: center;
			}

			#jyoukyu-box .watchp-box p img {
				width: 75%;
				position: absolute;
				z-index: -1;
				top: -2vw;
				left: 3vw;
			}

			#kakyu-box .watchp-box p img {
				width: 75%;
				position: absolute;
				z-index: -1;
				top: -2vw;
				left: 3vw;
			}			

		/*紹介文*/
			.watchp-box p.sca-p{
				margin-top: 3vw;
				margin-left: 3vw;
				margin-right: 3vw;
				text-align: justify;
				font-size: 1.9rem;
				font-size: calc(1.7rem + (1vw - 1.28rem) * 0.7813); /*17px～22px*/
				font-size: -webkit-calc(1.7rem + (1vw - 1.28rem) * 0.7813); 
				font-size: -moz-calc(1.7rem + (1vw - 1.28rem) * 0.7813); 
				letter-spacing: 0.2em;
				line-height: 1.8em;
			}

	/*時間ごと外枠（下）*/
		.schedule-box {
			padding-bottom: 150px;
		}

	/*年間行事枠*/
		.season-box {
			margin: 100px 10%;
			text-align: center;
		}
		.season-img{
			width:60%;
		}

/*入園案内[entry]ページ*/

 	/*背景画像*/
 	.entry-wrap{
		background-image:url("../image/childwrap.png");
		background-repeat: no-repeat;
		background-size: cover;
 	}

 	/*タイトル幅 ・ 高さ*/
 	.entry-box {
		width: 30%;
 	}

 	/*タイトルマーカー*/
	#entry .marker {
		background-size: 50%;
		background-position-x: 10%;
		background-position-y: 80%; 
	}

 	/*表(全体)の設定*/
 	.entry-inbox{
		font-size:2em;
		display: grid;
		width: calc(100% - 10px);
	  	grid-auto-rows: auto;
	  	grid-template-columns: 30% 70%;
	}



	/*表で使用する枠線*/
	.kakomi-te1 {
		width: 55%; /*表幅の調節*/
		color: #7a6a56; /* 文字色 */
		margin-left: auto; 
 		margin-right: auto;
	}


	/*セル設定*/
	/*左上*/
	div.brd-le-top {
		border-top: 4px dashed #7a6a56; /*線の太さ・色*/
		border-left: 4px dashed #7a6a56; 
		border-right: 4px dashed #7a6a56;
		border-radius: 3em 0 0 0/.9em 0 0 0;
	}

	/*右上*/
	div.brd-ri-top {
		border-top: 4px dashed #7a6a56;
		border-right: 4px dashed #7a6a56;
		border-radius: 0 .8em 0 0/0 2em 0 0;
	}

	/*左中央*/
	div.brd-le-center {
		border-top: 4px dashed #7a6a56; 
		border-left: 4px dashed #7a6a56; 
		border-right: 4px dashed #7a6a56;
	}

	/*右中央*/
	div.brd-ri-center {
		border-top: 4px dashed #7a6a56;
		border-right: 4px dashed #7a6a56;
	}

	/*左下*/
	div.brd-le-bottom {
		border-top: 4px dashed #7a6a56;
		border-left: 4px dashed #7a6a56; 
		border-right: 4px dashed #7a6a56;
		border-bottom: 4px dashed #7a6a56;
		border-radius: 0 0 0 .7em/0 0 0 3em;
	}

	/*右下*/
	div.brd-ri-bottom {
		border-top: 4px dashed #7a6a56;
		border-right: 4px dashed #7a6a56;
		border-bottom: 4px dashed #7a6a56;
		border-radius: 0 0 3em 0/0 0 .8em 0;
	}

	.box-title {
		padding-top: 13%;
		padding-left: 15%;
		padding-right: 15%;
		padding-bottom: 10%;
		text-align: center;
		font-size: 2.4rem;
		font-size: calc(2.1rem + (1vw - 1.28rem) * 1.5625); /*21px～31px*/
		font-size: -webkit-calc(2.1rem + (1vw - 1.28rem) * 1.5625);
		font-size: -moz-calc(2.1rem + (1vw - 1.28rem) * 1.5625);
	}

	.box-item {
		padding-top: 5%;
		padding-right: 4%;
		padding-left: 7%;
		font-size: 2.2rem;
		font-size: calc(1.9rem + (1vw - 1.28rem) * 1.4062); /*19px～28px*/
		font-size: -webkit-calc(1.9rem + (1vw - 1.28rem) * 1.4062);
		font-size: -moz-calc(1.9rem + (1vw - 1.28rem) * 1.4062);
	}

	.box-b-item {
		padding-bottom: 3%;
	}

	.box-b-item img:nth-child(2) {
		display: none;
	}

	.line-h {
		line-height: 140%;
	}



	/*ボタン*/
	.btn-box {
		width: calc(100%/1.55);
		margin-top: 10%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 5%;
	}

	.btn-box a {
		display: block;
		width: calc(100%/2);
		margin:0 auto;
	}




/*お問い合わせ[contact]ページ*/
	
	/*タイトルマーカー*/
	#contact .marker {
		background-size: 8%;
		background-position-x: 39%;
		background-position-y: 6%; 
	}


	/*電話案内画像*/
	#tel-guidance {
		width: 55%;
	}

	/*転送内容*/
	section.transfer {
		width: 80%;
		margin: 0 auto;
	}

	form {
		width: 70%;
		margin-left: auto;
		margin-right: auto; 
	}

	form dl:nth-child(7) {
		text-align: center;
	}

	label {
		cursor: pointer;
	}

	.transfer #qst {
		vertical-align: top;
		min-width: 325px;
	}

	.transfer dl {
		display: table;
		width: 100%;
		margin-bottom: 5%;
	}

	.transfer dt {
		display: table-cell;
		vertical-align: middle;
		width: 35%;
		min-width: 325px;
		font-size: 3rem;
		font-size: calc(2.5rem + (1vw - 1.28rem) * 2.0312); /*25px～38px*/
		font-size: -webkit-calc(2.5rem + (1vw - 1.28rem) * 2.0312);
		font-size: -moz-calc(2.5rem + (1vw - 1.28rem) * 2.0312);
	}

	.transfer dd {
		display: table-cell;
		vertical-align: middle;
		height: 3.5vw;
	}

	.transfer #questions {
		resize: none;
		width: 100%;
		height: 18vw;
		font-size: 2.5rem;
		font-size: calc(2.3rem + (1vw - 1.28rem) * 1.4063); /*23px～32px*/
		font-size: -webkit-calc(2.3rem + (1vw - 1.28rem) * 1.4063);
		font-size: -moz-calc(2.3rem + (1vw - 1.28rem) * 1.4063);
		border: 2px solid;
		border-radius: 5px;
		border-color: #dcdcdc;
	}

	.transfer input:not([type='image']) {
		width: 100%;
		height: 100%;
		border: 2px solid;
		border-radius: 5px;
		border-color: #dcdcdc;
		background-color: #ffffff;
		font-size: 2.5rem;
		font-size: calc(2.3rem + (1vw - 1.28rem) * 1.4063); /*23px～32px*/
		font-size: -webkit-calc(2.3rem + (1vw - 1.28rem) * 1.4063);
		font-size: -moz-calc(2.3rem + (1vw - 1.28rem) * 1.4063);
	}

	.transfer input[type='image'] {
		margin:5% auto;
		width: 30%;

	}










/*会社概要[company]ページ*/
	#company main.global-main section.content-box {
		margin-top: 3%;
		margin-bottom: 8%;
	}

	/*テーブル設定*/
	section.content-box table {
		border-collapse: collapse;
		width: 55%;
		margin: 0 auto;
	}

	/*テーブル題名*/
	section.content-box table caption{
		text-align: left;
		font-size: 3rem;
		font-size: calc(2.7rem + (1vw - 1.28rem) * 1.2500); /*27px～35px*/
		font-size: -webkit-calc(2.7rem + (1vw - 1.28rem) * 1.2500);
		font-size: -moz-calc(2.7rem + (1vw - 1.28rem) * 1.2500);
		margin-top: 8%;
		margin-bottom: 2%;
	}

	/*題名画像*/
	section.content-box table caption:before {
		content: '';
		display: inline-block;
		width: 50px;/*画像の幅*/
		height: 50px;/*画像の高さ*/
		margin-right: 2%;
		background-image: url(../image/kumo2.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	/*セル設定*/
		section.content-box table th,
		section.content-box table td {
			padding: 2%;
			border: solid 2px #80801f;
		}

	/*セル内フォントサイズ*/
		section.content-box table th {
			font-size: 2.5rem;
			font-size: calc(2rem + (1vw - 1.28rem) * 1.5625); /*20px～30px*/
			font-size: -webkit-calc(2rem + (1vw - 1.28rem) * 1.5625);
			font-size: -moz-calc(2rem + (1vw - 1.28rem) * 1.5625);
		}

		section.content-box table td {
			font-size: 2.2rem;
			font-size: calc(1.8rem + (1vw - 1.28rem) * 1.4063); /*18px～27px*/
			font-size: -webkit-calc(1.8rem + (1vw - 1.28rem) * 1.4063);
			font-size: -moz-calc(1.8rem + (1vw - 1.28rem) * 1.4063);
		}


	section.content-box table th {
		text-align: left;
		font-weight:normal;
		width: 30%;
	}

	/*情報開示*/
	/*背景画像*/
	.info-disclosure {
		z-index: 3;
		background-repeat: no-repeat;
		background-size: 100% 113%;
		background-image:url(../image/childwrap.png); 
	}

	section.info-disclosure div {
		font-size: 2rem;
		padding-top: 5%;
		padding-bottom: 10%;
		padding-left: 20%;
	}

	section.info-disclosure div a {
		color: #7a6a56;
	}

	section.info-disclosure div a:hover {
		text-decoration: underline;
	}

	section.info-disclosure div p:nth-child(1) {
		font-size: 3rem;
		font-size: calc(2.7rem + (1vw - 1.28rem) * 1.2500); /*27px～35px*/
		font-size: -webkit-calc(2.7rem + (1vw - 1.28rem) * 1.2500);
		font-size: -moz-calc(2.7rem + (1vw - 1.28rem) * 1.2500);
	}

	section.info-disclosure div p:nth-child(1):before {
		content: '';
		display: inline-block;
		width: 50px;/*画像の幅*/
		height: 50px;/*画像の高さ*/
		margin-right: 2%;
		background-image: url(../image/kumo2.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}


	section.info-disclosure div p:not(:nth-child(1)) {
		padding-top: 2%;
	}

	/*リスト定義*/
	ol.number-list {
		margin-left: 5%;
		padding-left: 4%;
		font-size: 2.7rem;
		font-size: calc(2.5rem + (1vw - 1.28rem) * 0.9375); /*25px～31px*/
		font-size: -webkit-calc(2.5rem + (1vw - 1.28rem) * 0.9375);
		font-size: -moz-calc(2.5rem + (1vw - 1.28rem) * 0.9375);
	}

	ol.number-list li {
		display: list-item;
		list-style-type: decimal;
		padding-top: 2.5%;
	}



	ul.round-list li {
		display: list-item;
		list-style-type: disc;
		float: left;
		margin-left: 6%;
	}

	/*フッター再設定*/
	#company footer .global-footer {
		margin-top: 0;
	}



/*美術館[museum]*/

section.basic-wrap {
	margin-top: 23rem;
	display: block;
}
.content-body-wrap {
	width: 80%;
	margin: 0 auto;
}
.content-body-box {
	margin-bottom: 4rem;
}
h3.content-body-title {
	text-align: center;
	font-size: 7rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #7a6a56
}
.content-subject-wrap {
	width: 100%;
}
ul.content-subject-box {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
li.c-s-content {
	width: 28%;
	margin-right: 5%;
	margin-bottom: 6rem;
}
.c-s-content a {
	display: block;
    text-align: center;
}

.c-s-content a img {
	display: block;
    width: 229px;
    margin-bottom: 1rem;
    height: 300px;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}
.c-s-content a p {
	font-size: 1.8rem;
	text-align: center;
}
.tag-new {
	display: inline-block;
	margin-bottom: 1rem;
	padding: .5rem .8rem;;
	background-color: #F00;
	color: #FF0;
	font-size: 1.4rem;
}
.popup {
	display: none;
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	justify-content: center;
	align-items: center;
}
.popup-bg {
	position: fixed;
	background-color: #000;
	opacity: .7;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: -1;
}
.content {
	background-color: #fff;
	padding: 1.25%;
	width: 600px;
	margin: 0 auto;
	margin-top: 5vh;
	z-index: 1;
}

.content img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
img.image-size-xss {
	width: 40%;
}
img.image-size-xs {
	width: 50%;
}
img.image-size-s {
	width: 60%;
}
img.image-size-m {
	width: 70%;
}
img.image-size-l {
	width: 80%;
}
img.image-size {
	width: 100%;
}
@media screen and (min-width:1280px) and ( max-width:1366px) {
	img.image-size-xss {
		width: 30%;
	}
	img.image-size-xs {
		width: 40%;
	}
	img.image-size-s {
		width: 50%;
	}
	img.image-size-m {
		width: 60%;
	}
	img.image-size-l {
		width: 70%;
	}
	img.image-size {
		width: 80%;
	}
}
.content-states-wrap {
	display: block;
}
.content-states {
	display: flex;
	flex-wrap: wrap;
	margin: 2rem 0;
}
.content-states dt,.content-states dd {
	padding: .5rem;
    margin-bottom: .5rem;
    box-sizing: border-box;
    font-size: 1.6rem;
}
.content-states dt {
	display: inline-block;
	width: 15%;
	background-color: #656464;
    color: #FFF;
    text-align: center;
}
.content-states dd {
	display: inline-block;
	width: 80%;
	padding: .5rem 1rem;
	background-color: #EFEFEF;
}
.c-s-old {
	font-size: 1.2rem;
}
button.modal-close {
	cursor: pointer;
    padding: 5px 10px;
    background-color: #53C1BD;
    border-radius: 10px;
    color: #FFF;
    transition: all .3s;
    font-size: 1.5rem;
}


/*login*/
#login .global-nav-wrap {
	display: none;
}
h1.log-sec-main-title {
	font-size:3rem;
}
span.log-sec-main-title01 {

}
span.log-sec-main-title02 {
	margin-left: 1.6rem;
}
span.log-sec-main-title03 {
	display: block;
	margin-top: 2rem;
}
.log-form-box {
	margin-top: 5rem;
}
form.log-form {
	text-align: center;
}
.log-form label {
	display: block;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	margin-bottom: 1.6rem;
}
.log-form input {

}
input.log-pass {
	max-width: 270px;
	border: 2px solid;
	border-radius: 5px;
	border-color: #dcdcdc;
	background-color: #ffffff;
	font-size: 2.5rem;
	padding: 1rem 1.5rem;
}
.log-btn-box {
	display: block;
	margin-top: 5rem;
}
.log-btn:first-child {
	margin-right: 4rem;
}
input.log-btn {
	cursor: pointer;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	color: #fff;
	background-color: #7a6a56;
	width: 115px;
	padding: 1rem 1.5rem;
	border-radius: 10px;
}
input.log-btn:hover {
	opacity: 0.8;
}
.error-text-box {
	text-align: center;
	margin-top: 10rem;
}
p.error-text {
	font-size: 1.6rem;
	color: #F00;
	letter-spacing: 0.1rem;
}
span.error-text01 {
	display: block;
	font-weight: bold;
}
span.error-text02 {
	display: block;
	margin-top: 2rem;
}

/*movie*/
.mov-title-box {
	text-align: center;
	margin-top: 20rem;
}
h1.mov-title {
	font-size: 4.5rem;
}
.mov-dload-wrap {
    margin-top: 7rem;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}
.mov-dload-title-box {

}
h2.mov-dload-title {
	font-size: 3rem;
}
h2.mov-dload-title::before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 1%;
	background-image: url(../image/kumo2.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#movie .number-list-box {
	display: block;
	margin-top: 11rem;
}
#movie .number-list-box:nth-child(2) {
	margin-top: 5rem;
}
#movie ol.number-list {
	border: 5px solid #fff;
	border-radius: 20px;
	display: block;
	padding: 2rem 3rem 5.5rem 6rem;
	margin-left: 5%;
}
#movie ol.number-list li {
	display: block;
	list-style-type: none;
}
li.number-list-item {
	width: 95%;
}
p.number-list-item-title {
	font-size: 3rem;
}
span.number-list-item-title01 {

}
#movie ul.round-list {
	
}
#movie ul.round-list li {
	margin-left: 11%;
	padding-top: 0;
	margin-top: 6.5rem;
	list-style: none;
	float: none;
}
#movie ul.round-list li:first-child {
	margin-top: 5rem;
}
li.mov-dload-item-list {
	display: block;
	margin-top: 2rem;
}
a.mov-dload-item {
    border: 1px solid #7a6a56;
    border-radius: 15px;
    padding: 2.5rem 4.5rem;
    color: #7a6a56;
    font-size: 2.5rem;
    display: block;
}
a.mov-dload-item:hover {
    background-color: #7a6a56;
    color: #fff;
}
span.dl-text {
	display: inline-block;
	width: 95%;
}
span.dl-icon {
	display: inline-block;
	background-image: url(../image/dl-ico01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 2.5rem;
	height: 2.5rem;
}
a.mov-dload-item:hover .dl-icon,
a.mov-dload-item:active .dl-icon {
	background-image: url(../image/dl-ico02.svg);
}




/*movie_happyo*/
.mov-dload-nav-wrap {
	margin-top: 3rem;

}
.mov-dload-nav-box {

}
ul.mov-dload-nav {
	text-align: center;
}
li.mov-dload-nav-item {
	display: inline-block;
}
a.mov-dload-nav-itm-btn {
	display: block;
	width: 160px;
	margin: 0.5rem;
	padding: 1.75rem 0;
	border: 2px solid #7a6a56;
	border-radius: 6px;
	font-size: 2rem;
	color: #7a6a56;
	text-align: center;
}
.mov-dload-list-wrap {
	margin-top: 10rem;
}
.mov-dload-list-box {
	display: block;
	margin-top: 5rem;
	margin-left: 5%;
	padding: 2rem 3rem 0 6rem;
	border: 5px solid #fff;
	border-radius: 20px;
}
.mov-dload-list-box-under01 {
	padding-bottom: 5.5rem;
}
.mov-dload-list-box-under02 {
	padding-bottom: 8.5rem;
}
h1.mov-dload-list-title {
	font-size: 3rem;
}
.mov-dload-list-contents-box {
	margin-top: 2.5rem;
	position: relative;
}
p.mov-dload-list-cnts-number {
	display: inline-block;
	font-size: 2.1rem;
	vertical-align: middle;
}
p.mov-dload-list-cnts-title {
	display: inline-block;
	width: 37%;
	margin-right: 3rem;
	font-size: 2.1rem;
	line-height: 3rem;
	vertical-align: middle;
}
ul.mov-dload-lst-cnts-list {
	display: inline-block;
	width: 57%;
	vertical-align: middle;
}
li.mov-dload-lst-cnts-lst-item {
	display: inline-block;
	width: 30%;
	margin-right: 4%;
}
li.mov-dload-lst-cnts-lst-item:last-child {
	margin-right: 0;
}
a.mov-dload-lst-cnts-lst-item-btn {
	display: block;
	padding: 1rem 0.5rem;
	border: 1px solid #7a6a56;
	font-size: 2rem;
	color: #7a6a56;
}
a.mov-dload-lst-cnts-lst-item-btn:hover {
    background-color: #7a6a56;
    color: #fff;
}
span.dl-text {
	display: inline-block;
	width: 80%;
	text-align: center;
	vertical-align: middle;
}
span.dl-text-capacity {
	display: block;
	margin-top: 0.5rem;
}
span.dl-icon {
	display: inline-block;
	background-image: url(../image/dl-ico01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 2.5rem;
	height: 2.5rem;
	vertical-align: middle;
}
a.mov-dload-lst-cnts-lst-item-btn:hover .dl-icon,
a.mov-dload-lst-cnts-lst-item-btn:active .dl-icon {
	background-image: url(../image/dl-ico02.svg);
}
.mov-dload-list-cnts-txt-box {
	position: absolute;
	top: 8rem;
	left: 3%;
}
p.mov-dload-list-cnts-txt {
	font-size: 1.5rem;
	line-height: 2.5rem;
}
section.info-disclosure div.info-content-box{
	padding-left:0;
}
.info-link-btn{
	display:block;
}
.info-link-btn a{
	display:block;
	text-decoration:none;
	padding:2rem 2rem;
	background-color: #a3c600 ;
	color:#7a6a56;
	margin:0 auto;
	width:50%;
	text-align:center;
	border-radius:.5rem;
	border:0;
}
.info-link-btn a:hover,
.info-link-btn a:active{
	opacity:.7;
}