@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
body { font-family: 'Noto Sans Japanese', sans-serif; }
a { color: #666; }
a:hover { text-decoration: none; }
.os {
	font-family: 'Oswald', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0.15em;
}
.anif { display: none; }
canvas {
	border: none;
	overflow: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
	pointer-events: none;
}
#loading {
	background-color: #FFF;bnr
	position: absolute;
	z-index: 10000;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#fullWrap {
	min-height: 620px;
	min-width: 1200px;
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 101;
}
#fullWrap:before {
	content: '';
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url(../images/corner_top.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}
#fullWrap:after {
	content: '';
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url(../images/corner_bottom.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#bg {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
#scene {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}
#scene li {
	display: block;
	position: absolute;
	z-index: 6;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}
#scene2 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	z-index: 102;
}
#scene2 li {
	display: block;
	position: absolute;
	z-index: 6;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}
#catch {
	height: 520px;
	width: 97px;
	margin-top: -260px;
	margin-left: -49px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#catch1 {
	height: 372px;
	width: 49px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#catch1 span {
	background-image: url(../images/catch1.png);
	display: block;
	height: 0px;
	width: 49px;
	text-indent: -9895px;
	background-size: 100% auto;
}
#catch2 {
	height: 520px;
	width: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#catch2 span {
	background-image: url(../images/catch2.png);
	display: block;
	height: 0px;
	width: 50px;
	text-indent: -9878px;
	background-size: 100% auto;
}
h1 {
	background-image: url(../images/logo.png);
	position: absolute;
	height: 146px;
	width: 318px;
	right: 26px;
	bottom: 76px;
	z-index: 105;
}
#startDate {
	position: absolute;
	z-index: 105;
	height: 39px;
	width: 324px;
	right: 33px;
	bottom: 26px;
	background-image: url(../images/startdate.png);
}
#mainCatch {
	position: absolute;
	left: 224px;
	top: 33px;
	bottom: 67px;
	z-index: 105;
}
nav {
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 120;
}
nav li {
    display: table;
    height: 26px;
    margin-bottom: 8px;
}
nav li a {
	font-size: 14px;
    color: #FFF;
    text-decoration: none;
    line-height: 29px;
    display: block;
    height: 26px;
    padding-right: 10px;
    padding-left: 12px;
    position: relative;
}
nav li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
	background-color: rgba(0,0,0,0.8);
	z-index: -1;
}
nav li a:after {
	content: '';
	position: absolute;
	height: 30px;
	width: 0px;
	left: 0;
	top: 0;
	background-color: rgb(0,167,227);
	z-index: -1;
	transition: all 0.3s ease;
}
nav li a:hover:after { width: 100%; }
nav li a .fa { margin-left: 5px; }
#share {
	height: 30px;
	width: 97px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 120;
}
#share dt {
	line-height: 28px;
	color: #FFF;
	float: left;
	height: 30px;
	width: 59px;
	position: relative;
	font-size: 13px;
}
#share dt:after {
	content: '';
	;
	position: absolute;
	top: 15px;
	right: 0;
	width: 10px;
	height: 1px;
	background-color: #FFF;
}
#share dd {
	float: left;
	height: 30px;
	width: 30px;
	padding-left: 8px;
}
#share dd a {
	height: 28px;
	width: 28px;
	border: 1px solid #FFF;
	border-radius: 50%;
	position: relative;
	display: block;
	text-align: center;
	line-height: 27px;
	color: #FFF;
	font-size: 13px;
}
#share dd a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
	z-index: -1;
}
#share dd a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	background-color: rgb(0,167,227);
	border-radius: 50%;
	z-index: -1;
	transition: all 0.3s ease;
}
#share dd a:hover:after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#topMovie {
	position: absolute;
	width: 180px;
	left: 30px;
	bottom: 145px;
	z-index: 120;
}
#topMovie h2 {
	font-size: 13px;
	color: #FFF;
	display: inline-block;
	margin-bottom: 10px;
	padding-right: 15px;
	position: relative;
}
#topMovie h2:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 10px;
	height: 1px;
	background-color: #FFF;
}
.movieThumb {
	height: 110px;
	width: 180px;
}
.movieThumb a {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	height: 110px;
	width: 180px;
	position: relative;
}
.movieThumb a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/movie_mask.gif);
	transition: all 0.3s ease;
}
.movieThumb a:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	background-image: url(../images/btn_play.png);
	width: 40px;
	height: 40px;
}
.movieThumb a:hover:before { opacity: 0.2; }
#copyright {
	font-size: 10px;
	color: #FFF;
	position: absolute;
	left: 30px;
	bottom: 15px;
	z-index: 120;
}
#watch {
	background-image: url(../images/watch.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	width: 100%;
	left: 0px;
	top: -40px;
	height: 150%;
	z-index: 101;
	background-size: 100% auto;
}
.modalContents {
	position: absolute;
	min-height: 620px;
	min-width: 1200px;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	background-image: url(../images/modal_bg_text.png), url(../images/modal_bg_pattern.png), url(../images/modal_bg_watch.gif);
	background-position: center center, center center, center top;
	background-repeat: no-repeat, repeat, no-repeat;
	background-size: cover, auto, cover;
	z-index: 9998;
	overflow: hidden;
	display: none;
}
.modalInner {
	width: 800px;
	margin-left: -400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
}
.modalInner h2 { text-align: center; }
.modalSubtext {
	font-size: 14px;
	color: #434343;
	text-align: center;
	line-height: 45px;
	height: 45px;
	padding-bottom: 30px;
}
.modalContent p {
	font-size: 16px;
	line-height: 40px;
	color: #434343;
}
.modalLeftText {
	font-size: 15px;
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.close {
	position: absolute;
	height: 80px;
	width: 80px;
	top: 30px;
	right: 30px;
}
.close a {
	background-image: url(../images/btn_close.png);
	height: 80px;
	width: 80px;
	display: block;
	transition: all 0.3s ease;
}
.close a:hover { background-color: #FFF; }
#csList dt,
#csList dd { float: left; }
#cast { width: 100px; }
#casts { width: 254px; }
#casts li,
#staffs li {
	font-size: 16px;
	line-height: 23px;
	padding-bottom: 23px;
	letter-spacing: 0.075em;
}
#csList li span { font-size: 12px; }
#staff { width: 105px; }
#csList dt { padding-top: 5px; }
.goodsImage {
	float: left;
	border: 1px solid #AAA;
	position: relative
}
.goodsImagein {
	display: block;
	padding: 9px;
}
.goodsImage:before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	width: 5px;
	height: 5px;
	box-sizing: border-box;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.goodsImage:after {
	content: '';
	position: absolute;
	right: -1px;
	top: -1px;
	width: 5px;
	height: 5px;
	box-sizing: border-box;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}
.goodsImagein:before {
	content: '';
	position: absolute;
	left: -1px;
	bottom: -1px;
	width: 5px;
	height: 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.goodsImagein:after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 5px;
	height: 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.goodsInText {
	position:absolute;
	height:30px;
	font-size:10px;
	left:0;
	right:0;
	bottom:-35px;
	line-height:30px;
}
.goodsSpec {
	float:right;
	width: 510px;
	position: relative;
}
.goodsSpec:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 1px;
	background-color: #000;
}
.goodsSpec:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20px;
	height: 1px;
	background-color: #000;
}
.goodsSpec h3 {
	font-size: 20px;
	line-height:30px;
	color: #16A3D6;
	letter-spacing: 0.1em;
	padding-bottom: 33px;
	padding-top:15px;
}
.goodsSpec h3 span { font-size: 18px; }
.goodsSpec dt,
.goodsSpec dd {
	line-height: 22px;
	height: 24px;
	margin-bottom: 20px;
	float: left;
	letter-spacing: 0.075em;
}
.goodsSpec dt {
	background-color: #16A3D6;
	width: 112px;
	border-radius: 12px;
	text-align: center;
	color: #FFF;
	text-indent: 0.075em;
}
.goodsSpec dd {
	width: 298px;
	margin-left: 15px;
	color: #434343;
}
.goodstextin {
	width:900px;
	float:left;
	clear:left;
}
.goodstextin p{
	font-size:10px;
}

	
#movie2 iframe {
	width: 100%;
	height: 100%;
}
#movie2 .close { background-color: rgba(255,255,255,0.5); }
.scrollInner {
	overflow: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.scrollContent {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 150px;
	padding-bottom: 150px;
	color: #434343;
}
#cd h2,#movie h2,#goods h2,#caststaff h2, #bd-dvd h2{ text-align: center; }
#bd-dvd h4, #theater h3, #ticket h3, #goods h3{
	font-size: 20px;
	padding-top: 50px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #16A3D6;
	color: #16A3D6;
	text-align: center;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-weight: bold;
}
.goodsText { padding-bottom: 30px; }
#bd-dvd h5 {
	font-size: 18px;
	font-weight: bold;
	color: #16A3D6;
	padding-left: 10px;
	border-left-width: 3px;
	border-left-style: double;
	border-left-color: #16A3D6;
	margin-bottom: 25px;
}
#bd-dvd ol li {
	line-height: 31px;
	padding-bottom: 10px;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 16px;
}
#bd-dvd h6 {
	font-size: 16px;
	color: #000;
	padding-bottom: 5px;
	padding-top: 15px;
	padding-left: 15px;
}
.discSubList {
	padding-bottom: 5px;
	padding-left: 15px;
}
#bd-dvd .discSubList li {
	font-size: 16px;
	line-height: 31px;
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 1.3em;
	text-indent: -1.3em;
	padding-bottom: 0;
}
#bd-dvd .discSubList li img {
	padding-top: 15px;
	padding-bottom:25px;
}
#bd-dvd .discSubList li span{
	font-size:12px;
}
#bd-dvd .eventdvd {
	margin-bottom: 200px;
	overflow:hidden;
}
#theater h2 { text-align: center; }
.maeuriBox, .goodsBox{
	background: rgba(255,255,255,0.7);
	border: 1px solid #aaaaaa;
	position: relative;
}
.maeuriWrap, .goodsWrap{
	padding: 40px;
	position: relative;
}
.maeuriBox:before,.maeuriBox:after,.maeuriWrap:before,.maeuriWrap:after,
.goodsBox:before,.goodsBox:after,.goodsWrap:before,.goodsWrap:after{
	content: "";
    width: 5px;
    height: 5px;
    position: absolute;
	border-color: #000;
}
.maeuriBox:before,
.goodsBox:before{
    border-left: solid 1px;
    border-top: solid 1px;
    left: -1px;
    top: -1px;
}
.maeuriBox:after,
.goodsBox:after{
    border-right: solid 1px;
    border-top: solid 1px;
    right: -1px;
    top: -1px;
}
.maeuriWrap:before,
.goodsWrap:before{
	border-left: solid 1px;
    border-bottom: solid 1px;
    left: -1px;
    bottom: -1px;
}
.maeuriWrap:after,
.goodsWrap:after{
	border-right: solid 1px;
    border-bottom: solid 1px;
    right: -1px;
    bottom: -1px;
}
.maeuriBox h3,
.goodsBox h3{
	padding-top: 0 !important;
	letter-spacing: 0.4em;
}
.maeuriBox .leftWrap{
	float: left;
	width: 50%;
	position: relative;
}
.maeuriBox .leftWrap h4{
	position: absolute;
	width: 166px;
	top: 0;
	right: 30px;
}
.maeuriBox .leftWrap .price{
	position: absolute;
	width: 166px;
	top: 110px;
	right: 30px;
}
.maeuriBox .leftWrap h4 a{
	display: block;
	width: 166px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #16A3D6;
	color: #16A3D6;
	text-align: center;
	margin-top: 10px;
	text-decoration: none;
	transition: 0.3s ease;
	font-size: 14px;
}
.maeuriBox .leftWrap h4 a:hover{
	background: #16A3D6;
	color: #fff;
}
.price dt{
    background-color: #16A3D6;
    width: 112px;
    border-radius: 12px;
    text-align: center;
    color: #FFF;
    text-indent: 0.075em;
}
.price dd{
	font-size: 16px;
}
.price dd span{
	font-size: 24px;
	font-weight: bold;
}
.caution{
	font-size: 12px;
	margin-top: 20px;
}
.caution dt{
	color: #16A3D6;
}
.maeuriBox .rightWrap{
	float: right;
    width: 50%;
    margin-left: 0;
    padding-left: 30px;
    border-left: 1px solid #aaa;
    box-sizing: border-box;
}
.maeuriBox .rightWrap h4{
	font-size:18px;
	color: #16A3D6;
	margin-bottom: 20px;
}
.maeuriBox .rightWrap h4 span{
	display: block;
	font-size: 14px;
}
#theaterList{
	margin: 60px 0;
}
#theaterList h4{
	font-size: 18px;
	font-weight: bold;
	color: #16A3D6;
	margin-bottom: 16px;
}
#theaterList table{
	width: 100%;
	margin-bottom: 60px;
}
#theaterList table th{
	background: #434343;
	color: #fff;
	padding: 10px 20px !important;
}
#theaterList table th,#theaterList table td{
	padding: 20px 20px;
	text-align: center;
}
#theaterList table td{
	border-bottom:  solid #aaa 1px;
}
#ticket h2 { text-align: center; }
#ticket .maeuriBox{
	margin-bottom: 60px;
}
.price02{
	width: 600px;
	margin-bottom: 20px;
}
.price02 dt {
    background-color: #16A3D6;
    width: 112px;
    border-radius: 12px;
    text-align: center;
    color: #FFF;
    text-indent: 0.075em;
}
.price02 dt, .price02 dd {
    line-height: 22px;
    height: 24px;
    margin-bottom: 14px;
    float: left;
    letter-spacing: 0.075em;
}
.price02 dd {
    width: 398px;
    margin-left: 15px;
    color: #434343;
	font-size:16px;
}
#ticket .maeuriBox h4 {
    font-size: 18px;
    color: #16A3D6;
    margin-bottom: 20px;
}
#ticket .maeuriBox p{
    margin-bottom: 30px;
    letter-spacing: 0.05em;
    line-height: 2em;
}
#ticket .maeuriBox p:last-child{
	margin-bottom: 0;
}
#bnr{
    position: absolute;
    width: 180px;
    left: 30px;
    bottom: 38px;
    z-index: 120;
}
#bnr02{
    position: absolute;
    right: 15px;
    bottom: 210px;
    z-index: 120;
}
.ah {
	-webkit-transition: all  0.3s ease;
	transition: all  0.3s ease;
}
.ah:hover {
	opacity: 0.7;
}
#cdWrap{
	width: 800px !important;
}
.wrapTxtBox{
	margin-bottom: 20px;
}
.goodsBox{
	margin-bottom: 60px;
}
.goodsBox h3{
	letter-spacing: 0.1em !important;
}
.goodsSmple{
	margin-bottom: 30px;
}
.goodsBox p{
	margin-bottom: 20px;
}
.goodsBox table tr td:first-child{
	padding-right: 12px;
	border-right: solid 1px #aaa;
}
.goodsBox table tr td:nth-child(2){
	padding-left: 12px;
}
.goodsBox table tr td{
	padding-bottom: 4px;
	padding-top: 4px;
}
#aImg {
    margin: 0 auto !important;
    width: 620px !important;
    float: initial;
}
#aImg2 {
    margin: 0 auto !important;
    width: 420px !important;
    float: initial;
}
#cdWrap h3{
	font-size: 20px;
    color: #16A3D6;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}
#cd h3 {
	margin-bottom:20px;
}

/*-------{{★☆★SUB PAGE★☆★}}-------*/

#subWrap{
	position: absolute;
    min-height: 620px;
    min-width: 1200px;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #FFF;
    background-image: url(../images/modal_bg_text.png), url(../images/modal_bg_pattern.png), url(../images/modal_bg_watch.gif);
    background-position: center center, center center, center top;
    background-repeat: no-repeat, repeat, no-repeat;
    background-size: cover, auto, cover;
    z-index: 9998;
    overflow: hidden;
}
#subInWrap{
	overflow-x: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
#subCont{
	width: 940px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 150px;
    color: #434343;
}
#subCont h2{
	text-align: center;
}
.charaWrap{
	position: relative;
	width: 100%;
	z-index: 1;
	height: 765px;/*--全キャラ共通--*/
}
.charaWrap h3{
	margin-bottom: 20px;
}
.charaWrap h3.normalF{
	font-size: 50px;
	line-height: 50px;
	letter-spacing: 0.4em;
	font-weight: 600;
}
.charaWrap .cvName{
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    font-weight: 600;
    letter-spacing: 0.15em;
    display: inline-block;
    color: #fff;
    margin-bottom: 40px;
}
.charaWrap .cvName span{
	font-size: 14px;
}
.detaileTxt p{
	font-size: 15px;
    line-height: 34px;
    letter-spacing: 0.1em;
	font-weight: 500;
}
.charaImg{
	position: absolute;
	top: 0;
	left: 0;
}
#charaNav{
    margin-top: -33px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 700px;
}
#charaNav h4{
	text-align: center;
}
.charaNavWrap{
	padding: 70px 0;
}
#charaNav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-bottom: 20px;
}
#charaNav ul li{
	margin-right: 20px;
}
#charaNav ul li:last-child{
	margin-right: 0;
}
#pager p{
	position: absolute;
	top: 460px;
}
#pager #pagerL{
	left: 30px;
}
#pager #pagerL img{
	transform: rotate(180deg);
}
#pager #pagerR{
	right: 30px;
}
/*--キャラカラー--*/
/*--black--*/
.charaWrap .blackC{
	background: #20202F;
}
.charaWrap .blackF{
	color: #20202F;
}
.blackB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #20202F;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--mahiru--*/
.charaWrap .mahiruC{
	background: #ED6C00;
}
.charaWrap .mahiruF{
	color: #ED6C00;
}
.mahiruB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #ED6C00;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--kuro--*/
.charaWrap .kuroC{
	background: #00A7E3;
}
.charaWrap .kuroF{
	color: #00A7E3;
}
.kuroB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #00A7E3;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--misono--*/
.charaWrap .misonoC{
	background: #C71585;
}
.charaWrap .misonoF{
	color: #C71585;
}
.misonoB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #C71585;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--riri--*/
.charaWrap .ririC{
	background: #E74291;
}
.charaWrap .ririF{
	color: #E74291;
}
.ririB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #E74291;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--mikuni--*/
.charaWrap .mikuniC{
	background: #A19100;
}
.charaWrap .mikuniF{
	color: #A19100;
}
.mikuniB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #A19100;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--jeje--*/
.charaWrap .jejeC{
	background: #727171;
}
.charaWrap .jejeF{
	color: #727171;
}
.jejeB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #727171;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--rihito--*/
.charaWrap .rihitoC{
	background: #584C9D;
}
.charaWrap .rihitoF{
	color: #584C9D;
}
.rihitoB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #584C9D;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--rou--*/
.charaWrap .rouC{
	background: #F8B500;
}
.charaWrap .rouF{
	color: #F8B500;
}
.rouB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #F8B500;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--tetsu--*/
.charaWrap .tetsuC{
	background: #005BAC;
}
.charaWrap .tetsuF{
	color: #005BAC;
}
.tetsuB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #005BAC;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--tetsu--*/
.charaWrap .huuC{
	background: #C80E47;
}
.charaWrap .huuF{
	color: #C80E47;
}
.huuB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #C80E47;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--otogiri--*/
.charaWrap .otogiriC{
	background: #E60012;
}
.charaWrap .otogiriF{
	color: #E60012;
}
.otogiriB:before{
    content: "";
    height: 210px;
    min-width: 1200px;
    background: #E60012;
    position: absolute;
    bottom: 0;
    margin: 0 -500%;
    padding: 0 500%;
    width: 100%;
}
/*--キャラカラー--*/

iframe{
vertical-align:bottom;
}

#moviewrap {
	width:620px;
	margin:0 auto;
}
#moviewrap h3{
	font-size: 20px;
    color: #16A3D6;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
}
#moviewrap h3 {
	margin-bottom:20px;
}

/*--NEW GOODS CSS--*/
.goodsOnce{
	width: 288px;
	float: left;
	margin-right: 15px;
	margin-bottom: 50px !important;
}
.goodsOnce:nth-child(3n){
	margin-right: 0;
}
.goodsOnceWrap{
	padding: 20px !important;
	height: 400px;
	position: relative;
}
.goodsOnceWrap a img{
	width: 100%;
}
.goodsOnceWrap a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.goodsOnceWrap a span{
	position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
}
.goodsName{
	margin-top: 268px;
}
.goodsPrice{
    position: absolute;
    right: 20px;
    bottom: 20px;
    line-height: 0 !important;
    pointer-events: none;
}
.thumbBack a{
	width: 200px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #16A3D6;
	display: block;
	margin: 0 auto 100px;
	text-align: center;
	text-decoration: none;
}