@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト
[2] 詳細デザイン（共通）
	カルーセルパネルA、B
	検索
	トピックス（タブ表示）
	画像横並び（.bannerimg ul）
	flexstyle1　アイコン（上）+テキスト
	flexstyle2　アイコン（左）+テキスト
	flexstyle3　テキストバナー
	横スクロール（自動再生）
	ImageSlider 横スクロールカルーセル
[2] 詳細デザイン
[3] 緊急エリア
	オプション：緊急情報メール（表示切替3パターン）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト
*******************************************************************************/
:root{
	--cppri:#8C7B72;
	--cpprilight:#DDD6C6;
	--2rows:calc((100% - 32px) / 2);
	--4rows:calc((100% - 32px * 3) / 4);
}
a{
	color:#222;
}
#wrap{
	width:100%;
}
#content3{
	width:100%;
	background:transparent;
	max-width:none;
	min-width:auto;
}
.container{
	margin:auto;
	padding:32px 32px 32px 32px;
	width:100%;
	max-width:1376px;
	box-sizing:border-box;
}
/*******************************************************************************
[2] 詳細デザイン（共通）
*******************************************************************************/
/*==============================================================================
	カルーセルパネルA、B
==============================================================================*/
#pickup{
	margin:0px auto 20px auto;
	width:100%;
	text-align:center;
	position:relative;
}
.main_view{
	width:100%;
	position:relative;
}
/*------------------------------------------------------------------------------
	停止・再生・番号ボタン共通
------------------------------------------------------------------------------*/
/*	停止・再生ボタン
------------------------------------------------------------------------------*/
#pickup p.btn{
	width:55px;
	position:absolute;
	z-index:200;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
#pickup .paging{
	display:none;/*--Hidden by default, will be later shown with jQuery--*/
	position:absolute;
	z-index:100;
}
#pickup .paging ul{
	list-style:none;
	text-align:left;
	display:flex;
}
#pickup .paging li:last-child{
	margin-right:0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【A】画像のみ
------------------------------------------------------------------------------*/
#pickup #scroll_a{
	margin-bottom:60px;
}
#pickup #scroll_a .window::before{
	padding-bottom:41.667%;
}
#pickup #scroll_a .window::after{
	padding-bottom:41.667%;
}
/*	詳しく見る
------------------------------------------------------------------------------*/
#scroll_a .more{
	padding:5px 8px 5px 10px;
	position:absolute;
	right:10px;
	bottom:10px;
	color:#222222;
	font-size:85%;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	border-radius:4px;
	line-height:1.5;
}
#scroll_a a:hover .more{
	color:#222222;
	background:#EEEEEE;
}
#scroll_a .photoleft a{
	background-color:#FFFFFF;
	display:block;
}
#scroll_a .photoleft a:hover img{
	opacity:0.8;
}
/*	停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_a p.btn{
	left:0px;
	top:auto;
	bottom:-36px;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
#scroll_a .paging{
	width:auto;
	left:65px;
	bottom:-36px;
}
#scroll_a .paging li{
	margin:0px 5px 0px 0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【B】画像＋テキスト
------------------------------------------------------------------------------*/
#pickup #scroll_b .window::before{
	padding-bottom:25%;
}
#pickup #scroll_b .window::after{
	padding-bottom:25%;
}
#pickup #scroll_b .main{
	min-height:25%;
}
#pickup #scroll_b .window::before{
	padding-bottom:25%;
}
#pickup #scroll_b .window::after{
	padding-bottom:25%;
}
#pickup #scroll_b .main{
	min-height:25%;
}
/*	左のメイン枠
------------------------------------------------------------------------------*/
#scroll_b .main p.photoleft{
	width:50%;
	float:left;
}
/*	右のテキスト枠
------------------------------------------------------------------------------*/
#scroll_b .main .imgtxt{
	padding:0px 25px;
	width:50%;
	height:100%;
	float:right;
	text-align:left;
	line-height:1.7;
	box-sizing:border-box;
	overflow:auto;
}
#scroll_b .main h2{
	margin:0px 0px 10px 0px;
	font-size:120%;
	text-align:left;
	line-height:1.6;
}
/*	停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_b p.btn{
	left:calc(50% + 25px);
	bottom:0px;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
#scroll_b .paging{
	width:auto;
	left:calc(50% + 85px);
	bottom:0px;
}
#scroll_b .paging li{
	margin:5px 5px 0px 0px;
}
/* ウィンドウ幅が狭いとき */
@media screen and (max-width:730px){
	#scroll_b p.btn img{
		width:auto;
		height:19px;
	}
	#scroll_b .paging li img{
		width:auto;
		height:19px;
	}
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【D】静止画
------------------------------------------------------------------------------*/
#scroll_d .imagecenter{
	margin:0px auto 15px auto;
}
/*==============================================================================
	検索
==============================================================================*/
/*------------------------------------------------------------------------------
	タブ表示（サイト内検索／ページ番号検索）
------------------------------------------------------------------------------*/
#searchtab{
	list-style-type:none;
	display:flex;
	border-left:3px solid #0062B8;
	border-right:3px solid #0062B8;
	border-top:3px solid #0062B8;
	box-sizing:border-box;
}
#searchtab li{
	width:100%;
	display:flex;
}
#searchtab [role="tab"]{
	padding:15px 30px 15px 30px;
	width:100%;
	display:block;
	box-sizing:border-box;
	font-weight:bold;
	color:#FFF;
	font-size:110%;	
	font-weight:normal;
	background-color:#0062B8;
	border:none;
	border-radius:0px;
	text-decoration:none;
	text-align:center;
	transition:all .5s;
	cursor:pointer;
	-webkit-appearance:none;
}
#searchtab [role="tab"][aria-selected="true"]{
	color:#222222;
	background:#FFF;
	position:relative;
	font-weight:bold;
}
#searchtab [role="tab"]:focus,
#searchtab [role="tab"]:hover{
	color:#222222;
	background:#D0E7FF;
}
/*------------------------------------------------------------------------------
	サイト内検索
------------------------------------------------------------------------------*/
#searchmenu{
	padding:20px;
	box-sizing:border-box;
	background:#FFF;
	border:3px solid #0062B8;
	border-top:none;
}
#searchmenu form{
	margin:0px auto 20px auto;
	width:60%;
}
#searchmenu label img{
	vertical-align:middle;
}
#searchmenu input{
	display:inline-block;
	vertical-align:middle;
}
#searchmenu input#key{
	padding:12px 8px!important;
	width:calc(100% - 62px - 2.2em - 42px) !important;
	height:auto!important;
	box-sizing:border-box;
	background-position:left 10px center!important;
	border:1px solid #0062B8 !important;
	border-radius:0px!important;
}
#searchmenu input[type="submit"]{
	padding:12px 30px 12px 30px!important;
	box-sizing:border-box;
	color:#FFF;
	font-size:100%!important;
	background-color:#0062B8;
	border-radius:0px!important;
	border:1px solid #0062B8 !important;
	-webkit-appearance:none;
}
/*------------------------------------------------------------------------------
	ページ番号検索
------------------------------------------------------------------------------*/
#searchmenu .navidetail{
	margin:0px auto 20px auto;
	width:40%;
}
#searchmenu .navidetail form{
	width:100%;	
}
#searchmenu .navidetail input#kohoid{
	width:calc(100% - 100px) !important;
}
#searchmenu .navidetail #idbtn{
	padding:12px 30px 12px 30px!important;
	box-sizing:border-box;
	color:#FFF;
	background-color:#0062B8;
	border-radius:0px!important;
	border:1px solid #0062B8 !important;
	-webkit-appearance:none;
}
#searchmenu #idresult p{
	margin:0px;
	color:#c50000;
	font-weight:bold;
}
/*------------------------------------------------------------------------------
	注目キーワード
------------------------------------------------------------------------------*/
#search1 .keyword{
	margin:30px auto 0 auto;
	width:70%;
}
#search1 .keyword dl{
	display:flex;
	flex-wrap:wrap;
}
#search1 .keyword dt{
	width:9em;
	font-weight:bold;
	line-height:1.5;
}
#search1 .keyword dd{
	margin:0px 10px 10px 0px;
	background:#F3F2F4;
	line-height:1.5;
}
#search1 .keyword dd a{
	display:block;
	padding:3px 10px 2px 10px;
	color:#222;
	border-bottom:2px solid #CCC;
	text-decoration:none;
	line-height:1.5;
	transition:all .5s;
}
#search1 .keyword dd a:hover{
	background:#ccc;
	border-bottom:2px solid #666;
}
/*==============================================================================
	トピックス
==============================================================================*/
/*------------------------------------------------------------------------------
	タブ表示
------------------------------------------------------------------------------*/
#topics{
	margin-bottom:20px;
}
#topics ul#tab{
	display:flex;
	list-style-type:none;
}
#topics ul#tab li{
	width:calc(100% / 4);
	display:flex;
}
#topics [role="tab"]{
	padding:10px;
	width:100%;
	display:block;
	box-sizing:border-box;
	color:#FFF;
	background:#0062B8;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:none;
	border-radius:0px;
	text-align:center;
	transition:all .5s;
	cursor:pointer;
	-webkit-appearance:none;
}
#topics [role="tab"]:focus,
#topics [role="tab"]:hover{
	color:#222;
	background:#D0E7FF;
}
#topics [role="tab"][aria-selected="true"]{
	color:#222;
	font-weight:bold;
	background:#FFF;
	text-decoration:none;
}
/*------------------------------------------------------------------------------
	トピックス／広報
------------------------------------------------------------------------------*/
#tmenu{
	margin:-1px 0px 0px 0px;
	padding:15px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	box-sizing:border-box;
	border:1px solid #CCCCCC;
}
#tmenubox{
	width:calc(100% - 250px);
}
/*	トピックス
------------------------------------------------------------------------------*/
#tmenu ul{
	margin-top:10px;
	list-style-type:none;
}
#tmenu ul li{
	margin:0px 0px 15px 0px;
	padding:0px 5px 15px 20px;
	position:relative;
	box-sizing:border-box;
	border-bottom:1px solid #CCC;
	line-height:1.7;
}
#tmenu ul li .date{
	width:6em;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
#tmenu ul li .newsli{
	width:calc( 100% - 6.5em );
	display:inline-block;
	letter-spacing:normal;
}
/*	RSS等
------------------------------------------------------------------------------*/
#topics ul.topicsdetail{
	margin:20px 0px 0px 0px;
	clear:both;
	float:left;
	text-align:left;
}
#topics ul.topicsdetail li{
	margin:0px 40px 0px 0px;
	padding:0px 0px 0px 20px;
	display:inline;
	clear:none;
	background:url(images/top/mark_list.png) no-repeat left center;
	border:none;
}
#topics ul.topicsdetail li.rss{
	background:url(images/top/mark_rss.png) no-repeat left center;
}
/*==============================================================================
	画像横並び（.bannerimg ul）
==============================================================================*/
.bannerimg{
	padding:0px 0px 30px 0px;
}
.bannerimg ul{
	margin:0 0 0 -10px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.bannerimg ul li{
	margin:0 0px 10px 10px;
}
.bannerimg ul li a{
	display:block;
}
.bannerimg img{
	vertical-align:bottom;
}
/*==============================================================================
	flexstyle1　アイコン（上）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（ul.flexstyle1）
------------------------------------------------------------------------------*/
ul.flexstyle1{
	margin:0 0 30px -15px;
}
ul.flexstyle1 li{
	margin:0 0px 15px 15px;
	width:calc(100% / 8 - 15px);
}
ul.flexstyle1 li a{
	padding:15px 5px 15px 5px;
	color:#222;
	font-weight:bold;
	background:#F0F0F0;
	text-align:center;
	line-height:1.5;
}
ul.flexstyle1 li a:hover{
	background:#CCC;
}
ul.flexstyle1 li a img:not(.external){
	margin:0px auto 15px auto;
}
/*------------------------------------------------------------------------------
	アイコン（上・画像full）+テキスト（ul.flexstyle1 imgfull）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgfull li{
	width:calc(100% / 3 - 15px);
}
ul.flexstyle1.imgfull li span:not([class]){
	padding:10px;
	background:#F0F0F0;
}
ul.flexstyle1.imgfull li a:hover span:not([class]){
	background:#CCC;
}
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（画像上）（ul.flexstyle1 imgup）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgup li{
	width:calc(100% / 4 - 15px);
}
ul.flexstyle1.imgup li a{
	color:#222222;
	font-size:100%;
	font-weight:bold;
}
ul.flexstyle1.imgup a span:not([class]){
	padding:8px 6px 10px 6px;
	background-color:rgba(255,255,255, .8);
	text-align:center;
}
ul.flexstyle1.imgup a:hover span:not([class]){
	background-color:rgba(255,255,255, .9);
}
/*==============================================================================
	flexstyle2　アイコン（左）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（左）+テキスト（ul.flexstyle2）
------------------------------------------------------------------------------*/
ul.flexstyle2{
	margin:0 0 30px -15px;
}
ul.flexstyle2 li{
	margin:0 0px 15px 15px;
	width:calc(100% / 3 - 15px);
}
ul.flexstyle2 li a{
	color:#222222;
	font-size:110%;	
	font-weight:bold;
	background:#F0F0F0;
	line-height:1.5;
}
ul.flexstyle2 li a img:not(.external){
	margin:10px;
}
ul.flexstyle2 li a:hover{
	background:#CCC;
}
ul.flexstyle2 li a span:not([class]){
	padding:5px 5px 5px 15px;
	width:calc(100% - 52px);
	flex-basis:calc(100% - 52px);
}
/*	画像をフィットさせる
------------------------------------------------------------------------------*/
ul.flexstyle2.imgfull li a .full{
	width:60px;
	height:100%;
	min-height:60px;
}
ul.flexstyle2.imgfull li a .full span:not([class]){
	width:calc(100% - 60px);
	flex-basis:calc(100% - 60px);
}
/*==============================================================================
	flexstyle3　テキストバナー
==============================================================================*/
/*------------------------------------------------------------------------------
	テキスト中央揃え（ul.flexstyle3）
------------------------------------------------------------------------------*/
ul.flexstyle3{
	margin:0 0 30px -15px;
}
ul.flexstyle3 li{
	margin:0 0px 10px 15px;
	width:calc(100% / 4 - 15px);
	min-height:65px;
	border:1px solid #CCC;
}
ul.flexstyle3 li a{
	padding:10px;
	color:#222;
	text-align:center;
	line-height:1.5;
}
ul.flexstyle3 li a:hover{
	background:#EFEFEF;
}
/*------------------------------------------------------------------------------
	テキスト左揃マークあり（ul.flexstyle3 listmark）
------------------------------------------------------------------------------*/
ul.flexstyle3.listmark li a{
	padding-left:32px;
}
ul.flexstyle3.listmark li a::before{
	height:0;
	width:0;
	content:'';
	position:absolute;
	top:calc(50% - 5px);
	left:15px;
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent #0062B8;
}
/*==============================================================================
	横スクロール（自動再生）
==============================================================================*/
/*------------------------------------------------------------------------------
	左右送りボタン
------------------------------------------------------------------------------*/
#slidelink1scroll,
#slidelink2scroll,
#slidelink3scroll,
#slidelink4scroll,
#slidelink5scroll{
	margin:0;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	list-style:none;
}
#slidelink1scroll li,
#slidelink2scroll li,
#slidelink3scroll li,
#slidelink4scroll li,
#slidelink5scroll li{
	width:50px;
	height:50px;
	position:absolute;
	top:calc(50% - 50px);
	background-color:#0062B8;
	border-radius:100%;
	text-indent:-99999px;
	z-index:2;
	cursor:pointer;
}
#slidelink1scroll li.forward,
#slidelink2scroll li.forward,
#slidelink3scroll li.forward,
#slidelink4scroll li.forward,
#slidelink5scroll li.forward{
	left:-30px;
}
#slidelink1scroll li.forward::after,
#slidelink2scroll li.forward::after,
#slidelink3scroll li.forward::after,
#slidelink4scroll li.forward::after,
#slidelink5scroll li.forward::after{
	margin-top:-5px;
	margin-left:-2px;
	width:10px;
	height:10px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
	transform:rotate(45deg);
}
#slidelink1scroll li.back,
#slidelink2scroll li.back,
#slidelink3scroll li.back,
#slidelink4scroll li.back,
#slidelink5scroll li.back{
	right:-30px;
}
#slidelink1scroll li.back::after,
#slidelink2scroll li.back::after,
#slidelink3scroll li.back::after,
#slidelink4scroll li.back::after,
#slidelink5scroll li.back::after{
	margin-top:-5px;
	margin-left:-8px;
	width:10px;
	height:10px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
/*------------------------------------------------------------------------------
	停止ボタン
------------------------------------------------------------------------------*/
.tmenubtn{
	position:absolute;
	bottom:0px;
	left:0px;
}
.tmenubtn{
	bottom:0px;
	left:0px;
}
.tmenubtn p{
	line-height:0;
}
.tmenubtn button{
	margin:0;
	padding:0px;
	background:none;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	cursor:pointer;
	appearance:none;
	line-height:1.0;
}
/*------------------------------------------------------------------------------
	メニュー
------------------------------------------------------------------------------*/
#slidelink1,
#slidelink2,
#slidelink3,
#slidelink4,
#slidelink5{
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
}
.tmenubtn{
	position:absolute;
	bottom:0;
	top:auto;
	z-index:2;
}
#slidelink1list,
#slidelink2list,
#slidelink3list,
#slidelink4list,
#slidelink5list{
	margin:0 auto 0 auto;
	position:relative;
}
#slidelink1list ul,
#slidelink2list ul,
#slidelink3list ul,
#slidelink4list ul,
#slidelink5list ul{
	margin:0px 0 0px 0;
	margin-left:-25px;
	padding-bottom:40px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#slidelink1list ul li,
#slidelink2list ul li,
#slidelink3list ul li,
#slidelink4list ul li,
#slidelink5list ul li{
	margin:1px 0px 0px 30px;
	width:200px;
	position:relative;
	cursor:pointer;
}
/*	見出し+テキスト+画像
------------------------------------------------------------------------------*/
#slidelink1list ul li,
#slidelink3list ul li,
#slidelink5list ul li{
	box-shadow:0px 0px 5px 0px #999;
}
#slidelink1list ul li a,
#slidelink3list ul li a,
#slidelink5list ul li a{
	height:100%;
	display:flex;
	flex-direction:column;
	color:#222;
	text-decoration:none;
	transition:all .5s;
}
#slidelink1list ul li a:hover,
#slidelink3list ul li a:hover,
#slidelink5list ul li a:hover{
	background:#efefef;
}
#slidelink1list ul li a h3,
#slidelink3list ul li a h3,
#slidelink5list ul li a h3{
	margin:10px;
	order:2;
	font-size:120%;
	text-align:left;
	line-height:1.5;
}
#slidelink1list ul li a > img,
#slidelink3list ul li a > img,
#slidelink5list ul li a > img{
	width:100%;
	height:auto;
	order:1;
	vertical-align:bottom;
}
#slidelink1list ul li p,
#slidelink3list ul li p,
#slidelink5list ul li p{
	margin:10px 15px;
	text-align:left;
	line-height:1.7;
	order:3;
}
/*==============================================================================
	ImageSlider
==============================================================================*/
/*------------------------------------------------------------------------------
	初期設定
------------------------------------------------------------------------------*/
/*	レイアウト
------------------------------------------------------------------------------*/
.slidelink{
	margin:0 0 30px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.slidelink .tmenuwrap{
	margin:0px 0px 8px 0px;
	width:100%;
	position:relative;
	order:unset;
}
.slidelink .pagingwrap{
	max-width:calc(100% - 44px - 8px);
}
/*	停止ボタン
------------------------------------------------------------------------------*/
.slidelink .btnwrap{
	margin-top:16px;
}
.slidelink .btn{
	margin:0px;
	min-width:44px;
}
.slidelink .btn p{
	position:relative;
}
.slidelink .btn button{
	margin:0px;
	padding:14px 20px 14px 40px;
	font-size:var(--fs14);
	background:#FFF;
	border:none;
	border-radius:100vh;
	box-shadow:var(--boxshadow);
	z-index:2;
	cursor:pointer;
	outline:none;
	transition:none;
}
.slidelink .btn button.image_reel_play{
	background:url(images/newcp/play.svg) no-repeat left 20px center, #FFF;
}
.slidelink .btn button.image_reel_stop{
	background:url(images/newcp/stop.svg) no-repeat left 20px center, #FFF;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
.slidelink .paging ul{
	margin:0px 8px 0px 0px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.slidelink .paging ul li{
	margin:0px 0px 0px 8px;
}
.slidelink .paging ul li button{
	margin:0;
	padding:0px;
	background:none;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	cursor:pointer;
	appearance:none;
	line-height:1.0;
	vertical-align:bottom;
}
.slidelink .paging ul li img{
	vertical-align:bottom;
}
/*	左右送りボタン
------------------------------------------------------------------------------*/
ul.scrollwrap{
	margin:0;
	list-style:none;
}
ul.scrollwrap li{
	width:44px;
	height:44px;
	position:absolute;
	top:calc(50% - 22px);
	border-radius:100%;
}
ul.scrollwrap li.back{
	left:15px;
}
ul.scrollwrap li.next{
	right:15px;
}
ul.scrollwrap li button{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	background-color:#FFF;
	border:2px solid var(--cppri);
	border-radius:100%;
	box-shadow:var(--boxshadow);
	z-index:2;
	cursor:pointer;
	outline:none;
	transition:none;
}
ul.scrollwrap li.back button img{
	transform:rotate(180deg);
}
/* フォーカス */
ul.scrollwrap li button:focus{
	border:3px solid #000!important;
	box-sizing:border-box;
}
/*	メニュー
------------------------------------------------------------------------------*/
.slidelink .tmenu ul{
	margin:0;/*margin-leftはJSで指定*/
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	align-items:center;
}
.slidelink .tmenu.shown ul{
	justify-content:center;
}
.slidelink .tmenu ul li{
	margin-left:30px;
	width:100%;
	position:relative;
	box-sizing:border-box;
}
.slidelink.contain .tmenu ul li{
	width:calc(100% / 3);
}
.slidelink.extend .tmenu ul li{
	width:25.01%;
}
.slidelink.extend.overhalf .tmenu ul li{
	width:22%;
}
.slidelink .tmenu ul li a{
	display:block;
	outline:none;
}
.slidelink .tmenu ul li img:not(.external){
	width:100%;
	height:auto;
	box-sizing:border-box;
	vertical-align:bottom;
	outline:none;
}
/* フォーカス */
.slidelink .tmenu ul li:focus-within .border{
	display:block;
	position:relative;
}
.slidelink .tmenu ul li:focus-within .border::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:5px solid #000;
	box-sizing:border-box;
}
/*	テキストあり
------------------------------------------------------------------------------*/
.slidelink.text .tmenu{
	padding:25px;/* box-shadow用 */
}
.slidelink.text .tmenu ul li{
	display:flex;
}
.slidelink.text .tmenu ul li a{
	width:100%;
	display:flex;
	color:#222;
	text-decoration-line:none;
}
.slidelink.text .tmenu ul li .border{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	background:#FFF;
	box-shadow:0px 0px 5px 0px #999;
	border-radius:8px;
	overflow:hidden;
	transition:.5s background;
}
.slidelink.text .tmenu ul li a:hover .border{
	background:#efefef;
}
#wrap .slidelink.text .border > h3{
	margin:10px;
	order:2;
	font-size:120%;
	text-align:left;
	line-height:1.5;
}
#wrap .slidelink.text .border > img:not(.external){
	order:1;
}
#wrap .slidelink.text .border > p{
	margin:10px 15px;
	text-align:left;
	line-height:1.7;
	order:3;
}
/*	JS無効時（ちらつき防止）
------------------------------------------------------------------------------*/
.slidelink .tmenu ul.noscript{
	width:max-content;
	flex-wrap:nowrap;
	opacity:0;
}
/*==============================================================================
	インスタ
==============================================================================*/
#insta h2{
	margin-top:50px;
	margin-bottom:20px;
	font-size:160%;	
	text-align:center;
}
#insta p{
	text-align:center;
	margin-bottom:10px;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
.toppagebodywrap{
	background-image:linear-gradient(118deg, #D7EDFB 0%, #EEF8FF 25%, #F2F8D9 50%, #E5F6CC 75%, #E3FCE1 100%);
	background-size:120% 120%;
	background-repeat:no-repeat;
}
#toppagebody{
	padding-bottom:48px;
	background:url(images/newcp/newcp_bg.png);
}
#topheaderbg.headerfixed::after{
	content:none;
}
/*==============================================================================
	ImageSlider
==============================================================================*/
/*	.tmenu ul liの横幅 -------------------------------------------------------
	▼ メニュー 枠に収める（.contain）
	width:calc(100% / 枚数);
	
	▼ 前後スライドあり（半分以下）（.extend）
	1枚：width:100.0%～width:50.01%;
	2枚：width:50.00%～width:33.34%;
	3枚：width:33.33%～width:25.01%;
	4枚：width:25.00%～width:20.01%;
	5枚：width:20.00%～width:16.67%;
	6枚：width:16.66%～width:14.29%;
	
	▼ 前後スライドが半分以上見える（.extend.overhalf）
	1枚：width:100.0%～width:33.34%;
	2枚：width:33.33%～width:25.01%;
	3枚：width:25.00%～width:20.01%;
	4枚：width:20.00%～width:16.67%;
	5枚：width:16.66%～width:14.29%;
	6枚：width:14.28%～width:12.51%;
------------------------------------------------------------------------------*/
#imageslider1 .tmenu ul li{
	margin-left:32px;
	width:25.01%;
}
#imageslider2 .tmenu ul li{
	margin-left:32px;
	width:calc(100% / 3);
}
#imageslider3 .tmenu ul li{
	margin-left:32px;
	width:33%;
}
#imageslider4 .tmenu ul li{
	margin-left:32px;
	width:25.01%;
}
#imageslider5 .tmenu ul li{
	margin-left:30px;
	width:calc(100% / 3);
}
#imageslider6 .tmenu ul li{
	margin-left:30px;
	width:25.01%;
}
#imageslider1 .btn button,
#imageslider2 .btn button,
#imageslider3 .btn button,
#imageslider4 .btn button,
#imageslider1 ul.scrollwrap li button,
#imageslider2 ul.scrollwrap li button,
#imageslider3 ul.scrollwrap li button,
#imageslider4 ul.scrollwrap li button{
	transition:.5s;
}
#imageslider1 .btn button:hover,
#imageslider2 .btn button:hover,
#imageslider3 .btn button:hover,
#imageslider4 .btn button:hover,
#imageslider1 ul.scrollwrap li button:hover,
#imageslider2 ul.scrollwrap li button:hover,
#imageslider3 ul.scrollwrap li button:hover,
#imageslider4 ul.scrollwrap li button:hover{
	background-color:var(--gray);
}
/*==============================================================================
	共通デザイン
==============================================================================*/
.flexwrap{
	display:flex;
}
a.button,
button.button{
	margin:0px;
	padding:12px 50px 14px 32px;
	display:inline-block;
	font-weight:var(--medium);
	text-decoration:none;
	background:url(images/newcp/mark_button.svg) no-repeat center right 16px, #FFF;
	border-radius:100vh;
	box-shadow:var(--boxshadow);
	box-sizing:border-box;
	text-align:center;
}
a.button:hover,
button.button:hover{
	background-color:var(--gray);
}
#towntopics, #lifeandfun, #about{
	border-top:1px solid #000000;
}
#towntopics h2, #lifeandfun h2, #about h2{
	font-size:var(--fs52);
	font-size:clamp(var(--fs40), 3.96vw, var(--fs52));
	letter-spacing:.25em;
}
/*==============================================================================
	bxslider
==============================================================================*/
#bxsliderbg{
	
}
#bxsliderbg .bx-wrapper{
	margin:0px;
	position:relative;
	z-index:0;
	overflow:hidden;
	filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.16));
}
#bxsliderbg .bx-wrapper li{
	width:100%;
	position:relative;
	overflow:hidden;
}
#bxsliderbg .bxslider li img{
	display:block;
	 -webkit-mask-image:url(images/newcp/mask.svg);
	mask-image:url(images/newcp/mask.svg);
	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
}
#bxsliderbg .bxslider li::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/newcp/border.svg) no-repeat center / 100% 100%;
	pointer-events:none;
}
/*------------------------------------------------------------------------------
	停止ボタン
------------------------------------------------------------------------------*/
#bxsliderbg .bx-wrapper .bx-pager,
#bxsliderbg .bx-wrapper .bx-controls-auto{
	width:auto;
	position:absolute;
	bottom:16px;
	right:16px;
	z-index:9999;
	text-align:left;
}
#bxsliderbg .bx-controls-auto-item button{
	margin:0;
	padding:20px 20px 20px 20px;
	width:auto;
	display:block;
	box-sizing:border-box;
	white-space:nowrap;
	color:#FFF;
	font-size:var(--fs14);
	font-weight:var(--medium);
	background-image:url(images/newcp/bx_stop.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:rgba(255, 255, 255, 0.8);
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
	border:2px solid var(--cppri);
	border-radius:100vh;
	box-shadow:none;
	cursor:pointer;
	appearance:none;
	text-indent:-9999px;
	line-height:0;
}
#bxsliderbg .bx-controls-auto-item button.bx-start{
	background-image:url(images/newcp/bx_play.svg);
}
/*==============================================================================
	リード文
==============================================================================*/
#wrap.newcp h1{
	margin:0px;
	padding:0px;
	font-size:clamp(var(--fs40), 5.49vw, var(--fs72));
	letter-spacing:.25em;
	line-height:1.6;
}
#lead .flexwrap{
	gap:144px;
}
#lead .flexwrap:not(.topics){
	align-items:center;
}
#lead .leftbox{
	width:calc(100% * 640 / 1312);
}
#lead .leftbox p{
	margin-top:48px;
	font-size:clamp(100%, 1.37vw, var(--fs18));
}
#lead .rightbox{
	width:calc(100% * 528 / 1312);
}
#lead .anchor{
	margin-top:64px;
}
#lead .anchor ul{
	display:flex;
	list-style-type:none;
}
#lead .anchor ul li{
	width:calc(100% / 3);
}
#lead .flexwrap.topics{
	margin:80px auto 0px auto;
	max-width:1088px;
	gap:32px;
}
#lead .flexwrap.topics .leftbox{
	width:calc(100% * 632 / 1088);
}
#lead .flexwrap.topics .rightbox{
	width:calc(100% * 416 / 1088);
}
/*------------------------------------------------------------------------------
	スタイル
------------------------------------------------------------------------------*/
#lead .container{
	padding-top:64px;
	padding-bottom:120px;
}
#lead .anchor ul li a{
	padding:16px 16px 20px 16px;
	position:relative;
	width:100%;
	display:inline-block;
	font-size:var(--fs20);
	font-weight:var(--bold);
	text-decoration:none;
	text-align:center;
	border-right:1px solid #000;
	box-sizing:border-box;
	letter-spacing:.075em;
}
#lead .anchor ul li:first-of-type a{
	border-left:1px solid #000;
}
#lead .anchor ul li a::before{
	content:"";
	width:24px;
	height:12px;
	position:absolute;
	left:calc(50% - 12px);
	bottom:0px;
	background:url(images/newcp/mark_anchor.svg) no-repeat;
	transition:.3s;
}
#lead .anchor ul li a:hover::before{
	bottom:-3px;
}
#lead .topics h2{
	padding:0px;
	border:none;
}
#lead .topics ul{
	margin:40px 0px 0px 10px;
}
#lead .topics ul li{
	font-size:clamp(100%, 1.37vw, var(--fs18));
	background:url(images/newcp/mark_li.svg) no-repeat left top calc(1.7em / 2 - 16px / 2);
}
#lead .topics ul li::before{
	content:none;
}
#lead .furusato{
	padding:40px;
	padding:clamp(16px, 4vw, 48px) 16px;
	position:relative;
	display:flex;
	gap:clamp(16px, 2.44vw, 32px);
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	z-index:0;
}
.furusato::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	translate:-50% -50%;
	width:100%;
	aspect-ratio:1 / 1;
	border-radius:100vh;
	background:url(images/newcp/newcp_bg.png), var(--cpprilight);
	z-index:-1;
}
#lead .furusato h3{
	font-size:100%;
}
#lead .furusato h3 span.subhead{
	display:block;
	font-size:clamp(100%, 1.37vw, var(--fs18));
	font-weight:var(--medium);
}
#lead .furusato h3 span.mainhead{
	margin-top:16px;
	display:inline-block;
	font-size:var(--fs24);
}
#lead .topics .furusato ul{
	margin:0px;
	display:flex;
	gap:8px;
}
#lead .furusato p{
	margin:0px 0px 10px 0px;
}
#lead .topics .furusato ul li{
	padding:0px;
	width:calc((100% - 8px) / 2);
	background:none;
}
#lead .topics .furusato ul li a{
	width:100%;
	text-align:left;
}
/*==============================================================================
	まちの話題
==============================================================================*/
#towntopics ul{
	margin-top:64px;
	display:flex;
	flex-wrap:wrap;
	gap:32px;
	list-style-type:none;
}
#towntopics ul li{
	width:var(--4rows);
}
/*------------------------------------------------------------------------------
	スタイル
------------------------------------------------------------------------------*/
#towntopics .container{
	padding-top:120px;
	padding-bottom:120px;
}
#towntopics ul li a{
	width:100%;
	font-weight:var(--medium);
	text-decoration:none;
}
#towntopics ul li a .hoverimg,
#towntopics ul li a img:not(.external){
	border-radius:32px;
}
#towntopics ul li a img:not(.external){
	aspect-ratio:304 / 200;
	width:100%;
	object-fit:cover;
	object-position:center center;
}
#towntopics ul li a p{
	margin-top:12px;
}
#towntopics ul li a .ttcate{
	padding:4px 16px;
	display:inline-block;
	font-size:var(--fs14);
	background:#FFF;
	border:1px solid var(--cppri);
	border-radius:100vh;
}
#towntopics ul li a .tttitle{
	padding:8px 0px 0px 8px;
	display:block;
}
#towntopics .articleall2{
	display:flex;
	flex-direction:column;
}
#towntopics .infoarticle{
	order:2;
	text-align:center;
}
#towntopics button.button{
	margin:0px;
	position:relative;
	width:calc(5em + 84px);
	background:#FFF;
	border:none;
}
#towntopics button.button::before,
#towntopics button.button::after{
	content:"";
	width:16px;
	height:2px;
	position:absolute;
	right:24px;
	top:calc(50% - 1px);
	background:var(--cppri);
	transition:.3s all;
}
#towntopics .plus2 button.button::after{
	transform:rotate(90deg);
}
#towntopics button.button:hover{
	background-color:var(--gray);
}
#towntopics ul.ex{
	margin-top:0px;
}
#towntopics ul.morelink{
	margin-top:16px;
	margin-bottom:40px;
}
#towntopics ul.morelink li a{
	height:100%;
	display:flex;
	align-items:center;
}
/*==============================================================================
	とよたの暮らし・あそび
==============================================================================*/
/*------------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------------*/
#lifeandfun .flexwrap{
	gap:32px;
}
#lifeandfun .flexwrap .instabutton{
	width:calc(416 / 1312 * 100%);
	flex-shrink:0;
}
#lifeandfun .flexwrap.sublink{
	margin-top:64px;
}
#lifeandfun .flexwrap.sublink a{
	display:flex;
	gap:32px;
	justify-content:space-between;
	align-items:center;
	text-decoration:none;
}
#lifeandfun .flexwrap.sublink li{
	width:var(--2rows);
	align-items:center;
}
#lifeandfun .flexwrap.sublink li .leftbox,
#lifeandfun .flexwrap.sublink li .rightbox{
	width:var(--2rows);
}
/*------------------------------------------------------------------------------
	スタイル
------------------------------------------------------------------------------*/
#lifeandfun .container{
	padding-top:120px;
	padding-bottom:120px;
}
#lifeandfun .container > .flexwrap:not(.sublink){
	margin-top:16px;
}
#lifeandfun .flexwrap .instabutton a{
	width:100%;
}
/*	スライドバナー
------------------------------------------------------------------------------*/
#imageslider1{
	margin:64px 0px 64px 0px;
}
#imageslider1 a .hoverimg,
#imageslider1 img:not(.external){
	border-radius:32px;
}
/*	サブサイトリンク
------------------------------------------------------------------------------*/
#lifeandfun .flexwrap.sublink li .leftbox .hoverimg,
#lifeandfun .flexwrap.sublink li .leftbox img{
	border-radius:32px;
}
#lifeandfun .flexwrap.sublink li .rightbox h3{
	padding:0px 8px 0px 8px;
}
#lifeandfun .flexwrap.sublink li .rightbox a{
	text-decoration:none;
}
#lifeandfun .flexwrap.sublink li .rightbox p{
	margin:16px 0px 0px 0px;
	padding:16px 8px 0px 8px;
	border-top:1px solid #222;
}
/*==============================================================================
	こんなまち とよた
==============================================================================*/
/*------------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------------*/
#about .flexwrap.mapwrap{
	margin:80px auto 0px auto;
	max-width:1088px;
	gap:32px;
	align-items:center;
}
#about ul.movie{
	margin:64px auto 120px auto;
	max-width:1088px;
	gap:32px;
}
#about .flexwrap.mapwrap .leftbox,
#about .flexwrap.mapwrap .rightbox{
	position:relative;
	width:calc((100% - 32px) / 2);
}
#about ul.movie li{
	margin:0px;
	width:var(--2rows);
}
#about .flexwrap.linkwrap{
	margin-top:40px;
}
#about .flexwrap.linkwrap .leftbox{
	margin-right:calc(144 / 1312 * 100%);
	flex:1;
}
#about .flexwrap.linkwrap .rightbox{
	width:calc(416 / 1312 * 100%);
	flex-shrink:0;
}
/*------------------------------------------------------------------------------
	スタイル
------------------------------------------------------------------------------*/
#about .container{
	padding-top:120px;
}
#about .flexwrap.mapwrap .leftbox{
	position:relative;
}
#about .flexwrap.mapwrap .leftbox ul{
	list-style-type:none;
}
.leftbox .sliderframe{
	position:relative;
	overflow:hidden;
	width:100%;
}
.leftbox .sliderframe ul{
	display:flex;
	margin:0;
	padding:0;
	list-style:none;
	transition:transform 0.4s ease;
	will-change:transform;
}
.leftbox .sliderframe ul > li{
	flex:0 0 100%;
	max-width:100%;
	margin:0;
}
.leftbox .sliderframe ul > li img.slide{
	width:100%;
	height:auto;
	display:block;
}
.leftbox .nav-btn[aria-disabled="true"]{
	opacity:0.4;
	cursor:auto;
}
#about .flexwrap.mapwrap .leftbox .btnwrap{
	padding-top:40px;
}
#about .flexwrap.mapwrap .leftbox .btnwrap p{
	position:relative;
	min-height:52px;
}
#about .flexwrap.mapwrap .leftbox .btnwrap button{
	margin:0px;
	padding:0px;
	position:absolute;
	color:#222;
	font-size:var(--fs20);
	font-weight:var(--medium);
	background:none;
	border:none;
}
#about .flexwrap.mapwrap .leftbox .btnwrap button#btnLeft{
	padding:10px 0px 12px 60px;
	transform:translateX(-50%);
	left:calc(50% - 80px);
}
#about .flexwrap.mapwrap .leftbox .btnwrap button#btnRight{
	padding:10px 60px 12px 0px;
	transform:translateX(50%);
	right:calc(50% - 80px);
}
#about .flexwrap.mapwrap .leftbox .btnwrap button::before{
	content:"";
	width:44px;
	height:44px;
	position:absolute;
	top:calc(50% - 22px);
	background:#FFF;
	border:2px solid var(--cppri);
	box-shadow:var(--boxshadow);
	border-radius:100vh;
}
#about .flexwrap.mapwrap .leftbox .btnwrap button#btnLeft::before{
	left:0px;
}
#about .flexwrap.mapwrap .leftbox .btnwrap button#btnRight::before{
	right:0px;
}
#about .flexwrap.mapwrap .leftbox .btnwrap button::after{
	content:"";
	width:11px;
	height:11px;
	position:absolute;
	top:calc(50% - (11px / 2));
	border-left:2px solid var(--cppri);
	border-bottom:2px solid var(--cppri);
}
#about .flexwrap.mapwrap .leftbox .btnwrap button#btnLeft::after{
	left:20px;
	transform:rotate(45deg);
}
#about .flexwrap.mapwrap .leftbox .btnwrap button#btnRight::after{
	right:20px;
	transform:rotate(-135deg);
}
#about .flexwrap.mapwrap p a{
	padding:20px;
	position:absolute;
	top:-20px;
	left:-20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:var(--medium);
	text-decoration:none;
	background:#FFF;
	border-radius:100vh;
	box-shadow:var(--boxshadow);
	text-align:center;
	aspect-ratio:1 / 1;
}
#about .flexwrap.mapwrap p a::before{
	content:"";
	width:32px;
	height:33px;
	position:absolute;
	top:-15px;
	left:-15px;
	background:url(images/newcp/access.svg) no-repeat;
}
#about .flexwrap.mapwrap p a:hover{
	background:var(--gray);
}
#about .flexwrap.mapwrap .rightbox ul{
	margin-top:24px;
	display:flex;
	gap:24px;
	list-style-type:none;
}
#about .flexwrap.mapwrap .rightbox p{
	font-size:clamp(100%, 1.37vw, var(--fs18));
}
/*	スライドバナー
------------------------------------------------------------------------------*/
#imageslider3{
	margin-top:64px;
}
#imageslider3 .tmenu{
	padding-bottom:16px;
}
#imageslider3 .tmenu ul{
	align-items:stretch;
}
#imageslider3 .tmenu ul li .border{
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
#imageslider3 .tmenu ul li .border img:not(.external){
	order:1;
	border-radius:32px;
}
#imageslider3 .tmenu ul li .border h3{
	order:2;
	margin:16px 8px 0px 8px;
	font-size:var(--fs20);
}
#imageslider3 .tmenu ul li .border p:not(.buttonwrap){
	order:3;
	margin:8px 8px 0px 8px;
	padding-top:8px;
	border-top:1px solid #222;
	flex-grow:1;
}
#imageslider3 .tmenu ul li .border .buttonwrap{
	order:4;
	margin-top:24px;
	width:100%;
}
#imageslider3 ul.scrollwrap li{
	top:calc(277px * 0.5 - 44px / 2)
}
#imageslider3.slidelink .tmenu ul li:focus-within .border::after{
	content: none;
}
#imageslider3.slidelink .tmenu ul li a:focus{
	border:2px solid #222;
}
/*	動画
------------------------------------------------------------------------------*/
#about ul.movie{
	list-style-type:none;
	display:flex;
}
#about ul.movie li .hoverimg,
#about ul.movie li img:not(.external){
	margin:0px;
	border-radius:40px;
}
#about ul.movie li p{
	margin-top:16px;
	font-weight:var(--medium);
	text-align:center;
}
#about .iframewrap{
	width:100%;
	aspect-ratio:16 / 9;
}
#about .iframewrap iframe{
	width:100%;
	height:100%;
}
/*	インスタ
------------------------------------------------------------------------------*/
#about h3.h3title{
	padding-left:134px;
	position:relative;
	font-size:var(--fs40);
	letter-spacing:.15em;
}
#about h3.h3title::before{
	content:"";
	width:90px;
	height:1px;
	position:absolute;
	left:0;
	top:calc(50% + 2px);
	background:#222;
}
#about .bannerimg{
	margin:40px auto 0px auto;
	max-width:1160px;
}
#about .bannerimg ul{
	margin:0px;
	gap:32px;
}
#about .bannerimg ul li{
	margin:0px;
	width:var(--4rows);
}
#about .bannerimg ul li .hoverimg,
#about .bannerimg ul li img{
	border-radius:32px;
	box-shadow:none;
}
#about .flexwrap.linkwrap .leftbox h4{
	font-size:var(--fs20);
	font-weight:var(--medium);
}
#about .flexwrap.linkwrap .leftbox p{
	margin-top:4px;
}
#about .flexwrap.linkwrap .rightbox p,
#about .flexwrap.linkwrap .rightbox p a{
	width:100%;
}
#about .eventbutton{
	margin-top:120px;
	text-align:center;
}
#about .eventbutton a{
	padding:20px 112px 20px 112px;
	font-weight:var(--bold);
	background-image:url(images/newcp/event_left.png), url(images/newcp/event_right.png);
	background-repeat:no-repeat;
	background-position:left 30px center, right 30px center;
	letter-spacing:.075em;
}
#about .eventbutton a span.ebuttonsub{
	margin-bottom:4px;
	position:relative;
	display:block;
	font-size:var(--fs15);
	font-weight:var(--medium);
}
#about .eventbutton a span.ebuttonsub::before,
#about .eventbutton a span.ebuttonsub::after{
	content:"";
	width:1px;
	height:16px;
	position:absolute;
	left:-14px;
	top:calc(50% - 8px);
	background:#222;
	transform:rotate(-25deg);
}
#about .eventbutton a span.ebuttonsub::after{
	left:auto;
	right:-14px;
	transform:rotate(25deg);
}
#about .eventbutton a span.ebuttonmain{
	font-size:var(--fs20);
}
/*==============================================================================
	関連リンク
==============================================================================*/
/*------------------------------------------------------------------------------
	スタイル
------------------------------------------------------------------------------*/
#kanren h2{
	font-size:var(--fs32);
	text-align:center;
	letter-spacing:.075em;
}
#imageslider4{
	margin:40px 0px 0px 0px;
}
#wrap #imageslider4 .hoverimg,
#imageslider4 img{
	border-radius:32px;
}
/*==============================================================================
	フッター
==============================================================================*/
.newcp #footerbg{
	margin-top:0px;
	background:#FFF;
}