@charset "UTF-8";

/* CSS Document */
body {
    max-width: 1300px;
    margin: 0px auto;
    font-family: "Meiryo UI","Hiragino Kaku Gothic ProN", sans-serif;
	text-align: center;
	background-color: #003333;
    color: #ffffff;
}


/* HEADERエリア */

a:link {
    color: #e0ffff;
    text-decoration: none;
}

a:visited {
    color: #e0ffff;
    text-decoration: none;
}

a:active {
    color: #e0ffff;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #e0ffff;
}


/* 中央位置付け */

.c {
    text-align: center;
}

table.ctr,
div.ctr,
p.ctr {
    text-align: center;
    margin: 0px auto;
}


/* Header */

header {
    text-align: center;
	margin: 0px auto;
}

/* メニュー-ボタン */
.btn-menu {
    display: inline-block;
    padding: 8px;
    background: #111111;
    color: #FFFFFF;
    border: solid 1px #333333;
    width: 80px;
}

/* 表示順-ボタン */
.btn-view {
    display: inline-block;
    padding: 10px;
    background: #333333;
    color: #c0c0c0;
    border: solid 1px #808080;
    width: 150px;
}

/* 写真枠 */
.pic-frame {
    margin: 5px;
    width: 225px;
    height: 145px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: 2px #000000 solid;
}

.pic-frame-b {
    margin: 5px;
    width: 330px;
    height: 235px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: 2px #FFFFFF solid;
}

.pic-frame-a {
    margin: 5px;
    width: 230px;
    height: 300px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: 2px #FFFFFF solid;
}

.pm {
    position: relative;/*親要素にrelative*/
}

.pm p{
    position: absolute;/*重ねたい子要素にabsolute*/
    top:32%;
    left: 87%;
    -ms-transform: translate(-32%,-87%);/*ベンダープレフィックス*/
    -webkit-transform: translate(-32%,-87%);/*ベンダープレフィックス*/
    transform: translate(-32%,-87%);/*センター寄せの修正*/
    color: #fff;
    font-family:  system-ui;
    font-size: 0.8rem;
    background-color: #696969;
    margin: 0!important;/*文字がずれている場合や*/
    padding: 0!important;/*文字が折り返される場合*/
}

/* 動画背景 */
.box-movie {
    padding: 18px 10px 15px;
    width: 550px;
    height: 420px;
    background: #dfdfe473;
}

/* 俳優・個別表示 */
table.psl{
	text-align: center;
    vertical-align: top;
    margin: 0px auto;
	width: 1000px;
}

td.inf{
    width: 360px;
    vertical-align: top;
}

/* 写真表示 */
.vdo_prsnl{
   width: 320px; 
   vertical-align: top;
}

/* タグ一覧 */
.tag_all{
    display: inline-block;
    padding: 10px;
    margin: 3px;
    text-align: center;
    background: #444444;
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    width: 150px;
}

/* ページング・ボタン */
.btns{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	padding: 5px 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #0000ff;
	border: 2px solid #ffffff;
	border-radius:10px;
	cursor: pointer;
	transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
}

.btns:hover{
    color: #0000ff;
    background-color: #e0ffff;
}

.pg {
    border: 1px solid #CECECE;
    margin: 0 3px;
    padding: 3px 7px;
    display: block;
    text-decoration: none;
    color: #cccccc;
    background: #000000;
}

.pg_now {
    border: 1px solid #000000;
    margin: 0 3px;
    padding: 3px 7px;
    display: block;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    background: #ffffcc;
}

/* ジャンプ・ボタン */
.btna{

	vertical-align: middle;
	margin: 0 10px;
	padding: 5px 15px;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.5pt;
	text-decoration: none;
    color: #0000ff;
	background-color: #00ffff;
	border: 2px solid #ffffff;
	border-radius:20px;
	cursor: pointer;
	transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
}

.btna:hover{
    color: #0000ff;
    background-color: #e0ffff;
}

/* 管理ページ */
div.knr{
	text-align: center;
    margin: 0px auto;
	width: 800px;
}

td.knr{
    text-align: left;
    vertical-align: top;
}

/* フッター */
footer {
	width: 1200px;
	margin: 0px auto;
	color: #FFFFFF;
	font-size: 18px;
}