@charset "utf-8";

/* ---------- */
/* ホーム設定 */
/* ---------- */

/* -------------- */
/* スライドショー */
/* -------------- */
.SlideContainer{
	background:#fff;
}
.SlideContainer img{
	max-width:100%;
	height:auto;
}
.SlideContainer a {
	opacity:1.0;
	filter:alpha(opacity=10);
}
.SlideContainer a img:hover {
	opacity:0.6;
	filter:alpha(opacity=6);
}
.slick-prev,
.slick-next{
	position:absolute;
	top: 50%;
	z-index:2;
	display:block;
	text-indent:1000%;
	white-space:nowrap;
	overflow:hidden;
	border:none;
	cursor:pointer;
	box-sizing:border-box;
	width:44px;
	height:62px;
	margin-top:-31px;
	background:none;
	background-position:center;
	background-size:44px 62px;
	background-repeat:no-repeat;
}
.slick-prev:hover,
.slick-next:focus{
	outline: none;
}
.slick-prev{
	left:0;
	background-image:url(images/list2a.png);
}
.slick-next{
	right:0;
	background-image:url(images/list1a.png);
}
.slick-slider{
    margin-bottom: 40px;
}
.slick-dots{
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
	margin:0;
	padding:0;
	bottom:-30px;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	margin: 10px 8px 0;
}
.slick-dots li button{
	margin:0;
	padding:0;
	text-indent:1000%;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
	width:16px;
	height:16px;
	display:block;
	background:#7f7f7f;
	border-radius: 10px;
	box-sizing:border-box;
	border:2px solid #fff;
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button{
    background:#0066ca;
	outline: none;
}
@media print, screen and (min-width:1025px) {
.Block1{
	width:940px;
}
.slick-prev,
.slick-next{
	width:50px;
	height:50px;
	margin-top:-25px;
	border-radius:100px;
	border:2px solid #fff;
	background-color:rgba(0, 102, 202, 0.85);
	background-size:15px 24px;
}
.slick-prev:hover,
.slick-next:hover{
	opacity:0.6;
	filter:alpha(opacity=6);
}
.slick-prev{
	left:50%;
	margin-left:-495px;
	background-image:url(images/list2_w.png);
	background-position:14px center;
}
.slick-next{
	right:50%;
	margin-right:-495px;
	background-image:url(images/list1_w.png);
}
.slick-slider{
    margin-bottom:0;
}
.slick-dots{
	bottom:12px;
}
}
/* ---------- */
/* ごあいさつ */
/* ---------- */
@media print, screen and (min-width:1025px) {
.HomeGreetingArea{
	width:940px;
	padding:40px 0;
	margin:0 auto;
	box-sizing:border-box;
	background:url(images/home/asanonobuya.png) no-repeat right 40px;
	/*background-size:360px 1206px;*/
	background-size:300px;
}
.HomeGreetingArea p{
	clear:both;
	padding-right:320px;
}
}
@media screen and (max-width:1024px) {
.HomeGreetingArea{
	padding:3em 10px 2em;
	background:url(images/home/asanonobuya.png) no-repeat right 2em;
	background-size:25%;
}
.HomeGreetingArea p{
	padding-right:26%;
}
}
@media screen and (max-width:768px) {
.HomeGreetingArea{
	background-position:right 4em;
	background-size:30%;
}
.HomeGreetingArea p{
	padding-right:31%;
}
}
@media screen and (max-width:640px) {
.HomeGreetingArea{
	background-position:right 2em;
	background-size:19%;
}
.HomeGreetingArea p.Greeting1{
	padding-right:20%;
}
.HomeGreetingArea p{
	padding-right:0;
}
}
@media screen and (max-width:568px) {
.HomeGreetingArea{
	background-position:right 5em;
	background-size:22%;
}
.HomeGreetingArea p.Greeting1{
	padding-right:23%;
}
}
@media screen and (max-width:480px) {
.HomeGreetingArea{
	background-position:right 4em;
	background-size:30%;
}
.HomeGreetingArea p.Greeting1{
	padding-right:31%;
}
}
@media screen and (max-width:360px) {
.HomeGreetingArea{
	background-position:right 7em;
	background-size:39%;
}
.HomeGreetingArea p.Greeting1{
	padding-right:40%;
}
}
@media screen and (max-width:320px) {
.HomeGreetingArea{
	background-position:right 10em;
	background-size:39%;
}
.HomeGreetingArea p.Greeting1{
	padding-right:40%;
}
}
/* -------------------- */
/* コンテンツへのリンク */
/* -------------------- */

.HomeContentsArea a{
	display:block;
	line-height:1.25;
	border:5px solid #fff;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 10px 0px;
}
.HomeContentsArea a:hover{
	opacity:1.0;
	filter:alpha(opacity=10);
}
.HomeContentsInner{
	display:block;
	padding-top:100%;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	background-size:cover;
}
.HomeContentsInner:hover{
	opacity:0.6;
	filter:alpha(opacity=6);
}
.HomeContentsName{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	box-sizing:border-box;
	padding:1em;
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background-size:cover;
	background-position:center bottom;
}
.HomeContentsInner.Keishin{
	background-image:url(images/home/home_contents_keishin.jpg);
}
.HomeContentsInner.Keishin .HomeContentsName{
	background-image:url(images/home/home_contents_keishin2.jpg);
}
.HomeContentsInner.Shinsa{
	background-image:url(images/home/home_contents_shinsa.jpg);
}
.HomeContentsInner.Shinsa .HomeContentsName{
	background-image:url(images/home/home_contents_shinsa2.jpg);
}
.HomeContentsInner.Shimei{
	background-image:url(images/home/home_contents_shimei.jpg);
}
.HomeContentsInner.Shimei .HomeContentsName{
	background-image:url(images/home/home_contents_shimei2.jpg);
}
.HomeContentsInner.Hoshu{
	background-image:url(images/home/home_contents_hoshu.jpg);
}
.HomeContentsInner.Hoshu .HomeContentsName{
	background-image:url(images/home/home_contents_hoshu2.jpg);
}
@media print, screen and (min-width:1025px) {
.HomeContentsArea{
	list-style:none;
	margin:0 0 -20px -20px;
	padding:0;
}
.HomeContentsArea:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
	height:0px;
	line-height:0;
}
.HomeContentsArea li{
	float:left;
	padding-left:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	width:25%;
}
.HomeContentsArea li:nth-child(4n+1){
	clear:left;
}
.HomeContentsArea{
	margin-top:40px;
}
.HomeContentsArea a{
	font-size:18px;
}
.HomeContentsName.Row1{
	padding-top:1.625em; padding-bottom:1.625em;
}
}
@media screen and (max-width:1024px) {
.HomeContentsArea{
	list-style:none;
	margin:2em 0 -10px -10px;
	padding:0;
}
.HomeContentsArea:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
	height:0px;
	line-height:0;
}
.HomeContentsArea li{
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	box-sizing:border-box;
	width:25%;
}
}
@media screen and (max-width:768px) and (orientation:portrait) {
.HomeContentsArea li{
	width:25%;
}
.HomeContentsArea li:nth-child(4n+1){
	/*clear:left;*/
}
.HomeContentsName.Row1{
	padding-top:1.625em; padding-bottom:1.625em;
}
}
@media screen and (max-width:414px) and (orientation:portrait) {
.HomeContentsArea li{
	width:50%;
}
.HomeContentsArea li:nth-child(2n+1){
	/*clear:left;*/
}
}

@media screen and (max-width:1024px) and (orientation:landscape) {
.HomeContentsArea li{
	width:25%;
}
.HomeContentsArea li:nth-child(4n+1){
	/*clear:left;*/
}
.HomeContentsName{
	padding:1em;
}
}
@media screen and (max-width:640px) and (orientation:landscape) {
.HomeContentsName{
	padding:1em 0.5em;
}
.HomeContentsName.Row1{
	padding-top:1.625em; padding-bottom:1.625em;
}
}
@media screen and (max-width:480px) and (orientation:landscape) {
.HomeContentsArea li{
	width:50%;
}
.HomeContentsArea li:nth-child(2n+1){
	/*clear:left;*/
}
.HomeContentsName.Row1{
	padding-top:1em; padding-bottom:1em;
}
}
/* -------- */
/* 新着情報 */
/* -------- */
@media print, screen and (min-width:1025px) {
/* FBバナー有り時 */
#NwesArea{
	position:relative;
	z-index:2;
	width:690px;
	margin:0 auto 0;
	float:left;
}
#NwesArea h2{
	float:left;
	margin:0;
}
#NwesArea .LinkBtn{
	float:right;
	padding-right:1.25em;
	padding-left:1.75em;
	font-weight:bold;
}
#NwesArea .LinkBtn:after{
	content:"";
	display:inline-block;
	margin-left:0.5em;
	width:10px;
	height:16.214px;
	background-image:url(images/list1_w.png);
	background-repeat:no-repeat;
	background-size:10px 16.214px;
	vertical-align:middle;
}
#NwesArea ul{
	box-sizing:border-box;
	height:180px;
	margin:10px 0 0;
	padding:18px;
	overflow-y:auto;
	border:2px solid #003979;
	list-style:none;
	background:#fff;
}
/* ▽FBバナー有り時の時は下記指定を削除　ここから */
#NwesArea{
	width:940px;
	float:none;
}
#NwesArea .ListStyleDate .Txt{
	width:760px;
}
/* △FBバナー有り時の時は下記指定を削除　ここまで */
}
@media screen and (max-width:1024px) {
#NwesArea{
	position:relative;
}
#NwesArea h2{
	line-height:1.25;
	margin-right:0;
	margin-left:0;
	left:0;
	width:auto;
}
#NwesArea h2:after{
	display:none;
}
#NwesArea .LinkBtn{
	box-sizing:border-box;
	position:absolute;
	top:0px;
	right:0px;
	margin:0;
	padding:1em;
	background:#fff;
	color:#0066ca;
	box-shadow: 0 0 0 2px #0066ca inset;
	border:none;
	font-size:150%;
	padding:0.55em 10px;
	font-weight:bold;
	border-radius:0;
	line-height:1.25;
}
#NwesArea .LinkBtn:after{
	content:"";
	display:inline-block;
	margin-left:0.5em;
	width:10px;
	height:16.214px;
	background-image:url(images/list1_b.png);
	background-repeat:no-repeat;
	background-size:10px 16.214px;
	vertical-align:middle;
}
#NwesArea li:nth-last-of-type(1),
#NwesArea li:nth-last-of-type(2),
#NwesArea li:nth-last-of-type(3),
#NwesArea li:nth-last-of-type(4),
#NwesArea li:nth-last-of-type(5),
#NwesArea li:nth-last-of-type(6),
#NwesArea li:nth-last-of-type(7){
	display:none;
}
#NwesArea li:first-child{
	display:block;
	padding-bottom:10px;
}
}
/* ------------ */
/* バナーエリア */
/* ------------ */
@media print, screen and (min-width:1025px) {
.BannerArea{
	float:right;
	width:210px;
}
.BannerArea ul{
	list-style:none;
	margin:0;
	padding:0;
}
.BannerArea li{
	margin:10px 0 0;
	padding:0;
}
.BannerArea li:first-child{
	margin-top:0;
}
.BannerArea img{
	max-width:210px;
}
}
@media screen and (max-width:1024px) {
.BannerArea{
	padding-bottom:1em;
}
.BannerArea ul{
	list-style:none;
	margin:1em 10px 0;
	padding:0;
}
.BannerArea li{
	margin:1em 0 0;
	padding:0;
}
.BannerArea li:first-child{
	margin-top:0;
}
}
@media screen and (min-width:769px) and (max-width:1024px) {
.BannerArea{
	margin:0 0 -10px -10px;
}
.BannerArea:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
	height:0px;
	line-height:0;
}
.BannerArea li{
	float:left;
	margin:0;
	padding:0 0 10px 10px;
	width:25%;
	box-sizing:border-box;
}
}
@media screen and (min-width:739px) and (max-width:768px) {
.BannerArea{
	margin:0 0 -10px -10px;
}
.BannerArea:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
	height:0px;
	line-height:0;
}
.BannerArea li{
	float:left;
	margin:0;
	padding:0 0 10px 10px;
	width:50%;
	box-sizing:border-box;
}
}
/* ------------------ */
/*  */
/* ------------------ */