@charset "utf-8";

/* メインカルーセル */
#mainSlider .sp-slide.sp-selected {
	opacity: 1;
}

#mainSlider .sp-slide {
	opacity: .65;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}




/* お知らせ */
.infomation {
	position: relative;
	border: 6px solid #FFF2F2;
	border-radius: 6px;
	padding: 25px 25px 5px 25px;
}

.infomation:before,
.infomation:after {
    content: " ";
    display: table;
}

.infomation:after {
    clear: both;
}

.infomation {
    *zoom: 1;
}

.infomation > div:after,
.infomation > div:before{
	content: '';
	display: block;
	position: absolute;
	bottom: -10px;
	left: -10px;
	width: 78px;
	height: 78px;
	background: url("/img/top/bg_information01.png") no-repeat 0 100%;
	z-index: 1;
}
.infomation > div:after{
	left: auto;
	right: -10px;
	background-position: 100% 100%;
}

.infomation > div > div:after,
.infomation > div > div:before{
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 78px;
	height: 78px;
	background: url("/img/top/bg_information01.png") no-repeat 0 0;
	z-index: 1;
}
.infomation > div > div:after{
	left: auto;
	right: -10px;
	background-position: 100% 0;
}


.infomation h2 {
	display: none;
}
.infomation h3 {
	font-size: 26px;
	color: #B39A84;
	line-height: 120%;
}

.infomation .img {
	float: right;
	margin: 0 0 5px 10px;
}

@media (max-width: 767px) {
	.infomation h2 {
		display: block;
	}
	.infomation > div:after,
	.infomation > div:before,
	.infomation > div > div:after,
	.infomation > div > div:before	{
		width: 0;
		height: 0;
		background:none;
	}
	.infomation {
		position: relative;
		border: 1px solid #F74E43;
		border-radius: 6px;
		padding: 10px;
		margin: 10px 0 10px;
	}
	.infomation h2 {
		margin: -10px -10px 10px;
		background: #F74E43;
		border-radius: 6px 6px 0 0;
		color: #fff;
		font-size: 12px;
		padding: 2px 0;
		text-align: center;
		border: none;
	}
	.infomation h3 {
		font-size: 13px;
		color: #555;
		margin-bottom: 10px;
	}
	.infomation p {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.infomation p img {
		max-width: 70%;
	}
	
	
}






/* ボタンリスト */
.indexBtnList {
	overflow: hidden;
	clear: both;
	margin-right: -2.56%;
	vertical-align: top;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.indexBtnList li,
.indexBtnList .sp-slide {
	position: relative;
	display: inline-block;
	*display: inline; /* for IE7 */ 
    *zoom: 1; /* for IE7 */
	width: 47.5% ;
	margin: 0 2.5% 2.56% 0;
	vertical-align: top;
    letter-spacing: normal; /* 文字間を通常に戻す */
}


.indexBtnList li a,
.indexBtnList .sp-slide a {
	position: relative;
	display: block;
	border: 4px solid #EDEDED;
	padding: 10px;
	height: 111px;
}
.indexBtnList li a:after,
.indexBtnList .sp-slide a:after {
	position: absolute;
	right: 2px;
	top:2px;
	display: block;
	content: "";
	width:203px;
	height:127px;
	z-index: 2;
	/* Firefox v3.6+ */
background-image:-moz-linear-gradient(7% 40% -19deg,rgb(255,255,255) 0%,rgb(255,255,255) 10%,rgba(255,255,255,0) 63%,rgba(255,255,255,0) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,7% 40%,100% 93%,color-stop(0, rgb(255,255,255)),color-stop(0.1, rgb(255,255,255)),color-stop(0.63, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-19deg,rgb(255,255,255) 0%,rgb(255,255,255) 10%,rgba(255,255,255,0) 63%,rgba(255,255,255,0) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(-19deg,rgb(255,255,255) 0%,rgb(255,255,255) 10%,rgba(255,255,255,0) 63%,rgba(255,255,255,0) 100%);
background-image:linear-gradient(109deg,rgb(255,255,255) 0%,rgb(255,255,255) 10%,rgba(255,255,255,0) 63%,rgba(255,255,255,0) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#0ffffff,GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#0ffffff,GradientType=1);

}

.indexBtnList li a .img,
.indexBtnList .sp-slide a .img {
	position: absolute;
	right: 2px;
	top:2px;
	z-index: 1;
}

.indexBtnList li a span,
.indexBtnList .sp-slide a span {
	display: block;
	position: relative;
	z-index: 3;
	color: #555;
	font-size: 14px;
}

.indexBtnList li a span.ttl,
.indexBtnList .sp-slide a span.ttl {
	font-size: 20px;
	margin-bottom: 10px;
}
.indexBtnList li a span.txt,
.indexBtnList .sp-slide a span.txt {
	width: 205px;
}


/* ボタンリスト02 */
.indexBtnList02 {
	overflow: hidden;
	clear: both;
	margin-right: -2.56%;
	vertical-align: top;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.indexBtnList02 li,
.indexBtnList02 .sp-slide {
	position: relative;
	display: inline-block;
	*display: inline; /* for IE7 */ 
    *zoom: 1; /* for IE7 */
	width: 30.9% ;
	margin: 0 2.5% 2.56% 0;
	vertical-align: top;
    letter-spacing: normal; /* 文字間を通常に戻す */
}


.indexBtnList02 li a,
.indexBtnList02 .sp-slide a {
	position: relative;
	display: block;
	border: 1px solid #EDEDED;
	height: 320px;
	padding: 10px;
}


.indexBtnList02 li a .img,
.indexBtnList02 .sp-slide a .img {
	margin: -10px -10px 10px;
}

.indexBtnList02 li a span,
.indexBtnList02 .sp-slide a span {
	display: block;
	position: relative;
	color: #555;
	font-size: 14px;
}

.indexBtnList02 li a span.ttl,
.indexBtnList02 .sp-slide a span.ttl {
	font-size: 20px;
	margin-bottom: 10px;
}
.indexBtnList02 li a span.txt,
.indexBtnList02 .sp-slide a span.txt {
	margin-bottom: 10px;
}
.indexBtnList02 li a span.link,
.indexBtnList02 .sp-slide a span.link {
	position: relative;
	text-decoration: underline;
	padding: 0px 0px 0px 17px;
	color: #FF4F40;
}
.indexBtnList02 li a span.link:hover,
.indexBtnList02 .sp-slide a span.link:hover {
	text-decoration: none;
}
.indexBtnList02 li a span.link:after,
.indexBtnList02 .sp-slide a span.link:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 5px;
	width: 6px;
	height: 9px;
	margin-top: -5px;
	background: url("/_share/icon/icon_sprite01.png") no-repeat 100% -100px;
}



@media (max-width: 567px) {
	.maW {
		margin: 0 -10px;
		position: relative;
	}
	.indexBtnList,
	.indexBtnList02 {
		/*margin: 0 -10px !important;
		width: auto !important;*/
	}
	.indexBtnList li,
	.indexBtnList .sp-slide,
	.indexBtnList02 li,
	.indexBtnList02 .sp-slide {
		position: absolute;
		display: block;
		width: auto;
		margin: 0;
		text-align: center;
	}
	.indexBtnList li a,
	.indexBtnList .sp-slide a,
	.indexBtnList02 li a,
	.indexBtnList02 .sp-slide a {
		border: none;
		padding: 0;
		height: auto;
	}
	.indexBtnList li a:after,
	.indexBtnList .sp-slide a:after,
	.indexBtnList02 li a:after,
	.indexBtnList02 .sp-slide a:after {
		display: none;
		width: 0;
		height: 0;
	}
	.indexBtnList li a .img,
	.indexBtnList .sp-slide a .img,
	.indexBtnList02 li a .img,
	.indexBtnList02 .sp-slide a .img {
		position: relative;
		right: auto;
		top:auto;
		margin-bottom: 10px;
	}
	.indexBtnList li a .img img,
	.indexBtnList .sp-slide a .img img,
	.indexBtnList02 li a .img img,
	.indexBtnList02 .sp-slide a .img img {
		width: 225px;
		height: 150px;
	}
	
	.indexBtnList li a span,
	.indexBtnList .sp-slide a span,
	.indexBtnList02 li a span,
	.indexBtnList02 .sp-slide a span {
		display: block;
		position: relative;
		z-index: 3;
		color: #555;
		font-size: 14px;
	}
	
	.indexBtnList li a span.ttl,
	.indexBtnList .sp-slide a span.ttl,
	.indexBtnList02 li a span.ttl,
	.indexBtnList02 .sp-slide a span.ttl {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.indexBtnList li a span.ttl br,
	.indexBtnList .sp-slide a span.ttl br,
	.indexBtnList02 li a span.ttl br,
	.indexBtnList02 .sp-slide a span.ttl br {
		display: none;
	}
	.indexBtnList li a span.txt,
	.indexBtnList .sp-slide a span.txt,
	.indexBtnList02 li a span.txt,
	.indexBtnList02 .sp-slide a span.txt {
		width: auto;
		font-size: 12px;
		text-align: left;
	}
	.indexBtnList02 li a span.link,
	.indexBtnList02 .sp-slide a span.link {
		display: none;
	}
}

.sp-button {
	border: none;
	width: 10px;
	height: 10px;
	background: #bbb;
}
.sp-selected-button {
	background: #FF4F40;
}

/* slider pro Reset */
@media (min-width: 568px) {
	.indexBtnList.slider-pro.sp-horizontal.sp-has-buttons.sp-swiping,
	.indexBtnList02.slider-pro.sp-horizontal.sp-has-buttons.sp-swiping {
		width: auto !important;
		max-width: auto !important;
	  	margin-left: auto !important;
	}
	.indexBtnList .sp-mask.sp-grabbing,
	.indexBtnList02 .sp-mask.sp-grabbing {
		width: auto !important;
		height: auto !important;
	}
	.indexBtnList .sp-slide,
	.indexBtnList02 .sp-slide {
		left: auto !important;
		width: 47.5% !important;
		height: auto !important;
	}
	.indexBtnList02 .sp-slide {width: 30.83% !important;}
	
	.indexBtnList .sp-slides,
	.indexBtnList02 .sp-slides {
		transform: none !important;
	}
	.indexBtnList .sp-buttons,
	.indexBtnList02 .sp-buttons {
		display: none;
	}
}




/* ブログリスト */
.indexBlogList {
	clear: both;
	margin-right: -2.56%;
	margin-bottom: 20px;
}

.indexBlogList li {
	position: relative;
	display: inline-block;
	*display: inline; /* for IE7 */ 
    *zoom: 1; /* for IE7 */
	width: 49.5%;
	margin: 0 0 0 0;
	border-bottom: 1px solid #EDEDED; 
}

.indexBlogList li a {
	position: relative;
	display: block;
	color: #555;
	font-size: 16px;
	padding-top: 15px;
	margin-right: 15px;
	padding-right: 15px;
}

.indexBlogList li:nth-child(odd) a {
  border-right: 1px solid #EDEDED;
  
}

.indexBlogList li a .img {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #EDEDED;
}

.indexBlogList li a time {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
}

.indexBlogList li a .ttl {
	  line-height: 140%;
	  margin-bottom: 0;
}

.indexBlogList li a .ttl span.new {
	display: inline-block;
	*display: inline; /* for IE7 */ 
    *zoom: 1; /* for IE7 */
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background: #20B012;
	padding: 2px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: 1em;
}


@media (max-width: 567px) {
	.indexBlogList {
		margin-top: -10px;
	}
	.indexBlogList li {
		display: block;
		width: auto;
	}
	.indexBlogList li:nth-child(odd) a {
	  border-right:none;
	}
	.indexBlogList li a {
		position: relative;
		padding-top: 10px;
		margin-right: 10px;
		padding-right: 30px;
		font-size: 14px;
	}
	.indexBlogList li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 10px;
		height: 15px;
		margin-top: -8px;
		background: url("/_share/icon/icon_sprite01.png") no-repeat 100% 0px;
	}
	.indexBlogList li a .img {
		margin: 0 10px 10px 0;
		width: 100px;
		height: auto;
	}
	.indexBlogList li a time {
		font-size: 12px;
	}
}



/* slider pro カスタム */
.sp-arrow {
	width: 44px;
	height: 44px;
	background: rgba(221,221,221,.6);
}
.sp-horizontal .sp-arrows {
	top: 50%;
	margin-top: -22px;
}
.indexBtnList.sp-horizontal .sp-arrows,
.indexBtnList02.sp-horizontal .sp-arrows {
	top:53px;
	margin: 0;
}

.sp-fade-arrows {
	opacity: 1;
}

.sp-horizontal .sp-previous-arrow {
	left:0;
}
.sp-horizontal .sp-next-arrow {
	right:0;
}

.sp-previous-arrow:before,
.sp-next-arrow:before {
	content: '';
	display: block;
	position: absolute;
	transform:none;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 15px;
	margin-top: -8px;
	margin-left: -5px;
	background: url("/_share/icon/icon_sprite01.png") no-repeat 0% -50px;
}

.sp-previous-arrow:after,
.sp-next-arrow:after {
	display: none;
}
.sp-next-arrow:before {
	background-position: 100% -50px;
}