@charset "utf-8";
/* ----------------------------------------------------
 トップ
---------------------------------------------------- */
.link-ar {
	background-image: url(../common/images/icn_large.png);
	padding-left: 23px;
	clear: both;
	background-position: left center;
	background-repeat: no-repeat;
}

#read{
	padding: 10px 20px 20px 20px;
	border-radius: 6px;
	background-color: rgba(255,255,255,0.50);
	margin-bottom: 2em;
}

/* ピックアップ　クローズアップ */
#pickup{
	clear: both;
	width:90%;
	margin: 0 auto 20px auto;
}

#pickup ul li {
	list-style-type:none;
        float: left;
        width:24%;
        margin-right: 1%;
        line-height: 1.2;
		text-align: center;
}

#pickup ul li img {
}

#pickup ul li a {
        display: block;
}

/* 新着情報 */
#EVENT, #NEWS, #INFO, #CONTACT{
 	margin: 0 0 30px 0;
	padding: 10px 20px 20px 20px;
	border-radius: 6px;
	background-color: #ffffff;
	box-sizing: border-box;
}
#EVENT ul, #NEWS ul{
	width: 100%;
	margin:0 auto 10px auto;
}
#EVENT ul li{
	margin: 10px;
	padding: 10px 30px 10px 3em;
	list-style-type:none;
}
#EVENT ul li:nth-child(odd), #NEWS ul li:nth-child(odd){
	background-color: rgba(157, 198, 216, 0.2);
}
#EVENT ul li a  {
	text-decoration:none;
}
#EVENT ul li a:hover, #pickup ul li a:hover {
	text-decoration:none;
}

#EVENT ul li a img{
}

/* アイコン */
#NEWS ul li {
	list-style-type:none;
	padding: 5px 5px 5px 3em;
}

@media only screen and (max-width: 769px) {

#NEWS ul li, #EVENT ul li  {
	margin:0em 5px 10px 0;
        padding-left: 5px;
        padding-right: 5px;
}

ul.btn-dep{
/* 	width:100%; */
	margin:10px auto 0 auto;
	text-align:center;
}
ul.btn-dep li{}

ul.btn-dep li img{
	width:235px;
	height:auto;
}

 .pickup{
	width:100%;
	clear:both;
	border:none;
	margin:10px auto;
	padding:0;
	text-align:center;
}

#banner {
        margin-bottom: 20px;
}

/* 情報ブロック */
#Infobar{
	width:100%;
	position: relative;
	overflow: visible;

	margin:10px 0;
	height:auto;
	border:none;
	background: #ffffff; /* Old browsers */
}

#Infobar ul {
	position: static;
	float: none;
	margin:0.3em 0 0 0;
}


#Infobar li{
	width:98%;
	position: static;
	clear: both;
	margin:0 10px;
	border:none;
	border-bottom: 1px #999999 dotted;
}

/* ニュース */
 #NEWS ul{
	width:92%;
	margin:0 auto;
}

}

 @media only screen and (max-width: 481px) {
ul.btn-dep{
	margin:10px auto 0 auto;
	text-align:center;
}
ul.btn-dep li,
ul.btn-dep li.mgnC{	
     width:100%;
	margin:0 auto;
	text-align:center;
}

ul.btn-dep li img{
	width:100%;
	height:auto;
	margin:0 auto 2px auto;
	text-align:center;
}

#NEWS, #pickup {
    margin: 0 0 30px 0;
	width: 100%;
}

/* ニュース */
 #NEWS ul{
	width:90%;
	margin:0 auto;
}

#pickup ul li {
    padding:0;
    width: 100%;
	margin: 0 auto 10px auto;
	float: none;
}

#banner{   display: none;   }

#side-fb, #side-tw {
        display: none;
}

} 
