@charset "utf-8";
/* CSS Document */

/* clearfix */
.clearfix:after, 
header:after, 
#top-area:after
{  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}
.clearfix, 
header, 
#top-area
{ display: inline-table;}
/* Hides from IE-mac \*/  
* html .clearfix, 
* html header, 
* html #top-area
{ height: 1%; zoom: 1; }  
.clearfix, 
header, 
#top-area
{ display: block; }  
 /* IE7 */
*:first-child+html .clearfix, 
*:first-child+html header, 
*:first-child+html #top-area
{ zoom: 1;}
.clear 
{ clear:both;}

/* */
/* End hide from IE-mac */
a {
	color:#069;
	text-decoration:none;
}
a:hover {
	color:#f30;
	text-decoration:none;
}
a img{
	vertical-align:top;
}
a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
strong {
	font-weight:bold;
}
a.btn {
	display: inline-block;
	padding: 10px 15px;
	background:#288ad6;
	border-radius:5px;
	color: #FFF;
	transition: .1s;
	border-bottom: solid 4px #1b70b2;
	margin-top:0px; 
}
a.btn:hover {
    border-bottom: solid 1px #1b70b2;/*線を消す*/
    margin-top:3px;
	transition: .1s;
}
/* html5 */
 
@media screen and (min-width: 1000px) { 
	html {}
	body {
		background:url(../images/share/bg_header.gif) repeat-x;
		font-size:75%;
		font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    	line-height: 1.3;
		font-weight: normal;
		}
	#wrapper {
		max-width:1000px;
		margin:0 auto;
	}
}
@media screen and (min-width:320px) and (max-width: 1000px) {
	html { background:none;  background:#90cbf0;}
	body { 
		font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    	line-height: 1.3;
		font-weight: normal;}
	html {
		width:100%;
		}
	#wrapper {
		width:96%;
		margin:0 2%;
	}
}


@media screen and (min-width:240px) and (max-width: 641px) {
header {
	height:auto;
	background:#FFF;
	margin-bottom:30px;
	
	border-radius: 0 0 3px 3px;/* CSS3草案 */
	-webkit-border-radius:0 0 3px 3px;/* Safari,Google Chrome用 */
	-moz-border-radius:0 0 3px 3px;/* Firefox用 */
	
	box-shadow: 0px 0px 5px 0px #069;
	}
header #top-area {
	height:auto;
	border-bottom:#96cef1;
	background:#FFF;
	}
header h1 {
	width:100%;
	padding:20px 0;
	display:block;
	}
	
header h1 a{
	background:url(../images/share/logo.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
	background-position: 0 0;
	background-size:260px 40px;
	width:260px;
	height:40px; 
	display:block;
	margin:0 auto;
	}

#tvk45th a {
	background:url(../images/share/tvk45th.png) no-repeat top left;
	text-align:left;
	text-indent:-9999px;
	background-position: 0 0; 
	width: 206px;
	height: 40px; 
	display:block;
	margin: 0 auto;
}
}


@media screen and (min-width:641px) and (max-width: 1000px) {
header {
	height:auto;
	background:#FFF;
	margin-bottom:20px;
	border-radius: 0 0 3px 3px;/* CSS3草案 */
	-webkit-border-radius:0 0 3px 3px;/* Safari,Google Chrome用 */
	-moz-border-radius:0 0 3px 3px;/* Firefox用 */
	box-shadow: 0px 0px 5px 0px #069;
	}
header #top-area {
	height:auto;
	border-bottom:#96cef1;
	background:#FFF;
	}
header h1 {
	width:100%;
	padding:20px 0;
	display:block;
	}
header h1 a{
	background:url(../images/share/logo.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
	background-position: 0 0;
	width:520px;
	height:80px; 
	display:block;
	margin:0 auto;
	}
#tvk45th  a {
    background: url(../images/share/tvk45th.png) no-repeat top left;
    text-align: left;
    text-indent: -9999px;
    background-position: 0 0;
    width: 206px;
    height: 40px;
    display: block;
    margin: 0 auto;
}
}

@media screen and (min-width: 1000px) { 
header {
		height:170px;
		background:#FFF;
		margin-bottom:30px;
	}
header #top-area {
		height:110px;
		border-bottom:#96cef1;
	}
header h1 {
		padding:43px 0 0 5px;
		float:left;
	}
header h1 a{
		background:url(../images/share/header.png) no-repeat top left;
		text-align:left;
		text-indent:-9999px;
		background-position: 0 0; 
		width: 260px; 
		height: 40px; 
		display:block;
	}

#tvk45th {
	padding:43px 0 0 30px;
	float:left;
}
#tvk45th a {
	background:url(../images/share/tvk45th.png) no-repeat top left;
	text-align:left;
	text-indent:-9999px;
	background-position: 0 0; 
	width: 206px;
	height: 40px; 
	display:block;
}
}

@media screen and (min-width:240px) and (max-width: 640px) {
	header #pg-now {
		border:2px solid #3498db;
		width:94%;
		display:block;
		margin:2%;
		padding-top:1px;
		padding:1%;
		
		border-radius: 3px;/* CSS3草案 */
		-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;/* Firefox用 */
		}
	header #pg-now span {
		color:#3498db;
		display:block;
		width:100%;
		
		text-align:center;
		border-bottom:1px dashed #3498db;
		margin-bottom:1%;
		}
	header #pg-now dl {
		width:100%;
		}
	header #pg-now dl dt {
		float:left;
		background:#3498db;
		color:#FFF;
		padding:7px;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;/* Firefox用 */
		}
	header #pg-now dl dd {
		color:#3498db;
		padding:7px;
		margin-left:60px;
		width:74%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}	
}

@media screen and (min-width:640px) and (max-width: 1000px) {
header #pg-now {
		background:url(../images/share/header.png) no-repeat;
		background-position: 0 -730px;
		width:255px;
		height: 90px;
		float:left;
		display:block;
		margin:20px auto 0 10px;
		padding-left:100px;
	}
	header #pg-now span{
		margin:10px 10px 5px 30px;
		color:#3498db;
		display:block;
		width:215px;
		text-align:center;
		border-bottom:1px dashed #3498db;
	}
	header #pg-now dl {
		width:215px;
		margin-left:34px;
		}
	header #pg-now dl dt{
		float:left;
		background:#3498db;
		color:#FFF;
		padding:3px 7px;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;/* Firefox用 */
	}
	header #pg-now dl dd{
		color:#3498db;
		padding:3px 7px;
		margin-left:60px;
		width:60%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}
@media screen and (min-width: 1000px) { 
	header #pg-now {
		background:url(../images/share/header.png) no-repeat;
		background-position: 0 -730px;
		width:255px;
		height: 90px; 
		display:block;
		float:left;
		margin:20px 0 0 50px;
		padding-left:100px;
		}
	header #pg-now span{
		margin:10px 10px 5px 30px;
		color:#3498db;
		display:block;
		width:215px;
		text-align:center;
		border-bottom:1px dashed #3498db;
		}
	header #pg-now dl {
		width:215px;
		margin-left:34px;
		}
	header #pg-now dl dt{
		float:left;
		background:#3498db;
		color:#FFF;
		padding:7px;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;/* Firefox用 */
		}
	header #pg-now dl dd{
		color:#3498db;
		padding:7px;
		margin-left:48px;
		}
}

/* ======================================= */
@media screen and (min-width:240px) and (max-width: 640px) {
	#search-area {
		display:none;
		}
}
@media screen and (min-width:640px) and (max-width: 1000px) {
	#search-area {
		width:300px;
		float:left;
		}
}
@media screen and (min-width: 1000px) { 
	#search-area {
		width:255px;
		float:right;
		}
}
@media screen and (min-width:240px) and (max-width: 640px) {
#sns-btn {
	width:74px;
	margin:0 auto;
	}

.fb-btn.button_base {
	margin-right:5px;
	}
.fb-btn, 
.tw-btn {
	width:32px;
	height:32px;
	float:left;
	display:block;
	}
.fb-btn a, 
.tw-btn a 
{
	text-indent:-9999px;
	display:block;
//	background:url(../images/share/header.png) no-repeat;
	}
.fb-btn a{ background-position: 0 -830px; width: 32px; height: 32px;}
.fb-btn a:hover{ background-position: 0 -872px; width: 32px; height: 32px;}

.tw-btn a{ background-position: 0 -914px; width: 32px; height: 32px;}
.tw-btn a:hover{ background-position: 0 -956px; width: 32px; height: 32px;}
}

@media screen and (min-width:640px) and (max-width: 1000px) {
#sns-btn {
	width:74px;
	float:right;
	padding:39px 20px 39px 0;
	}

.fb-btn.button_base {
	margin-right:5px;
	}
.fb-btn, 
.tw-btn {
	width:32px;
	height:32px;
	float:left;
	display:block;
	}
.fb-btn a, 
.tw-btn a 
{
	text-indent:-9999px;
	display:block;
	background:url(../images/share/header.png) no-repeat;
	}
.fb-btn a{ background-position: 0 -830px; width: 32px; height: 32px;}
.fb-btn a:hover{ background-position: 0 -872px; width: 32px; height: 32px;}

.tw-btn a{ background-position: 0 -914px; width: 32px; height: 32px;}
.tw-btn a:hover{ background-position: 0 -956px; width: 32px; height: 32px;}
}

@media screen and (min-width: 1000px)  {
#sns-btn {
	width:74px;
	float:right;
	padding:38px 0;
	}

.fb-btn.button_base {
	margin-right:5px;
	}
.fb-btn, 
.tw-btn {
	width:32px;
	height:32px;
	float:left;
	display:block;
	}
.fb-btn a, 
.tw-btn a 
{
	text-indent:-9999px;
	display:block;
	background:url(../images/share/header.png) no-repeat;
	}
.fb-btn a{ background-position: 0 -830px; width: 32px; height: 32px;}
.fb-btn a:hover{ background-position: 0 -872px; width: 32px; height: 32px;}

.tw-btn a{ background-position: 0 -914px; width: 32px; height: 32px;}
.tw-btn a:hover{ background-position: 0 -956px; width: 32px; height: 32px;}
}


/* --------------------------------------------------------- グローバルナビゲーション */
@media screen and (min-width: 1000px) { 
header nav {
	width:100%;
	}
header nav ul {
	}
header nav ul li{
	float:left;
	height:56px;
	border:1px solid #96cef1;
	border-right:none;
	}
header nav ul li.n01{ width:72px;}
header nav ul li.n02{ width:222px;}
header nav ul li.n03{ width:207px;}
header nav ul li.n04{ width:230px;}
header nav ul li.n05{ width:263px; border-right:1px solid #96cef1;}

header nav ul li a{	
	display:block;
}
/* css animation */
.button_base {
    margin: 0;
    border: 0;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
	margin:1px;
	margin-right:0px;
}
.button_base:hover {
    cursor: pointer;
}
.roll_3d, 
nav ul li
 {
    perspective: 500px;
    /*-webkit-perspective: 500px;*/
    -moz-perspective: 500px;
}

.roll_3d div, 
nav ul li a{
    position: absolute;
    text-align: center;
    height: 50px;
    /*pointer-events: none;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	display:block;
}

.roll_3d div:nth-child(1), 
nav ul li a:nth-child(1) {
    color: #96cef1;
    background-color: #3498db;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
	display:block;
}

.roll_3d div:nth-child(2), 
nav ul li a:nth-child(2) 
 {
    color: #000000;
    background-color: #ffffff;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
	display:block;
}

.roll_3d:hover div:nth-child(1), 
nav ul li:hover a:nth-child(1) 
{
    color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
	display:block;
}

.roll_3d:hover div:nth-child(2), 
nav ul li:hover a:nth-child(2)
{
    background-color: #3498db;
	color:#3498db;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
	display:block;
}
nav ul {
	background:#96cef1;
	height:60px;
	}
nav ul li {
	}
nav ul li.n01 a, 
nav ul li.n02 a, 
nav ul li.n03 a, 
nav ul li.n04 a, 
nav ul li.n05 a { 
background:url(../images/share/header.png) no-repeat top left;
text-align:left;
text-indent:-9999px;
display:block;
z-index:1000;
}
nav ul li.n01 a{ background-position: 0 -50px; width: 72px; height: 58px; }
nav ul li.n02 a{ background-position: 0 -186px; width: 222px; height: 58px; } 
nav ul li.n03 a{ background-position: 0 -322px; width: 207px; height: 58px; }
nav ul li.n04 a{ background-position: 0 -458px; width: 230px; height: 58px; } 
nav ul li.n05 a{ background-position: 0 -594px; width: 263px; height: 58px; } 

nav ul li.n01 a{ width:72px;}
nav ul li.n01 a:nth-child(1){ background-position: 0 -118px; width: 72px; height: 58px;}
nav ul li.n01:hover a:nth-child(2){ background:#3498db none;}
	
nav ul li.n02 {	width:222px;}
nav ul li.n02 a:nth-child(1){ background-position: 0 -254px; width: 222px; height: 58px; }
nav ul li.n02:hover a:nth-child(2){ background:#3498db no-repeat;}

nav ul li.n03 {	width:207px;}
nav ul li.n03 a:nth-child(1){ background-position: 0 -390px; width: 207px; height: 58px;}
nav ul li.n03:hover a:nth-child(2){ background:#3498db no-repeat;}

nav ul li.n04 {	width:230px;}
nav ul li.n04 a:nth-child(1){ background-position: 0 -526px; width: 230px; height: 58px;}
nav ul li.n04:hover a:nth-child(2){ background:#3498db no-repeat;}

nav ul li.n05 {	width:264px;}
nav ul li.n05 a:nth-child(1){ background-position: 0 -662px; width: 264px; height: 58px;}
nav ul li.n05:hover a:nth-child(2){ background:#3498db no-repeat;}
#toggle a{
	display:none;
  }
}

/**/
@media screen and (min-width:240px) and (max-width: 640px) {
nav ul {
	padding:2%;
	}
nav ul li a:nth-child(even) {
	display:block;
	width:100%;
	padding:1em 0;
	margin:1% 0 0 0;
	background:#3498db;
	color:#FFF;
	
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	text-align:center;
	
}
nav ul li a:nth-child(odd) {
	display:none;
}
/**/
	#gmenu{
    	display: none;
  	}
	#gmenu li{
		width: 100%;
	}
	#toggle{
		display: block;
		position: relative;
		width: 100%;
		background: #3498db;
		margin-top:2%;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 12px 0 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #3498db;
	}
	#toggle a:before{
		margin-top: -6px;
	}
	#toggle a:after{
		margin-top: 2px;
	}

}
@media screen and (min-width:640px) and (max-width: 1000px) {
	nav ul {
		padding:2%;
		}
	nav ul li a:nth-child(even) {
		display:block;
		width:17%;
		padding:1em 1%;
		margin:0 1% 0 0;
		float:left;
		background:#3498db;
		color:#FFF;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;/* Firefox用 */
		text-align:center;
	}
	nav ul li a:nth-child(odd) {
		display:none;
	}
	#toggle a{
		display:none;
	}
}

/* ============================================================ section*/

/*section,*/ 
/*#contents ul li a{
	background:#FFF;
	border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #ccc;
	margin:10px 0;
	}*/	
/*#contents { 
	width:990px;
	background:none;
	box-shadow: 0px 0px 0px 0px;
	}*/
/*#contents h3{ 
	width:980px;
	background:#3498db;
	color:#FFF;
	border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #ccc;
}*/

/*#contents ul li a {
	display:block;
	float:left;
	width:192px;
	height:116px;
	margin:5px 5px 0 0; 
	}
*/
section#topics {
	width:485px;
	float:left;
	margin:10px 10px 0 0;
}
section#mov-news {
	width:485px;
	float:left;
	margin:10px 0 0 0;
}


/* =================== */
@media screen and (min-width: 1000px) { 
footer {
	padding:20px 0 0 0;
	}
#f-top {
	padding:0 0 20px 0;
	width:1000px;
	margin:0 auto;
	position:relative;
	}
#mbc {
	width:170px;
	height:520px;
	display:block;
	position:absolute;
	bottom:0px;
	right:-180px;
	background:url(../images/share/bg_mbc.png) no-repeat;
	z-index:0;
	}
#f-bottom {
	padding:20px 0 0 0;
	background:#999;
	}
#bnr-area {}
#bnr-area ul {
	width:1020px;
	}
#bnr-area ul li{
	width:155px;
	margin-right:14px;
	float:left;
	background:#FFF;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	margin-bottom:14px;
	}
#sns-area {
	margin:20px 0 40px 0;
	background:#FFF;
	padding:10px;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	width:300px;
	}
#ftr, #ftr a {
	text-align:center;
	color:#FFF;
	}
#copy {
	text-align:center;
	margin-top:30px;
	}
}
@media screen and (min-width:640px) and (max-width: 1000px) {
footer {
	padding:20px 0 0 0;
	}
#f-top {
	padding:0 0 20px 0;
	width:96%;
	margin:0 2%;
	}
#f-bottom {
	padding:20px 0 0 0;
	background:#999;
	}
#bnr-area {
	width:96%;
	margin:2%;
	}
#bnr-area ul {
	width:100%;
	}
#bnr-area ul li{
	width:31%;
	margin:0 2% 2% 0;
	margin-bottom:1%;
	float:left;
	background:#FFF;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	}
#bnr-area ul li a {
	}
#bnr-area ul li a img{
	width: 100%;
	height:100%;
	}

#sns-area {
	background:#FFF;
	padding:2%;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	width:96%;
	margin:0;
	}
#ftr, #ftr a {
	text-align:center;
	color:#FFF;
	}
#copy {
	text-align:center;
	margin-top:30px;
	}
	}
@media screen and (min-width:240px) and (max-width: 640px) {
	footer {
	padding:20px 0 0 0;
	width:100%;
	margin:0;
	}
#f-top {
	padding:0 0 20px 0;
	width:96%;
	margin:0 2%;
	}
#f-bottom {
	padding:20px 0 0 0;
	background:#999;
	}
#bnr-area {}
#bnr-area ul {}
#bnr-area ul li{
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	background:#FFF;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	}
#bnr-area ul li img{
	width:100%;
	height:100%;
	}
#sns-area {
	background:#FFF;
	padding:2%;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	width:96%;
	margin:0;
	}
#ftr, #ftr a {
	text-align:center;
	color:#FFF;
	}
#copy {
	text-align:center;
	margin-top:30px;
	}
}
html{
    background:#90cbf0 url(../images/share/bg_cloud_1.png);
}
html{
	-webkit-animation: cloud 60s linear infinite;
    -moz-animation: cloud 60s linear infinite;
	animation: cloud 60s linear infinite;
}
@-webkit-keyframes cloud {
    0% {background-position:0px 100px;}
    100% {background-position:1885px 100px;}
}
@-moz-keyframes cloud {
    0% {background-position:0px 100px;}
    100% {background-position:1885px 100px;}
}

@keyframes cloud {
    0% {background-position:0px 100px;}
    100% {background-position:1885px 100px;}
}

.wani-car {
	width: 150px;
	height: 96px;
	
	margin:1em auto;
	overflow:hidden;
	
	display: inline-block;
	position: relative;
	vertical-align: top;
	position:absolute;
	bottom:-12px;
	left:-150px;
	
	background: url(../images/share/wani_car.png) no-repeat left top;
	-webkit-animation: frame-animation 1s steps(6) infinite;
	-moz-animation: frame-animation 1s steps(6) infinite; 
	animation: frame-animation 1s steps(6) infinite;    
}
@-webkit-keyframes frame-animation {
	0% { background-position: 0px 0; } 
	100% { background-position: -900px 0; } 
}
@-moz-keyframes frame-animation {
	0% { background-position: 0px 0; } 
	100% { background-position: -900px 0; } 
}
@keyframes frame-animation { 
	0% { background-position: 0px 0; } 
	100% { background-position: -900px 0; } 
}

/* ------------------------------------------------------------------------------------------------ 140725　CDN用 一時的処置 */
header #pg-now {
	visibility: hidden; 
	/*解除 160218 */
	/* 160118 一時的 */
	}
	@media screen and (max-width: 640px) and (min-width: 240px){
		header #pg-now {
		display:none;
		}
	}
header #pg-now span{
	/*display:none;*/
	}
header #pg-now dl {
	/*width:215px;*/
	/*display:none;*/
	}