@charset "utf-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


/* font */
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.otf) format('opentype');
}

body,html {
	height:100%;
	font-size:13px;
	line-height:1.5em;
}

/* clearfix
------------------------ */
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */


/* layout
============================= */
body { }
#wrap {
	min-width:980px;
	min-height:100%;
	background:url(/static/passepied/fansite/pc/images/pspe/bg_pspe_main.jpg) repeat center top fixed;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative;
}
#container {
	width:900px;
	padding:0 40px 120px;
	margin:0 auto;
}
#header {
	height:240px;
	margin:0 auto;
	position:relative;
}
#header a {
	display:block;
	width:100%;
	height:100%;
	background:url(/static/passepied/fansite/pc/images/pspe/ph_pspe_header.png) no-repeat center bottom;

	opacity:0;
}
#header img {
	position:absolute;
	top:10px;

	opacity:0;
}
.bar {
	display:block;
	width:100%;
	height:10px;
	background:url(/static/passepied/fansite/pc/images/pspe/bg_pspe_header.png) repeat left top;
	position:absolute;
	left:0;
}
.bar.top { top:0; }
.bar.bottom { bottom:0; }

a {
	color:#217d80;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
a:hover { color:#2a9fa3; }
.btn a,
.btn input,
.btn button {
	display: block;
	width: 250px;
	font-size: 16px;
	text-align: center;
	text-decoration:none;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	padding: 10px 0;
	margin: 5px auto;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.btn .main,
.extMdlFormGnrtrBtn input.extBtnNext,
.extMdlFormGnrtrBtn input.extBtnSend {
	color: #fff;
	background:#217d80;
}
.btn .main:hover,
.extMdlFormGnrtrBtn input.extBtnNext:hover,
.extMdlFormGnrtrBtn input.extBtnSend:hover {
	color: #fff;
    background: #2a9fa3;
}
.radio .btn .main,
.extMdlFormGnrtrBtn input.extBtnNext,
.extMdlFormGnrtrBtn input.extBtnSend {
	color: #fff;
	background:#217d80;
	    width: 50%;
    padding: 15px;
    font-size: 17px;
}
.radio .btn .main:hover,
.extMdlFormGnrtrBtn input.extBtnNext:hover,
.extMdlFormGnrtrBtn input.extBtnSend:hover {
	color: #fff;
    background: #2a9fa3;
        width: 50%;
    padding: 15px;
    font-size: 17px;
}
.btn .sub,
.extMdlFormGnrtrBtn input.extBtnClear,
.extMdlFormGnrtrBtn input.extBtnBack  {
	color:#217d80;
	background: #eee;
	border:1px solid #217d80;

}
.btn .sub:hover,
.extMdlFormGnrtrBtn input.extBtnClear:hover,
.extMdlFormGnrtrBtn input.extBtnBack:hover  {
	color:#2a9fa3;
	background: #ddd;
	border-color:#2a9fa3;
}


/* gNav
---------------------- */
#gNav {
	width: 130px;
	/* height: 340px; */
	padding: 0 0 0 15px;
	/* margin: -170px 0 0; */
	position: fixed;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);

    display: none;
}
#gNav ul { overflow:hidden; }
#gNav li {
	position:relative;
}
#gNav li a {
	display:block;
	color:#fff;
	font-family: 'Maven Pro', sans-serif;
	font-size:18px;
	font-weight:bold;
/*	text-align:right; */
	text-decoration:none;
	line-height:38px;
	padding-left:15px;
	position:relative;
	z-index:2;
}
#gNav li .bg {
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	border-radius:4px;
	position:absolute;
	top:0;
	left:-120%;
	z-index:1;
}


#officialBnr {
    display: none;
}

#officialBnr a {
    display: block;
    width: 100%;
    line-height: 0;
}
#officialBnr a img {
    width: 100%;
}

/* pspeNav
---------------------- */
#pspeNav {
    width: 140px;
    /* height: 490px; */
    /* margin: -245px 0 0; */
    position: fixed;
    left: 3.5%;
    top: 50%;
    transform: translateY(-50%);
}
#pspeNav li {
	width:60px;
	height:60px;
	float:left;
	padding:5px;
	position:relative;
}
#pspeNav li a {
	display:block;
	width:60px;
	height:60px;
	position:relative;
	z-index:2;
}
#pspeNav li:nth-child(2n){
/*	top:30px; */
}
#pspeNav li img { width:100%; }
#pspeNav li .bg {
	display:block;
	width:60px;
	height:60px;
	background:#fff;
	border-radius:6px;
	position:absolute;
	top:5px;
	right:5px;
	z-index:1;
	opacity:0;
}

#pspeNav .boxTit { display:none; }

#pspeNav .listSNS{
    text-align: center;
}
#pspeNav .listSNS li a i{
transition: .2s;
}
#pspeNav .listSNS li:hover a i{
	color:#4C70FA;	
}
#pspeNav .listSNS li {
    display: inline-block;
    margin-right: 0.4em;
    width: auto;
    height: auto;
    float: none;
    padding: 0;
}
#pspeNav .listSNS li a {
color: #fff;
    font-family: 'Maven Pro', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding:0 5px;
    width: auto;
    height: auto;
}
#pspeNav .officialLink a{
	color: #fff;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

/* common
---------------------- */
.box,
.page .section {
	background:#fff;
	border-radius:6px;
	padding:10px 20px;
}
.boxTit,
.page .section.titArea .tit,
.binfomationCategory .tit {
	font-family: 'Maven Pro', 'Noto Sans Japanese', sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:40px;
}
.box .boxTit,
.page .section.titArae .tit {
	color:#fff;
	border-bottom:2px solid #fff;
}
/* contentsList
---------------------- */
.home .contentsList li {
	border-bottom:1px solid #fff;
}
.home .contentsList li:last-child{
	border:none;
}
.home .contentsList a {
	display:block;
	padding:10px 0;
	text-decoration:none;
}
.home .contentsList .date{
	color:#fff;
	font-family: 'Maven Pro', sans-serif;
	font-size:14px;
	font-weight:bold;
}
.home .contentsList .cat {
	display:inline-block;
	color:#fff;
	font-size:13px;
	margin:0 5px 0 0;
}
.home .contentsList .tit{
/*	display:inline-block; */
	color:#fff;
	font-size:13px;
	overflow:hidden;
}
.home .contentsList .tit .ticker {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}
.home .contentsList a:hover .tit {
/*	text-decoration:underline; */
	color:#fbff00;
}


/* top
=========================== */

/* keyVisual
---------------------- */
#keyVisual {
	width:900px;
/*	height:400px; */
	line-height:0;
	border-radius:10px;
	margin:0 auto 20px;
	overflow:hidden;
	position:relative;
}
#keyVisual li {
	position:absolute;
	left:0;
	top:0;
}

.bx-wrapper { margin:0; }
.bx-wrapper .bx-viewport {
	box-shadow:none;
	border:none;
	left:0;
	background:transparent;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.slider li {
	border-radius: 10px;
	overflow: hidden;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom:10px;
  z-index: 999;

}
.bx-wrapper .bx-pager.bx-default-pager a {
	width:6px;
	height:6px;
	background: #fff;
	border:2px solid #FC490F;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #FC490F;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	background:#fff;
	color:#FC490F;
	border:2px solid #FC490F;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	color:#fff;
	background:#FC490F;
	border:2px solid #FC490F;
}
.bx-wrapper .bx-prev { left:-8px; border-radius:0 26px 26px 0; }
.bx-wrapper .bx-next { right:-8px; border-radius: 26px 0 0 26px; }

.bx-wrapper .bx-prev:before {
	content: "\f104";
	font:normal normal normal 28px FontAwesome;
	display:block;
	width:32px;
	height:32px;
	text-indent:0;
	text-align:center;
	line-height:30px;
	position:absolute;
	left:0;
	top:0;
}
.bx-wrapper .bx-next:after {
	content: "\f105";
	font:normal normal normal 28px FontAwesome;
	display:block;
	width:32px;
	height:32px;
	text-indent:0;
	text-align:center;
	line-height:30px;
	position:absolute;
	left:0;
	top:0;
}

/* mainArea
---------------------- */
.mainArea {
	margin:0 0 30px;

	clear: both;
}
.loginBox {
	width:280px;
	height:218px;
	background:#FC490F;
}
.loginBox .loginNav {
    position: static;
    width: auto;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.loginBox .loginNav > li {
    width: 32.5%;
}
.page .loginBox .loginNav > li {
    width: 100%;
}

.loginBox .loginNav a {
	display:block;
	color:#fff;
	font-family: 'Maven Pro', sans-serif;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.05em;
	border:2px solid #fff;
	margin:13px 0 0;
	border-radius:4px;
	padding:10px;
	position:relative;
}
.loginBox .loginNav .sub {
	display:inline-block;
	font-size:13px;
	font-weight:normal;
	position:absolute;
	right:10px;
	top:10px;
}
.loginBox .loginNav a:hover {
}

.home .loginBox {
    width: 100%;
    float: left;
    padding: 18px 25px 25px;
    margin-right: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    height: auto;
}
.home .newsBox {
    width: 620px;
    float: left;
    background: #4C70FE;
    margin-right: 20px;
    box-sizing: border-box;
}
.home .newsBox .boxTit {
	font-size:20px;
	font-weight:300;
	letter-spacing:0.2em;
}
.home .newsBox.diary {
    margin-right: 0;
    width: 260px;
}
.home .contentsList .update {
	background:#c00;
	color:#fff;
	font-size:10px;
	padding:0 3px;
	margin:0 0 0 5px;
}
.home .newsBox.pspeInfo h2 {position: relative;letter-spacing: 0.1em;}
.home .newsBox.pspeInfo h2 .letter {
    letter-spacing: -0.04em;
    margin: 0 6px 0 0;
}
.home .newsBox.pspeInfo h2 .more a{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 0.05em;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 2px 7px 2px 10px;
    line-height: 1.5em;
    right: 0;
    position: absolute;
    top: 7px;
}
.home .newsBox.pspeInfo h2 .more a i {
    padding: 0 0 0 5px;
    font-size: 10px;
}

/* bnrArea
---------------------- */
.home .bnrArea {
	margin:0 0 20px;
}
.home .bnrArea .bnrList {
	margin:0 -10px 0 0;
}
.home .bnrArea .bnrList li {
	float:left;
	width:227px;
}
.home .bnrArea .bnrList li a {
	display:block;
	background:#aaa;
	line-height:0;
	border-radius:6px;
	margin:0 10px 0 0;
	overflow:hidden;
}

/* menuArea
---------------------- */
.home .menuArea .menuList {
	margin:0 -20px 0 0;
}
.home .menuArea .menuList li {
	width:118px;
	float:left;
	position:relative;
	margin:0 13px 13px 0;
}
.home .menuArea .menuList li:nth-child(7n+1) { margin-left:55px; }
.home .menuArea .menuList li:first-child { margin-left:0; }

.home .menuArea .menuList .bg {
	display:block;
	width:116px;
	height:116px;
	background:rgba(0,0,0,0.4);
	border-radius:6px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
}
.home .menuArea .menuList a {
	display:block;
	background:#fff;
	line-height:0;
	border:2px solid #ccc;
	border-radius:6px;
	padding:4px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
.home .menuArea .menuList li:nth-child(1) a { border-color:#FF311A; }
.home .menuArea .menuList li:nth-child(2) a { border-color:#010101; }
.home .menuArea .menuList li:nth-child(3) a { border-color:#fcb500; }
.home .menuArea .menuList li:nth-child(4) a { border-color:#4D11FF; }
.home .menuArea .menuList li:nth-child(5) a { border-color:#2D712F; }
.home .menuArea .menuList li:nth-child(6) a { border-color:#2447FB; }
.home .menuArea .menuList li:nth-child(7) a { border-color:#DB0DFF; }
.home .menuArea .menuList li:nth-child(8) a { border-color:#943518; }
.home .menuArea .menuList li:nth-child(9) a { border-color:#ffab03; }
.home .menuArea .menuList li:nth-child(10) a { border-color:#1ceb15; }
.home .menuArea .menuList li:nth-child(11) a { border-color:#FF2E29; }
.home .menuArea .menuList li:nth-child(12) a { border-color:#1DB6CC; }
.home .menuArea .menuList li:nth-child(13) a { border-color:#ff7040; }


/* footer
---------------------- */
#footer {
	width:900px;
	clear:both;
	padding:30px 0;
	margin:0 0 0 -450px;
	position:absolute;
	bottom:0;
	left:50%;
}
#footer .supportList {
	text-align:center;
	margin:0 auto 15px;
}
#footer .supportList li {
	display:inline-block;
	padding:0 5px;
}
#footer .supportList a {
	color:#fff;
	font-size:12px;
}
#footer .supportList a:hover {
	text-decoration:none;
}
#footer .copyright {
	color:#aaa;
	font-size:11px;
	text-align:center;
	letter-spacing:0.1em;
	line-height:15px;

}
#footer .copyright small {
	font-family: 'Maven Pro', sans-serif;
	font-size:13px;
	font-weight:bold;
}


/* page
=========================== */
.page #header {
	background-position: center center;
	background-repeat:no-repeat;
	background-image:url(/static/passepied/fansite/pc/images/pspe/ph_pspe_header.png);
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
	width:630px;
	height:230px;
	float:left;
	margin-bottom:10px;
}

.page .loginBox {
	width:240px;
	height:auto;
	float:right;
	background:#fff;
	color:#FC490F;
	padding:15px 10px 5px;
	margin:0px 0 20px;
}
.page .loginBox .boxTit {
	color:#FC490F;
	border:none;
}
.page .loginBox .loginNav a {
	color:#fff;
	background:#FC490F;
	border-color:#FC490F;
	font-size:18px;
	margin:5px 0;
}
.page .mainArea {
	float:left;
	margin-top:-276px
}
.page .loginBox .sub {
	font-size:12px;
}
.page .boxTit,
.page .section .tit {
}
.page .galleryBox .categoryTit {
	font-size:16px;
	font-weight:bold;
	border-left: 7px solid #4D11FF;
	padding:5px 0 5px 10px;;
	margin:10px 0px 25px;
}

.page .section {
	border-radius: 0 0 6px 6px;
	padding:20px 40px 30px;
	margin:0;
}
.page .section.titArea {
	border-bottom:none;
	border-radius: 6px 6px 0 0;
	padding-bottom:0;
	margin:0;
}
.page .section .tit {
	border-bottom:none;
}
.page .binfomationCategory .tit {
	padding-bottom:20px;
}

/* contentsList
---------------------- */
.page .newsList li,
.page .contentsList li {
	border-bottom:1px dotted #445455;
}
.page .newsList li:first-child,
.page .contentsList li:first-child  {
	border-top:1px dotted #445455;
}
.page .newsList a,
.page .contentsList a {
	display:block;
	padding:20px 0 15px;
	text-decoration:none;
}
.page .newsList .date,
.page .titArea .date,
.page .thumbList .date {
	display:block;
	color:#445455;
	font-family: 'Maven Pro', sans-serif;
	font-size:14px;
	font-weight:bold;
}
.page .contentsList .date {
	display: block;
	color: #999999;
	font-family: 'Maven Pro', sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.page .newsList .cat {
	display:inline-block;
	color:#fff;
	font-size:13px;
	margin:0 5px 0 0;
}
.page .newsList .subtit,
.page .contentsList .subtit {
	display:inline-block;
	color:#333;
	font-size:18px;
	margin:0 0 5px;
}
.page .newsList  a:hover .subtit,
.page .contentsList a:hover .subtit{
	text-decoration:underline;
}
.page .newsList .separate {
	display:none;
}
.page .section .PCnew {
	color:#c00;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

#infscr-loading {
	text-align:center;
	padding:10px 0;
}



.thumbList {
	margin:0 -20px 0 0;
}
.thumbList li {
	width:190px;
	float:left;
	margin:0 20px 30px 0;
}
.thumbList .thumb {
	height:190px;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	border-radius:6px;
	overflow:hidden;
	background:#CBCBCB;
	margin:0 0 10px;
}
.thumbList .thumb img {
	width:100%;
	height:100%;
	background-position:center center;
/*	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
*/
	background-color:#333;
	background-repeat:no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: cover;
	background-size: contain;
}
.thumbList li a {
	display:block;
	color:#444;
	text-decoration:none;
}
.page .section .thumbList .tit {
	font-size:14px;
	line-height:1.4em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:5px 0;
}

/* pulldownBox */
.pulldownBox{ 
	padding: 3px 0;
	position: relative;
	margin: 0 auto 20px;
	width: 280px;
	}
.pulldownBox select{
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: 4px;
    padding: 1em 4em 1em 2em;
    font-size: 16px;
    text-align: left;
    text-transform: none;
    outline: none;
}
.pulldownBox select.categoryList{ margin: 0; }
.pulldownBox::before{
	display: block;
	width: 14px;
	height: 14px;
	content: '\f48b';
	font-family: 'WebHostingHub-Glyphs';
	font-weight: normal;
	line-height: 100%;
	position: absolute;
	top: 50%;
	right: 1em;
	z-index: 10;
	margin-top: -6px;
	text-transform: initial;
}

.categoryList a { font-size:18px; }

.block--pager{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.block--pager li{
    padding: 0 10px;
    font-size: 12px;
}
.block--pager li a{
    text-decoration: none;
    transition: 0.4s;
    color: #000;
}
.block--pager li a:hover {
    opacity: 0.7;
}
.block--pager li span{
    opacity: 0.3;
}
.block--pager .pager__item--newer span,
.block--pager .pager__item--newer a{
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}
.block--pager .pager__item--newer span::before,
.block--pager .pager__item--newer a::before {
    content: '';
    width: 5px;
    height: 5px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-135deg);;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);;
    -ms-transform: translate(-50%, -50%) rotate(-135deg);;
}

.block--pager .pager__item--older span,
.block--pager .pager__item--older a{
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}
.block--pager .pager__item--older span::before,
.block--pager .pager__item--older a::before {
    content: '';
    width: 5px;
    height: 5px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
}
.block--pager .pager__item--current{
    background: rgb(252, 73, 15);
    color: #fff;
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 999px;
    position: relative;
}
.block--pager .pager__item--current span{
    opacity: 1;
    text-align: center;
    display: block;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
}
#aop_page_pspeInfo .block--pager {
    padding-top: 20px;
}

/* detail
---------------------- */
.page .section .titArea {
	width:auto;
	border:none;
	padding:15px 35px 0;
}
.page .section .titArea .tit {
	color:#444;
	font-size:20px;
	padding:0 0 10px;
}
.page .section .txtArea {
	font-size:14px;
	padding:15px 0;
}
.binformationDetail .section .social {
	padding:20px 0 0;
}
.page .section .social .fb-like {
	width:120px;
	float:left;
}
.binformationDetail .section .titArea,
.binformationDetail .section .txtArea{
	padding:0 !important;
}
.binformationDetail .section .titArea {
	margin:0 0 20px;
}
.binformationDetail .titArea .tit {
	color: #444 !important;
	font-size: 18px;
	line-height: 1.4em;
	border-bottom: 1px dotted #444 !important;
	padding: 0 0 15px;
}
.page .section .txtArea .ph {
	text-align:center;
	margin:0 0 15px;
}
.page .section .txtArea .ph img {max-width: 100%;}
.binformationDetail .date {
	margin:0 0 10px;
}
.binformationDetail .pageLink {
	background:#f5f5f5;
	border-radius:0 0 6px 6px;
	padding:20px 40px 20px;
}

/* audio/movie/podcast
=========================== */
#aop_page_movie .section .titArea { padding:0; margin:0 0 20px; }
#aop_page_movie .section .titArea .date { margin:0 0 10px; }
#aop_page_movie embed { width:100%  !important; }

/* audio
--------------------------- */
#aop_page_movie .titArea.AUDIO .tit { color: #FF311A; }
#aop_page_movie .section.AUDIO .titImg { line-height:0; }
#aop_page_movie .section.AUDIO .contentsList li { border:none; }
#aop_page_movie .section.AUDIO .contentsList li a {
	background:#FF311A;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_movie .section.AUDIO .contentsList li a:hover {
	background:#FF614F;
}
#aop_page_movie .section.AUDIO .contentsList .thumb { display:none; }
#aop_page_movie .section.AUDIO .contentsList .date { display:inline-block; width:140px; color:#fff; }
#aop_page_movie .section.AUDIO .contentsList .tit { display:inline-block; font-weight:bold; font-size:16px; color:#fff;}


/* podcast
--------------------------- */
#aop_page_movie .titArea.PODCAST .tit { color:#fcb500; }
#aop_page_movie .section.PODCAST .titImg { line-height:0; }
#aop_page_movie .section.PODCAST .contentsList { margin:0 0 20px; }
#aop_page_movie .section.PODCAST .contentsList li { border:none; }
#aop_page_movie .section.PODCAST .contentsList li a {
	background:#fcb500;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_movie .section.PODCAST .contentsList li a:hover {
	background:#FFA400;
}
#aop_page_movie .section.PODCAST .contentsList .thumb { display:none; }
#aop_page_movie .section.PODCAST .contentsList .date { display:inline-block; width:140px; color:#fff; }
#aop_page_movie .section.PODCAST .contentsList .tit { display:inline-block; font-weight:bold; font-size:16px; color:#fff;}


/* NARITA
--------------------------- */
#aop_page_movie .titArea.NARITA .tit {color: #000; padding: 0 0 20px 0; border-bottom: 8px solid; }

/*
#aop_page_movie .section.NARITA{padding: 8px 30px 30px;}
#aop_page_movie .section.NARITA.titArea{padding: 20px 30px 0;}

#aop_page_movie .section.NARITA .titImg { line-height:0; }
#aop_page_movie .section.NARITA .contentsList { margin:0 0 20px; }
#aop_page_movie .section.NARITAT .contentsList li { border:none; }
#aop_page_movie .section.NARITA .contentsList li a {
    background: #000;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_movie .section.NARITA .contentsList li a:hover {
	background: #1e1e1e;
}
#aop_page_movie .section.NARITA .contentsList .thumb { display:none; }
#aop_page_movie .section.NARITA .contentsList .date { display:inline-block; width:140px; color:#fff; }
#aop_page_movie .section.NARITA .contentsList .tit { display:inline-block; font-weight:bold; font-size:16px; color:#fff;}

#aop_page_movie .section.NARITA  .newsList li,#aop_page_movie .section.NARITA .contentsList li{
    border: none;
}
#aop_page_movie .section.NARITA  .alertBox {
    background: #e8e8e8;
    border-radius: 3px;
	padding: 20px;
    margin: 15px 0 30px 0;
}
#aop_page_movie .section.NARITA .alertBox .tit {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 700;
}
#aop_page_movie .section.NARITA .btn a{
    margin: 0 auto;
}
*/

/* TSUYUZAKI
--------------------------- */

#aop_page_movie .titArea.TSUYUZAKI .tit {color: #5f4437; padding: 0 0 20px 0; border-bottom: 8px solid; }
/*
#aop_page_movie .section.TSUYUZAKI{padding: 8px 30px 30px;}
#aop_page_movie .section.TSUYUZAKI.titArea{padding: 20px 30px 0;}

#aop_page_movie .section.TSUYUZAKI .titImg { line-height:0; }
#aop_page_movie .section.TSUYUZAKI .contentsList { margin:0 0 20px; }
#aop_page_movie .section.TSUYUZAKI .contentsList li { border:none; }
#aop_page_movie .section.TSUYUZAKI .contentsList li a {
    background:#5f4437;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_movie .section.TSUYUZAKI .contentsList li a:hover {
	background: #6e5950;
}
#aop_page_movie .section.TSUYUZAKI .contentsList .thumb { display:none; }
#aop_page_movie .section.TSUYUZAKI .contentsList .date { display:inline-block; width:140px; color:#fff; }
#aop_page_movie .section.TSUYUZAKI .contentsList .tit { display:inline-block; font-weight:bold; font-size:16px; color:#fff;}

#aop_page_movie .section.TSUYUZAKI  .newsList li,#aop_page_movie .section.NARITA .contentsList li{
    border: none;
}
#aop_page_movie .section.TSUYUZAKI  .alertBox {
    background: #e8e8e8;
    border-radius: 3px;
	padding: 20px;
    margin: 15px 0 30px 0;
}
#aop_page_movie .section.TSUYUZAKI .alertBox .tit {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 700;
}
#aop_page_movie .section.TSUYUZAKI .btn a{
    margin: 0 auto;
}
#aop_page_movie .section.TSUYUZAKI .btn.sub a{
    background: #FC490F;
}
#aop_page_movie .section.TSUYUZAKI .btn.sub a:hover{
    background: #fc650f;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
*/

/* MISAWA
--------------------------- */

#aop_page_movie .titArea.MISAWA .tit {color:#D91D1E; padding: 0 0 20px 0; border-bottom: 8px solid; }
/*
#aop_page_movie .section.MISAWA{padding: 8px 30px 30px;}
#aop_page_movie .section.MISAWA.titArea{padding: 20px 30px 0;}

#aop_page_movie .section.MISAWA .titImg { line-height:0; }
#aop_page_movie .section.MISAWA .contentsList { margin:0 0 20px; }
#aop_page_movie .section.MISAWA .contentsList li { border:none; }
#aop_page_movie .section.MISAWA .contentsList li a {
    background: #D91D1E;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_movie .section.MISAWA .contentsList li a:hover {
	background: #eb4041;
}
#aop_page_movie .section.MISAWA .contentsList .thumb { display:none; }
#aop_page_movie .section.MISAWA .contentsList .date { display:inline-block; width:140px; color:#fff; }
#aop_page_movie .section.MISAWA .contentsList .tit { display:inline-block; font-weight:bold; font-size:16px; color:#fff;}

#aop_page_movie .section.MISAWA  .newsList li,#aop_page_movie .section.NARITA .contentsList li{
    border: none;
}
#aop_page_movie .section.MISAWA  .alertBox {
    background: #e8e8e8;
    border-radius: 3px;
	padding: 20px;
    margin: 15px 0 30px 0;
}
#aop_page_movie .section.MISAWA .alertBox .tit {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 700;
}
#aop_page_movie .section.MISAWA .btn a{
    margin: 0 auto;
}
#aop_page_movie .section.MISAWA .btn.sub a{
    background: #FC490F;
}
#aop_page_movie .section.MISAWA .btn.sub a:hover{
    background: #fc650f;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
*/


/* OGODA
--------------------------- */

#aop_page_movie .titArea.OGODA .tit {color: #4c4c4c; padding: 0 0 20px 0; border-bottom: 8px solid; }

/*
#aop_page_movie .section.OGODA{padding: 15px 30px 30px;}
#aop_page_movie .section.OGODA.titArea{padding: 20px 30px 0;}

#aop_page_movie .section.OGODA .titImg { line-height:0; }
#aop_page_movie .section.OGODA .thumbList { margin:0 0 20px; }
#aop_page_movie .section.OGODA .thumbList li { border:none;  width: 100%; margin: 0; }
#aop_page_movie .section.OGODA .thumbList li:last-child{
    margin: 0;
}
#aop_page_movie .section.OGODA .thumbList li a {
    background:#4c4c4c;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_movie .section.OGODA .thumbList li a:hover {
	background: #6a6a6a;
}
#aop_page_movie .section.OGODA .thumbList .thumb { display:none; }
#aop_page_movie .section.OGODA .thumbList .date { display:inline-block; width:140px; color:#fff; }
#aop_page_movie .section.OGODA .thumbList .tit { display:inline-block; font-weight:bold; font-size:16px; color:#fff;  padding: 0;overflow: initial;}

#aop_page_movie .section.OGODA  .newsList li,#aop_page_movie .section.NARITA .contentsList li{
    border: none;
}
#aop_page_movie .section.OGODA  .alertBox {
    background: #e8e8e8;
    border-radius: 3px;
	padding: 20px;
    margin: 15px 0 30px 0;
}
#aop_page_movie .section.OGODA .alertBox .tit {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 700;
}
#aop_page_movie .section.OGODA .btn a{
    margin: 0 auto;
}
#aop_page_movie .section.OGODA .btn.sub a{
    background: #FC490F;
}
#aop_page_movie .section.OGODA .btn.sub a:hover{
    background: #fc650f;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

*/

/* radio
------------------------ */
.radio .page .thumbList .date{
display: block;
    color: #fff;
    font-family: 'Maven Pro', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 13px;
}

.radio .tit{
    border-bottom: none;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}

#aop_page_movie .titArea.RADIO .tit { color:#ffd101; }
#aop_page_movie .section.RADIO .titImg { line-height:0; }
#aop_page_movie .section.RADIO .contentsList { margin:0 0 20px; }
#aop_page_movie .section.RADIO .contentsList li { border:none; }
#aop_page_movie .section.RADIO .contentsList li a {
	background:#ffd101;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_movie .section.RADIO .contentsList li a:hover {
	background:#ffed52;
}
#aop_page_movie .section.RADIO .contentsList .thumb { display:none; }
#aop_page_movie .section.RADIO .contentsList .date { display:inline-block; width:140px; color:#fff; }
#aop_page_movie .section.RADIO .contentsList .tit { display:inline-block; font-weight:bold; font-size:16px; color:#fff;}


/* new-movie
------------------------ */

.new-movie.page .mainArea {
    margin: 0 auto 50px;
}
.new-movie.page .section .titArea {
    width: auto;
    border: none;
    padding: 0;
    margin: 0 0 20px;
}
.new-movie.page .section .titArea .date {
    margin: 0 0 10px;
}
.new-movie.page .section--detail .section .area--movie .vjs-big-play-centered .vjs-big-play-button {
    width: 8vw;
    height: 8vw;
    top: 50%;
    left: 50%;
    margin-top: 0;
    margin-left: 0;
    height: 3em;
    border-radius: 2em;
    line-height: 3em;
    background: no-repeat center url(/static/common/newmovie/img/ico--play.svg);
    background-size: contain;
    border: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* diary
=========================== */
#bingo_page_feature .section.titArea .tit { color:#036106; }
#bingo_page_feature .contentsList.thumbList li {
	width:148px;
	text-align:center;
	border:none;

}
#bingo_page_feature .contentsList.thumbList .thumb {
	height:148px;
	border-radius: 50%;
}
#bingo_page_feature .contentsList.thumbList a:hover { color:#217d80; }
.playerDL {
	background:#f5f5f5;
	padding:10px 15px;
}
.playerDL a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}


/* gallery
=========================== */
#aop_page_book .section.titArea .tit { color:#4D11FF; }
#aop_page_book .section .titArea {
	padding:0 !important;
}
#aop_page_book .section .titArea .date {
	margin:0 0 10px;
}
#aop_page_book .contentsList li {
	border:none;
}
#aop_page_book .contentsList a{
	background:#4D11FF;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_book .contentsList li a:hover { background:#6633FF; }
#aop_page_book .contentsList li a:hover .subtit { text-decoration:none; }
#aop_page_book .contentsList a .subtit { color:#fff; margin:0; line-height:1.4em; }
#aop_page_book .thumbList li { margin-bottom:20px; }
#aop_page_book .thumbList .thumb { margin:0; }
#aop_page_book .thumbList .tit { display:none; }
#aop_page_book .thumbList .date { display:none; }

/* colorbox */
#cboxOverlay {
	background: none !important;
	background: rgba(0,0,0,0.5) !important;
}
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxTopCenter,#cboxBottomCenter,
#cboxCurrent	{ display: none !important; }
#cboxPrevious	{ background: url(/static/passepied/fansite/pc/images/pspe/controls.png) no-repeat -75px 0 !important; bottom:50% !important; left:5px !important; margin-bottom:-13px !important; opacity:0.5;}
#cboxNext		{ background: url(/static/passepied/fansite/pc/images/pspe/controls.png) no-repeat -50px 0 !important; bottom:50% !important; left:auto !important; right:5px !important; margin-bottom:-13px !important; opacity:0.5;}
#cboxClose		{ background: rgba(0,0,0,0.4) url(/static/passepied/fansite/pc/images/pspe/controls.png) no-repeat -25px 0 !important; }
#cboxPrevious:hover	{ background-position:-75px -25px !important; opacity:1; }
#cboxNext:hover		{ background-position:-50px -25px !important; opacity:1; }
#cboxClose:hover	{ background-color: #4D11FF !important; }
#cboxLoadedContent { margin-bottom: 0 !important; }

/* download
======================== */
#aop_page_wallpaper .section.titArea .tit { color:#2447FB; }
#aop_page_wallpaper .noteBox {
	background:#F1F1F1;
	padding:15px;
	margin:0 0 20px;
}
#aop_page_wallpaper .noteBox .tit {
	font-size:16px;
	font-weight:bold;
}
#aop_page_wallpaper .noteBox .txt {
	margin:10px 0 0;
}
#aop_page_wallpaper .subBtn a {
	display:block;
	color:#2447FB;
	text-align:center;
	border:1px solid #2447FB;
	border-radius:2px;
	margin:0 0 5px;
}
#aop_page_wallpaper .subBtn a:hover {
	color:#fff;
	background:#2447FB;
}
#aop_page_wallpaper .section .titArea,
#aop_page_wallpaper .section .txtArea {
	padding:0;
}
#aop_page_wallpaper .section .titArea {
	margin:0 0 20px;
}
#aop_page_wallpaper .section .titArea .date {
	margin:0 0 5px;
}
#aop_page_wallpaper .section .txtArea .ph {
	text-align:center;
	margin:0 0 20px;
}
#aop_page_wallpaper .categoryList .date { display:none; }
.pointList {
	border:1px solid #ccc;
	border-radius:4px;
	margin:0 0 20px;
}

#aop_page_wallpaper .categoryList li {
	border:none;
}
#aop_page_wallpaper .categoryList a{
	background:#2447FB;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_wallpaper .categoryList li a:hover { background:#2447FB; }
#aop_page_wallpaper .categoryList li a:hover .subtit { text-decoration:none; }
#aop_page_wallpaper .categoryList a .subtit { color:#fff; margin:0; }

.pointList li {
	width:49%;
	float:left;
	text-align:center;
	padding:10px 0;
}
.pointList .necessary {
	color: #C00;
	border-right:1px solid #ccc;
}
.pointList .rest {
color: #009FEA;
}


/* special goods
======================== */
#bingo_page_special_goods .section.titArea .tit { color:#DB0DFF; }
/*
#bingo_page_special_goods .containerInner {
	padding:20px;
}
*/
.bVImgTtlTxt2Inner {

}

/* ticket
======================== */
#bingo_page_ticket .section { border-radius:6px; }
#bingo_page_ticket .section .tit { color:#943518; }

#bingo_page_ticket .section.titArea {
	border-radius:6px 6px 0 0;
}
#bingo_page_ticket .binformationDetail .section {
	border-radius:0;
}


/* bbs
======================== */
#aop_page_bbs .section.titArea .tit { color:#ffab03; }
#aop_page_bbs .section .txtArea { padding:0 0 30px; }
#aop_page_bbs .alertBox { margin:0 0 20px; }
/* スレッド一覧
------------------------------- */
#aop_page_bbs .threadList {
	padding:20px 0 0;
}
#aop_page_bbs .threadList li {
	background:#e1e6e3;
	text-align:right;
	padding:10px 15px;
}
#aop_page_bbs .threadList li:nth-child(odd){ background:#F1F1F1; }
#aop_page_bbs .threadList .tit {
	width:360px;
	float:left;
	font-size:16px;
	text-align:left;
}
#aop_page_bbs .threadList .tit a {
	display:block;
	text-decoration:none;
}
#aop_page_bbs .threadList .tit a:before {

}
#aop_page_bbs .name,
#aop_page_bbs .date,
#aop_page_bbs .commentCount,
#aop_page_bbs .threadNum,
#aop_page_bbs .report {
	display:inline;
	padding:0 5px;
}
#aop_page_bbs .threadList .latestComment {
	color:#999;
	font-size:12px;
}
#aop_page_bbs .name:before,
#aop_page_bbs .date:before,
#aop_page_bbs .commentCount:before,
#aop_page_bbs .threadNum:before,
#aop_page_bbs .report:before {
	color:#999;
	font-family: 'WebHostingHub-Glyphs';
	font-size:0.8em;
	font-weight:normal;
	margin:0 3px 0 0;
}
#aop_page_bbs .date:before { content:'\f22b' }
#aop_page_bbs .commentCount:before { content: '\f12c'; }
#aop_page_bbs .threadNum:before { content: '\f144'; }
#aop_page_bbs .threadNum:report { content: '\f144'; }

/* スレッド作成者非表示 */
#aop_page_bbs .threadList .name,
#aop_page_bbs .threadList .date,
#aop_page_bbs .thread .name,
#aop_page_bbs .thread .date { display:none; }
#aop_page_bbs .thread .commentList .name,
#aop_page_bbs .thread .commentList .date { display:inline; }


/* ページャー
------------------------------- */
#aop_page_bbs .pagingBox {
	text-align:center;
	padding: 20px 0;
}
#aop_page_bbs .pagingBox .txt,
#aop_page_bbs .pagingBox ul,
#aop_page_bbs .pagingBox ul li {
	display:inline;
}
#aop_page_bbs .pagingBox li {
	display:inline-block;
}
#aop_page_bbs .pagingBox ul {
	padding:0 0 0 30px;
}
#aop_page_bbs .pagingBox li a {
	text-decoration:none;
	border:1px solid #fff;
	padding:5px 5px;
}
#aop_page_bbs .pagingBox li a:hover {
	background:#eee;
	color:#000;
}
#aop_page_bbs .pagingBox .current span {
	background:#fff;
	color:#000;
	border:1px solid #fff;
	padding:5px 10px;
}


/* スレッド
------------------------------- */
#aop_page_bbs .section { line-height:1.7em; }
#aop_page_bbs .thread .titArea { padding:0; margin:0 0 20px; }
#aop_page_bbs .thread .titArea .tit { font-size: 18px; }
#aop_page_bbs .thread .titArea .name,
#aop_page_bbs .thread .titArea .date,
#aop_page_bbs .thread .titArea .commentCount,
#aop_page_bbs .thread .titArea .threadNum,
#aop_page_bbs .thread .titArea .report {
	padding:0 20px 0 0;
}
#aop_page_bbs .thread  .ph {
	background:#f5f5f5;
	text-align:center;
	padding:10px;
	margin:0 0 20px;
}
#aop_page_bbs .thread .txtArea {
	font-size:14px;
	padding:0;
	margin:0 0 30px;
}
#aop_page_bbs .thread .sortBox {
	font-size:12px;
	padding:20px 0;
	text-align:right;
}
#aop_page_bbs .thread .commentList li {
	background:#e1e6e3;
	padding:15px;
	margin:0;
}
#aop_page_bbs .thread .commentList li:nth-child(odd){ background:#F1F1F1; }
#aop_page_bbs .thread .commentList .titArea .date { padding-top:0; margin:0 0 20px; }
#aop_page_bbs .thread .commentList .txtArea .txt { margin-bottom:0; }

/* コメント投稿 */
#aop_page_bbs .thread .commentPost {
}
#aop_page_bbs .thread .commentPost dl {
	border:1px solid #aaa;
	padding:20px;
	margin:20px 0 10px;
}
#aop_page_bbs .thread .commentPost dt {
	width:150px;
	clear:both;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding:10px;
}
#aop_page_bbs .thread .commentPost dd {
	padding:10px 10px 10px 180px;
}
#aop_page_bbs .thread .commentPost dd input[type="file"]{
	color:#000;
	margin:0 0 5px;
}
#aop_page_bbs .thread .commentPost dd textarea { width:90%; padding:10px; }
#aop_page_bbs .thread .note {
	text-align:center;
}


/* qa
======================== */
#aop_page_qa .section.titArea .tit { color:#1ceb15; }
#aop_page_qa .txtArea {
	font-size:14px;
	padding:0;
	margin:0 0 30px;
}
#aop_page_qa .contentsList {
	margin:20px 0 0;
}
#aop_page_qa .contentsList li {
	border:none;
}
#aop_page_qa .contentsList a{
	background:#59CA56;
	border-radius:4px;
	padding:20px 30px;
	margin:0 0 10px;
}
#aop_page_qa .contentsList li a:hover { background:#5CE958; }
#aop_page_qa .contentsList li a:hover .subtit { text-decoration:none; }
#aop_page_qa .contentsList a .date { display:inline-block; width:130px; color:#fff; }
#aop_page_qa .contentsList a .subtit {
	 display:inline-block;
	 color:#fff;
	 margin:0;
	 font-weight:bold;
	 line-height:1.4em;
	 width:100%;
	 white-space:nowrap;
	 text-overflow:ellipsis;
	 overflow:hidden;
}
#aop_page_qa .section .titArea {
	padding:0;
	margin:0 0 20px;
}
#aop_page_qa .section .titArea .date {
	margin:0 0 10px;
}
#aop_page_qa .section .answer {
	background:#e3ebe2;
	padding:20px;
}

/* present
======================== */
#bingo_page_present .section { border-radius:6px; }
#bingo_page_present .section.titArea { border-radius:6px 6px 0 0; }
#bingo_page_present .section.titArea .tit,
#bingo_page_present .binfomationCategory .tit { color:#FF2E29; }
#bingo_page_present .binformationDetail { background:#fff; }
#bingo_page_present .binformationDetail .pageLink { display:none; }
#bingo_page_present .entryBtn {
	background: #fff;
	border-radius: 0 0 6px 6px;
	padding: 20px 40px 20px;
}

/* pspeInfo
======================== */
#aop_page_pspeInfo .thumb {
	width: 130px;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: center;
}
#aop_page_pspeInfo .thumb .dummy {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#aop_page_pspeInfo .thumb .thumbnail {
	max-width: 100%;
}
#aop_page_pspeInfo .textArea {
	overflow: hidden;
}
#aop_page_pspeInfo .section.titArea {
    border-radius: 6px 6px 0 0;
}
#bingo_page_update .pageLink {display: none;}

/* fan mail
======================== */
bingo_page_pspe_form .section .tit { color:#ff7040; }


/* support
======================== */
#bingo_page_support {

}
#bingo_page_support .section { border:none; }
#bingo_page_support .section.titArea .tit { color:#265456; }


/* form
======================== */
#bingo_page_pspe_form .section.titArea .tit { color:#265456; }

.extMdlFormGnrtr th {
	width:150px;
	background:#ddd;
	border:1px solid #ddd;
}
.extMdlFormGnrtr td {
	background:#f5f5f5;
	word-break:break-all;
	border:1px solid #ddd;
}
input.extBtnNext.btnMain,
.extMdlFormGnrtrBtn input.extBtnClear,
.extMdlFormGnrtrBtn input.extBtnBack,
.extMdlFormGnrtrBtn input.extBtnNext,
.extMdlFormGnrtrBtn input.extBtnSend {
	display:inline-blick;
	width:auto;
	min-width:250px;
}

/* alertBox
------------------------- */
.alertBox {
	background: #FCFFC4;
	border-radius: 3px;
	padding: 10px 20px;
	margin: 0 0 15px;
}
.radio .alertBox {
	background: #FCFFC4;
	border-radius: 3px;
	padding: 20px 20px;
	margin: 0 0 15px;
}
.alertBox .tit {
	font-size: 16px;
	margin: 0 0 5px;
}
.alertBox .error {
	color: #f00;
}
.alertBox .error:before {
	content: '\f316';
	font-family: 'WebHostingHub-Glyphs';
	font-weight: normal;
	margin: 0 5px 0 0;
}

/* form
----------------------- */
.formList textarea { padding:5px; }
.formList textarea[readonly],
.formList input[readonly] {
	background:transparent;
	border:none;
}

.pageLead {
	font-size:14px;
	margin:0 0 15px;
}


/* movie
----------------------- */

#aop_page_movie .ulizahtml5 {
    margin: auto;
    display: block;
    width: 800px;
    height: 601px;
}

/* mediaQuery
======================== */
@media screen and (min-width: 1300px) {
	.page #contents { clear:both; }
	.page .mainArea {
		width:100%;
		float:none;
		margin:0 auto;
	}
	.page .galleryBox {
		padding: 30px 40px;
	}
	.page .galleryBox .boxTit {
		font-size: 30px;
		padding: 0 0 15px;
	}
	.page .galleryBox .thumbList li {
		width:190px;
	}
}
@media screen and (max-width: 1300px) {
	.page #contents{
		display: -webkit-flex;
	    display: flex;
	    flex-flow: row wrap;
	    justify-content: space-between;
	    width: 69%;
	    max-width: 620px;
	}
.page #contents #contents{
	width: 100%;
}
	#keyVisual {
		width:620px;
	/*	height:276px; */
		float:left;
		display: none;
	}

#officialBnr {
    width: 620px;
    height: auto;
    position: static;
    left: 0;
    top: 0;
    transform: none;
    padding: 0;
    float: left;
    border-radius: 6px;
    overflow: hidden;
    display: block;
}

	#pspeNav {
		width:265px;
		height:auto;
		float:right;
		margin:0 0 20px 0px;
		position:static;
		left:0;
		top:0;
		transform: none;
        clear: right;
		/*margin:0 0 20px 20px;*/
	}
	#pspeNav .boxTit {
	}
	#pspeNav ul {
/*		height:240px;*/
		background:#29822C;
		border-radius:6px;
		padding: 25px 10px;
	}

	#pspeNav li {
		padding:0;
	}
	#pspeNav li:nth-child(2n){ top:0; }
	#gNav {
   	 display: block;
   	 display: none;
	}
	.home #gNav {
		width:620px;
		height:auto;
		margin:0 0 20px;
		position:static;
		left:0;
		top:0;
		transform: none;
		padding: 0;
		float: left;
		/*clear:both;
		width:100%;*/
	}
	#pspeNav li .bg { left:0; top:0; }
	#pspeNav .officialLink,
	#pspeNav .listSNS{
	    display: none;
	}
	#gNav ul {
		background:#fff;
		border-radius:6px 6px 0 0;
		padding:30px 30px 0 30px;
		position:relative;
	/*padding:10px 10px 10px 130px;*/
	}
	#gNav ul.listSNS{
    border-radius: 0 0 6px 6px;
    padding-top:5px;
    padding-bottom: 25px;
	}

	#gNav ul:before {
		/*content:'OFFICIAL SITE:';*/
		display:inline-block;
		color:#DD0373;
		font-family: 'Maven Pro', sans-serif;
		font-size:14px;
		font-weight:bold;
		position:absolute;
		left:20px;
		top:12px;
	}
	.home #gNav li {
		display:inline-block;
	}
	#gNav li a { 
		color:#000 !important;
		font-size:20px;
		line-height:38px;
		padding:0 10px;


		/*font-size:15px;
		line-height:25px;*/
	}
	#gNav li .bg {
		display:none;
		border-radius:4px;
	}
	/* home
	------------------------- */


	/* page
	------------------------- */
	.page .mainArea {
		width:100%;
	    margin-top: 0;
	}
	.page .section {
	    box-sizing: border-box;
		padding:20px 30px 30px;
	}
	.page #officialBnr {
	    width: 260px;
	    height: auto;
	    float: right;
	    margin: 0;
	    position: static;
	    left: 0;
	    top: 0;
	    transform: none;
	    clear: right;
	    display: none;
	}
	
	.page #pspeNav {
        max-width: 260px;
	}

	.page #pspeNav ul{
		padding: 8px;
	}
	
	.page #gNav {
		width:260px;
		height:auto;
		float:right;
		margin:0;
		position:static;
		left:0;
		top:0;
		transform: none;
	/*	display:none; */
		clear:right;
	}
	.page #gNav ul {
		padding:10px 10px 0 10px;
	}
	.page #gNav li {
		width:50%;
		float:left;
	}
	.page #gNav li a {
		text-align:left;
	    font-size: 18px;
	}
	.page #gNav .listSNS{padding-top:0 ;padding-bottom: 8px;}
	.page #gNav .listSNS li{
		display: inline-block;
		width: auto;
		margin-right: 0.4em;
		float: none;
	}
	.page #gNav ul:before {
		display:none;
	}
	.page .box .boxTit {
		border:none;
	}

	.page .thumbList li {
		width:180px;
		margin:0 10px 20px 0;
	}
	.page .thumbList .thumb {
		height:180px;
	}
	.formArea .formList {
		padding-right:10px;
	}
	.formArea .formList dt {
		width:100px;
	}
	.formArea .formList dd {
		padding-left:120px;
	}


	#bingo_page_feature .contentsList.thumbList li {
		margin:0 20px 20px;
	}
}

#bingo_page_feature .contentsList.thumbList li{
	position:relative
}
.blog_new{
	position:absolute;
	color:#fff;
	background:#ff0000;
	z-index:2;
	font-size:11px;
	line-height:1;
	padding: 2px 8px;
	bottom:0;
	left:25%;
}

/* bingo */
.hsNormal { margin:0; }


@media screen and (min-width: 1px) and (max-width: 960px){

	.page--movie.new-movie .section--detail {
	    padding-top: 0!important;
	}
	.page--movie.new-movie .section--detail .block--player {
	    position: relative!important;
	    top: 0!important;
	}
}

/* movie
----------------------- */

#aop_page_movie .ulizahtml5 {
    margin: auto;
    display: block;
    width: 500px;
    height: 376px;
}

/* bingo　移管
-----------------------
#aop_page_feature #container{
	background: none;
}
#aop_page_feature  .mainWrap h2.tit{
	color:#233C3D;
font-family: 'Maven Pro', 'Noto Sans Japanese', sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 40px;
}
#aop_page_feature #mainCol{clear: both;}
#aop_page_feature .mainWrap {
  background: #fff;
  border-radius: 6px;
  color: #111;
  padding: 25px 35px;
}
*/
/* BDメール */

/* ダイアリートップ
	#aop_page_feature .mainWrap.diary .contentsList.thumbList .thumb{
			background-size: cover;
			overflow: hidden;
	}
	#aop_page_feature .mainWrap.diary .thumbList .thumb img{
		width: 100%;
		height: 100%;
		background-position: center center;
		background-color: #333;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#aop_page_feature .mainWrap.diary .thumbList{margin: 0 -20px 0 0;}

	#aop_page_feature .mainWrap.diary .thumbList li a{
		display: block;
			padding: 20px 0 15px;
			text-decoration: none;
			color: #444;
	}
	#aop_page_feature .mainWrap.diary .contentsList.thumbList li{
		position: relative;
		width: 148px;
			text-align: center;
			border: none;
	}
	#aop_page_feature .mainWrap.diary	.thumbList li{
		float: left;
			margin: 0 20px 30px 0;
	}
	#aop_page_feature .mainWrap.diary .contentsList a:hover{background: none;}
	#aop_page_feature .mainWrap.diary .contentsList a:hover img{opacity: 0.8;}
	#aop_page_feature .mainWrap.diary .thumbList .tit{
		font-size: 14px;
			line-height: 1.4em;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			padding: 5px 0;
	}
	#aop_page_feature .mainWrap.diary .contentsList.thumbList .thumb{
		height: 148px;
			border-radius: 50%;
			background: #CBCBCB;
			margin: 0 0 10px;
	}
	#aop_page_feature .mainWrap.diary .blog_new{
		position: absolute;
			color: #fff;
			background: #ff0000;
			z-index: 2;
			font-size: 11px;
			line-height: 1;
			padding: 2px 8px;
			bottom: 0;
			left: 25%;
	}
 */