@charset "utf-8";
#wrap {
	position: relative;/* jquery.pagetop.jsで、.gotopを下部に固定するため */
	overflow: hidden;/* モバイル観覧での余白対策 */
}
/* =========================================================
 header
========================================================= */
#header {
}
#header .h-logo > a {
	display: block;
}
#header #header-contents .h-pochi img {
	width: 100%;
	height: auto;
}
#header .h-sns > ul {
	display: table;
	width: auto;
}
#header .h-sns > ul > li {
	display: table-cell;
}
#header .h-sns > ul > li span {
	display: block;
	border-radius: 50%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	/*スコットケラムメソッド*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#header .h-sns > ul > li span.fb {
	background-image: url(../images/icon-sns-fb.png);
}
#header .h-sns > ul > li span.tw {
	background-image: url(../images/icon-sns-tw.png);
}
#header .h-sns > ul > li span.ig {
	background-image: url(../images/icon-sns-ig.png);
}
#header .h-sns > ul > li span.yt {
	background-image: url(../images/icon-sns-yt.png);
}


@media screen and (max-width: 640px) {
#header #header-contents .h-nav-contents .h-link .link-home,
#header .h-menu .h-gnav nav > ul > li.nav-search {
	display: none;
}
#header {
	width: 100%;
	border-bottom: 1px solid #00afec;
	background: url(../images/bg-header-footer-dot-sp.png) repeat 50% 0;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}
#header #header-contents {
	display: table;
	width: 100%;
	height: 94px;
	position: relative;
	z-index: 9999;
}
#header #header-contents .h-logo {
	display: table-cell;
	padding-left: 16px;
}
#header #header-contents .h-menu {
	display: table-cell;
	width: 82px;
	position: relative;
	z-index: 1;
}
#header .h-logo > a {
	display: block;
	max-width: 198px;
}
#header .h-logo > a > img {
	width: 100%;
	height: auto;
}
#header .h-menu .btn {
	width: 65px;
	height: 95px;
	display: block;
	cursor: pointer;
	background-color: #00afec;
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 10001;
	transition: .2s;
}
#panel-btn {
  display: block;
  position: relative;
  width: 65px;
  height: 95px;
  /*スコットケラムメソッド*/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#header .h-menu .btn #panel-btn-icon {
  display: block;
  position: absolute;
  top: 31px;
  left: 50%;
  width: 30px;
  height: 4px;
  margin: -2px 0 0 -15px;
  background: #fff;
  border-radius: 2px;
  transition: .2s;
}
#header .h-menu .btn #panel-btn-icon:before,
#header .h-menu .btn #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  transition: .3s;
}
#header .h-menu .btn #panel-btn-icon:before{
  margin-top: -12px;
}
#header .h-menu .btn #panel-btn-icon:after{
  margin-top: 8px;
}
/*---- メニュー展開時のボタン ここから -----*/
#header .h-menu .btn.close,
#header .h-menu .btn.close #panel-btn {
	height: 65px;
}
#header .h-menu .btn.close #panel-btn-icon {
  background: transparent;
}
#header .h-menu .btn.close #panel-btn-icon:before,
#header .h-menu .btn.close #panel-btn-icon:after{
  margin-top: 0;
}
#header .h-menu .btn.close #panel-btn-icon:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#header .h-menu .btn.close #panel-btn-icon:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
/*---- メニュー展開時のボタン ここまで -----*/
#header .h-menu .h-nav {
	background-color: rgba(255,255,255,0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	padding: 8px 8px 90px 8px;
	display: none;/**/
}
#header .h-menu .h-nav .h-nav-contents {
	border-radius: 5px;
	padding-top: 105px;
	padding-bottom: 20px;
	background: #00afec url(../images/bg-menu-spl.png) no-repeat 0 0;
	-webkit-background-size: auto 105px;
	background-size: auto 105px;
}
#header .h-menu .h-gnav {
	border-bottom: 1px solid #fff;
}
#header .h-menu .h-gnav nav > ul,
#header .h-menu .h-gnav nav > ul > li + li {
	border-top: 1px solid #fff;
}
#header .h-menu .h-gnav nav > ul > li > a {
	color: #fff;
	background-color: #00afec;
	display: block;
	padding: 25px 25px 25px 60px;
	text-decoration: none;
	font-size: 1.6rem;
	position: relative;
}
#header .h-menu .h-gnav nav > ul > li > a:after {
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 0;
	left: 0;
	right: 15px;
	top: 0;
	margin: auto 0 auto auto;
	position: absolute;
}
#header .h-menu .h-gnav nav > ul > li > dl > dt {
	color: #fff;
    background-color: #00afec;
    display: block;
    padding: 25px 25px 25px 60px;
    text-decoration: none;
    font-size: 1.6rem;
    position: relative;
}
#header .h-menu .h-gnav nav > ul > li > dl > dt:before,
#header .h-menu .h-gnav nav > ul > li > dl > dt:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 16px;
  height: 2px;
  background: #fff;
  transition: .3s;
}
#header .h-menu .h-gnav nav > ul > li > dl > dt:after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#header .h-menu .h-gnav nav > ul > li.nav-home > a {
	background-image: url(../images/icon-menu-home-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-news > a {
	background-image: url(../images/icon-menu-news-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-news2 > a,
#header .h-menu .h-gnav nav > ul > li.nav-news3 > a {
	background-image: url(../images/icon-menu-news2-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-program > dl > dt,
#header .h-menu .h-gnav nav > ul > li.nav-program3 > dl > dt {
	background-image: url(../images/icon-menu-program-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-announcer > a,
#header .h-menu .h-gnav nav > ul > li.nav-announcer3 > a {
	background-image: url(../images/icon-menu-announcer-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-event > a,
#header .h-menu .h-gnav nav > ul > li.nav-event3 > a {
	background-image: url(../images/icon-menu-event-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-post > a,
#header .h-menu .h-gnav nav > ul > li.nav-post3 > a {
	background-image: url(../images/icon-menu-post-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-yakyu > a {
	background-image: url(../images/icon-menu-yakyu-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-ondemand > a,
#header .h-menu .h-gnav nav > ul > li.nav-ondemand3 > a {
	background-image: url(../images/icon-menu-ondemand-sp.png);
}
#header .h-menu .h-gnav nav > ul > li.nav-mcas > a {
	background-image: url(../images/icon-menu-mcas-sp.png);
}
#header .h-menu .h-gnav nav > ul > li > a,
#header .h-menu .h-gnav nav > ul > li > dl > dt {
	background-position: 0 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
/*---- メニュー第2階層展開時のdt ここから -----*/
#header .h-menu .h-gnav nav > ul > li > dl > dt.active {
	background-color: #0b90d6;
}
#header .h-menu .h-gnav nav > ul > li > dl > dt.active:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#header .h-menu .h-gnav nav > ul > li > dl > dt.active:after {
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
/*---- メニュー第2階層展開時のdt ここまで -----*/
#header .h-menu .h-gnav nav > ul > li > dl > dd {
	background-color: #0b90d6;
	padding-left: 28px;
	padding-right: 28px;
}
#header .h-menu .h-gnav nav > ul > li > dl > dd > ul > li {
	border-top: 1px dotted #fff;
}
#header .h-menu .h-gnav nav > ul > li > dl > dd > ul > li > a {
	color: #fff;
	background-color: #0b90d6;
	display: block;
	padding: 15px 35px;
	text-decoration: none;
	font-size: 1.6rem;
}
#header .h-sns {
	width: 100%;
	padding-bottom: 20px;
	padding-top: 8px;
}
#header .h-sns > ul {
	margin-left: auto;
	margin-right: auto;
}
#header .h-sns > ul > li {
	padding: 0 7px;
}
#header .h-sns > ul > li > a {
	display: block;
	width: 39px;
	height: 39px;
}
#header .h-sns > ul > li span {
	width: 39px;
	height: 39px;
	background-color: #000;
}
.h-menu .h-nav .menuclose > a {
	color: #fff;
	background-color: #00afec;
	padding: 20px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 1.6rem;
}
.h-menu .h-nav .menuclose > a > span {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.h-menu .h-nav .menuclose > a > span:before, .h-menu .h-nav .menuclose > a > span:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: auto 0;
}
.h-menu .h-nav .menuclose > a > span:before, .h-menu .h-nav .menuclose > a > span:before {
	width: 12px;
	height: 2px;
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.h-menu .h-nav .menuclose > a > span:after, .h-menu .h-nav .menuclose > a > span:after {
	width: 2px;
	height: 12px;
	background-color: #fff;
	left: 5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*---- クスロール時固定(18pxスクロールしたら#headerに.fixedを付ける) ここから -----*/
#header.fixed #header-contents .h-logo {
	padding-right: 82px;
}
#header.fixed  #header-contents .h-menu {
	position: fixed;
	top: 0;
	right: 0;
}
#header.fixed  #header-contents .btn {
	top: 0;
}
#header.fixed  #header-contents .h-menu .btn.close {
	top: 17px;
	background-color: transparent;
}
/*---- #header.fixed クスロール時固定 ここまで -----*/
#header #header-contents .h-pochi {
	display: none;
}
}

@media print, screen and (min-width: 641px) {
#header #header-contents .h-menu .btn,
#header #header-contents .h-menu .menuclose {
	display: none;
}
#header:not(.fixed) {
	width: 100%;
	height: 230px;
	background-color: #fff;
	background: url(../images/bg-header-dot-pc.png) repeat-x left 50% bottom 87px;
}
#header:not(.fixed) #header-contents {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
#header:not(.fixed) #header-contents .h-logo {
	padding-top: 20px;
	text-align: center;
}
#header:not(.fixed) #header-contents .h-logo a {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
#header #header-contents .h-logo a img {
	max-width: 100%;
	height: auto;
}
#header:not(.fixed) #header-contents .h-nav-contents {
	display: block;
	position: relative;
}
#header #header-contents .h-nav-contents .h-link {
	display: block;
	top: -53px;
	right: 0;
	position: absolute;
}
#header #header-contents .h-nav-contents .h-link .link-home {
	display: inline-block;
}
#header .h-sns {
	display: inline-block;
}
#header .h-sns > ul {
	margin-left: auto;
}
#header .h-sns > ul > li {
	padding: 0 4px;
}
#header .h-sns > ul > li > a {
	display: block;
	width: 46px;
	height: 46px;
}
#header .h-sns > ul > li span {
	width: 46px;
	height: 46px;
	background-color: #00afec;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav {
	padding-left: 278px;
}
#header #header-contents .h-nav-contents .h-gnav nav > ul {
	width: 100%;
	/*display: block;*/
	display: flex;
	justify-content: flex-end;
}
#header #header-contents .h-nav-contents .h-gnav nav > ul:after {
	content: "";
	display: block;
	clear: both;
}
#header #header-contents .h-nav-contents .h-gnav nav > ul > li {
	float: left;
}
#header #header-contents .h-nav-contents .h-gnav nav > ul > li > a,
#header #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dt > span {
	display: block;
	position: relative;
	/*スコットケラムメソッド*/
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}
#header #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-home {
	display: none;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2 {
	width: 148px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news > a {
	width: 148px;
	height: 110px;
	background: url(../images/gnav-pc-news-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2 > a {
	width: 148px;
	height: 110px;
	background: url(../images/gnav-pc-news2-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-news3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news > a.hover {
	background: url(../images/gnav-pc-news-on.png) no-repeat 0 0;
	position: absolute;
	width: 148px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2 > a.hover {
	background: url(../images/gnav-pc-news2-on.png) no-repeat 0 0;
	position: absolute;
	width: 148px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 > a.hover {
	background: url(../images/gnav-pc-news3-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program {
	position: relative;
	width: 118px;
	height: 110px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 {
	position: relative;
	width: 149px;
	height: 110px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt {
	width: 118px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt {
	width: 149px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt > span {
	width: 118px;
	height: 110px;
	background: url(../images/gnav-pc-program-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt > span {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-program3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt.active {
	width: 122px;
	margin-top: 14px;
	margin-left: -4px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt.active {
	width: 149px;
	//margin-top: 14px;
	//margin-left: -4px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:hover > span,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:focus > span,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt.active > span {
	width: 122px;
	height: 108px;
	background: url(../images/gnav-pc-program-on.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:hover > span,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:focus > span,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt.active > span {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-program3-on.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dd {
	margin-left: -50px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li > dl {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dt {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	z-index: 11;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dd {
	display: block;
	background-color: #00afec;
	-webkit-box-shadow:10px 10px 0px 0px rgba(134, 195, 230, 0.55);
	box-shadow:10px 10px 0px 0px rgba(134, 195, 230, 0.55);
	width: 250px;
	border-radius: 5px;
	padding: 10px 20px;
	position: absolute;
	top: 110px;
	z-index: 10;
	display: none;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dd > ul > li + li {
	border-top: 1px dotted #fff;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dd a {
	color: #fff;
	font-weight: 1.6rem;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 15px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer3 {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-announcer-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer3 > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-announcer3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-nannouncer > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer > a.hover {
	background: url(../images/gnav-pc-announcer-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0px;
	left: 0px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer3 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer3 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-nannouncer3 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer3 > a.hover {
	background: url(../images/gnav-pc-announcer3-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0px;
	left: 0px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event {
	width: 113px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event > a {
	width: 113px;
	height: 110px;
	background: url(../images/gnav-pc-event-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-event3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event > a.hover {
	background: url(../images/gnav-pc-event-on.png) no-repeat 0 0;
	position: absolute;
	width: 122px;
	height: 110px;
	top: 0px;
	left: -9px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 > a.hover {
	background: url(../images/gnav-pc-event3-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0px;
	left: 0px;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post {
	width: 133px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3 {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post > a {
	width: 133px;
	height: 110px;
	background: url(../images/gnav-pc-form-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3 > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-form3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post > a.hover {
	background: url(../images/gnav-pc-form-on.png) no-repeat 0 0;
	position: absolute;
	width: 133px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3 > a.hover {
	background: url(../images/gnav-pc-form3-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu {
	width: 133px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu > a {
	width: 133px;
	height: 110px;
	background: url(../images/gnav-pc-yakyu-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-yakyu3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu > a.hover {
	background: url(../images/gnav-pc-yakyu-on.png) no-repeat 0 0;
	position: absolute;
	width: 133px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 > a.hover {
	background: url(../images/gnav-pc-yakyu3-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand {
	width: 130px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand > a {
	width: 130px;
	height: 110px;
	background: url(../images/gnav-pc-ondemand-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-ondemand3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand > a.hover {
	background: url(../images/gnav-pc-ondemand-on.png) no-repeat 0 0;
	position: absolute;
	width: 130px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 > a.hover {
	background: url(../images/gnav-pc-ondemand3-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas {
	width: 130px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas3 {
	width: 149px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas > a {
	width: 130px;
	height: 110px;
	background: url(../images/gnav-pc-mcas-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas3 > a {
	width: 149px;
	height: 110px;
	background: url(../images/gnav-pc-mcas3-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas > a.hover {
	background: url(../images/gnav-pc-mcas-on.png) no-repeat 0 0;
	position: absolute;
	width: 130px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas3 > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas3 > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas3 > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas3 > a.hover {
	background: url(../images/gnav-pc-mcas3-on.png) no-repeat 0 0;
	position: absolute;
	width: 149px;
	height: 110px;
	top: 0;
	left: 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-search {
	width: 84px;
	height: 110px;
	position: relative;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-search > a {
	width: 84px;
	height: 110px;
	background: url(../images/gnav-pc-search-off.png) no-repeat 0 0;
}
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-search > a:hover,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-search > a:active,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-search > a:focus,
#header:not(.fixed) #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-search > a.hover {
	background: url(../images/gnav-pc-search-on.png) no-repeat 0 0;
	position: absolute;
	width: 84px;
	height: 110px;
	top: 0;
	left: 0;
}
#header #header-contents .h-pochi {
	display: block;
	position: absolute;
	width: 270px;
	height: 190px;
	top: 30px;
	left: 20px;
	z-index: 0;
}
/*---- クスロール時固定(00pxスクロールしたら#headerに.fixedを付ける) ここから -----*/
#header.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0;
	background: #fff url(../images/bg-header-dot-pc.png) repeat-x 50% 0;
	z-index: 70;
}
#header.fixed  #header-contents {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#header.fixed  #header-contents:after {
	content: "";
	display: block;
	clear: both;
}
#header.fixed  #header-contents .h-logo {
	width: 210px;
	float: left;
}
#header.fixed  #header-contents .h-logo a {
	width: 210px;
	height: 60px;
	padding: 5px 5px 0 5px;
}
#header.fixed  #header-contents .h-menu {
	width: 990px;
	float: right;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li {
	height: 60px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li > dl {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 80;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dt {
	position: absolute;
	z-index: 81;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dd {
	display: block;
	background-color: #00afec;
	-webkit-box-shadow:10px 10px 0px 0px rgba(134, 195, 230, 0.55);
	box-shadow:10px 10px 0px 0px rgba(134, 195, 230, 0.55);
	width: 250px;
	border-radius: 5px;
	padding: 10px 20px;
	position: absolute;
	top: 60px;
	z-index: 10;
	display: none;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dd > ul > li + li {
	border-top: 1px dotted #fff;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li > dl > dd a {
	color: #fff;
	font-weight: 1.6rem;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 15px;
}

#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 {
	width: 170px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news > a {
	width: 170px;
	height: 60px;
	background: url(../images/gnav-pc-news-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news2 > a {
	width: 170px;
	height: 60px;
	background: url(../images/gnav-pc-news2-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-news3 > a{
	width: 170px;
	height: 60px;
	background: url(../images/gnav-pc-news3-fixed.png) no-repeat 0 0;
}	
#header.fixed  #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program,
#header.fixed  #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 {
	width: 155px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt {
	width: 155px;
	height: 60px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt > span {
	width: 155px;
	height: 60px;
	background: url(../images/gnav-pc-program-fixed-off.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt > span {
	width: 155px;
	height: 60px;
	background: url(../images/gnav-pc-program3-fixed-off.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:hover,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:focus,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt.active {
	width: 155px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:hover,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:focus,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt.active {
	width: 155px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:hover > span,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt:focus > span,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dt.active > span {
	width: 155px;
	height: 75px;
	background: url(../images/gnav-pc-program-fixed-on.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:hover > span,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt:focus > span,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dt.active > span {
	width: 155px;
	height: 75px;
	background: url(../images/gnav-pc-program3-fixed-on.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program > dl > dd,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-program3 > dl > dd {
	margin-left: -50px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer3 {
	width: 175px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer > a {
	width: 175px;
	height: 60px;
	background: url(../images/gnav-pc-announcer-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-announcer3 > a {
	width: 175px;
	height: 60px;
	background: url(../images/gnav-pc-announcer3-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 {
	width: 160px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event > a {
	width: 160px;
	height: 60px;
	background: url(../images/gnav-pc-event-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-event3 > a {
	width: 160px;
	height: 60px;
	background: url(../images/gnav-pc-event3-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3{
	width: 165px;
	height: 60px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post > a {
	width: 165px;
	height: 60px;
	background: url(../images/gnav-pc-post-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-post3 > a {
	width: 165px;
	height: 60px;
	background: url(../images/gnav-pc-post3-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 {
	width: 165px;
	height: 60px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu > a {
	width: 165px;
	height: 60px;
	background: url(../images/gnav-pc-yakyu-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-yakyu3 > a {
	width: 165px;
	height: 60px;
	background: url(../images/gnav-pc-yakyu3-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand,
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 {
	width: 165px;
	height: 60px;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand > a {
	width: 165px;
	height: 60px;
	background: url(../images/gnav-pc-ondemand-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-ondemand3 > a {
	width: 165px;
	height: 60px;
	background: url(../images/gnav-pc-ondemand3-fixed.png) no-repeat 0 0;
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas {
	display: none;
/*
	width: 165px;
	height: 60px;
*/
}
#header.fixed #header-contents .h-nav-contents .h-gnav nav > ul > li.nav-mcas > a {
/*
	width: 165px;
	height: 60px;
	background: url(../images/gnav-pc-mcas-fixed.png) no-repeat 0 0;
*/
}
#header.fixed  #header-contents .h-menu .btn,
#header.fixed  #header-contents .h-menu .h-link,
#header.fixed .h-menu .h-gnav nav > ul > li.nav-home,
#header.fixed .h-menu .h-gnav nav > ul > li.nav-search,
#header.fixed  #header-contents .h-pochi {
	display: none;
}
/*---- #header.fixed クスロール時固定 ここまで -----*/
}
/* =========================================================
 pageimage
========================================================= */
/* slider
--------------------------------------------------------- */
@media screen and (max-width: 640px) {
}

@media print, screen and (min-width: 641px) {
}
/* =========================================================
 container
========================================================= */
@media screen and (max-width: 640px) {
body#home #container {
	background: url(../images/bg-container-01-sp-min.png) repeat-x 50% -150px, url(../images/bg-container-02-sp-min.png) repeat-x 100%  -150px, url(../images/bg-container-03-sp-min.png) repeat-x 100% -150px;
	-webkit-animation: bgscrollsphome 100s linear infinite;
	animation: bgscrollsphome 100s linear infinite;

}
body:not(#home):not(#pochi):not(.white) #container {
	padding-bottom: 90px;
	background: url(../images/bg-container-01-sp-min.png) repeat-x 50% -375px, url(../images/bg-container-02-sp-min.png) repeat-x 100%   -375px, url(../images/bg-container-04-sp-min.png) repeat-x left 50% bottom -375px, url(../images/bg-container-05-sp-min.png) repeat-x left 100% bottom -375px, url(../images/bg-container-03-sp-min.png) repeat-x 100% -375px, url(../images/bg-container-06-sp-min.png) repeat-x left 0 bottom -375px;
	-webkit-animation: bgscrollsp 100s linear infinite;
	animation: bgscrollsp 100s linear infinite;
}

body#yakyu.index #container {
	padding-bottom: 0;
}
body:not(#home) #container #main {
	padding: 35px 16px 0 16px;
}
#side {
	margin-top: 35px;
}
#side > div + div {
	margin-top: 25px;
}
}
@-webkit-keyframes bgscrollsphome {
 0% {background-position: 0 -150px, 100px -150px, 200px -150px;}
 100% {background-position: 750px -150px, -650px -150px, 550px -150px;}
}
@keyframes bgscrollsphome {
 0% {background-position: 0 -150px, 100px -150px, 200px -150px;}
 100% {background-position: 750px -150px, -650px -150px, 550px -150px;}
}

@-webkit-keyframes bgscrollsp {
 0% {background-position: 0 -375px, 100px -375px, left 0 bottom -375px, left 100px bottom -375px, 200px -375px, left 200px bottom -375px;}
 100% {background-position: 750px -375px, -650px -375px, left 750px bottom -375px, left -650px bottom -375px, 550px -375px, left 550px bottom -375px;}
}
@keyframes bgscrollsp {
 0% {background-position: 0 -375px, 100px -375px, left 0 bottom -375px, left 100px bottom -375px, 200px -375px, left 200px bottom -375px;}
 100% {background-position: 750px -375px, -650px -375px, left 750px bottom -375px, left -650px bottom -375px, 550px -375px, left 550px bottom -375px;}
}
@media print, screen and (min-width: 641px) {
body:not(#home):not(#pochi):not(.white) #container {
	background: url(../images//bg-container-01-pc-min.png) repeat-x 50% -750px;
	background: url(../images/bg-container-01-pc-min.png) repeat-x 50% -750px, url(../images/bg-container-02-pc-min.png) repeat-x 100% -750px, url(../images/bg-container-04-pc-min.png) repeat-x left 50% bottom -750px, url(../images/bg-container-05-pc-min.png) repeat-x  left 100% bottom -750px, url(../images/bg-container-03-pc-min.png) repeat-x 100% -750px, url(../images/bg-container-06-pc-min.png) repeat-x left 50% bottom -750px;
	-webkit-animation: bgscrollpc 100s linear infinite;
	animation: bgscrollpc 100s linear infinite;
}
body:not(#home) #container {
	width: 100%;
	min-height: 300px;
	padding: 40px 0 230px;
}
#home #container {
	background: url(../images/bg-container-01-pc-min.png) repeat-x 50% -280px;
	width: 100%;
	min-height: 300px;
	background: url(../images/bg-container-white-pc-min.png) repeat-x 0 0, url(../images/bg-container-01-pc-min.png) repeat-x 50% -280px, url(../images/bg-container-02-pc-min.png) repeat-x 100% -280px, url(../images/bg-container-03-pc-min.png) repeat-x 100% -280px;
	padding: 40px 0 0;
	-webkit-animation: bgscrollpchome 100s linear infinite;
	animation: bgscrollpchome 100s linear infinite;

}
#program.category #container {
	background: url(../images/bg-container.png) repeat-x 0 40px;
	width: 100%;
	min-height: 300px;
	background: url(../images/bg-container-white-pc.png) repeat-x 0 0, url(../images/bg-container-01-pc.png) repeat-x 50% -750px, url(../images/bg-container-02-pc.png) repeat-x 100% -750px, url(../images/bg-container-04-pc.png) repeat-x left 50% bottom -750px, url(../images/bg-container-05-pc.png) repeat-x  left 100% bottom -750px, url(../images/bg-container-03-pc.png) repeat-x 100% -750px, url(../images/bg-container-06-pc.png) repeat-x left 50% bottom -750px;
	padding: 40px 0 230px;
	padding: 40px 0 230px;
	-webkit-animation: bgscrollpcprogramcat 100s linear infinite;
	animation: bgscrollpcprogramcat 100s linear infinite;
}
#yakyu.index #container {
	padding: 40px 0 0;
}
body:not(#home):not(#yakyu) #container #main,
.container-inner {
	width: 1200px;
	margin: 0 auto;
}
body:not(#home) #container #main .main-inner {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
#side > div + div {
	margin-top: 20px;
}
}
@-webkit-keyframes bgscrollpc {
 0% {background-position: 0 -750px, 200px -750px, left 0px bottom -750px, left -200px bottom -750px, 500px -750px, left 500px bottom -750px;}
 100% {background-position: 1500px -750px, -1300px -750px, left 1500px bottom -750px, left -1700px bottom -750px, 2000px -750px, left 2000px bottom -750px;}
}
@keyframes bgscrollpc {
 0% {background-position: 0 -750px, 200px -750px, left 0px bottom -750px, left -200px bottom -750px, 500px -750px, left 500px bottom -750px;}
 100% {background-position: 1500px -750px, -1300px -750px, left 1500px bottom -750px, left -1700px bottom -750px, 2000px -750px, left 2000px bottom -750px;}
}
@-webkit-keyframes bgscrollpcprogramcat {
 0% {background-position: 0 0, 0 -750px, 200px -750px, left 0px bottom -750px, left -200px bottom -750px, 500px -750px, left 500px bottom -750px;}
 100% {background-position: 0 0, 1500px -750px, -1300px -750px, left 1500px bottom -750px, left -1700px bottom -750px, 2000px -750px, left 2000px bottom -750px;}
}
@keyframes bgscrollpcprogramcat {
 0% {background-position: 0 0, 0 -750px, 200px -750px, left 0px bottom -750px, left -200px bottom -750px, 500px -750px, left 500px bottom -750px;}
 100% {background-position: 0 0, 1500px -750px, -1300px -750px, left 1500px bottom -750px, left -1700px bottom -750px, 2000px -750px, left 2000px bottom -750px;}
}
@-webkit-keyframes bgscrollpchome {
 0% {background-position: 0 0, 0 -280px, 200px -280px, 500px -280px;}
 100% {background-position: 0 0, 1500px -280px, -1300px -280px, 2000px -280px;}
}
@keyframes bgscrollpchome {
 0% {background-position: 0 0, 0 -280px, 200px -280px, 500px -280px;}
 100% {background-position: 0 0, 1500px -280px, -1300px -280px, 2000px -280px;}
}
/* =========================================================
 footer
========================================================= */
#footer {
	padding-top: 20px;
	width: 100%;
}
#footer .f-top {
	background-color: #fff;
	padding-bottom: 20px;
}
#footer .f-sns > ul {
	display: table;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
#footer .f-sns > ul > li {
	display: table-cell;
}
#footer .f-sns > ul > li span {
	display: block;
	border-radius: 50%;
	background-color: #00aaeb;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	/*スコットケラムメソッド*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	
}
#footer .f-sns > ul > li span.fb {
	background-image: url(../images/icon-sns-fb.png);
}
#footer .f-sns > ul > li span.tw {
	background-image: url(../images/icon-sns-tw.png);
}
#footer .f-sns > ul > li span.ig {
	background-image: url(../images/icon-sns-ig.png);
}
#footer .f-sns > ul > li span.yt {
	background-image: url(../images/icon-sns-yt.png);
}

#footer .f-nav a {
	color: #000;
}
#footer .f-nav a:link, #footer .f-nav a:visited {
	text-decoration: none;
}
#footer .f-nav a:hover, #footer .f-nav a:active, #footer .f-nav a:focus, #footer .f-nav a.hover {
	text-decoration: underline;
}
#footer .f-nav {
	text-align: center;
}
#footer .f-nav ul {
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#footer .f-nav ul > li {
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#footer .f-logo address {
	display: block;
	background: url(../images/logo-footer.png) no-repeat 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	/*スコットケラムメソッド*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
@media screen and (max-width: 640px) {
#footer .f-bottom {
	background: #fff url(../images/bg-header-footer-dot-sp.png) repeat 50% 0;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	padding-bottom: 70px;
	padding-top: 25px;
}
#footer .f-bnr {
	max-width: 230px;
	margin-left: auto;
	margin-right: auto;
}
#footer .f-bnr .slider-arrows {

}
#footer .f-sns {
	margin-bottom: 20px;
}
#footer .f-sns > ul > li {
	padding: 0 7px;
}
#footer .f-sns > ul > li > a {
	display: block;
	width: 39px;
	height: 39px;
}
#footer .f-sns > ul > li span {
	width: 39px;
	height: 39px;
}
#footer .f-nav {
	margin-bottom: 20px;
}
#footer .f-nav ul {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
#footer .f-nav ul > li {
	margin-top: 10px;
	font-size: 1.0rem;
}
#footer .f-nav ul > li {
	margin-left: 10px;
	margin-right: 10px;
}
#footer .f-logo {
	padding-bottom: 5px;
	padding-top: 5px;
}
#footer .f-logo address {
	width: 210px;
	height: 30px;
}
}

@media print, screen and (min-width: 641px) {
body:not(#home) #footer {
	border-top: 1px dotted #00afec;
}
#footer .f-bnr {
	padding-bottom: 45px;
	padding-top: 45px;
}
#footer .f-bnr > ul {
	width: 1200px;
	display: block;
	padding-left: 70px;
	padding-right: 70px;
	margin: 0 auto;
}
#footer .f-bnr > ul:after {
	content: "";
	display: block;
	clear: both;
}
#footer .f-bnr > ul > li {
	float: left;
	width: 250px;
	margin-left: 20px;
	text-align: center;
}
#footer .f-bnr > ul > li img {
	max-width: 100%;
	height: auto;
}
#footer .f-bnr > ul > li:nth-child(4n+1) {
	margin-left: 0;
}
#footer .f-bnr > ul > li:nth-child(n+5) {
	margin-top: 15px;
}
#footer .f-bnr .slider-arrows {
	display: none;
}
#footer .f-bottom {
	background: #fff url(../images/bg-footer-dot-pc.png) repeat 50% 0;
	padding-bottom: 40px;
	padding-top: 35px;
}
#footer .f-sns {
	margin-bottom: 25px;
}
#footer .f-sns > ul > li {
	padding: 0 4px;
}
#footer .f-sns > ul > li > a {
	display: block;
	width: 45px;
	height: 45px;
}
#footer .f-sns > ul > li span {
	width: 45px;
	height: 45px;
}
#footer .f-nav {
	margin-bottom: 25px;
}
#footer .f-nav ul > li {
	font-size: 1.2rem;
}
#footer .f-nav ul > li + li {
	margin-left: 15px;
}
#footer .f-logo {
	padding: 15px 0;
}
#footer .f-logo address {
	width: 210px;
	height: 30px;
}
}
/* =========================================================
 copyright
========================================================= */
#copyright {
	width: 100%;
}

@media screen and (max-width: 640px) {
#copyright {
	font-size: 1.0rem;
	text-align: center;
	padding: 15px;
}
}

@media print, screen and (min-width: 641px) {
#copyright {
	font-size: 1.2rem;
	width: 100%;
}
#copyright > small {
	display: block;
	width: 1200px;
	padding: 60px 10px 10px;
	margin: 0 auto;
	text-align: right;
}
}
/* =========================================================
 page-top
========================================================= */
#pagetop {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 80;
}
#pagetop a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
#pagetop {
	width: 88px;
}
#pagetop a {
	width: 88px;
	height: 55px;
	background: url(../images/icon-pagetop_sp.png) no-repeat 50% 50%;
	-webkit-background-size: 88px auto;
	background-size: 88px auto;
}
}

@media print, screen and (min-width: 641px) {
#pagetop {
	width: 100px;
}
#pagetop a {
	background: url(../images/icon-pagetop_pc.png) no-repeat 50% 50%;
	background-size: cover;
	width: 100px;
	height: 61px;
}
}
/* =========================================================
 未対応ブラウザ
========================================================= */
.browser {
	background-color: #d3d3d3;
	padding: 2em 4em;
	color: #333;
	font-size: 12px;
	border-bottom: 1px solid #CCC;
}
.browser a {
	color: #274bd2;
	font-weight: bold;
}