@charset "shift-jis";

/*------------------------------------------
    frames
-------------------------------------------*/

#container {
	width: 1150px;
	margin: 25px auto 0 auto;
	}

.middleBg {
	background: url(../img/top/bg_container_middle.jpg) repeat-y;
	}

.headerImg {
	background:url(../img/top/bg_header_top.jpg) no-repeat;
	height: 120px;
	}

.headerImgC {
	background:url(../img/top/bg_header_top_c.jpg) no-repeat;
	height: 120px;
	}

.topbanner {
	display:block;
	width: 765px;
	height: 80px;
	text-align:center;
	margin-bottom:10px;
}
.topbanner_sp {
	display:none;
}

.bannerFrameL {
	width: 146px;
	float: left;
	text-align: center;
	padding: 0 0 0 6px;
	}
.bannerFrameL img {
	padding: 0 0 15px 0;
	}
#frame-bannerFrameL-sp {
	display: none;
}
.bannerFrameR {
	width: 146px;
	float: left;
	text-align: center;
	padding: 30px 0 0 3px;
	}	
.bannerFrameR img {
	padding: 0 0 15px 0;
	}
#footerframe {
	display: none;
}

.centerFrameInner table {
	}
.centerFrameInner td {
	vertical-align: top;
	}

.centerFrame {
	width: 800px;
	float: left;
	margin: 0 5px;
	}

/*------------------------------------------
    header
-------------------------------------------*/

.btnHayate {
	width: 147px;
	height: 95px;
	display: block;
	position: relative;
	top: 0;
	left: 220px;
	float: left;
	}

/*------------------------------------------
    ticker
-------------------------------------------*/

.ticker {
	clear: both;
	width: 774px;
	height: 36px;
	}
	
/*------------------------------------------
    headerFlash
-------------------------------------------*/

.headerFlash  {
	width: 740px;
	height: 100px;
	left: 210px;
	top: 14px;
	_top: 7px;
	position: relative;
	float: left;
	}

/*------------------------------------------
    1stColumn
-------------------------------------------*/

.firstColumn {
	width: 170px;
	}

#bansen {
   	position: relative;
}

.program {
	padding: 7px 5px 5px 5px;
	height: 138px;
	background: url(../img/top/bg_program_top.jpg) no-repeat 0 2px;
	}
.program ul {
	width: 155px;
	height: 75px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 5px auto 0 auto;
	border: 1px solid #cccccc;
	}
.program li {
	background: url(../img/common/line_dots.gif) repeat-x bottom;
	padding: 0 0 3px 0;
	font-size: 10px;
	}
.program p {
	color: #cd0200;
	width: 145px;
	margin: 0 auto;
	font-size: 7px;
	line-height: 1.2em;
	padding: 5px 0 2px 0;
	}
	
.recently {
	padding: 5px;
	height: 154px;
	background: url(../img/top/bg_recent_top.jpg) no-repeat;
	}
.recently h2 {
	background: url(../img/top/title_recent.jpg) no-repeat;
	width: 161px;
	height: 26px;
	text-indent: -9999em;
	white-space: normal;
}
.recently h2 img {
	display: none;
}
.recently ul {
	width: 155px;
	height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 8px auto 0 auto;
	}
.recently li {
	background: url(../img/top/icon_recent.gif) no-repeat 0 4px;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 11px; 
	line-height: 1.3em;
	}
.recently li.rLine {
	background: url(../img/top/line_recent.gif) repeat-x bottom;
	padding: 3px 0 0 0;
	margin: 0 0 5px 0;
	height: 1px;
	font-size: 1px;
	line-height: 1em;
	}
	
.recentBottom {
	background: url(../img/top/bg_recent_bottom.gif) no-repeat;
	width: 170px;
	height: 3px;
	font-size: 1px;
	}
	
.mainFlash {
	width: 590px;
	height: 350px;
	padding: 10px 0 5px 0;
	position: absolute;
	top: 0;
	right: 5px;
	text-align: center;
	background: url(../img/top/bg_mainFlash.jpg) no-repeat;
	}
	
/*------------------------------------------
    2nd Column
-------------------------------------------*/

.secondColumn {
	width: 774px;
	height: 155px;
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 12px 0 0 0;
	background: url(../img/top/bg_2ndColumn.jpg) no-repeat;
	}
.secondColumn table {
	width: 738px;
	}
.secondColumn td {
	background: url(../img/top/bg_secondColumnSubFrame.jpg) no-repeat center;
	width: 241px;
	height: 141px;
	padding: 0 3px;
	}
.secondColumnSubFrame {
	width: 241px;
	height: 141px;
	margin: 0 auto;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	background: url(../img/top/bg_secondColumnSubFrame.jpg) no-repeat top center;
	}
.secondColumnSubFrame img {
	margin: 5px auto;
	width: 234px;
	}

.secondColumnFramePlace1 h2 img,
.secondColumnFramePlace2 h2 img,
.secondColumnFramePlace3 h2 img {
	display: none;
}

.secondColumnFramePlace1 h2,
.secondColumnFramePlace2 h2,
.secondColumnFramePlace3 h2 {
	display: block;
	width: 233px;
	height: 26px;
	margin: 5px auto 0 auto;
	background-repeat: no-repeat;
	background-position: top center;
}

.secondColumnFramePlace1 h2 {
	background-image: url(../img/top/title_kenews.jpg);
}

.secondColumnFramePlace2 h2 {
	background-image: url(../img/top/title_annBlog.jpg);
}

.secondColumnFramePlace3 h2 {
	background-image: url(../img/top/title_rank.jpg);
}


.secondColumnFramePlace1 ul,
.secondColumnFramePlace2 ul,
.secondColumnFramePlace3 ul {
	width: 220px;
	height: 95px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 5px auto 0 auto;
	}
.secondColumnFramePlace1 li,
.secondColumnFramePlace2 li,
.secondColumnFramePlace3 li {
	margin: 0 0 5px 0;
	text-align: left;
	}
	
.secondColumnFramePlace1 li {
	background: url(../img/top/icon_kenews.jpg) no-repeat 0 2px;
	padding: 0 0 4px 17px;
	font-size: 10px;
	border-bottom: 1px solid #bfcf93;
	}

.secondColumnFramePlace2 li {
	background: url(../img/top/icon_annBlog.jpg) no-repeat 0 2px;
	padding: 0 0 4px 17px;
	font-size: 10px;
	border-bottom: 1px solid #bfcf93;
	}

.secondColumnFramePlace3 li.rank1,
.secondColumnFramePlace3 li.rank2,
.secondColumnFramePlace3 li.rank3 {
	background-repeat: no-repeat;
	position: 0 0;
	margin: 0 0 10px 0;
	padding: 0 0 0 22px;
	height: 18px;
	font-size: 11px;
	}
.secondColumnFramePlace3 li.rank1 {
	background-image: url(../img/top/icon_rank1.jpg);
	}
.secondColumnFramePlace3 li.rank2 {
	background-image: url(../img/top/icon_rank2.jpg);
	}
.secondColumnFramePlace3 li.rank3 {
	background-image: url(../img/top/icon_rank3.jpg);
	}

/*------------------------------------------
    3rd Column
-------------------------------------------*/

.thirdColumn {
	width: 774px;
	height: 239px;
	overflow: hidden;
	display: table;
	margin: 0 auto 10px auto;
	background: url(../img/top/bg_3rdColumn.jpg) no-repeat;
	}
* html .thirdColumn {	
	position: relative;
}
*+html .thirdColumn {	
	position: relative;
}
	
.thirdColumn div.orange {
	width: 259px;
	height: 240px;
	padding: 0 0;
	display: block;
	background: url(../img/top/bg_3rdColumnOrange.jpg) no-repeat 0 17px;
	}
* html .thirdColumn div.orange {
	position: absolute;
	left: 0%;
}
*+html .thirdColumn div.orange {
	position: absolute;
	left: 0%;
}
	
.thirdColumn div.white {
	width: 259px;
	height: 240px;
	padding: 0 0;
	position: relative;
	background: url(../img/top/bg_3rdColumnWhite.jpg) no-repeat 0 17px;
	}
* html .thirdColumn div.white {
	position: absolute;
	left: 257px;
}
*+html .thirdColumn div.white {
	position: absolute;
	left: 257px;
}	
	
.thirdColumn div.white2 {
	width: 259px;
	height: 240px;
	padding: 0 0 0 0;
	background: url(../img/top/bg_3rdColumnWhite2.jpg) no-repeat 0 17px;
	}
* html .thirdColumn div.white2 {
	position: absolute;
	right: 0%;
}
*+html .thirdColumn div.white2 {
	position: absolute;
	right: 0%;
}

.thirdColumn div.orange,
.thirdColumn div.white,
.thirdColumn div.white2 {
	display: table-cell;
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
}
.thirdColumn div.orange img,
.thirdColumn div.white img,
.thirdColumn div.white2 img {
	margin: 0 0 5px 0;
	}

.livecam h2 img {
	display: none;
}

.livecam {
	background: url(../img/top/bg_livecam_top.jpg) no-repeat;
	width: 222px;
	height: 95px;
	position: relative;
	margin: 30px auto 0 auto;
	padding: 22px 0 0 0;
}

.livecam img {
	border: 1px solid #ffffff;
	margin: 0 auto;
}

.channel {
	display: table;
	vertical-align: top;
	position: relative;
	width: 222px;
	text-align: center;
	margin: 0 auto 5px auto;
}

* html .channel {
	position: relative;
}

*+html .channel {
	position: relative;
}

.channel a.aomori,
.channel a.hirosaki,
.channel a.hachinohe {
	background-repeat: no-repeat;
	width: 74px;
	height: 17px;
	display: table-cell;
	vertical-align: top;
	text-indent: -9999em;
}

.channel a.weather {
	display: none;
}

.channel a.aomori {
	background-image: url(../img/top/btn_livecam1_d.jpg);
}

* html .channel a.aomori {
	position: absolute;
	left: 0;
}

*+html .channel a.aomori {
	position: absolute;
	left: 0;
}

.channel a.hirosaki {
	background-image: url(../img/top/btn_livecam2_d.jpg);
}

* html .channel a.hirosaki {
	position: absolute;
	left: 74px;
}

*+html .channel a.hirosaki {
	position: absolute;
	left: 74px;
}

.channel a.hachinohe {
	background-image: url(../img/top/btn_livecam3_d.jpg);
}

* html .channel a.hachinohe {
	position: absolute;
	left: 148px;
}

*+html .channel a.hachinohe {
	position: absolute;
	left: 148px;
}

.channel a.aomori:hover {
	background-image: url(../img/top/btn_livecam1_on.jpg);
}

.channel a.hirosaki:hover {
	background-image: url(../img/top/btn_livecam2_on.jpg);
}

.channel a.hachinohe:hover {
	background-image: url(../img/top/btn_livecam3_on.jpg);
}

.banner-top-podatv img {
	padding: 5px 0 0 0;
}

.banner-top-event a,
.banner-top-weather a {
	width: 108px;
	height: 56px;
	vertical-align: top;
}

.banner-top-weather a {
	position: absolute;
	bottom: 12px;
	left: 19px;
}

.banner-top-event a {
	position: absolute;
	bottom: 12px;
	right: 18px;
}

.banner-top-event a,
.banner-top-weather a {
	width: 108px;
	height: 56px;
	display: block;
	background-repeat: no-repeat;
}

.banner-top-event a img,
.banner-top-podatv2 a img {
	display: none;
}

.banner-top-event a {
	background-image: url(../img/top/btn_present.jpg);
}

.banner-top-weather a {
	background-image: url(../img/top/btn_weather.jpg);
}

.sns {
	display: none;
}


/*------------------------------------------
    4th Column
-------------------------------------------*/

.fourthColumn {
	width: 774px;
	height: 83px;
	text-align: center;
	display: table;
	padding: 10px 0 0 0;
	margin: 5px auto 10px auto;
	background: url(../img/top/bg_4thColumn.jpg) no-repeat;
}

.fourthColumn img {
	padding: 0 3px;
}

a.studio img.studio-sp,
a.urakata img.urakata-sp {
	display: none;
}

/*------------------------------------------
    footerBanner
-------------------------------------------*/

.footerBanner img {
	margin: 0 5px 20px 0;
	}

/*------------------------------------------
    footer
-------------------------------------------*/

.footerTop {
	width: 1150px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/top/bottom_container_top.jpg) no-repeat;
	}

@media only screen and (min-width: 481px) {

	.recently {
		display: block;
	}

	.recently_sp {
		display: none;
	}

}


@media only screen and (min-width: 320px) and (max-width: 480px) {
	
	.topbanner {
		display:none;
	}
	.topbanner_sp {
		display:block;
		width: 100%;
	}

	.headerImgC {
		display: none;
	}
	
	.firstColumn {
		width: 100%;
		margin: 10px auto 0 auto;
	}
	
	.mainFlash,
	.program,
	img.weeklyP {
		display: none;
	}

	#program-frame {
		display: flex;
    	flex-direction: column;
    	width: 100%;
    	margin: 0 auto;
    }

	.recently {
		display: none;
	}

	.recently_sp {
		display: block;
	}

	.recently_sp {
		order: -1;
		width: 100%;
		height: auto;
		display: block;
		background: none;
		padding: 0;
		margin: 0 auto 10px auto;
	}
	
	.recently_sp h2 {
		background: none;
		width: 100%;
		height: auto;
	}
	
	.recently_sp h2 img {
		width: 100%;
		display: block;
	}
	
	.recently_sp ul {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	.recently_sp li {
		background: none;
		font-size: 90%;
		padding: 0;
	}

	.recently_sp li a {
		text-decoration: none;
		background: #feefe5 url(../img/sp/arrow_new.gif) no-repeat 97% 50%;
		background-size: 2%;
		border-bottom: 1px solid #f57620;
		padding: 0 0 0 10px;
		margin: 0;
		display: block;
		line-height: 2.5em;
	}

	.recently_sp img,
	.program img {
		width: 100%;
	}
	
	#frame-bannerFrameL-sp {
		display: block;
	}
	
	#frame-bannerFrameL-sp {
		position: relative;
		background: #18a900;
		height: 100px;
		overflow: hidden;
		-webkit-transform: translateZ(0);
	}
	
	.bannerFrameL-sp {
		position: absolute;
		z-index:0;
		width: 150%;
		height:100px;
		float: none;
		text-align: left;
		padding: 5px;
	}

	.bannerFrameL-sp:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.bannerFrameL-sp {
		padding: 0;
		margin: 0;
	}
	
	.bannerFrameL-sp img {
		float: left;
		margin: 0 0 10px 0;
		padding: 5px;
		text-align: center;
	}
	
	.bannerFrameL {
		display: none;
	}	
	.bannerFrameR {
		display: none;
	}	
	
	.secondColumnFramePlace1 h2 img,
	.secondColumnFramePlace2 h2 img,
	.secondColumnFramePlace3 h2 img {
		display: block;
		width: 100%;
	}
	
	.secondColumnFramePlace1 h2,
	.secondColumnFramePlace2 h2,
	.secondColumnFramePlace3 h2 {
		display: block;
		width: auto;
		height: auto;
		background: none;
	}
	
	.secondColumn {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		margin: 0 auto 0 auto;
		padding: 0 0 10px 0;
		background: none;
	}

	.secondColumnSubFrame {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
		background: none;
	}
	
	.secondColumnFramePlace1 ul,
	.secondColumnFramePlace2 ul,
	.secondColumnFramePlace3 ul {
		width: 100%;
		height: auto;
		overflow-x: visible;
		overflow-y: visible;
		margin: 0 auto;
		padding: 0 0 5px 0;
	}
	
	.secondColumnFramePlace1 li,
	.secondColumnFramePlace2 li,
	.secondColumnFramePlace3 li {
		margin: 0 0 0 0;
	}
	
	.secondColumnFramePlace1 li,
	.secondColumnFramePlace2 li {
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
		background-repeat: no-repeat;
		background-position: 95% 50%;
		padding: 0 0 0 0;
		font-size: 90%;
		line-height: 2em;
		border-bottom: none;
	}

	.secondColumnFramePlace1 li a {
		background: url(../img/sp/arrow_localnews.gif) no-repeat 98% 50% !important;
		background-size: 5% !important;
		text-decoration: none;
		padding: 0 30px 0 10px;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}

	.secondColumnFramePlace2 li a {
		background: url(../img/sp/arrow_anablog.gif) no-repeat 98% 50% !important;
		background-size: 5% !important;
		text-decoration: none;
		padding: 0 30px 0 10px;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	
	.secondColumnFramePlace3 {
		background: #f2ebf6;
	}	
	
	.secondColumnFramePlace3 li.rank1,
	.secondColumnFramePlace3 li.rank2,
	.secondColumnFramePlace3 li.rank3 {
		background: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		height: auto;
		font-size: 90%;
	}	
	
	.secondColumnFramePlace3 li.rank1 a,
	.secondColumnFramePlace3 li.rank2 a,
	.secondColumnFramePlace3 li.rank3 a {
		background-repeat: no-repeat;
		background-position: 3% 50%;
		margin: 0 0 0 0;
		padding: 0 0 0 12%;
		display: block;
		text-decoration: none;
	}
	
	.secondColumnFramePlace3 li.rank1 a {
		background: url(../img/sp/icon_rank1.gif) no-repeat 3% 50%;
		background-size: 8%;
		background-position: 3% 50%;
	}
	
	.secondColumnFramePlace3 li.rank2 a {
		background: url(../img/sp/icon_rank2.gif) no-repeat 3% 50%;
		background-size: 8%;
		background-position: 3% 50%;
	}
	
	.secondColumnFramePlace3 li.rank3 a {
		background: url(../img/sp/icon_rank3.gif) no-repeat 3% 50%;
		background-size: 8%;
		background-position: 3% 50%;
	}
	
	.thirdColumn {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		padding: 0 0 0 0;
		background: none;
	}

	.thirdColumn div.orange {
		width: 100%;
		padding: 0 0;
		background: none;
		order: 3;
		display: none;
	}
	
	.thirdColumn div.white {
		width: 100%;
		height: 390px;
		overflow: hidden;
		padding: 10px 0 0 0;
		background: #fffacd;
		position: relative;
		order: 1;
		display: flex;
		flex-direction: column;
	}
	
	.banner-top-event a {
		order: 1;
	}
	
	.banner-top-podatv2 a {
		order: 2;
	}

	.banner-top-event a,
	.banner-top-podatv2 a {
		width: 130px;
		height: 90px;
		display: block;
		background-repeat: no-repeat;
		background: none;
	}

	.banner-top-event img,
	.banner-top-podatv2 img {
		width: 100%;
		height: auto;
	}
	
	.banner-top-event a {
		position: absolute;
		top: 10px;
		left: 10%;
	}
	
	.banner-top-weather a {
		display: none;
	}
	
	.banner-top-podatv2 a {
		position: absolute;
		top: 10px;
		left: 52%;
	}
	
	.banner-top-event img,
	.banner-top-podatv2 img {
		display: block !important;
		width: 100%;
	}
	
	.livecam {
		order: 3;
		background: #ddefd8;
		width: 100%;
		height: 237px;
		margin: 100px auto 0 auto;
		padding: 0 0 0 0;
	}

	.livecam img {
		border: 1px solid #fff;
		margin: 0 auto;
		width: 80%;
		height: auto;
	}
	
	.livecam a img {
		width: 275px;
		height: 207px;
	}
	
	.channel {
		order: 4;
		display: table;
		width: 100%;
		background: #ddefd8;
		text-align: center;
		margin: 0 auto 5px auto;
	}
	
	.channel a.aomori,
	.channel a.hirosaki,
	.channel a.hachinohe,
	.channel a.weather,
	.channel a.aomori:hover,
	.channel a.hirosaki:hover,
	.channel a.hachinohe:hover,
	.channel a.weather:hover {
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
		background-repeat: no-repeat;
		width: 20%;
		height: auto;
		display: table-cell !important;
		text-indent: 0;
		color: #333;
		font-size: 90%;
		padding: 10px;
		border: 1px solid #ccc;
		text-decoration: none;
	}
	
	.livecam h2 img {
		display: block;
		width: 100%;
	}
	
	.thirdColumn div.white2 {
		width: 100%;
		padding: 0 0 0 0;
		background: none;
		order: 2;
		display: none;
	}
	
	.fourthColumn {
		width: 100%;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: 0 0 0 0;
		background: none;
	}
	
	a.retro,
	img.mobile,
	a.anablog,
	a.ssl,
	a.aboutchidigi,
	a.chidigi {
		display: none;
	}
	
	a.studio,
	a.urakata {
		background: none;
		background-repeat: no-repeat;
		background-position: none;
		display: block;
	}

	a.studio img.studio-sp,
	a.urakata img.urakata-sp {
		display: block !important;
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	a.studio img,
	a.urakata img {
		display: none;
	}
	
	.footerBanner {
		text-align: left;
	}
	
	.sns {
		display: table;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
		background: #f9feca;
	}
	
	.sns img a {
		display: table-cell;
	}

	.sns img {
		width: auto;
		height: 40px;
		padding: 0 10px;
	}
	
	
	/* footer banner
	------------------- */
 	
	#footerframe {
		margin-top: 10px;
		background: #D1D0D0;
		overflow: hidden;
		width:100%;
		clear: both;
		display: block;
		position: relative;
	}
	
	/* 画像部分 */
	.thumbnail,
	.thumbnail2 {
		width:110px;
		height: 60px;
		display: table-cell;
		vertical-align: middle;
		border: 1px solid #D1D0D0;
		border-collapse: collapse;
		text-align:center;
		padding: 6px 0 0 0;
	}
	.thumbnail .thumimg,
	.thumbnail2 .thumimg {
		width:100%;
		display:block;
		vertical-align:middle;
		text-align:center;
	}
	
	.thumbnail .thumimg img,
	.thumbnail2 .thumimg img {
		width: 97px;
		height: auto;
	}
		
	.thumbnail .thumtitle,
	.thumbnail2 .thumtitle {
		font-size:70%;
		line-height:1.2em;
		padding-top:3px;
		margin:0;
	}
	
	
	/* スクロール部分 */
	.scrollable {
		position:relative;
		overflow:hidden;
		width:90%;
		height:80px;
		float:left;
	}
	.scrollable .items {
		width:20000em;
		position:absolute;
		left: 0;
		clear:both;
	}
	.items div.itemwap {
		float:left;
	}
	.scrollable img {
	}
	.scrollable .active {
		border:2px solid #000;
		position:relative;
		cursor:default;
	}
	
	
	/* ナビゲーションボタン */
	a.browse {
		display:block;
		width:17px;
		height:80px;
		float:left;
		cursor:pointer;
		font-size:1px;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	/* right */
	a.right {
	background-image: url(../img/sp/slider_next2.png);
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0;
		}
	
	/* left */
	a.left{
		background-image: url(../img/sp/slider_previous2.png);
		background-size: 100% 100%;
	}


	.swiper-container {
		display: none;
	}
	
	.more {
		display: none;
	}
	
	
}