/*
Theme Name: Uchino THEME
Description: 
Version: 1.0
Author: Uchino
*/

@charset "UTF-8";

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: 0.2s;
}


.kamokuList01 li a:after,
.kamokuList01 li:nth-child(4n):after,
.kamokuList01:after,
.sejyutsuBox01:after,
.ImgList01:after,
.ippanBox01 ul:after,
.ippanBox01 li .txt:after,
.biyoBox01 li .txt:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.mainImg01 {
	background:url('img/bg_main01.jpg') no-repeat right bottom #e3e8eb;
	height:495px;
	margin-top: 43px;
}
	.mainImg01 .mainArea01 {
		text-align:left;
	}
	.mainImg01 .mainArea01 h2 {
		font-size:30px;
		color:#333333;
		font-family:"ＭＳ Ｐ明朝","MS PMincho", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho", メイリオ,Meiryo,serif;
		letter-spacing:0.2em;
		margin-left:120px;
		padding-top:194px;
	}
	.mainImg01 .mainArea01 p {
		color:#333333;
		font-size:14px;
		margin-left:137px;
		padding-top:20px;
		font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-seri;
	}
	@media only screen and (max-width: 768px) {
		.mainImg01 {
			     background:url('img/bg_main02.jpg') no-repeat center bottom #e7ebec;
				 height:300px;
				 background-size: 100%;
				 width:100%;
				 margin-top:71px;
				 position:relative;
		}
		.mainImg01 .mainArea01 {
			background-color:rgba(255,255,255,0.5);
			position:absolute;
			top:10px;
			left:10px;
			width:auto; !important
			
		}
		.mainImg01 .mainArea01 h2 {
			font-size:22px;
			letter-spacing:0;
			margin-left:10px;
			line-height:1.2em;
			padding:0;
		}
		.mainImg01 .mainArea01 p {
			font-size:12px;
			margin-left:10px;
			padding-top:20px;
			line-height:1.8em;
			padding-top:0;
		}
		.slider {
			margin-top: 61px;
		}
	}

.mainMenu01 {
	margin-top:40px;
}
	.mainMenu01 li {
		float:left;
		margin-right:1.9%;
		margin-bottom:15px;
		text-align:left;
		border:1px solid #cccccc;
		height:154px;
		width:48.85931558935361%;
	}
	.mainMenu01 li:nth-child(2n) {
		margin-right:0;
	}
	.mainMenu01 li h3 {
		color:#009900;
		margin-top:33px;
		font-size:13px;
		margin-left:28px;
	}
	.mainMenu01 li div.title {
		width:47.65625%;
		font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho", メイリオ,Meiryo,serif;
		text-align:center;
		float:left;
		height:156px;
	}
		.mainMenu01 li div.title h3 {
			font-size:20px;
			line-height:1em;
			margin-top:5px;
		}
		.mainMenu01 li div.title .en {
			color:#d1567c;
			font-size:16pt;
			font-family:Gabriola,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho", メイリオ,Meiryo,serif;
		}
	.mainMenu01 li div.shosai {
		float:right;
		position:relative;
		height:156px;
		width:52%;
	}
		.mainMenu01 li div.shosai .txt {
			margin: 0 0 0 28px;
			line-height:1.8em;
			width:85%;
		}
		.mainMenu01 li div.shosai .linkTxt {
			text-align: right;
			line-height:1.3em;
		}
		.mainMenu01 li div.shosai .linkTxt a {
			background: #066200;
			color: #fff;
			padding: 6px 20px;
			position:absolute;
			right:16px;
			bottom:14px;
			font-size:13px;
		}
		.mainMenu01 li div.shosai .linkTxt a:hover {
			opacity:0.8;
			filter: alpha(opacity=80);
			-ms-filter: "alpha( opacity=80 )";
			transition: 0.2s;
		}

	@media only screen and (max-width: 768px) {
		.mainMenu01 li h3 {
			margin-top:10px;
		}
		.mainMenu01 li {
			width:100%;
			margin-bottom:10px;
		}
		.mainMenu01 li:nth-child(2n) {
			margin-right:0;
		}
	}
	@media only screen and (max-width: 480px) {
		.mainMenu01 li {
			height:auto;
			float:none;
			width:100%;
		}
		.mainMenu01 li div.shosai {
			float:none;
			width:98%;
			padding:0 2%;
		}
		.mainMenu01 li div.title {
			float:none;
			width:100%;
		}
		.mainMenu01 li div.title img {
			width:100%;
		}
		.mainMenu01 li div.shosai .linkTxt a {
			padding: 6px 0;
			position:static;
			font-size:13px;
			margin:10px 0;
			display:block;
			text-align:center;
			width:98%;
		}
		.mainMenu01 li div.title {
			height:auto;
		}
		.mainMenu01 li div.shosai {
			height:auto;
		}
	}
.newList01 {
	text-align:left;
	margin:0 2%;
}
	.newList01 li {
		padding:10px 0;
	}
	.newList01 li:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	.newList01 .data {
		width: 7%;
		padding-right: 2%;
		display: block;
		float: left;
		letter-spacing:0.1em;
	}
	.newList01 .item {
		width: 14%;
		color: #fff;
		text-align: center;
		display: block;
		float: left;
		margin-right: 2%;
		width: 88px;
	}
	.newList01 .item a {
		color:#fff;
	}
	.newList01 .txt {
		width:;
		display:block;
		float:left;
		letter-spacing:0.1em;
	}
	.newList01 .news {
		background-color:#336699;
	}
	.newList01 .camp {
		background-color:#336699;
		letter-spacing:0em;
	}


.kamokuList01 {
}
	.kamokuList01 li {
		width:23.95437262357414%;
		float:left;
		margin-right:1.3%;
		margin-bottom:20px;
	}
	.kamokuList01 li:nth-child(4n) {
		margin-right:0;
	}
	.kamokuList01 img {
		float:left;
		margin:10px 0 10px 10px;
	}

	.kamokuList01 li a{
		background: -moz-linear-gradient(top, #FFF #fbf2f3);
		background: -webkit-linear-gradient(top,#FFF,#fbf2f3);
		background: linear-gradient(to bottom,#FFF,#fbf2f3);
		border:1px solid #cccccc;
		display:block;
		position:relative;
	}

	.kamokuList01 li .title {
		font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho", メイリオ,Meiryo,serif;
		font-size:20px;
		margin-top:40px;
		line-height:1.5em;
	}
	.kamokuList01 li .en {
		color:#d1567c;
		font-size:14pt;
		font-family:Gabriola,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho", メイリオ,Meiryo,serif;
		line-height:1.3em;
	}
	.kamokuList01 li .en:after {
		content:".";
		background: url(img/bg_triangle01.png) no-repeat center bottom;
		height:20px;
		width:21px;
		display:block;
		position:absolute;
		right:0;
		bottom:0;
	}
	@media only screen and (max-width: 768px) {
		.kamokuList01 li {
			width:49.3%;
		}
		.kamokuList01 li:nth-child(2n) {
			margin-right:0;
		}
		.newList01 .data {
			width: initial ;
		}

	}
	@media only screen and (max-width: 480px) {
		.kamokuList01 li {
			width:100%;
			float:none;
			margin:0 0 5px 0;
		}
		.newList01 .txt {
			float:none;
		}
		.newList01 .txt:before {
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}

	}



.sejyutsuBox01 {

    background: #f2f2f2;
    padding: 0 0 25px 0;
    margin-top: 40px;
	margin-bottom:60px;

}
	.sejyutsuBox01 a:hover {
		text-decoration:underline;
	}
	.sejyutsuBox01 h2  {
		margin-bottom:10px;;
		padding-top:5px;
	}
	.sejyutsuBox01 h2 span {
		background: #f2f2f2;
		margin-top:10px;
	}
	.sejyutsuBox01 li {
		font-size:16px;
		width: 50%;
		float: left;
		text-align: left;
		line-height:1.8em;
	}
	.sejyutsuBox01 li:before {
		content:'●';
		color:#d1597d;
		margin-right:15px;
	}
	.sejyutsuBox01 .txtList01 {
		padding: 0 2%;
		margin-bottom:20px;
	}
	@media only screen and (max-width: 768px) {
		.sejyutsuBox01 li {
			width:100%;
			float:none;
			padding:0 5%;
		}
	}

.ImgList01 {
	margin-top:40px;
}
	.ImgList01 li {
		float:left;
		margin-right:2.65%;
		margin-bottom:20px;
		text-align:left;
		border:1px solid #cccccc;
		width:48.47908745247148%;
		position:relative;
		height:267px;
	}
	.ImgList01 img {
		width:100%;
	}
	.ImgList01 li:nth-child(2n) {
		margin-right:0;
	}
	.ImgList01 .txt {
		padding: 26px;
	}
		.ImgList01 li .linkTxt {
			text-align: right;
			line-height:1.3em;
		}
		.ImgList01 li .linkTxt a {
			background: #336699;
			color: #fff;
			padding: 6px 20px;
			font-size:13px;
			position:absolute;
			right:16px;
			bottom:14px;
		}
		.ImgList01 li .linkTxt a:hover {
			opacity:0.8;
			filter: alpha(opacity=80);
			-ms-filter: "alpha( opacity=80 )";
			transition: 0.2s;
		}

	@media only screen and (max-width: 768px) {
		.ImgList01 li {
			width:100%;
			margin-bottom:10px;
			height:auto;
		}
		.ImgList01 li .linkTxt a {
			position:static;
		}
		.ImgList01 li .linkTxt {
			margin:0 10px 20px 0;
		}
		.ImgList01 li:nth-child(2n) {
			margin-right:0;
		}
	}

ul.kamokuList02 {
	display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto auto auto;
    grid-template-columns:auto auto auto;
}
	ul.kamokuList02 li:nth-child(1) {
			-ms-grid-column:1;
			grid-column:1;
			-ms-grid-row:1;
			grid-row:1;
		}
	ul.kamokuList02 li:nth-child(2) {
			-ms-grid-column:2;
			grid-column:2;
			-ms-grid-row:1;
			grid-row:1;
		}	
		@media only screen and (max-width: 480px) {
				ul.kamokuList02 {
					display:block;
					display:block;
					-ms-grid-columns:auto auto auto;
					grid-template-columns:auto auto auto;
				}
				.kamokuList02 li {
					width:100%;
					height:auto;
				}
		}
	.ippanBox01 {
			background: #fdf7f7;
			float: left;
			width: 98%;
			padding: 0 0 15px 2%;
			}
		.ippanBox01 h3 {
			font-size: 20px;
			color: #d1597d;
			margin: 15px 0;
			letter-spacing:0.2em;
			
		}
		.ippanBox01 li {
			float: left;
			width: 48%;
			margin: 0 2% 5px 0;
		}
		.ippanBox01 li a {
			border: solid 1px #e496ae;
			text-align:left;
			display:block;
			height:49px;
		}
		.ippanBox01 li:nth-child(2n) {
			margin-right:0;
		}
		.ippanBox01 img {
			float:left;
		}
		.ippanBox01 li .txt {
			padding: 13px 0 0 11px;
			display: block;
			float: left;
		}
	.biyoBox01 {
			background: #f6eaea;
			float: right;
			width: 98%;
			padding: 0 0 15px 2%;
			-ms-grid-column:1;
			grid-column:1;
			-ms-grid-row:1;
			grid-row:1;
			}
		.biyoBox01 h3 {
			font-size: 20px;
			color: #d1597d;
			margin: 15px 0;
			letter-spacing:0.2em;
		}
		.biyoBox01 li {
			float: left;
			width: 48%;
			margin: 0 2% 5px 0;
		}
		.biyoBox01 li a {
			border: solid 1px #e496ae;
			text-align:left;
			display:block;
			height:49px;
		}
		.biyoBox01 li:nth-child(2n) {
			margin-right:0;
		}
		.biyoBox01 img {
			float:left;
		}
		.biyoBox01 li .txt {
			padding: 13px 0 0 11px;
			display: block;
			float: left;
			line-height:1.3em
		}
		.biyoBox01 .Tworow .txt {
			padding-top:8px;	
		}

		@media only screen and (max-width: 768px) {
			.ippanBox01 li,
			.biyoBox01 li {
				width:100%;
				height:auto;
				margin-right:2%;
			}
		}
		@media only screen and (max-width: 480px) {
			.ippanBox01 li {
				width: 96%;
				margin: 0 2% 5px 0;
			}
			.biyoBox01 li {
				width: 97%;
				margin: 0 0 5px 0;
			}
			.biyoBox01 ul {
				margin-left: 2%;
			}
		}

.movie01 {
}
			.movie01 li {
					width:49%;
					padding-top: 28.125%;
					position: relative;
					float:left;
					margin-right:1.5%;
					margin-bottom:15px;
			}
			.movie01 li:nth-child(2n) {
				margin-right:0;
			}
			.movie01 iframe {
				position: absolute;
				top: 0;
				right: 0;
				width: 100% !important;
				height: 100% !important;
			}
		@media only screen and (max-width: 768px) {
			.movie01 li{
				width:100%;
				padding-top: 56.25%;
				position: relative;
				margin-right:0;
				float:none;
				margin-bottom:10px;
				margin-right:0;
			}
			.movie01 iframe {
				position: absolute;
				top: 0;
				right: 0;
				width: 100% !important;
				height: 100% !important;
			}
		}
		
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}