@charset "utf-8";

/**
 *
 * TopPage
 *
 */

/*===============================================
●index.css 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　;
}
#slider {
	width: 968px;
	height: 306px;
	margin: 0px auto;
	background: url(/img/bg_slider.png) 0 0 no-repeat;
	position: relative;
}
#slider_inner {
	padding: 4px 4px;
}


.flexslider .slides {
	margin: 0px auto;
}
#slider_banner {
	text-align: right;
}
#slider_banner li {
	margin-bottom: 5px;
}
.flex-control-thumbs {
	position: absolute;
	bottom: 10px;
	z-index: 1000;
	left: 30px;
}
.flex-control-thumbs li {
	float: left;
	padding: 5px;
	width: 60px;
}
.flex-control-thumbs li:hover {
	cursor: pointer;
		
}
#slider .flex-active {
	border: 4px solid #198af0;
	position: relative;
	top: -4px;
	left: -4px;
}
.flex-control-thumbs li:hover img {
	border: 4px solid white;
	top: -4px;
	left: -4px;
	position: relative;
}
#top_box {
	
}
#top_box li {
	float: left;
	word-break: break-all;
	width: 334px;
	font-size: 14px;
	margin-bottom: 3px;
	
}
#top_box li.li_r {
	float: right;	
}
#top_box li span {
	display: block;
	padding: 0px 5px;	
}

}
/*===============================================
●index.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　;
}
#slider {
	margin: 0px 5px;
	/*background: url(/img/bg_slider.png) 0 0 no-repeat;*/
	background: none !important;
	position: relative;
	clear: both;
}
#slider_inner {
	padding: 4px 4px;
}
#slider .flex-active {
	border: 4px solid #198af0;
	position: relative;
	top: 4px;

}

.flexslider .slides {
	margin: 0px auto;
}
.flexslider .slides li {
	border: 0px solid white;
	background: white;
	box-shadow: 0px 0px 3px gray;
	line-height: 1em;
	margin-bottom: 5px;
}
.flexslider .slides li img {
	width: 100%;
}
.flex-control-thumbs {
	position: relative;
	clear: both;
	margin-top: 10px;
}
.flex-control-thumbs li {
	display: inline;
	padding: 0 5px 0 0;
}
.flex-control-thumbs li:hover {
	cursor: pointer;	
}
#top_box {
	
}
#top_box li {
	float: left;
	width: 50%;
	word-break: break-all;
	font-size: 14px;
	margin-bottom: 3px;	
}
#top_box li:nth-child(1) {
	width: 49%;
}
#top_box li:nth-child(2) {
	float: right;
	width: 49%;
}
#top_box li:nth-child(1) img, #top_box li:nth-child(2) img {
	width: 100%;
}
#top_box li.li_full {
	width: 100%;
	float: none;	
}
#top_box li a {
	/*padding: 3px;	*/
}
#top_box li img {
	width: 100%;
}
#top_box li.li_r {
	float: right;	
}
#top_box li span {
	display: block;
	padding: 0px 5px;	
}

.n_3 {
	width: 15px;
	height: auto;
}


}