@charset "utf-8";
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('../font/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight.eot');
    src: url('../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Black.eot');
    src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../font/NotoSansCJKjp-Black.ttf')  format('truetype');
}
body{
	box-sizing: border-box;
	font-size:87.5%;
	font-family: 'Noto Sans Japanese', serif;
}
img{
	vertical-align:bottom;
}

#wrapper{
	width:100%;
	background:url(../image/gnavi_base_wrapper.png) repeat-x;
}
/* only pc */
@media screen and (min-width: 737px) {
	body,#wrapper,#footer{
		min-width:960px;
	}
}

#header{
	margin:0;
	padding:0;
	height:140px;
}
#header_logo{
	padding:12px 0 20px 0;
}
#header #header_logo{
	text-align:center;
	float:none;
	margin:0;
	width:100%;
}
#header #header_logo img{
	width:128px;
}
/* only pc */
@media screen and (min-width: 737px) {
	#gnavi{
		width:100%;
		height:40px;
		margin:0;
		text-align:center;
		background:url(../image/gnavi_base_wrapper.png) repeat-x bottom left;
	}
	#gnavi .pc{
		position:relative;
		z-index:101;
		width:960px;
		margin:0 auto;
	}
	#gnavi .pc .inner{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		text-align:center;
	}
	#gnavi nav.sp{
		display:none;
	}
	#gnavi{
		display:block !important;
		visibility:visible !important;
	}

}
/* only sp */
@media screen and (max-width: 736px) {
	#header{
		height:96px;
	}
	#header #header_logo img{
		width:85px;
		height:auto;
	}
	#header #fb{
		display:none;
	}
	#gnavi nav.sp{
		display:block;
		visibility:visible;
	}
	#gnavi nav.pc{
		display:none;
		visibility:hidden;
	}
	#header_menu01 li.menu {
		height:50px;
		width:50px;
	}
	#header_menu01 li.menu a {
		background: url(../image/common/ddmenu-sp.png) no-repeat;
		background-size:50px 50px;
		display: block;
		height: 100%;
		text-decoration: none;
		width: 100%;
	}

}

/* common */

.main_contents{
	margin:0;
	width:100%;
}

#main_container{
	margin:0;
}

.main_contents h2{
	clear:both;
	padding:0;
	margin:0;
	background:none;
}
.more{
	clear:both;
	text-align:center;
}
/* only sp */
@media screen and (max-width: 736px) {
	.main_contents .content_width{
		padding-left:20px;
		padding-right:20px;
		box-sizing: border-box;
	}

}

/* top contents */

.news_area,.german_area,.items_area,.content_area{
	zoom:1;
	padding-top:45px;
	padding-bottom:45px;
}
/* only pc */
@media screen and (min-width: 737px) {
	.news_area,.german_area,.items_area,.content_area{
		min-width:960px;
	}
}
/* only sp */
@media screen and (max-width: 736px) {
	.news_area,.german_area,.items_area,.content_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;
		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) {
	.content_width{
		position:relative;
		width:960px;
		margin:0 auto;
		text-align:left;
	}
	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,.content_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%;
}
/* only pc */
@media screen and (min-width: 737px) {

	.items_area ul li:nth-child(4n+1) {
		margin-left:2px;
}


#footer{
	border:none;
	box-sizing: border-box;
}
.footer_inr{
	width:960px;
	margin:0 auto;
	box-sizing: border-box;
	border:none;
	text-align:center;
}
}
/* only sp */
@media screen and (max-width: 736px) {
	.footer_inr{
		width:100%;
		margin:0;
		box-sizing: border-box;
		border:none;
	}
}


#footer dl{
	width:19%;
}
#footer dt{
	margin:40px 0 20px 0;
	padding:0;
	background:#fff;
	text-align:center;
}
#footer dt a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
#footer dt a:hover{
	text-decoration:underline;
}
#copyright{
	font-size:100%;
}

h2.image_2x img{
		width:100%;
	}

/* only sp */
@media screen and (max-width: 736px) {
	h2.image_2x{
		overflow:hidden;
	}
	h2.image_2x img{
		width:175%;
	}
	h1.img{
		width:100%;
	}
}