@charset "UTF-8";

/******************************************************/
/* ウィンドウサイズ　スタイル振り分け */
/******************************************************/
#banner_sp {
	display: none;
}

@media screen and (max-width: 690px) {
	#banner_sp {
		display: block;
	}
}
@media screen and (min-width: 0) and (max-width: 370px) {
	#banner_sp img {
		width: 100%;
		height: auto;
	}

	#aside .banner img{
		width: 100%;
	}

	.module_block .block_split img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 0) and (max-width: 480px) {
	.header_utility {
		min-width: 0;
	}
}
@media screen and (min-width: 0) and (max-width: 690px) {
	/* display */
	.header_utility dl,
	#nav_global,
	#lead_contents .contents_keyword,
	#section-01 .header .rss a {
		display: none;
	}
	/* //display */

	/* indent */
	#area_keyword,
	#area_content {
		margin-left: 10px;
		margin-right: 10px;
	}
	/* //indent */

	#lead .banner {
		position: static;
		width: 316px;
		margin: 10px auto 130px; /*----- mv20150414 -----*/
		margin: 5px auto;
	}

	#lead .act_banner {
		position: static;
		width: 304px;
		margin: 10px auto 130px;
		margin: 5px auto;
	}


	#main,
	#aside {
		float: none;
		width: auto;
		padding: 0;
	}

	.aside01 {
		margin: 20px 0 0;
	}

	#aside .banner {
		width:100%;
		text-align:center;
	}

	#aside .banner img{
		width: 100%;
	}

	#aside .banner .continue {
		text-align: center;
	}

	#content {
		width: auto;
	}

	#header {
		min-height: 110px;
		margin: 0;
	}

	#header h1 {
		text-align: center;
	}
	.header_utility {
		position: static;
		width: auto;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding-top: 10px;
		padding-bottom: 15px;
		text-align: center;
	}
	.header_utility .utility_group {
		position: static;
	}
	.header_utility .utility_group ul {
		position: static;
	}
	.header_utility #gsearchBox {
		margin-top: 5px;
	}
	#area_content {
		width: auto;
	}
	#area_header {
		min-height: auto;
	}
	#area_lead {
		height: auto;
		border-bottom: none;
		background: none;
	}
	#area_keyword {
		padding: 5px 0 20px;
		height: auto;
	}
	#banner_sp {
		list-style: none;
		margin: 2px 10px 20px;
		padding: 10px 10px 0;
		text-align: center;
		background-color: #eeeeee;
	}
	#banner_sp li {
		padding-bottom: 10px;
	}
	#lead_contents {
		position: static;
		background-color: #49b3c1;
	}
	#lead_contents .sr {
		width: 320px;
		margin: 0 auto;
		padding: 5px 0;
	}
	#lead_contents .sr li {
		margin: 0 3px;
	}
	#lead_contents .nav_03 .contents {
		left: 0 !important;
	}
	#lead_contents .nav_04 .contents {
		left: -159px !important;
	}
	#lead_contents .contents {
		width: 312px !important;
		padding: 0;
	}
	#lead_contents .contents ul {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
	#lead_contents .contents ul li {
		padding: 8px 10px 8px 20px;
		margin-bottom: 0;
		border-bottom: 1px solid #06657b;
		border-right: none;
		background-position: 10px center;
	}
	#lead_contents .contents ul li.clear-fix {
		display: none;
	}
	#lead_contents .sr:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
	}
	#lead_topics {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	#topics {
		height: auto;
	}
	#keyword {
		width: auto;
		padding: 10px 0 0;
	}
	.module_block {
		margin-bottom: 10px;
	}
	.module_block .block_split {
		float: none;
		width: auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.module_block .split-3 {
		margin-right: 0;
	}
	.module_block .block_split.pseudo-last-child {
		float: none;
	}
	#keyword .header {
		padding-bottom: 15px;
	}
	#keyword .header .continue {
		padding: 0;
		right: 6px;
		top: -9px;
	}
	#keyword .header .continue a {
		display: block;
		width: 97px;
		height: 42px;
		background: url(/common/img/btn_keyword.gif) no-repeat left top;
		text-indent: -9999px;
	}
	#section-01 .header {
		padding: 13px 0;
	}
	#section-01 .header .continue {
		padding: 0;
		right: 6px;
		top: 0;
	}
	#section-01 .header .continue a {
		display: block;
		width: 117px;
		height: 37px;
		background: url(/common/img/btn_new.gif) no-repeat left top;
		text-indent: -9999px;
	}
	#section-01 li {
		padding-bottom: 15px;
		border-bottom: 1px solid #E9EDE3;
	}
	#section-01 li:last-child {
		border-bottom: none;
	}
	#section-01 li .genre {
		display: block;
		float: none;
	}
	.figure img,
	.banner img {
		width: 100%;
		height: auto;
	}
	.banner .split-3 img {
		width: auto;
	}
	#aside .aside_movie {
		width: 280px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 5px;
		border: 5px solid #24849d;
		background: #fff;
	}
	#footer_information .banner img {
		width: auto;
	}
	#information .information_column {
		float: none;
		width: auto;
		padding-bottom: 0;
		border-right: none;
	}
	#information .information_column h3 {
		padding-bottom: 6px;
		text-align: center;
	}
	#information .information_column li {
		text-align: center;
	}
	#information .information_column.column_02 {
		width: auto;
	}
	#information .information_column.column_02 ul.text {
		float: none;
		width: auto;
	}
	#information .information_column.column_02 ul.text li,
	#information .information_column.column_03 ul.text li {
		background: none;
	}
	#information .information_column.column_02 ul.text a,
	#information .information_column.column_03 ul.text a {
		padding: 0 0 0 10px;
		background: url(/common/img/icon_footer_information_01.png) no-repeat 0 0.4em;
	}
	#information .information_column.column_03 {
		width: auto;
		padding-bottom: 15px;
		border-bottom: 1px solid #c7c7c7;
	}
	#information .information_column.column_03 .figure {
		text-align: center;
	}
	#information .information_column.column_03 .figure img {
		width: auto;
	}
	#area_footer {
		padding-bottom: 10px;
	}
	#footer {
		margin: 0;
	}
	.footer_utility ul {
		padding: 0;
		border: none;
	}
	.footer_utility li {
		display: block;
		margin-right: 0;
		padding-left: 0;
		border-left: none;
		border-bottom: 1px solid #c7c7c7;
	}
	.footer_utility li.pseudo-first-child {
		border-bottom: 1px solid #c7c7c7;
	}
	.footer_utility li a {
		display: block;
		width: auto;
		height: auto;
		margin-left: 5px;
		padding: 10px 15px 10px 10px;
		text-decoration: none;
	}
	.footer_utility .foot_navi li {
		background:
			url(/common/img/gnavi_bg_blue.gif) repeat-x left top,
			#0047a8
		;
	}
	.footer_utility .foot_navi li a {
		background:
			url(/common/img/gnavi_arrow.gif) no-repeat 98% center,
			url(/common/img/gnavi_bg.gif) repeat-x left top,
			#ddf0f8
		;
		color: #333333;
		font-size: 120%;
	}
	.footer_utility .foot_navi li:nth-child(6),
	.footer_utility .foot_navi li:nth-child(7),
	.footer_utility .foot_navi li:nth-child(8),
	.footer_utility .foot_navi li:nth-child(9) {
		background:
			url(/common/img/bg_grad_green.jpg) repeat-x left top,
			#97C42F
		;
	}
	.footer_utility .foot_navi li:nth-child(6) a,
	.footer_utility .foot_navi li:nth-child(7) a,
	.footer_utility .foot_navi li:nth-child(8) a,
	.footer_utility .foot_navi li:nth-child(9) a {
		background:
			url(/common/img/tab_arrow_green.png) no-repeat 98% center,
			url(/common/img/bg_grad_gray.jpg) repeat-x left top,
			#ddf0f8
		;
	}
	.footer_utility dt,
	.footer_utility dd {
		display: block;
	}
	.footer_copyright {
		display: block;
	}
	#site_utility {
		height: auto;
		padding: 5px 0;
		background-color: #d7dad9;
		line-height: 180%;
	}
	#site_utility .utility_message p,
	#site_utility .utility_setting {
		position: static;
		padding: 0 10px;
	}
	#site_utility .utility_setting {
		text-align: right;
	}
	#site_utility .utility_setting input {
		margin-left: 0;
	}
}
@media screen and (min-width: 691px) and (max-width: 979px) {
	/* indent */
	#area_content {
		margin-left: 10px;
		margin-right: 10px;
	}
	/* //indent */

	#lead .banner {
		position: static;
		width: 310px;
		margin: 0px auto 130px;
		padding-left: 0;
	}

	#lead .act_banner {
		position: static;
		width: 304px;
		margin: 0px auto 10px;
		border: solid 3px #a6e415;
	}
	#nav_global {
		border-bottom: none;
		background: none;
	}
	#nav_global li {
		border-bottom: 4px solid #034DA1;
		background: url(/common/img/nav_global_bg_off.png) repeat-x left top;
	}
	#nav_global li a {
		width: auto !important;
		border-right: 1px solid #cccccc;
	}
	body #nav_global li a:hover {
		background-position: center -32px !important;
		background-color: #044ea2;
	}
	#nav_global .nav_01 {
		width: 33%;
	}
	#nav_global .nav_02 {
		width: 34%;
	}
	#nav_global .nav_03 {
		width: 33%;
	}
	#nav_global .nav_04 {
		clear: both;
		width: 50%;
	}
	#nav_global .nav_05 {
		width: 50%;
	}
	#nav_global .nav_01 a {
		background: url(/common/img/nav_global1.png) no-repeat center top;
	}
	#nav_global .nav_02 a {
		background: url(/common/img/nav_global2.png) no-repeat center top;
	}
	#nav_global .nav_03 a {
		background: url(/common/img/nav_global3.png) no-repeat center top;
	}
	#nav_global .nav_04 a {
		background: url(/common/img/nav_global4.png) no-repeat center top;
	}
	#nav_global .nav_05 a {
		background: url(/common/img/nav_global5.png) no-repeat center top;
	}
	#area_content {
		width: auto;
	}
	#content {
		width: 100%;
		margin: 0;
	}
	#main {
		width: 100%;
		margin-right: -310px;
	}
	#main .inner_wrap {
		margin-right: 350px;
	}
	#aside {
		width: 310px;
		margin-top: -380px;
	}
	#header {
		min-height: 130px;
	}
	.header_utility dl,
	.header_utility dl, .header_utility #gsearchBox {
		margin-top: 40px;
	}
	#nav_global {
		height: auto;
	}
	#nav_global ul {
		width: auto;
		border-top: 1px solid #b4daea;
	}
	.figure img,
	#main .banner img {
		width: 100%;
		height: auto;
	}
	.banner .split-3 img {
		width: auto;
	}
	#area_lead {
		height: auto;
	}
	/*--#area_lead .figure {
		border-bottom: 51px solid #49B3C1;
	} -- mv20150414 */
	#lead_contents {
		width: 100%;
		margin-top: -121px;
		top: auto;
		padding: 10px 0;
		background-color: #49b3c1; /*----- mv20150414 -----*/
	}
	#lead_contents ul {
		width: 644px;
		margin: 0 auto;
	}
	#lead_contents li {
		margin: 0 4px;
	}
	#lead_topics {
		position: relative;
		width: 625px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		padding: 0;
		background: url(/common/img/texture_lead_topics_body.png) repeat-y left top;
		overflow: visible;
		top: 30px; /*----- mv20150414 -----*/
	}
	#lead_topics h2 {
		background: url(/common/img/texture_lead_topics_head.png) no-repeat left top;
	}
	#topics {
		height: auto;
		padding-bottom: 50px;
		background: url(/common/img/texture_lead_topics_foot.png) no-repeat left bottom;
		zoom: 100%;
	}
	#topics:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		font-size: 1px;
		line-height: 0;
		visibility: hidden;
	}
	.caroufredsel_wrapper {
		width: 605px !important;
		padding: 0 10px;
	}
	#topics li {
		width: 575px;
		margin-left: 10px;
	}
	#area_lead {
		border-bottom: none;
		background: none;
	}
	#area_keyword {
		float: left;
		width: 100%;
		height: auto;
		margin-right: -310px;
		margin-bottom: 20px;
		padding: 0;
		border-bottom: none;
		background: none;
	}
	#keyword {
		width: auto;
		margin-right: 360px;
		margin-left: 10px;
		padding: 10px 0 20px;
		background: #F8F8F8 url(/common/img/texture_keyword_01.png) repeat left top;
	}
	.module_block {
		margin-bottom: 10px;
	}
	.module_block .block_split {
		float: none;
		width: auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.module_block .split-3 {
		margin-right: 0;
	}
	.module_block .block_split.pseudo-last-child {
		float: none;
	}
	#information .information_column {
		width: 33%;
	}
	#information .information_column.column_02 {
		width: 33%;
	}
	#information .information_column.column_03 {
		width: 17%;
	}
	#footer_information .banner img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 0) and (max-width: 979px) {
	.footer_skip,
	#information,
	#area_pickup,
	#pickup,
	#pickup .pickup_contents {
		width: auto !important;
	}
	#area_pickup {
		height: auto;
		background: none;
		border: 5px solid #72c2ce;
		background-color: #e5f2f4;
	}
	#area_pickup .button {
		display: none;
	}
	#pickup {
		height: auto !important;
		margin: 0;
		overflow: visible !important;
	}
	#pickup div {
		display: block !important;
		position: static !important;
		height: auto !important;
	}
	#pickup .pickup_contents {
		margin-bottom: 15px;
		border-bottom: 1px solid #c7c7c7;
	}
	#pickup .pickup_contents .figure {
		float: none;
		margin-right: 0;
		padding-right: 0;
		text-align: center;
		border-right: none;
	}
	#pickup .pickup_contents .figure img {
		width: auto;
	}
	#pickup .pickup_contents .contents_group {
		margin-bottom: 15px;
		text-align: center;
	}
	#pickup .pickup_contents .contents_group h3 {
		margin-bottom: 0;
	}
	#lead {
		width: auto;
		height: auto;
		padding-bottom: 1px;/*----- mv20150414 -----*/
	}
	#aside .aside_utility h3 {
		margin-left: 0;
		margin-right: 0;
	}
	#site_utility {
		position: relative;
	}
	#site_utility .utility_message {
		width: 100%;
	}
	/*----- mv20150414 -----*/
	.mv2col img{
		width: 50%;
		height: auto;
	}
}

#lead .video-container{
	width: 630px;
	background-color: #000000;
	text-align: center;
}



@media screen and (min-width: 0) and (max-width: 979px) {
	#lead .video-container{
	width: 100%;
	background-color: #000000;
	text-align: center;
	}
}