@charset "utf-8";
/* ▼00-COMMON▼ --------------------------------- 
-------------------------------------------------*/

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 500;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
 background: #000;
 color:#fff;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	max-height: 999999px;
	outline: none;
}
body {
	font-family: "Yu Gothic", YuGothic, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	background-color: #000;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover { text-decoration: none; }
.sp { display: none; }
.ah {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.ah:hover { opacity: 0.7; }
#loading {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
}
/* ▼01-INDEX▼ --------------------------------- 
-------------------------------------------------*/

body#index #fullWrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body#index #inWrap {
	min-width: 1200px;
	width: 100%;
	height: 100%;
	position: relative;
}
body#index header #headIn {
	width: 983px;
	height: 197px;
	position: absolute;
	margin: auto;
	top: 15px;
	left: 50%;
	margin-left: -535px;
	z-index: 100;
	transform: translate(150px, 100px) scale(1.5, 1.5) rotate(-2deg);
	opacity: 0;
	transition: all .3s ease;
}
body#index header #headIn.active {
	animation: strake 0.2s cubic-bezier(0.02, 0.88, 0.58, 1);
	opacity: 1;
	transform: translate(0, 0) scale(1, 1) rotate(-2deg);
}
body#index header h1 {
	pointer-events: none;
	transform: translate(0px, 0px);
	transition: all .3s ease;
}
body#index header h1.active {
 transform: transform: translate(0px, 0px)); animation: shake 0.2s cubic-bezier(0.02, 0.88, 0.58, 1); }
@keyframes strake { 0% {
 opacity: 0;
 transform: translate(150px, 100px) scale(1.5, 1.5) rotate(-2deg);
}
 45% {
 opacity: 1;
}
 55% {
 opacity: 1;
}
 60% {
 opacity: 1;
 transform: translate(0, 0) scale(0.8, 0.8) rotate(-2deg);
}
 100% {
 opacity: 1;
 transform: translate(0, 0) scale(1, 1) rotate(-2deg);
}
}
@keyframes shake { 0% {
 transform: translate(10px, 10px);
}
 10% {
 transform: translate(-10px, 10px);
}
 20% {
 transform: translate(10px, -10px);
}
 30% {
 transform: translate(-10px, -10px);
}
 40% {
 transform: translate(10px, -10px);
}
 60% {
 transform: translate(-10px, 10px) rotate(-2deg);
}
 70% {
 transform: translate(-10px, -10px) rotate(-2deg);
}
 80% {
 transform: translate(10px, 10px) rotate(-2deg);
}
 90% {
 transform: translate(10px, -10px) rotate(-2deg);
}
 100% {
 transform: translate(0px, 0px);
}
}
body#index ul#shareBox {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 65px;
	margin-right: 55px;
	z-index: 10;
}
body#index ul#shareBox li {
	width: 40px;
	height: 40px;
	margin-bottom: 15px;
}
body#index ul#shareBox li:last-child { margin-bottom: 0; }
body#index ul#shareBox li:nth-child(1) a { background: url(../images/tw_icon.png) center center no-repeat; }
body#index ul#shareBox li:nth-child(2) a { background: url(../images/fb_icon.png) center center no-repeat; }
body#index ul#shareBox li:nth-child(3) a { background: url(../images/ln_icon.png) center center no-repeat; }
body#index ul#shareBox li a {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .4s ease-in-out;
}
/*body#index ul#shareBox li a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}*/
body#index ul#shareBox li a:hover { transform: rotateY(360deg); }
body#index ul#bnrArea {
	position: absolute;
	bottom: 0;
	left: 0;
}
body#index ul#bnrArea li { float: left; }
body#index ul#bnrArea li a { display: block; }
.oneModal {
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	min-width: 1200px;
	overflow: auto;
	display: none;
}
.oneModalIn { display: none; }
#about article {
	position: absolute;
	width: 800px;
	top: 50%;
	transform: translateY(-55%);
	left: 0;
	right: 0;
	margin: auto;
}
#onair article {
	position: absolute;
	width: 660px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
}
#about article> p,
#onair article> p {
	font-size: 30px;
	line-height: 54px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
#onair article> p .fC { color: #fe0048; }
#onair article> p .fS {
	font-size: 20px;
	margin: 0 4px;
}
#onair article> p .fS2 {
	font-size: 16px;
	margin: 0;
}
#onair article> p.reH { line-height: 20px; }
.oneModalClose {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 25px;
}
.oneModalClose a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	transition: all .4s ease-in-out;
}
.oneModalClose a:before {
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	background: #000;
	top: 50px;
	left: 5px;
	transform: rotate(20deg);
	transition: all .4s ease-in-out;
}
.oneModalClose a:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	background: #000;
	top: 50px;
	left: 5px;
	transform: rotate(-20deg);
	transition: all .4s ease-in-out;
}
.oneModalClose a:hover { transform: rotateX(360deg); }
.oneModalClose a:hover:before,
.oneModalClose a:hover:after { background: #fe0048; }
.modal {
	overflow: auto;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	display: none;
}
.modalin {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 1200px;
	min-height: 620px;
	width: 100%;
	height: 100%;
}
#movieModal { background-color: #000; }
#movieModal iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modalClose {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 25px;
	z-index: 1;
}
.modalClose a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	transition: all .4s ease-in-out;
}
.modalClose a:before {
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	background: #fff;
	top: 50px;
	left: 5px;
	transform: rotate(20deg);
	transition: all .4s ease-in-out;
}
.modalClose a:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	background: #fff;
	top: 50px;
	left: 5px;
	transform: rotate(-20deg);
	transition: all .4s ease-in-out;
}
.modalClose a:hover { transform: rotateX(360deg); }
.modalClose a:hover:before,
.modalClose a:hover:after { background: #fe0048; }
#copyR {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}
#copyR > span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
body#index footer small {
	position: absolute;
	font-size: 10px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 23px;
	font-weight: bold;
	color: #fe0048;
}
#twitterLink {
	position: absolute;
	width: 150px;
	height: 46px;
	top: 0;
	right: 0;
}
#twitterLink a {
	display: block;
	background: #fe0048;
	transition: all .4s ease-in-out;
}
#twitterLink a:hover { background: #000; }
.button { z-index: 10; }
.button a img { transition: all .3s ease-in-out; }
.button a:hover img { transform: rotateX(360deg); }
#mv {
	position: relative;
	overflow: hidden;
	padding-bottom: 0px;
	pointer-events: none;
	background: #fff;
	width: 100%;
	height: 1810px;
}
#mv h1 {
	width: 1200px;
	height: 1810px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	margin-top: 80px;
}
#mv h2 {
	width: 293px;
	height: 183px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -158px;
	margin-left: -536.5px;
	opacity: 0;
	transform: translateY(20px);
	transition: all .8s ease;
}
#mv h2.active {
	opacity: 1;
	transform: translateY(0px);
}
#mv h3 {
	width: 695px;
	height: 81px;
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: 107px;
	transform: translateX(46%);
}
#aboutLink {
	width: 240px;
	background: #000;
	float: left;
	opacity: 0;
	transform: translateX(20px);
	transition: all .5s ease;
	height:90px;
}
#aboutLink.active {
	transform: translateX(0px);
	opacity: 1;
}
#aboutLink:hover { background: #fe0048; }
#aboutLink span {
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-align: center;
	transition: all .3s ease-in-out;
	display: block;
	line-height:90px;
}
#aboutLink a {
	height:90px;
	line-height:90px;
}
nav {
	width: 1200px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: 245px;
	transform: translateX(-50%);
	z-index: 10;
}
nav ul {
	width: 1200px;
	height: 90px;
	float: left;
}
nav ul li {
	background: #fe0048;
	width: calc(960px / 5);
	height: 45px;
	float: left;
	opacity: 0;
	transform: translateX(-80px);
	transition: all .5s ease;
	position: relative;
}
nav ul li:nth-child(odd) { background: #0089c2; }
nav ul li:hover { background: #000; }
nav ul li.active { transform: translateX(0px); }
nav ul li span {
	color: #fff;
	font-size: 18px;
	line-height: 46px;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	transition: all .3s ease-in-out;
	display: block;
}
/*nav ul li span:hover{
    transform: rotateY(360deg);
}*/
nav ul li a {
	transition: all .4s ease-in-out;
	width: 100%;
	height: 46px;
	position: absolute;
	top: 0%;
	left: 0;
	z-index: 10;
}
#ytLink {
	width: 333px;
	height: 182px;
	background-color: #343434;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	background: url(../images/movie_thumb.jpg) center center;
}
#ytLink a {
	display: block;
	height: 185px;
}
#ytLink a > span:before {
	content: "";
	width: 58px;
	height: 58px;
	border-radius: 58px;
	border: 2px solid #fe0048;
	position: absolute;
	z-index: 1;
	pointer-events: none;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#ytLink a > span:after {
	content: "";
	background: url(../images/arrow.svg) no-repeat;
	width: 21px;
	height: 12px;
	position: absolute;
	z-index: 1;
	pointer-events: none;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 5px;
	transition: all .4s ease-in-out;
}
#ytLink a:hover > span:after { transform: rotateX(360deg); }
#ModalWrap {
	position: relative;
	bottom: 0;
	top: 0;
	height: 100%;
	overflow: auto;
}
.waveCont {
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.wave {
	width: 100%;
	height: 100px;
	position: absolute !important;
	min-width: 1200px;
	bottom: 0;
	background: #fe0048;
	overflow: visible !important;
}
.wave canvas { top: -15px; }
#intro {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 1000px;
}
#intro h2 {
	width: 147px;
	height: 40px;
	background: url(../images/intro.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#intro article {
	width: 1070px;
	position: absolute;
	top: 50%;
	transform: translateY(-54%);
	left: 0;
	right: 0;
	margin: auto;
}
#intro p {
	font-size: 30px;
	line-height: 54px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
#about {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 620px;
	height: 100%;
}
#credit { /*    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 900px;*/ position: relative; }
#credit article {
	width: 840px;
	/*    position: absolute;
    top: 50%;
    transform: translateY(-54%);
    left: 0;
    right: 0;*/
	padding: 100px 0 200px;
	margin: auto;
}
#credit h2 {
	width: 147px;
	height: 40px;
	background: url(../images/credit.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#credit ul { margin: 50px 0; }
#credit li { }
#credit li .c_bk {
	font-size: 30px;
	line-height: 54px;
	font-weight: bold;
	color: #000;
}
#credit li .c_pk {
	font-size: 30px;
	line-height: 54px;
	font-weight: bold;
	color: #fe0048;
}
#credit li .c_sbk {
	font-size: 20px;
	color: #000;
}
#onair {
	position: absolute;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	height: 100%;
	min-height: 860px;
}
#news { /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    min-height: 1300px;*/ position: relative; }
#news article {
	width: 1070px;
	margin: auto;
	padding-bottom: 50px;
	padding-top: 30px;
}
#news .last_article { padding-bottom: 150px; }
#news h2 {
	width: 147px;
	height: 40px;
	background: url(../images/news.png) #fe0048 no-repeat center center;
	margin: 0 auto 100px;
}
#news .newsTitle {
	width: 100%;
	position: relative;
	padding-bottom: 20px;
}
#news .newsTitle h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 31px;
}
#news .newsTitle span {
	font-size: 14px;
	display: block;
}
.pk { color: #fe0048; }
#news p {
	font-size: 16px;
	line-height: 31px;
	font-weight: 500;
	color: #000;
	margin-bottom: 20px;
}
#news article a:link {
	color: #fe0048;
	text-decoration: underline;
}
#news article a:visited {
	color: #fe0048;
	text-decoration: underline;
}
#news article a:hover {
	color: #000;
	text-decoration: underline;
}
#story section { position: relative; }
#story article {
	width: 1070px;
	margin: auto;
	padding-top: 160px;
	padding-bottom: 220px;
}
.news_img {
	text-align: center;
	margin: 20px 0 40px;
}
#story { background: #FFF; }
#story h2 {
	width: 147px;
	height: 40px;
	background: url(../images/story.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#story p {
	font-size: 20px;
	line-height: 39px;
	font-weight: bold;
	color: #000;
	margin-bottom: 40px;
}
#story article p:last-child { margin-bottom: 0; }
#staff { margin: 50px 0 100px !important; }
.cast li small { font-size: 22px; }
#music { /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    min-height: 1300px;*/ position: relative; }
#music article {
	width: 1070px;
	margin: auto;
	padding-bottom: 50px;
	padding-top: 30px;
}
#music .last_article { padding-bottom: 150px; }
#music h2 {
	width: 147px;
	height: 40px;
	background: url("../images/music.png") #fe0048 no-repeat center center;
	margin: 0 auto 100px;
}
#music .newsTitle {
	width: 100%;
	position: relative;
	padding-bottom: 20px;
}
#music .newsTitle h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 31px;
}
#music .newsTitle span {
	font-size: 14px;
	display: block;
}
#music p {
	font-size: 16px;
	line-height: 31px;
	font-weight: 500;
	color: #000;
	margin-bottom: 20px;
}
#music a:link {
	color: #fe0048;
	text-decoration: underline;
}
#music a:visited {
	color: #fe0048;
	text-decoration: underline;
}
#music a:hover {
	color: #000;
	text-decoration: underline;
}
/*============================CHARACTER============================*/
#character {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	background: #fff;
}
#character h2 {
	width: 147px;
	height: 40px;
	background: url(../images/character.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#charaList {
	width: 1020px;
	margin: 150px auto 250px;
}
#charaList li {
	float: left;
	width: 150px;
	height: 180px;
	margin: 10px;
	background-repeat: no-repeat;
	background-position: center top;
}
#charaList li a {
	display: block;
	height: 180px;
}
#charaModal {
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 1000px;
	display: none;
}
#charaModal h2 {
	width: 147px;
	height: 40px;
	background: url(../images/character.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#charaModal h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: center;
	padding-top: 120px;
}
#cn { color: #fe0048 }
#cv { color: #000 }
#charaImage { padding-top: 50px;/*width: 380px;*/ }
#charaBox {
	display: flex;
	justify-content: center;
	width: 1000px;
	margin: auto;/*padding-left: 50px;*/
}
#charaImage img {
	display: block;
	text-align: center;
	margin: auto;
}
#charaDisc {
	padding-top: 150px;
	font-size: 20px;
	width: 500px;
	height: auto;
	padding-left: 50px;/*display: flex;
    align-items: center;*/
}
/*=========================== MOVIE ============================*/
#movie {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	background: #fff;
}
#movie h2 {
	width: 147px;
	height: 40px;
	background: url(../images/movie.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#movieList {
	width: 820px;
	margin: 150px auto 250px;
}
#movieList li {
	float: left;
	width: 400px;
	height: 225px;
	margin: 5px;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#movieList li a {
	display: block;
	width: 400px;
	height: 225px;
	position: absolute;
	top: 0;
	left: 0;
}
#moviesModal {
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 1000px;
	display: none;
}
#moviesModal h2 {
	width: 147px;
	height: 40px;
	background: url(../images/movie.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#onair article .onairsub {
	font-size: 24px;
	line-height: 1.8em;
}
#onair article .onairsub .fS2 {
	display: inline-block;
	transform: translateY(-10px);
}
#special {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	background: #fff;
	min-height: 100%;
}
#special h2 {
	width: 147px;
	height: 40px;
	background: url(../images/special_h2.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#specialList {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
	padding-bottom: 200px;
	flex-wrap: wrap;
}
#specialList li {
	margin: 0 10px 30px;
	width: 150px;
}
#specialList li a {
	display: block;
	height: 100%;
	text-decoration: none;
	transition: all 0.3s ease;
}
#specialList li a:hover { transform: scale(1.05); }
.specialThumb {
	width: 150px;
	height: 150px;
	border: 3px solid rgba(255,0,108,1);
	border-radius: 50%;
	overflow: hidden;
}
.specialParag {
	font-size: 24px;
	line-height: 40px;
	color: rgba(254,0,72,1);
	text-align: center;
	height: 185px;
	font-weight: bold;
	padding-top: 80px;
}
.specialParag2 {
	font-size: 24px;
	line-height: 40px;
	color: rgba(254,0,72,1);
	text-align: center;
	font-weight: bold;
	padding-top: 80px;
}
.specialTitle {
	line-height: 22px;
	color: rgba(254,0,72,1);
	padding-top: 15px;
	display: table;
	margin: 0px auto;
	max-width: 100%;
	font-weight: bold;
	font-size: 16px;
}
#specialModal {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	overflow: auto;
}
#specialModalin {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	min-width: 1200px;
}
.illust {
	padding-bottom: 200px;
	text-align: center;
}
.illust img { display: none; }
#specialBanner {
	position: absolute;
	left: 50%;
	top: 410px;
	margin-left: -86px;
	z-index: 5000;
}
#specialBanner a {
	display: block;
	transition: all 0.3s ease;
	pointer-events: auto;
}
#specialBanner a:hover { transform: scale(1.05) rotate(-10deg); }
#goods {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	background: #fff;
	min-height: 100%;
}
#goods h2 {
	width: 147px;
	height: 40px;
	background: url(../images/goods_h2.png) #fe0048 no-repeat center center / contain;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#goodsList {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
	padding-bottom: 200px;
	flex-wrap: wrap;
	padding-top: 160px;
}
#goodsList li {
	margin: 0 10px 30px;
	width: 150px;
}
#goodsList li a {
	display: block;
	height: 100%;
	text-decoration: none;
	transition: all 0.3s ease;
}
#goodsList li a:hover { transform: scale(1.05); }
.goodsThumb {
	width: 150px;
	height: 150px;
	border: 3px solid rgba(255,0,108,1);
	border-radius: 50%;
	overflow: hidden;
}
.goodsTitle {
	line-height: 22px;
	color: rgba(254,0,72,1);
	padding-top: 15px;
	display: table;
	margin: 0px auto;
	max-width: 100%;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
#goodsModal {
	width: 1000px;
	height: 580px;
	background: #FFF;
	overflow: auto;
	border: 1px solid rgba(254,0,72,1);
}
#goodsin { background: transparent; }
#goodsModal h1 {
	font-size: 24px;
	line-height: 40px;
	color: rgba(254,0,72,1);
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid rgba(254,0,72,1);
	padding: 20px 30px 20px;
	box-sizing: border-box;
}
#goodsCont {
	padding: 40px;
	display: flex;
	justify-content: space-between;
}
#goodsThumb {
	width: 400px;
	height: 400px;
}
#goodsThumb img {
	width: 400px;
	height: 400px;
}
#goodsText { width: 480px; }
#goodsText dt {
	color: rgba(254,0,72,1);
	font-weight: bold;
	margin-bottom: 7px;
	font-size: 16px
}
#goodsText dd,
#goodsText p {
	line-height: 180%;
	margin-bottom: 25px;
}
#goodsText dd a {
	color: rgba(254,0,72,1);
	text-decoration: underline;
}
#goodsText dd:last-of-type { margin-bottom: 0; }
#storyList {
	width: 1070px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	padding-bottom: 10px;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(254,0,72,1);
	margin-bottom: 50px
}
#storyList li {
	margin: 0 25px 35px 0;
	width: 340px;
}
#storyList li:nth-child(3n) { margin-right: 0; }
#storyList li a {
	display: block;
	height: 100%;
	text-decoration: none;
	transition: all 0.3s ease;
}
#storyList li a:hover { transform: scale(1.05); }
#story .storyThumb {
	width: 340px;
	overflow: hidden;
	margin-bottom: 0 !important;
}
.storyThumb img {
	width: 340px;
	height: auto;
}
#story .storyTitle {
	line-height: 22px;
	color: rgba(254,0,72,1);
	padding-top: 15px;
	display: table;
	margin: 0px auto;
	max-width: 100%;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
#story #storyImage {
	margin: 0px auto 4px;
	width: 960px;
}
#story #storyImages {
	margin: 0px auto;
	width: 960px;
	display: flex;
	justify-content: center;
}
#story #storyImages li { width: 121px; }
#story #storyImages li a {
	width: 116px;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
}
#story #storyImages li a:hover { transform: scale(0.95); }
#story #storyImages li a img {
	width: 116px;
	height: auto;
	display: block;
}
#story #storyOnceTitle {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	border-bottom: 1px solid rgba(254,0,72,1);
	font-weight: bold;
	color: rgba(254,0,72,1);
	text-align: center;
	padding-bottom: 15px;
	line-height: 38px;
	font-size: 24px;
}
#story #storyOnceParag {
	font-size: 16px;
	line-height: 29px;
	padding-top: 25px;
	width: 960px;
	margin: 0px auto;
}
#bddvd { background: #FFF; }
#bddvd #fullWrap {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	width: 100%;
	min-width: 1200px;
}
#bddvd section {
	position: absolute;
	min-height: 100%;
	left: 0;
	right: 0;
	top: 0;
}
#bddvd article {
	width: 1070px;
	margin: auto;
	padding-top: 160px;
	padding-bottom: 220px;
}
#bddvd h2 {
	width: 147px;
	height: 40px;
	background: url(../bddvd/images/bddvd.png) #fe0048 no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -73.5px;
}
#bddvdList {
	margin: 0 -11px;
	display: flex;
	flex-wrap: wrap;
	width: 1092px;
	padding-bottom: 30px;
}
#bddvdList li {
	width: 251px;
	margin: 0 11px 22px;
}
#bddvdList li a {
	display: block;
	height: 100%;
	text-decoration: none;
	transition: all 0.3s ease;
}
#bddvdList li a:hover { transform: scale(1.025); }
.bddvdThumb { padding-bottom: 15px; }
.bddvdListName {
	font-size: 20px;
	display: table;
	margin: 0 auto;
	line-height: 150%;
	font-weight: 600;
}
#bddvdSpecialBnr { height: 80px; }
#bddvdSpecialBnr a,
#bddvdSpecialBnr p {
	display: block;
	border: 4px solid rgba(255,1,73,1);
	height: 80px;
	font-size: 20px;
	line-height: 72px;
	font-weight: 600;
	color: rgba(0,0,0,1);
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
#bddvdSpecialBnr a:hover {
	background: rgba(255,1,73,1);
	color: #FFF;
}
.bddvdFullimg {
	text-align: center;
	padding-bottom: 15px;
}
.bddvdMainName {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 40px;
	text-align: center;
}
.bddvdMainTexts {
	font-size: 16px;
	font-weight: 600;
	line-height: 39px;
	width: 1000px;
	margin: 0 auto 30px;
}
.bddvdMainTexts strong { color: rgba(254,0,72,1) }
.bddvdSpecialHeader {
	font-size: 16px;
	color: rgba(255,255,255,1);
	background: rgba(254,0,72,1);
	padding: 35px 85px;
	line-height: 39px;
	font-weight: 600;
	margin-bottom: 30px;
}
.bddvdSpecialList {
	padding-top: 30px;
	width: 1000px;
	margin: 0 auto;
}
.bddvdSpecialList dt {
	font-size: 18px;
	line-height: 60px;
	font-weight: 700;
	color: rgba(254,0,72,1);
	text-align: center;
	height: 60px;
}
.bddvdSpecialList dd {
	font-weight: 600;
	font-size: 16px;
	line-height: 39px;
	margin-bottom: 20px;
}

.bddvdSpecialHeader p a:link {
	color: #fff;
	text-decoration: underline;
}
.bddvdSpecialHeader p a:visited {
	color: #fff;
	text-decoration: underline;
}
.bddvdSpecialHeader p a:hover {
	color: #fff;
	text-decoration:none;
}

#onair a:link {
	text-decoration: underline;
}
#onair a:visited {
	text-decoration: underline;
}
#onair a:hover {
	text-decoration: none;
}