@charset 'UTF-8';

/* ================================================================================

	トップページ

================================================================================ */
body {
	overflow-x: hidden;
}




/* ================================================================================

	共通部分

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.outer_wrap {
		max-width: 1920px;
		width: 100%;
		margin-top: 561px;
		padding-bottom: 70px;
		background-color: #feee27;
	}
	.inner_wrap{
		position: relative;
		z-index: 9999;
		width:1000px;
		margin:0 auto;
	}
	strong {
		padding: 0;
		background: none;
	}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.outer_wrap {
		width: 100%;
		margin-top: 30px;
		background-color: #feee27;
	}
	.inner_wrap{
		width: 100%;
		padding: 0 20px;
	}
}



/* ================================================================================

	見出し

================================================================================ */





/* ================================================================================

	画像背景

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.bg_top_01 {
		position: absolute;
		z-index: 0;
		top: 1000px;
		left: 50%;
		margin-left: -900px;
	}
	.bg_top_02 {
		position: absolute;
		z-index: 0;
		top: 1250px;
		left: 50%;
		margin-left: 180px;
	}
	.bg_top_03 {
		position: absolute;
		z-index: 0;
		top: 1850px;
		left: 50%;
		margin-left: -980px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.bg_top_01,
	.bg_top_02,
	.bg_top_03 {
		display: none;
	}
}





/* ================================================================================

	流れるニュース

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#item_01 {
		width: 1035px;
		height: 134px;
		margin: 28px 0 0 -35px;
		background: url("../img/bg_news.png") no-repeat top left;
	}
	.news_base{
		width: 990px;
		height: 90px;
		margin: 39px 0 0 40px;
		padding: 18px 20px 5px 80px;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#item_01 {
		width: 100%;
		height: 85px;
		border: 4px solid #000000;
		background-color: #ffffff;
		margin-top: -30px;
	}
	.news_base{
    width: 100%;
    height: auto;
    padding: 15px;
  }
}





/* ================================================================================

	2連バナー

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#item_02 {
	}
	.top_banner_01 a {
		display: block;
		width: 517px;
		height: 406px;
		background: url("../img/top_banner_01_off.png") no-repeat top left;
		text-indent: -9999px;
	}
	.top_banner_01 a:hover {
		background: url("../img/top_banner_01_on.png") no-repeat top left;
	}
	.top_banner_02 a {
		display: block;
		width: 514x;
		height: 406px;
		background: url("../img/top_banner_02_off.png") no-repeat top left;
		text-indent: -9999px;
		margin: 0 0 0 -30px;
	}
	.top_banner_02 a:hover {
		background: url("../img/top_banner_02_on.png") no-repeat top left;
	}
	.top_banner_01_sp a {
		display: none;
	}
	.top_banner_02_sp a {
		display: none;
	}}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#item_02 {
	}
	.top_banner_01 a {
		display: none;
	}
	.top_banner_02 a {
		display: none;
	}
}





/* ================================================================================

	カンサスとは

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#item_03 {
	}
	.top_banner_03 a {
		display: block;
		width: 1000px;
		height: 199px;
		background: url("../img/top_banner_03_off.png") no-repeat top left;
		text-indent: -9999px;
	}
	.top_banner_03 a:hover {
		background: url("../img/top_banner_03_on.png") no-repeat top left;
	}
	.top_banner_03_sp a {
		display: none;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#item_03 {
	}
	.top_banner_03 a {
		display: none;
	}
}




/* ================================================================================

	ようこそ文 & Facebook

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#item_04 {
	}
	#item_04 h2 {
		text-align: left;
		width: 570px;
		line-height: 1.8;
		margin: 0 0 20px 0;
	}
	#item_04 .textwidget {
		width: 570px;
	}
	 #item_04 img.so-widget-image {
		 margin: -100px 0 0 280px;
	}
	.fb-page {
		margin: 0 0 0 55px;
		border: 5px solid #000000;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#item_04 {
	}
	#item_04 h2 {
		text-align: left;
		font-size: 20px;
		line-height: 1.8;
		margin: 0 0 20px 0;
	}
	#item_04 .textwidget {
	}
	 #item_04 img.so-widget-image {
	}
	.fb-page {
	}
}





/* ================================================================================

	カンサスのおすすめ

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#item_05 {
	}
	.top_banner_04 a {
		display: block;
		width: 1000px;
		height: 270px;
		background: url("../img/top_banner_04_off.png") no-repeat top left;
		text-indent: -9999px;
	}
	.top_banner_04 a:hover {
		background: url("../img/top_banner_04_on.png") no-repeat top left;
	}
	.top_banner_04_sp a {
		display: none;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#item_05 {
		padding-bottom: 70px;
	}
	.top_banner_04 a {
		display: none;
	}
}