@charset "utf-8";

/* only pc */
@media screen and (min-width: 737px) {
	.main_visual{
		position:relative;
		z-index:100;
		width:100%;
		margin-top:-24px;
		min-width:960px;
	}
	.main_visual .content_width span{
		position:absolute;
		top:-320px;
		left:80px;
	}
	.main_visual .content_width img{
		width:256px;
	}
	div.bx-wrapper{
		border:none;
		box-shadow:none;
		margin-bottom:0;
	}
	ul.bxslider,.bx-wrapper{
		height:430px;
		overflow:hidden;
	}
	#bx-pager{
		position:absolute;
		bottom:20px;
		right:20px;
	}
	#bx-pager img{
		width:65px;
		border:2px solid #fff;
		border-radius:2px;
	}
}
/* only sp */
@media screen and (max-width: 736px) {
	div.bx-wrapper{
		border:none;
		box-shadow:none;
		margin-bottom:0;
	}
	.content_width{
		position:relative;
		width:100%;
		margin:0 auto;
	}
	.main_visual .content_width span{
		position:absolute;
		bottom:20%;
		left:20px;
	}
	.main_visual .content_width img{
		width:192px;
	}
	#bx-pager{
	display:none;
	}
}


/* top contents */

.news_area,.german_area,.items_area{
	zoom:1;
	padding-top:45px;
	padding-bottom:45px;
}
/* only pc */
@media screen and (min-width: 737px) {
	.news_area,.german_area,.items_area{
	min-width:960px;
	}
}
/* only sp */
@media screen and (max-width: 736px) {
	.news_area,.german_area,.items_area{
		padding-top:25px;
		padding-bottom:25px;
	}
}
.news_area{
	background:url(../image/top/news_back.png) repeat-x top;
}
.news_area dl{
	margin-top:23px;
}
/* only sp */
@media screen and (max-width: 736px) {
	.news_area dl{
		margin-top:10px;
	}
}

.news_area dt,.news_area dd{
	float:left;
	line-height:2.5em;
	height:2.5em;
}
.news_area dt{
	clear:both;
	margin-right:16px;
}
.news_area dt img{
	margin-right:9px;
	vertical-align:middle;
}
/* only pc */
@media screen and (min-width: 737px) {
	.news_area .inner{
		min-width:960px;
		min-height:160px;
		background:url(../image/top/kagawa_map.png) no-repeat right;
	}
}
/* only sp */
@media screen and (max-width: 736px) {
	.news_area dd{
		clear:both;
		padding-left:1em;
		height:auto;
	}
}

/* only pc */
@media screen and (min-width: 737px) {
	img.right {
		float:right;
	}
	.german_area p{
		margin-top:45px;
	}
}
/* only sp */
@media screen and (max-width: 736px) {
	.german_area img.right{
		display:block;
		margin:0 auto;
	}
}

.items_area{
	background:url(../image/top/items_back.png) repeat top;
}
.items_area ul li{
	float:left;
	width:220px;
	margin:23px 11px 25px 11px;
}
.items_area ul img{
	border-radius:4px;
	margin-bottom:15px;
}
.items_area li span{
	font-size:100%;
}

.fb-page{
	margin:0 auto;
}

/* only pc */
@media screen and (min-width: 737px) {
	.items_area ul li:first-child{
		margin-left:2px;
	}
}