/* スライダー
---------------------------------------------------------- */
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.topicsList01 ul.slider li{
	background-image: none;
	border-bottom: none;
}

.slider img{
	height: auto;
	width: 100%;
}

.slick-prev:before,
.slick-next:before{
    display: none;
}


/* お役立ち情報
---------------------------------------------------------- */


.section ul.useful li {
	list-style: none;
    width: 14%;
	display: inline-block;
	margin: 0 15px 15px 0;
}
/*
.section ul.useful li:nth-child(4n) {margin-right: 0;}
*/

ul.useful li img, ul.pickup li img{width:100%;}



/*
.section ul.pickup li {
	list-style: none;
    width: 20%;
	display: inline-block;
	margin: 10px;
}

.section ul.pickup li:nth-child(4n) {margin-right: 0;}
*/

@media screen and (max-width:768px) {
	.section ul.useful li {
	list-style: none;
	margin: 5px;
	padding: 0;
	width: 44%;
	display: inline-block;
}
	.section ul.pickup li{
		width:auto;
		display: inline-block;
		margin: 0px 5px;;
	}
}
/* サイドメニュー
---------------------------------------------------------- */

div.sideList li {
    min-height: 47px;
	border: 1px solid #cccccc;
	position: relative;
	padding-right: 20px;
    line-height: 42px;
	background-repeat:no-repeat;
	background-position: left;
}
div.sideList li:first-child {border: 1px solid #cccccc;}

div.sideList li#saigai {	background-image: url(/common/001318021.png) ;}
div.sideList li#iji {	background-image: url(/common/001318021.png) ;}
div.sideList li#kousoku {	background-image: url(/common/001318021.png) ;}

div.sideList li {
margin:5px 0px;
}

div.sideList li:after {
	content: url(/common/001318023.png);
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -6px;
}

div.sideList li img {
	float:left;
}

div.sideList li a {
/*	display: inline-block;
	vertical-align: middle;*/
	padding-left: 5px;
	width:110px;
	line-height: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width:769px) {

div.sideList li.lines3 a {
	display: inline-block;
	vertical-align: middle;
    position: relative;
    top: auto;
    transform: none;
	}
div.sideList li.lines3 img{
	vertical-align: middle;
	float: none;
}
}
@media screen and (max-width:768px) {
div.sideList li a {
	width:80%;
}

}
div.sideList02 li a {
	display: block;
	border: 1px solid #4D3F83;
	border-left: 10px solid #4D3F83;
	margin-top: 5px;
	padding: 10px;
}


@media screen and (max-width:768px) {
.sideList02 li, .sideBnrList li {
	width: 49%;
	display: inline-block;
}
}
div.sideList ul {
	margin-top: 5px;
}


/* 新着情報お知らせ欄
---------------------------------------------------------- */

.section label {cursor:default;}
	.section input {display: none;}


@media screen and (max-width:768px) {
	.section{margin-bottom: 10px;}
	.section label {
		display: block;
		cursor :pointer;
		transition: all 0.5s;
	}
.accshow{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.cssacc:checked + label + .splitLayoutColumn > .accshow,
.cssacc:checked + label + .accshow {
    height: auto;
    opacity: 1;
}
	label{position: relative;}
	
	.section .titleBtn:after {
    content: url(/common/001317999.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -9px;
}

	.cssacc:checked + label > .titleBtn:after {
    content: url(/common/001318000.png);
}
}
#hd_search {
  width: 294px;
}
#SerchBox {
  width: 224px;
}
@media screen and (max-width:768px) {
  #hd_search {
    width: 70%;
  }
  #SerchBox {
    width: 100%;
  }
  #SearchBtn {
    right: 6px;
  }
}
