@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 84%    11px = 92%    12px = 100%   13px = 109%
 14px = 117%    15px = 125%    16px = 133.3%    17px = 141.7%
 18px = 150%    19px = 158.3%    20px = 166.7%    21px = 175%
 22px = 183.3%    23px = 191.7%    24px = 200%    25px = 208.3%
 26px = 216.7%
=================================================================== */

/*----------------------------------------------------
        共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
    overflow-y: scroll;
}

body {
    background-color: #eee;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 180%;
    color: #333;
    overflow: hidden;
    min-width: 1000px;
}

input, textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

b, strong {
    font-weight: bold;
}

/* リンク
----------------------------------------------------*/
a {
    color: #2692ff;
}

a:link {
}

a:visited {
}

a:hover {
    text-decoration: none;
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors_example {
    /* 角丸 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    /* 角丸個別 */
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;

    /* ボックスに影 */
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;

    /* テキストに影 */
    text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clear clerfix */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.content:after,
.clearfix:after {
    content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.content, .clearfix {
    zoom: 1; /* for IE5.5 - IE7 */
}

/* 画像の透過 */
.transparent img:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.transparent a:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.tL {text-align: left;}
.tC {text-align: center;}
.tR {text-align: right;}

.tLarge {
    font-size: 16px;
}

.tSmall {
    font-size: 12px;
}

/* テキストを赤くする、問い合わせ等のアスタリスクを赤くする */
.tRed,
.emphasis {
    color: #ff1125;
}

.shadow {
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}

.left {
    float:left;
}

.right {
    float:right;
}

/* DKIR(画像置換) */

.dkir {
    position: relative;
    z-index: 3;
}

.dkir span {
    position: relative;
    text-align: center;
    z-index: -1;
}

/* CSS(画像置換) */

.csssprite a:hover,
.csssprite input:hover {
    background-position: 0 bottom;
}

/*----------------------------------------------------
        共有パーツ
----------------------------------------------------*/

#headerTop .inner,
#headerBottom .inner,
.breadCrumb,
.content,
#footerTop,
#footerBottom .inner {
    margin: 0 auto;
    width: 1000px;
}

.breadCrumb{
    padding: 10px 0;
}

.article {
    border: 2px solid #333;
}

.article .unit {
    padding: 30px;
    background: #fff;
}

.article .mainMessage {
    font-size: 20px;
    margin-bottom: 30px;
}

.article .table {
    border: 1px solid #000;
    width: 100%;
}

.article .table th {
    background-color: #eee;
    border-bottom: 1px dotted #333;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
}

.article .table td {
    border-bottom: 1px dotted #333;
    padding: 12px;
}

.title {
    background-color: #333;
    border-bottom: 4px solid #ff1125;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 20px;
}

.titleProduction {
    border-color: #007cd9;
}

.titleAudition {
    border-color: #ff6600;
}

.bottomBtnArea {
    margin: 30px 0;
    text-align: center;
}

.bottomBtnArea.g_scout {
    background: url(../img/g_scout/scout11.png) left bottom 10px no-repeat, url(../img/g_scout/scout12.png) right bottom 10px no-repeat;
    margin: -25px 20px 0 20px;
    padding: 60px 0 23px 0;
    text-align: center;
}

.bottomBtnArea .btn {
    display:inline;
    margin: 0 10px;
}

.error-message {
    color: #ff1125;
    font-size: 11px;
    margin-top: 4px;
    position: absolute;
    background: #fff;
    border: 1px solid #ff1d25;
    padding: 2px 4px;
    opacity:0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
}

.input label {
    margin-right: 20px;
}

.input input[type="text"],
.input input[type="password"],
.input input[type="email"],
.input input[type="tel"],
.input select,
.input textarea {
    border: 1px solid #888;
    padding: 4px 6px;
    resize:none;
}

.input input[type="text"]:focus,
.input input[type="password"]:focus,
.input input[type="email"]:focus,
.input input[type="tel"]:focus,
.input select:focus,
.input textarea:focus {
    border: 1px solid #ff1525;
    -webkit-box-shadow: 1px 1px 3px #ccc inset;
    -moz-box-shadow: 1px 1px 3px #ccc inset;
    box-shadow: 1px 1px 3px #ccc inset;
}

ins.adsbygoogle {
    background-color: transparent;
}

.btn input,
.btn a {
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}

.btn input:hover,
.btn a:hover {
    opacity:0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha( opacity=85 )";
}

.btnDefault input,
.btnDefault a {
    background-color: #666;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 50px;
}

.btnDefaultProduction input,
.btnDefaultProduction a {
    background-color: #007cd9;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 50px;
}

.btnDefaultNarrow input,
.btnDefaultNarrow a {
    background-color: #ff1525;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 50px;
}

.btnDefaultAudition input,
.btnDefaultAudition a {
    background-color: #ff6600;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 50px;
}

/* ボタン：ログインする */
.btnLogin a{
    background:  url(../img/btn_login.png) 0 0 no-repeat;
    display: block;
    height: 66px;
    line-height: 66px;
    margin: 10px auto;
    text-indent: -300%;
    width: 220px;
}

.btnLogin input {
    background:  url(../img/btn_login.png) 0 0 no-repeat;
    height: 66px;
    text-indent: -300%;
    width: 221px;
}

/* ボタン：無料会員登録 */
.btnRegist a {
    background:  url(../img/btn_regist.png) 0 0 no-repeat;
    display: block;
    height: 66px;
    line-height: 66px;
    margin: 0 auto;
    text-indent: -300%;
    width: 220px;
}

/* ボタン：会員仮登録 */
/* ボタン：会員本登録 */
.btnProvisionalRegist input,
.btnRealityRegist input {
    background-color: #ddd;
    background-image: none;
    border-radius: 10px;
    box-shadow: inset 0 -5px 0 0px #ccc;
    -moz-box-shadow: inset 0 -5px 0 0px #ccc;
    -webkit-box-shadow: inset 0 -5px 0 0px #ccc;
    color: #fff;
    cursor: default;
    margin-top: 20px;
    height: 66px;
    width: 300px;
    font-weight: bold;
    font-size: 22px;
    text-indent: 1px;
}

.btnProvisionalRegist input:hover,
.btnRealityRegist input:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}

/* ボタン：会員仮登録 有効*/
/* ボタン：会員本登録 有効*/
.btnProvisionalRegist input.on,
.btnRealityRegist input.on {
    background-color: #de3333;
    box-shadow: inset 0 -5px 0 0px #933;
    -moz-box-shadow: inset 0 -5px 0 0px #933;
    -webkit-box-shadow: inset 0 -5px 0 0px #933;
    cursor: pointer;
}

.btnProvisionalRegist input.on:hover,
.btnRealityRegist input.on:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha( opacity=85 )";
}

/* ボタン：WEB履歴書を作る */
.btnMakeResume a {
    background:  url(../img/btn_makeResume.png) 0 0 no-repeat;
    display: block;
    height: 66px;
    line-height: 66px;
    margin: 0 auto;
    text-indent: -300%;
    width: 291px;
}

/* ボタン：この条件で絞り込む（オーディションを探す、プロダクションを探す） */
.btnSearchFilter input {
    background:  url(../img/icon_searchGray.png) 10px 8px no-repeat #fff;
    border: 1px solid #333;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    width: 210px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    font-size: 16px;
    font-weight: bold;
    padding-left: 30px;
}


/* アイコン：右矢印(黒) */
.iconArrowBlack {
    background:  url(../img/ico_arrow_black.png) 6px 4px no-repeat;
    padding-left: 24px;
}

/* ページナビ */
#page_nav {
    text-align: center;
}
#page_nav ul {
    display: inline-block;
}
#page_nav ul > li {
    float: left;
    background-color: #fff;
    margin: 0 10px !important;
    padding: 5px 10px;
    border-radius: 7px;
    box-shadow: 0 3px #c9c9c9;
    cursor: pointer;
    color: #2865b8;
    font-weight: bold;
}

#page_nav ul > li a:hover {
    opacity: 0.7;
}

#page_nav ul > li a {
    text-decoration: none;
    font-weight: bold;
}

#page_nav ul > li.point {
    background-color: transparent !important;
    box-shadow: 0 3px transparent;
}

#page_nav ul > li.disable {
    box-shadow: none;
    border: 2px solid #606060;
    color: #606060;
}

#page_nav ul > li.prev {
    padding: 5px 22px;
    margin-right: 30px;
    margin-left: 0;
}

#page_nav ul > li.next {
    padding: 5px 22px;
    margin-left: 30px;
    margin-right: 0;
}

/* TODO 旧ページナビ */
.pageNav {
    margin: 30px 0 40px;
    text-align: center;
}

.pageNav li {
    display: inline;
    font-size: 16px;
}

.pageNav .pageNum {
    background-color: #555;
    border: 1px solid #999;
    color: #fff;
    padding: 4px 10px;
}

.pageNav a {
    border: 1px solid #999;
    margin-left: 10px;
    padding: 4px 10px;
}

.pageNav .disabled,
.pageNav .current,
.pageNav a:hover {
    background-color: #555;
    border: 1px solid #999;
    color: #fff;
    margin-left: 10px;
    padding: 4px 10px;
}

/* ツールチップ */
.tooltip{
    position:relative;
}

.tooltip a{
}

.tooltip a + span{
    background: #ffc;
    border: 1px solid #fc6;
    height:45px;
    position: absolute;
    top: -45px;
    left: 0;
    padding: 15px 20px;
    z-index: 2;
    display:none;
}

.aboutMessageContentBottom{
    background: #fff;
    border: 1px solid #00B259;
    z-index: 1000;
    padding: 10px;
    display: none;
    position: absolute;
    font-size: 14px;
    color: #333;
    text-align: left;
    text-shadow: none;
    -webkit-box-shadow: 1px 1px 3px #000;
    -moz-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}


/* Googlemap */
#googleMap{
    width: 400px;
    height: 400px;
}

#page-productionDetail #googleMap{
    width: 291px;
    height: 291px;
}


/* ローディング */
#loading{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#000;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index:99;
    display:none;
}

/* 画像の回転 */
.imgRotate0{
    -moz-transform: rotate(0deg);  /* FireFox */
    -o-transform: rotate(0deg);  /* Opera */
    -webkit-transform: rotate(0deg);  /* webkit */
    -ms-transform: rotate(0deg);  /* IE9 */
    transform: rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /* IE5.5+ */
}

.imgRotate90{
    -moz-transform: rotate(90deg);  /* FireFox */
    -o-transform: rotate(90deg);  /* Opera */
    -webkit-transform: rotate(90deg);  /* webkit */
    -ms-transform: rotate(90deg);  /* IE9 */
    transform: rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE5.5+ */
}

.imgRotate180{
    -moz-transform: rotate(180deg);  /* FireFox */
    -o-transform: rotate(180deg);  /* Opera */
    -webkit-transform: rotate(180deg);  /* webkit */
    -ms-transform: rotate(180deg);  /* IE9 */
    transform: rotate(180deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE5.5+ */
}

.imgRotate270{
    -moz-transform: rotate(270deg);  /* FireFox */
    -o-transform: rotate(270deg);  /* Opera */
    -webkit-transform: rotate(270deg);  /* webkit */
    -ms-transform: rotate(270deg);  /* IE9 */
    transform: rotate(270deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE5.5+ */
}

.img_contain {
    overflow: hidden;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.img_contain.vertical {
    text-align: center;
}

.img_contain.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.img_contain.horizontal .img_contain_inner1 {
    display: table;
}

.img_contain.horizontal .img_contain_inner2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.img_contain.horizontal img {
    width: 100%;
    display: block;
}

.img_contain.vertical img {
    height: 100%;
}

.img_cover {
    position: relative;
    overflow: hidden;
}

.img_cover img {
    position: absolute;
}

#now_searching {
    position: fixed;
    z-index: 10000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/search_nowloading.gif) center center no-repeat;
}

/*----------------------------------------------------
        header | ヘッダー
----------------------------------------------------*/

#header {

}

#headerTop .inner {
    height: 40px;
}

#headerTop {
    background-color: #333;
    -webkit-box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
    font-size: 12px;
    height: 40px;
}

#headerTop a {
    color: #fff;
    text-decoration: none;
}

#headerTop .heading {
    color: #fff;
    float: left;
    display: block;
    font-size: 10px;
    padding-top: 7px;
}

#headerTop .fortune {
    float: right;
    position: relative;
    width: 303px;
}

#headerTop .fortune .toFortune {
    background: url('../img/element/img_header_balloon_arrow.png') no-repeat right center;
    float: left;
    margin: 7px 0;
    padding-right: 7px;
    width: 254px;
}

#headerTop .fortune .toFortune p {
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    padding: 0 5px;
}

#headerTop .fortune .toFortune span {
    background-color: #666;
    border-radius: 4px;
    color: #fff;
    padding: 0 8px;
}

#headerTop .fortune img {
    position: absolute;
    right: 8px;
    top: 3px;
}

#headerTop .pNav {
    float: right;
    margin-top: 11px;
}

#headerTop .pNav li {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
    text-align: center;
    width: 90px;
}

#headerTop .pNav li:first-child {
    margin-right: 10px;
}

#headerTop .pNav .register {
    background-color: #757575;
}

#headerTop .pNav .login {
    background-color: #e52c2c;
    width: 70px;
}

#headerTop .pNav .resume {
    overflow: hidden;
}

#headerTop .pNav .resume a {
    padding: 0;
}

#headerTop .pNav .resume .image {
    background-color: #e52c2c;
    float: left;
    padding: 2px 0;
    width: 30px;
}

#headerTop .pNav .resume .text {
    background-color: #fff;
    color: #666;
    float: left;
    padding: 2px 0;
    width: 60px;
}

#headerTop .pNav .logout {
    background-color: #757575;
    width: 80px;
}

#headerTop .pNav li a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 2px 0;
}

#headerTop .pNav li a:hover,
#headerTop .fortune .toFortune span:hover {
    cursor: pointer;
    opacity: 0.8;
}

#headerBottom {
    background-color: #fff;
}

#headerBottom .logo {
    float: left;
    margin: 0 40px 0 20px;
    padding: 5px 0;
    width: 170px;
}

#headerBottom .gNav {
    float: left;
    padding: 5px 0;
    width: 590px;
}

#headerBottom .gNav li {
    float: left;
}

#headerBottom .gNav li a {
    display: block;
    width: 125px;
    text-indent: -9999px;
    height: 60px;
    background: url('../img/element/img_header_nav_1000.png') no-repeat;
}

#headerBottom .gNav li.nav1 a {
    width: 154px;
}

#headerBottom .gNav li.nav2 a {
    width: 165px;
}

#headerBottom .gNav li.nav3 a {
    width: 128px;
}

#headerBottom .gNav li.nav4 a {
    width: 114px;
}

#headerBottom .gNav li.nav5 a {
    width: 125px;
}

#headerBottom .gNav li.nav1 a {background-position: 0 0;}
#headerBottom .gNav li.nav2 a {background-position: -154px 0;}
#headerBottom .gNav li.nav3 a {background-position: -318px 0;}
#headerBottom .gNav li.nav4 a {
    background: none;
    padding: 0 15px;
}
#headerBottom .gNav li.nav4 a span {
    background: url('../img/element/img_header_nav_1000.png') no-repeat;
    background-position: -447px 0;
    display: block;
    height: 100%;
}
#headerBottom .gNav li.nav5 a {
    background-position: -561px 0;
}
#headerBottom .gNav li.nav5 a span {
    background: #fff url('../img/element/img_header_nav_1000.png') no-repeat;
    background-position: -577px 0;
    display: block;
    height: 100%;
    width: 75px;
    margin: 0 25px;
}

#headerBottom .gNav li.nav1 a:hover,
#headerBottom .gNav li.nav2 a:hover,
#headerBottom .gNav li.nav4 a:hover,
#headerBottom .gNav li.nav5 a:hover {
    opacity: 0.5;
}



#headerBottom .gNav li.nav5{
    position: relative;
}

#headerBottom .gNav li.nav5 .unCreateResume{
    position: absolute;
    top: 0;
    right: 5px;
}

#headerBottom .otherMenu {
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    float: left;
    width: 180px;
    padding: 15px 15px 15px 25px;
    box-sizing: border-box;
}

#headerBottom .otherMenu li {
    background: url('../img/element/ico_header_circle.png') no-repeat 0 center;
    line-height: 150%;
}

#headerBottom .otherMenu li.tsubuyaki {
    width: 100%;
}

#headerBottom .otherMenu li a {
    color: #333;
    font-size: 12px;
    padding-left: 17px;
    text-decoration: none;
}

#headerBottom .otherMenu li a:hover {
    opacity: 0.8;
}


/*----------------------------------------------------
        footer | フッター
----------------------------------------------------*/

#footer {
    margin-top: 40px;
}

#footerTop {
}

#footerTop .pageTop {
    margin-bottom: 20px;
    text-align: right;
}

#footer .heading {
    background-color: #333;
    text-align: center;
    padding: 3px 0;
}

#footer .heading h2 {
    color: #fff;
    font-size: 12px;
}

#footerBottom {
    background-color: #fff;
    font-size: 12px;
    height: 100%;
}

#footerBottom .main {
    padding: 45px 0;
    display: table;
    width: 100%;
}

#footerBottom .main .logo,
#footerBottom .main .sitemap_wrap,
#footerBottom .main .sns_link {
    display: table-cell;
}

#footerBottom .main .logo {
    vertical-align: middle;
    width: 201px;
}

#footerBottom .main .sns_link {
    vertical-align: bottom;
    width: 65px;
    padding-bottom: 5px;
}

#footerBottom .main .sns_link a {
    display: inline-block;
    margin-right: 20px;
}

#footerBottom .main .sns_link a.instagram_link {
    margin-right: 0;
}

#footerBottom a {
    color: #333;
    text-decoration: none;
}

#footerBottom a:hover {
    text-decoration: underline;
}

#footerBottom .left {
    width: 480px;
}

#footerBottom .right {
    width: 480px;
}

#footerBottom .sitemap {
    width: 665px;
    margin: 0 auto;
}

#footerBottom .sitemap > li {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top;
}

#footerBottom .sitemap > li:first-child {
    margin-left: 0;
}

#footerBottom .sitemap a {
    background: url('../img/element/ico_double_arrow_gray.png') no-repeat left center;
    font-size: 12px;
    padding-left: 20px;
}

#footerBottom .info ul li {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 490px;
}

#footerBottom .info ul li p {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}

#footerBottom .info ul li .image {
    margin: 0 auto;
    width: 470px;
}

#footerBottom .info ul li .image img {
    width: 100%;
}

#footerBottom .info ul li.register {
    background-color: #333;
    float: left;
}

#footerBottom .info ul li.aboutNarrow {
    background-color: #ddd;
    float: right;
}

#footerBottom .info ul li.register p {
    color: #fff;
}

#footerBottom .info ul li.aboutNarrow p {
    color: #333;
}

#footerBottom .copyright {
    border-top: 1px solid #f2f2f2;
    color: #999;
    font-size: 11px;
    padding: 6px 0;
    text-align: center;
}

#footerBottom .copyright a {
    color: #999;
}

/*----------------------------------------------------
        home | トップページ
----------------------------------------------------*/
.breadCrumbTop{
    padding: 0 0 35px 0;
}


/*#page-home{
}

#page-home .main{
}

#page-home .main .mainImgArea{
        width: 720px;
        height: 360px;
        border: 1px solid #ff1d25;
        margin-bottom: 30px;
}

#page-home .main .mainImgArea .bx-wrapper{
        margin-bottom: 0;
}

#page-home .main .mainImgArea .bx-wrapper .bx-viewport{
        box-shadow:0;
        border:0;
        left:0;
}

#page-home .main .mainImgArea .bx-wrapper .bx-viewport .bxslider li img{
        width: 720px;
        height: 300px;
}

#page-home .main .mainImgArea #bx-pager{
        padding: 11px 0;
        background: #333;
        height: 40px;
}

#page-home .main .mainImgArea #bx-pager a{
        display: block;
        width: 97px;
        height: 40px;
        float: left;
        margin: 0 10px;
}

#page-home .main .mainImgArea #bx-pager a img{
        width: 98px;
        height: 40px;
        margin: 0 8px;
}
*/



/* トップページ垂れ幕 */
#page-home #outSideBanner{
    position: relative;
}

#page-home #outSideBanner .outLeft{
    position: absolute;
    top: 0;
    left: -240px;
}

#page-home #outSideBanner .outRight{
    position: absolute;
    top: 0;
    left: 1040px;
}

.advertisingArea img {
    width: 248px;
    border: 1px solid #F96C82;
}

.advertisingArea {
    margin-bottom: 30px;
}

.advertisingArea_200 {
    margin-top: 20px;
}

.advertisingArea_200 img {
    width: 198px;
    border: 1px solid #F96C82;
}

.counselingArea {
}

.counseling img {
    width: 248px;
    border: 1px solid #F96C82;
}

.counseling_index{
    width: 248px;
    border: 1px solid #0071bc;
    background-color: #fff;
    margin-bottom: 30px;
    font-size: 12px;
}

.counseling_index .inner{
    padding: 10px;
}

.counseling_index .inner table th{
    padding-right: 4px;
    width: 62px;
}

.counseling_index .inner table td{
    width: 168px;
}

#page-auditionSearchList .advertisingArea {
    margin-bottom: 15px;
}

#page-productionSearchList .advertisingArea {
    margin-bottom: 15px;
}

/*----------------------------------------------------
        パスワードを忘れた方 | .page-forgetpass
----------------------------------------------------*/

#page-forgetpass .input {
    margin: 60px 0 30px;
}

/*----------------------------------------------------
        パスワードを忘れた方（送信完了） | .page-sendComplete
----------------------------------------------------*/

#page-sendComplete {

}

#page-sendComplete p.attention{
    font-size: 20px;
    font-weight: bold;
    color: #ff1d25;
    padding: 10px;
}

#page-sendComplete .key{
    border: 1px solid #333;
    font-size: 20px;
    font-weight: bold;
    width: 600px;
    margin: 20px auto 0 auto;
}

#page-sendComplete .key dt{
    width: 300px;
    float: left;
    background: #eee;
    padding: 20px;
}

#page-sendComplete .key dd{
    width: 200px;
    float:left;
    padding: 20px;
}

#page-sendComplete p.footnote{
    font-size: 12px;
    padding: 20px;
}



/*----------------------------------------------------
        パスワード再設定 | .page-resetpass
----------------------------------------------------*/

#page-resetpass p{
    text-align: left;
    margin-bottom: 30px;
}

#page-resetpass table{
    margin: 0 auto 20px auto;
}

#page-resetpass table tr{
    border: 1px solid #333;
}

#page-resetpass table th{
    background: #eee;
    text-align: center;
}

#page-resetpass table td,
#page-resetpass table th{
    vertical-align: middle;
    padding:10px;
}

#page-resetpass table td{
    text-align: left;
}

#page-resetpass table span{
    font-size:80%
}


/*----------------------------------------------------
        パスワード再設定完了 | .page-resetcomplete
----------------------------------------------------*/
#page-resetcomplete p{
    margin-bottom: 30px;
}

#page-resetcomplete p.main{
    font-size: 160%;
    margin-bottom: 40px;
}



/*----------------------------------------------------
        退会 | .page-resign
----------------------------------------------------*/
.page-resign .headline {
    border-bottom: 2px solid #333;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.page-resign label {
    padding-left: 10px;
}

.page-resign .firstReason label {
    font-weight: bold;
}

.page-resign .firstReason .text {
    font-size: 12px;
    margin-left: 30px;
}

.page-resign .firstReason textarea {
    height: 80px;
    margin-left: 30px;
    width: 768px;
}

.page-resign .otherReason {
    border-top: 1px dotted #999;
    margin-top: 20px;
    padding-top: 20px;
}

.page-resign .otherReason .checkbox {
    float: left;
    font-size: 13px;
    margin-bottom: 20px;
    width: 25%;
}

.page-resign .otherReason #ResignOtherText {
    left: -130px;
    position: relative;
}

#page-resign .notice {
    border-bottom: 1px dotted #333;
    color: #ff1325;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 30px;
    background: #fff;
}

#page-resignConfirm .notice {
    border-bottom: 1px dotted #333;
    padding: 20px 30px;
    background: #fff;
}

#page-resignConfirm .unit li {
    margin-bottom: 10px;
    padding-left: 24px;
}

#page-resignConfirm .unit .reason {
    background: #fff url(../img/ico_checkmark.png) 0 6px no-repeat;
    font-weight: bold;
}

#page-resignComplete .heading {
    font-size: 18px;
    margin-bottom: 30px;
}

/*----------------------------------------------------
        新着情報・お知らせ | .page-information
----------------------------------------------------*/

.page-information .list {
    padding: 20px;
    background: #fff;
}

.page-information .list li {
    margin-bottom: 9px;
}

.page-information .list .date {
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 4px;
    width: 100px;
}

.page-information .list .text {
    display: block;
    float: left;
    width: 730px;
    margin-left: 5px;
}

.page-information .list .text .iconArrowBlack{
    display: block;
}

.page-information .pageNav {
    margin: 30px 0 40px;
    text-align: center;
}

.page-information .pageNav li {
    display: inline;
    font-size: 16px;
}

.page-information .pageNav .pageNum {
    background-color: #555;
    border: 1px solid #999;
    color: #fff;
    padding: 4px 10px;
}

.page-information .pageNav a {
    border: 1px solid #999;
    margin-left: 10px;
    padding: 4px 10px;
}

.page-information .pageNav .disabled,
.page-information .pageNav a:hover {
    background-color: #555;
    border: 1px solid #999;
    color: #fff;
    margin-left: 10px;
    padding: 4px 10px;
}

#page-informationDetail .headline {
    border-bottom: 1px dotted #333;
    padding: 20px 30px;
    background: #fff;
}

#page-informationDetail .headline .heading {
    color: #555;
    font-size: 16px;
    font-weight: bold;
}

#page-informationDetail .outer_wrap {
    background: url(../img/news/waku1.png) no-repeat left 10px top 10px,
            url(../img/news/waku2.png) no-repeat right 10px top 10px,
            url(../img/news/waku3.png) no-repeat left 10px bottom 10px,
            url(../img/news/waku4.png) no-repeat right 10px bottom 10px,
            #fff;
    background-size: 125px;
}

#page-informationDetail .outer_wrap .content_wrap {
    margin: 0 auto;
    padding: 40px 0 80px 0;
    width: 648px;
}

#page-informationDetail .outer_wrap .content_wrap img {
    width: 100%;
}

#page-informationDetail .outer_wrap .content_wrap .head_txt {
    background: url(../img/news/icon.png) no-repeat left bottom 15px;
    border-bottom: 4px solid #e82e2d;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding: 40px 0 10px 60px;
}

#page-informationDetail .outer_wrap .content_wrap .text {
    margin: 0 0 30px 0;
    text-align: justify;
}
/*----------------------------------------------------
        ピックアップ一覧 | .page-pickupList
----------------------------------------------------*/
#page-pickupList{

}

#page-pickupList .article .unit{
    padding: 0;
    /* background: url(../img/bg_pickupLine.png) 0 0 repeat-y; */
}

#page-pickupList .article .unit .top_navi_area{
    padding: 20px;

}

#page-pickupList .article .unit .top_navi_area .top_navi{
    padding: 20px 0 0 20px;

}

#page-pickupList h2.subTitle{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
#page-pickupList .audition h2.subTitle{color: #FF6600;}
#page-pickupList .production h2.subTitle{color: #007CD9;}
#page-pickupList #school h2.subTitle{color: #30A54E;}

#page-pickupList .audition{
    /* width: 454px; */
    /* float: left; */
    padding: 20px;
}

#page-pickupList .production{
    /* width: 454px; */
    /* float:left; */
    padding: 20px;
    border-top: 1px dotted #CCC;
}

#page-pickupList .pickupContent{
    margin-bottom: 15px;
    float: left;
}

#page-pickupList .pickupContent a{
    width: 444px;
    display: block;
    padding: 5px;
}
#page-pickupList .pickupContent a:hover{
    background: #eee;
}

#page-pickupList .pickupContent .left{
    width: 120px;
    height: 120px;
    float: left;
    border: 2px solid #333;
    background: #fff;
}

#page-pickupList .pickupContent .left p{
    height: 120px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    layout-grid-line: 200px;
}

#page-pickupList .pickupContent .left img{
    max-width: 120px;
    max-height: 120px;
    vertical-align: middle;
}


#page-pickupList .pickupContent .right{
    width: 300px;
    float: left;
    margin-left: 20px;
}

#page-pickupList .pickupContent .right .txt{
    color:#333;
}

/*----------------------------------------------------
        オーディション詳細 | .page-auditionDetail
----------------------------------------------------*/

#page-auditionDetail{

}

#page-auditionDetail .cdt{
    font-weight:bold;
}

#page-auditionDetail .unit{
    padding: 20px 20px 40px 20px;
    border-bottom: 0;
}

#page-auditionDetail .mainImgArea{
    width: 1000px;
}

#page-auditionDetail .mainImgArea img{
    max-width: 1000px;
}

#page-auditionDetail .auditionSummaryArea{

}

#page-auditionDetail .auditionSummaryArea h1.auditionTitle{
    font-size: 20px;
    font-weight: bold;
    margin:30px 0;
}

#page-auditionDetail .auditionSummaryArea h2.title{
    border-bottom: 4px solid #ff6600;
}

#page-auditionDetail .auditionSummaryArea .summary{
    margin-bottom: 30px;
}


#page-auditionDetail .auditionSummaryArea .left{
    width: 686px;
    float: left;
}

#page-auditionDetail .auditionSummaryArea .introductionArea .date{
    font-size: 12px;
    margin-bottom: 10px;
}

#page-auditionDetail .auditionSummaryArea .introductionArea .date .pickup{
    margin-left: 15px;
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
    background: #00B259;
}

#page-auditionDetail .auditionSummaryArea .introductionArea .introduction{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#page-auditionDetail .auditionSummaryArea .introductionArea .short_introduction{
    font-size: 14px;
    margin-bottom: 10px;
}

#page-auditionDetail .auditionSummaryArea .featureBtn{

}

#page-auditionDetail .auditionSummaryArea .featureBtn .feature{
    width: 500px;
    float: left;
}

#page-auditionDetail .auditionSummaryArea .featureBtn .feature span{
    border: 1px solid #ff6600;
    padding: 3px 10px;
    margin-right:5px;
}

#page-auditionDetail .auditionSummaryArea .featureBtn .subscriptionBtn{
    width: 170px;
    float: right;
}

#page-auditionDetail .auditionSummaryArea .featureBtn .subscriptionBtn .btnDefaultAudition a {
    padding: 10px 20px;
    text-decoration:none;
}


#page-auditionDetail .auditionSummaryArea .right{
    width: 230px;
    float: right;
}

#page-auditionDetail .auditionSummaryArea .right .productionData{
    background: #eee;
    min-height: 265px;
    padding:10px;
    text-align: center;
}

#page-auditionDetail .auditionSummaryArea .right .productionData .sponsership{
    font-weight: bold;
    margin-bottom:10px;
}

#page-auditionDetail .auditionSummaryArea .right .productionData .logo{
    width: 208px;
    height: 208px;
    margin: 0 auto 10px auto;
    border: 1px solid #fff;
    padding: 1px;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    text-algin: center;
    layout-gird-line: 168px;
}

#page-auditionDetail .auditionSummaryArea .right .productionData .logo img{
    max-width: 168px;
    max-height: 168px;
    vertical-align: middle;
}

#page-auditionDetail .auditionSummaryArea .right .productionData .name{
    margin-top: 10px;
}


#page-auditionDetail .introductionDate{
    width: 996px;
    margin: 0 auto 30px auto;
    border: 2px solid #333;
    background: #fff;
}

#page-auditionDetail .introductionDateTop{
    border-top: 0;
}

#page-auditionDetail .introductionDate .deadLine{
    width: 590px;
    float: left;
}

#page-auditionDetail .introductionDate .deadLine .heading{
    width: 120px;
    float: left;
    padding: 10px;
    background: #eee;
    border-right: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
}

#page-auditionDetail .introductionDate .deadLine p{
    width: 428px;
    float: left;
    padding:10px;
}

#page-auditionDetail .introductionDate .declarationDay{
    width: 384px;
    float:right;
    border-left: 2px solid #333;
}

#page-auditionDetail .introductionDate .declarationDay .heading{
    width: 120px;
    float: left;
    padding: 10px;
    background: #eee;
    border-right: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
}

#page-auditionDetail .introductionDate .declarationDay p{
    width: 180px;
    float: left;
    padding: 10px;
}

#page-auditionDetail .auditionSummaryArea .message{
    margin-bottom: 30px;
}

#page-auditionDetail .auditionSummaryArea .message .left{
    width: 120px;
    float: left;
    text-align: center;
}

#page-auditionDetail .auditionSummaryArea .message .left img{
    max-width: 120px;
    max-height: 120px;
}

#page-auditionDetail .auditionSummaryArea .message .right{
    width: 800px;
    float: right;
}

#page-auditionDetail .auditionSummaryArea .btnBottom{
    text-align: center;
}

#page-auditionDetail .auditionSummaryArea .btnBottom .btn{
    margin-bottom:30px;
}

#page-auditionDetail .auditionSummaryArea .btnBottom .print{
    margin-bottom:40px;
}

#page-auditionDetail .auditionSummaryArea .btnBottom p.attention{
    margin-top: 20px;
    color: #999;

}


#page-auditionDetail .auditionTable{
    width: 996px;
    border: 2px solid #333;
    margin-bottom: 30px;
    border-collapse: separate;
}

#page-auditionDetail .auditionTable th{
    text-align: center;
    width: 134px;
    padding: 10px;
    background: #eee;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

#page-auditionDetail .auditionTable td{
    padding: 10px;
    border-bottom: 1px solid #333;
    background: #fff;
}

#page-auditionDetail .auditionTable .heading{
    font-size: 20px;
    font-weight: bold;
    padding: 8px 20px;
    background: #333;
    color: #fff;
    text-align: left;
}

#page-auditionDetail .auditionTable .map{
    border-left: 1px solid #333;
}

#page-auditionDetail .contact{
    margin-bottom: 0;
}

#page-auditionDetail .sorf{
    color: #ff1d25;
    font-weight: bold;
    margin-top: 6px;
    font-size: 16px;
}

#page-auditionDetail .attention{
    color: #ff1d25;
}


#page-auditionDetail .venueArea{
}

#page-auditionDetail #venueTable{
    width: 545px;
    height: 500px;
    float: left;
}

#page-auditionDetail #venueTable .heading{
    height: 25px;
}

#page-auditionDetail .map{
    width: 400px;
    height: 402px;
    float: left;
    padding: 25px;
    background: #fff;
    border-top: 45px solid #333;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
}

#page-auditionDetail .map .img{
    width: 400px;
    height: 400px;
    padding: 25px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-gird-line: 400px;
}

#page-auditionDetail .map .img img{
    max-width: 400px;
    max-height: 400px;
    vertical-algin: middle;
}

#page-auditionDetail .btnBottom{
    margin-bottom: 60px;
}

#page-auditionDetail .btnBottom .btn{
    display: inline;
}

#page-auditionDetail .btnBottom .btn{

}

/*----------------------------------------------------
        プロダクションを探す | .page-productionSearchList
----------------------------------------------------*/
/*#page-productionSearchList{

}

#page-productionSearchList p.noData{
        padding: 40px;
        font-size: 18px;
}

#page-productionSearchList .side{
        width: 250px;
        float: left;
}

#page-productionSearchList .side h2.title{
        border-bottom: 0;
}

#page-productionSearchList .side .searchArea{
        border: 2px solid #333;
        background: #fff;
        margin-bottom: 15px;
}

#page-productionSearchList .side .searchArea h3.subTitle{
        background: #eee;
        padding: 5px 10px;
        border-top: 1px dotted #333;
        font-weight: bold;
}
#page-productionSearchList .side .searchArea h3.noBorder{border-top:0;}

#page-productionSearchList .side .searchArea .genreArea,
#page-productionSearchList .side .searchArea .usefulArea,
#page-productionSearchList .side .searchArea .matchArea,
#page-productionSearchList .side .searchArea .approachArea,
#page-productionSearchList .side .searchArea .keyArea{
        padding: 10px;
}

#page-productionSearchList .side .searchArea .genreArea .checkbox{
        padding-bottom: 5px;
}

#page-productionSearchList .side .searchArea .keyArea input{
        width: 212px;
}

#page-productionSearchList .side .btnSearchFilter input{
        color: #007CD9;
}



#page-productionSearchList .main{
        width: 720px;
        float: right;
}
#page-productionSearchList article {
        background-color: #FFF;
}
#page-productionSearchList .headline{
        border-bottom: 4px solid #007CD9;
}
#page-productionSearchList .headline .productionCount{
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
}
#page-productionSearchList .list > li{
        border-top: 1px dashed #999;
        padding: 20px;
        position: relative;
}
#page-productionSearchList .list > li:first-child{
        border-top: none;
}
#page-productionSearchList .list .topArea{
        margin-bottom: 15px;
}
#page-productionSearchList .list .productionImage {
        display: table;
        width: 60px;
        height: 60px;
        border: 1px solid #999;
        margin-right: 10px;
}
#page-productionSearchList .list .productionImage a {
        display: table-cell;
        width: 60px;
        height: 60px;
        text-align: center;
        vertical-align: middle;
}
#page-productionSearchList .list .productionImage img {
        max-width: 60px;
        max-height: 60px;
}
#page-productionSearchList .list .productionTitle {
        width: 464px;
}
#page-productionSearchList .list .productionTitle .newIcon {
        line-height: 100%;
        font-size: 12px;
        font-weight: bold;
        padding: 3px;
        color: #FFF;
        background-color: #F33;
        margin-top: 6px;
        margin-right: 5px;
}
#page-productionSearchList .list .productionTitle .pickupIcon {
        line-height: 100%;
        font-size: 12px;
        font-weight: bold;
        padding: 3px;
        color: #FFF;
        background-color: #00B259;
        margin-top: 6px;
        margin-right: 5px;
}
#page-productionSearchList .list .productionName {
        padding-top: 5px;
        padding-bottom: 8px;
}
#page-productionSearchList .list .productionName a {
        line-height: 100%;
        font-size: 20px;
        font-weight: bold;
}
#page-productionSearchList .list .productionIntroduction {
        line-height: 100%;
        font-size: 16px;
        color: #666;
        width: 600px;
}
#page-productionSearchList .list .productionPublish {
        position: absolute;
        top: 20px;
        right: 20px;
        line-height: 100%;
        font-size: 12px;
        color: #999;
}
#page-productionSearchList .list .productionData > li {
        margin-top: 10px;
}
#page-productionSearchList .list .productionData > li:first-child {
        margin-top: 0;
}
#page-productionSearchList .list .productionData .key {
        font-size: 12px;
        line-height: 100%;
        padding: 8px 0;
        color: #FFF;
        background-color: #666;
        width: 70px;
        text-align: center;
        margin-right: 10px;
}
#page-productionSearchList .list .productionData .value {
        font-size: 12px;
        font-weight: bold;
        line-height: 100%;
        padding: 8px 0;
        width: 430px;
}
#page-productionSearchList .list .productionDataGenre .value {
        font-weight: bold;
}
#page-productionSearchList .list .productionDataTalentnumber .value {
        font-weight: bold;
}
#page-productionSearchList .list .btnDefaultProduction,
#page-productionSearchList .list .btnAlready {
        width: 160px;
        position: absolute;
        bottom: 20px;
        right: 20px;
}
#page-productionSearchList .list .btnDefaultProduction a {
        display: block;
        padding: 0;
        text-align: center;
        line-height: 38px;
        text-decoration: none;
}
.btnAlready {
        display: block;
        padding: 0;
        text-align: center;
        line-height: 38px;
        text-decoration: none;
        border: 2px solid #CCC;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #CCC;
        font-size: 18px;
}
#page-productionSearchList .list .productionDataTalentname .value li {
        display: inline-block;
        position: relative;
        text-decoration: underline;
        color: #2692ff;
        cursor: pointer;
        padding-bottom: 5px;
}
#page-productionSearchList .list .productionDataTalentname .value li:hover {
        text-decoration: none;
        color: #999;
}
.productionDataTalentname li .productionDataTalentnameImage {
        background-color: #666;
        bottom: 36px;
        color: #FFF;
        display: none;
        left: 50%;
        margin-left: -120px;
        padding: 5px;
        position: absolute;
        width: 230px;
        height: 290px;
        z-index: 10;
}

.productionDataTalentname li .productionDataTalentnameImage .img{
        text-align: center;
}

.productionDataTalentname li .productionDataTalentnameImage .img img{
        max-width: 230px;
        max-height: 180px;
}

.productionDataTalentname li.down .productionDataTalentnameImage {
        bottom: 0;
        top: 36px;
}
.productionDataTalentname li .productionDataTalentnameImage img {
/*	width: 230px;
}*/

/*.productionDataTalentname li .productionDataTalentnameImageData {
        margin: 10px 0;
        line-height: 150%;
        font-weight: normal;
}
.productionDataTalentname li .productionDataTalentnameTail {
        width: 240px;
        position: absolute;
        bottom: 16px;
        text-align: center;
        left: 50%;
        margin-left: -120px;
        display: none;
}
.productionDataTalentname li.down .productionDataTalentnameTail {
        bottom: 0;
        top: 16px;
}

#page-productionSearchList .pageControl {
        text-align: center;
        margin-top: 20px;
}
#page-productionSearchList .pageControl span {
        display: inline-block;
}
#page-productionSearchList .pageControl .prev {
        margin-right: 20px;
}
#page-productionSearchList .pageControl .next {
        margin-left: 20px;
}
#page-productionSearchList .pageControl a {
        display: block;
        border: 1px solid #333;
        padding: 3px 10px;
        background-color: #FFF;
}
#page-productionSearchList .pageControl .prev a,
#page-productionSearchList .pageControl .next a,
#page-productionSearchList .pageControl .prev.disabled,
#page-productionSearchList .pageControl .next.disabled {
        padding: 3px 20px;
}
#page-productionSearchList .pageControl .prev a,
#page-productionSearchList .pageControl .next a {
        display: block;
        border: 1px solid #333;
}
#page-productionSearchList .pageControl .disabled {
        background-color: #333;
        color: #666;
        cursor: default;
}
#page-productionSearchList .pageControl .current {
        border: 1px solid #333;
        padding: 3px 10px;
        color: #FFF;
        background-color: #333;
        cursor: default;
}*/



/*----------------------------------------------------
        オーディション応募・興味あり | .page-subscription
----------------------------------------------------*/

.page-subscription .attention {
    border: 2px solid #333;
    color: #ff1325;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    background: #fff;
    line-height: 130%;
}

.page-subscription .productionInfo {
    margin-bottom: 30px;
}

.page-subscription .productionInfo .box {
    background-color: #eee;
    text-align: center;
    width: 210px;
    padding: 10px 10px;
}

.page-subscription .productionInfo .box .image {
    width: 208px;
    height: 208px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-gird-line: 208px;
    margin: 15px 0;
    background: #fff;
}

.page-subscription .productionInfo .box img {
    max-height: 180px;
    max-width: 180px;
    vertical-align: middle;
}

.page-subscription .productionInfo .description {
    width: 650px;
}

.page-subscription .productionInfo .introduction {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.page-subscription .productionInfo .mark {
    margin-top: 30px;
}

.page-subscription .productionInfo .mark li {
    border: 1px solid #000;
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 100px;
}

#page-approach .productionInfo .mark li {
    border-color: #007cd9;
}

#page-subscription .productionInfo .mark li {
    border-color: #ff6600;
}

.page-subscription .productionInfo .requirements {
    border-top: 2px solid #333;
    width: 100%;
}

.page-subscription .productionInfo .requirements th {
    background-color: #eee;
    padding: 20px;
    text-align: center;
    width: 134px;
}

.page-subscription .productionInfo .requirements td {
    border-left: 1px solid #333;
    padding: 20px;
    background: #fff;
}

.page-subscription .headline {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 20px;
}

.page-subscription .resume {
    margin-bottom: 30px;
}

.page-subscription .resume .openResumeLink{
    background: url(../img/ico_arrow_blackBottom.png) 9px 27px no-repeat #fff;
    padding: 20px 0 0 30px;
}

.page-subscription .resume .resumeBody{
    display: none;
}



.page-subscription .statement {
    background-color: #eee;
}

.page-subscription .statement textarea {
    height: 190px;
    margin: 0 auto;
    width: 920px;
}

.page-subscription .btnArea {
    margin: 30px 0 10px;
    text-align: center;
}

.page-subscription .btnArea .btn {
    display:inline;
    margin: 0 10px;
}

#page-subscriptionConfirm .box{
    background: #fff;
    padding: 20px;
}


#page-approachComplete .unit{
    font-size: 18px;
    line-height: 180%;
}

#page-approachComplete .lastText{
    line-height: 39px;
    padding: 10px 0;
}

#page-approachComplete .lastText img,
#page-subscriptionComplete .lastText img {
    padding-left: 5px;
    vertical-align: baseline;
}



/*----------------------------------------------------
        プロダクション詳細 | .page-productionDetail
----------------------------------------------------*/
/*
#page-productionDetail{

}

#page-productionDetail .summaryArea{
        margin-bottom:30px;
}

#page-productionDetail .summaryArea h1.title{
        border-bottom: 4px solid #007CD9;
}

#page-productionDetail .summaryArea .unit{
        padding: 20px 20px 40px 20px;
}

#page-productionDetail .summaryArea .unit .date{
        font-size: 12px;
        margin-bottom: 10px;
}

#page-productionDetail .summaryArea .unit .date .pickup{
        margin-left: 15px;
        color: #fff;
        font-weight: bold;
        padding: 0 5px;
        background: #00b259;
}

#page-productionDetail .summaryArea .unit .left{
        width: 230px;
        float: left;
}

#page-productionDetail .summaryArea .unit .left .productionData{
        background: #eee;
        padding: 10px;
        text-align: center;
}

#page-productionDetail .summaryArea .unit .left .productionData .logo{
        width: 208px;
        height: 208px;
        margin: 0 auto 10px auto;
        border: 1px solid #fff;
        padding: 1px;
        background: #fff;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        layout-gird-line: 208px;
}
#page-productionDetail .summaryArea .unit .left .productionData .logo img{
        vertical-align: middle;
        max-width: 208px;
        max-height: 208px;
}

#page-productionDetail .summaryArea .unit .left .productionData .name{

}

#page-productionDetail .summaryArea .unit .left .productionData .outLink{
        background: url(../img/icon_outLink.png) 50px 5px no-repeat;
        padding-left: 15px;
}

#page-productionDetail .summaryArea .unit .right{
        width: 686px;
        float: right;
}

#page-productionDetail .summaryArea .unit .right .bigCatch{
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
}

#page-productionDetail .summaryArea .unit .right .smallCatch{
        font-size: 14px;
        margin-bottom: 20px;
}

#page-productionDetail .summaryArea .unit .right .featureBtn{
}

#page-productionDetail .summaryArea .unit .right .featureBtn .feature{
        width: 450px;
        float: left;
}

#page-productionDetail .summaryArea .unit .right .featureBtn .feature div{
        border: 1px solid #006cd8;
        padding: 3px 10px;
        margin: 0 10px 10px 0;
        float: left;
}

#page-productionDetail .summaryArea .unit .right .featureBtn .webApplication{
        width: 220px;
        float: right;
        margin-top: 15px;
}

#page-productionDetail .summaryArea .unit .right .featureBtn .btnDefaultProduction a{
        padding: 13px 25px;
}


#page-productionDetail .summaryArea .holdingAudition{
        border-top: 2px solid #333;
}

#page-productionDetail .summaryArea .holdingAudition .left{
        width: 180px;
        float: left;
        padding: 10px;
        font-weight: bold;
}

#page-productionDetail .summaryArea .holdingAudition .right{
        width: 770px;
        float: right;
        padding: 10px;
        background: #fff;
}

#page-productionDetail .affiliationArea{
        margin-bottom: 30px;
}

#page-productionDetail .affiliationArea .unit{
        padding: 0;
}

#page-productionDetail .affiliationArea h2.title{
        border-bottom: 0;
}

#page-productionDetail .affiliationArea .talentArea{
        width: 240px;
        height: 520px;
        float: left;
        border-left: 1px solid #333;
        margin:20px 0;
        padding: 20px 45px;
        text-align: center;
}

#page-productionDetail .affiliationArea .talentArea p.img{
        height:230px;
        width:230px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        layout-grid-line: 230px;
}
#page-productionDetail .affiliationArea .talentArea p.img img{
        vertical-align: middle;
        max-width: 230px;
        max-height: 230px;
}

#page-productionDetail .affiliationArea .pickupPeople01{
        border-left: 0;
}

#page-productionDetail .affiliationArea .talentArea .name{
        font-weight: bold;
}

#page-productionDetail .affiliationArea .talentArea .link{
        min-height: 20px;
}

#page-productionDetail .affiliationArea .talentArea .link .noSite {
        visibility: hidden;
}

#page-productionDetail .affiliationArea .talentArea .siteOn a{
        width: 110px;
        float: left;
        height: 0px;
        padding-top: 20px;
        overflow: hidden;
        background: url(../img/btn_pDetailSite.png) 0 0 no-repeat;
        margin-right: 10px;
}

#page-productionDetail .affiliationArea .talentArea .siteOff{
        width: 110px;
        float: left;
        height: 0px;
        padding-top: 20px;
        overflow: hidden;
        background: url(../img/btn_pDetailSite.png) 0 -20px no-repeat;
        margin-right: 10px;
}

#page-productionDetail .affiliationArea .talentArea .blogOn a{
        width: 110px;
        float: left;
        height: 0px;
        padding-top: 20px;
        overflow: hidden;
        background: url(../img/btn_pDetailBlog.png) 0 0 no-repeat;
}

#page-productionDetail .affiliationArea .talentArea .blogOff{
        width: 110px;
        float: left;
        height: 0px;
        padding-top: 20px;
        overflow: hidden;
        background: url(../img/btn_pDetailBlog.png) 0 -20px no-repeat;
}

#page-productionDetail .affiliationArea .talentArea .txt{
        text-align: left;
}

#page-productionDetail .productionTable{
        width: 996px;
        border: 2px solid #333;
}

#page-productionDetail .productionDetail{
        margin-bottom: 0;
}

#page-productionDetail .productionTable th{
        text-align: center;
        width: 134px;
        padding: 10px;
        background: #eee;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        border-left: 1px solid #333;
}

#page-productionDetail .productionTable td{
        padding: 10px;
        border-bottom: 1px solid #333;
        background: #fff;
}

#page-productionDetail .productionTable .heading{
        font-size: 20px;
        font-weight: bold;
        padding: 8px 20px;
        background: #333;
        color: #fff;
        text-align: left;
}

#page-productionDetail .productionTable .map{
        border-left: 1px solid #333;
}

#page-productionDetail .productionDetailImgArea{
        width: 952px;
        padding: 20px;
        background: #fff;
        margin-bottom: 50px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        border-left: 2px solid #333;
}

#page-productionDetail .productionDetailImgArea .imgContent{
        width: 291px;
        float:left;
        text-align: center;
        margin-right: 20px;
}

#page-productionDetail .productionDetailImgArea .imgContent p.img{
        width: 291px;
        height: 291px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        layout-grid-line: 291px;
}

#page-productionDetail .productionDetailImgArea .imgContent p.img img{
        vertical-align: middle;
        max-width: 291px;
        max-height: 291px;
}

#page-productionDetail .productionDetailImgArea .right{
        margin-right: 0;
}

#page-productionDetail .message{
        margin-top: 40px;
        margin-bottom: 40px;
}

#page-productionDetail .message h2.title{
        border-bottom: 0;
}

#page-productionDetail .message .left{
        width: 120px;
        float: left;
        text-align: center;
}

#page-productionDetail .message .left img{
        max-width: 120px;
        max-height: 120px;
}

#page-productionDetail .message .right{
        width: 800px;
        float: right;
}

#page-productionDetail .btnBottom{
        text-align: center;
        margin-bottom: 60px;
        margin-top: 40px;
}

#page-productionDetail .btnBottom .btn{
        display:inline;
        margin: 20px;
}

#page-productionDetail .btnAlready {
        width: 160px;
        margin: 0 auto;
}

#page-productionDetail .btnBottom .btnAlready {
        display: inline-block;
        margin: 0;
}




#page-productionDetail .contact{
        margin-bottom: 0;
}

#page-productionDetail .sorf{
        color: #ff1d25;
        font-weight: bold;
}

#page-productionDetail .attention{
        color: #ff1d25;
}*/


/*----------------------------------------------------
        お問い合わせ | .page-support
----------------------------------------------------*/

.page-support .notice {
    border-bottom: 1px dotted #333;
    padding-bottom: 30px;
}

.page-support .notice .guide {
    margin-top: 20px;
}

.page-support th {
    padding: 10px 16px;
    text-align: right;
    vertical-align: middle;
}

.page-support td {
    padding: 10px;
}

.page-support .table {
    margin: 0 auto;
    width: 700px;
}

.page-support .table th {
    width: 140px;
}

.page-support .information_text {
    margin: 15px auto 20px;
    font-size: 11px;
    padding: 10px 20px;
    height: 90px;
    overflow: auto;
    border: solid 1px #ddd;
    line-height: 1.6;
    display: block;
    width: 585px;
}

.page-support .information_text .ttl{
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 5px 0;
    display: block;
}

.page-support .information_text .ttl{
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 5px 0;
    display: block;
}

.page-support .information_text .information_ttl {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 5px 0 0 0;
}

.page-support .information_text .indentation_text {
    margin: 5px 0 5px 20px;
}

.page-support.unsubscribe .input_label {
    border-left: 4px solid #ff1525;
    padding-left: 15px;
    margin-bottom: 15px;
}

.page-support.unsubscribe .input input[type="email"] {
    width: 60%;
}

/*----------------------------------------------------
        企業掲載向けLP | #sponsorlp
----------------------------------------------------*/

#sponsorlp {
    background: #fff;
}

#sponsorlp .italic {
    -webkit-transform: skewX(-13deg);
    -moz-transform: skewX(-13deg);
    -o-transform: skewX(-13deg);
    transform: skewX(-13deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";  
}

#sponsorlp .sponsorlp_00 {
    background: url(../img/sponsorlp/mv.png) no-repeat;
    background-size: cover;
    height: 685px;
}

#sponsorlp .sponsorlp_00 .inner {
    min-height: 685px;
    padding: 170px 0 0;
    width: 900px;
}

#sponsorlp .sponsorlp_00 .right {
    width: 45%;
}

#sponsorlp .sponsorlp_00 .right img {
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.7);
}

#sponsorlp .inner {
    margin: auto;
    width: 1000px;
}

#sponsorlp .right {
    float: right;
    width: 47%;
}

#sponsorlp .left {
    float: left;
    width: 47%;
}

#sponsorlp .sponsorlp_00 .left {
    width: 50%;
}

#sponsorlp .sponsorlp_00 .ttl {
    color: #fff;
    font-style: oblique;
    font-size: 58px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2px;
}

#sponsorlp .sponsorlp_00 .txt {
    color:  #fff;
    font-weight:  bold;
    font-size: 18px;
    line-height: 1.7;
    padding: 36px 90px 0 0;
}

#sponsorlp .sponsorlp_00 .area {
    margin: 0 0 82px;
}

#sponsorlp .sponsorlp_00 .link {
    border: 3px solid #fff;
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 10px 13px;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
    width: 295px;
}

#sponsorlp .sponsorlp_00 .link:hover {
    border: 3px solid #fff;
    background-color: #fff;
    color:#333;
}

#sponsorlp .sponsorlp_01 .block01 {
    background: url(../img/sponsorlp/gray01.png) right bottom no-repeat;
    border-bottom: 10px solid #c30d23;
}

#sponsorlp .sponsorlp_01 .block01 .inner {
    padding: 60px 0;
    text-align: center;
}

#sponsorlp .sponsorlp_01 .block01 .inner .catch01 {
    background: url(../img/sponsorlp/parts01.png) top center no-repeat;
    color:  #c30d23;
    font-size: 20px;
    font-weight: bold;
    height: 63px;
    margin: 0 auto 25px;
    padding: 13px 0 0;
    width: 424px;
}

#sponsorlp .sponsorlp_01 .block01 .inner .catch02 {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 2px;
}

#sponsorlp .sponsorlp_01 .block01 .inner .catch02 span.span01 {
    letter-spacing: 0;    
    margin: 0 10px 0 0;
}

#sponsorlp .sponsorlp_01 .block01 .inner .catch02 span.span02 {
    font-size: 45px;
    margin: 0 2px;
}

#sponsorlp .sponsorlp_01 .block02 {
    border-bottom: 10px solid #c30d23;
}

#sponsorlp .sponsorlp_01 .block02 .block02_bg {
    border-bottom: 30px solid #e8e8e8;
}

#sponsorlp .sponsorlp_01 .block02 .block02_bg .inner {
    background: url(../img/sponsorlp/number01.png) top 20px center no-repeat;
    padding: 20px 0 40px;
    width: 900px;
}

#sponsorlp .sponsorlp_01 .block02 .right {
    padding: 20px 0 0;
}

#sponsorlp .sponsorlp_01 .block02 .right .catch {
    color: #c30d23;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 15px;
}

#sponsorlp .midashi {
    font-size: 44px;
    font-weight:  bold;
    padding: 55px 27px;
    text-align: center;
}

#sponsorlp .sponsorlp_02 {
    border-bottom: 10px solid #c30d23;
}

#sponsorlp .sponsorlp_02 .block {
    border-bottom: 30px solid #e8e8e8;
}

#sponsorlp .sponsorlp_02 .inner {
    background: url(../img/sponsorlp/number02.png) top 20px center no-repeat;
    padding: 20px 0 40px;
    width: 900px;
}

#sponsorlp .sponsorlp_02 .box {
    padding: 20px 0 0;
}

#sponsorlp .sponsorlp_02 .catch {
    color: #c30d23;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 15px;
}

#sponsorlp .sponsorlp_03 .inner {
    padding: 20px 0 30px;
    background: url(../img/sponsorlp/number03.png) top 20px center no-repeat;
    width: 950px;
}

#sponsorlp .sponsorlp_03 .box {
    padding: 15px 0 0;
}

#sponsorlp .sponsorlp_03 .left {
    padding: 6px 0 0 120px;
    width: 40%;
}

#sponsorlp .sponsorlp_03 .catch {
    color: #c30d23;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 15px;
}

#sponsorlp .sponsorlp_04 {
    background: url(../img/sponsorlp/gray02.png) top right no-repeat,
        url(../img/sponsorlp/gray03.png) bottom right no-repeat;
}

#sponsorlp .sponsorlp_04 input[type="text"],
#sponsorlp .sponsorlp_04 input[type="email"],
#sponsorlp .sponsorlp_04 input[type="tel"],
#sponsorlp .sponsorlp_04 select,
#sponsorlp .sponsorlp_04 textarea {
    padding: 7px 10px;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    width: 640px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#sponsorlp .sponsorlp_04 article {
    background-color: #f5f5f5;
}

#sponsorlp .sponsorlp_04 .inner {
    padding: 70px 0;
}

#sponsorlp .sponsorlp_04 h1.ttl {
    background-color: #c30d23;
    color: #fff;
    font-size: 40px;
    padding: 35px;
    text-align: center;
}

#sponsorlp .sponsorlp_04 .unit {
    padding: 40px 50px;
}

#sponsorlp .sponsorlp_04 .unit .input select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#sponsorlp .sponsorlp_04 .unit .input select::-ms-expand {
    display: none;
}

#sponsorlp .sponsorlp_04 .unit .select {
    position: relative;
    display: inline-block;
    width: 100%;
}

#sponsorlp .sponsorlp_04 .unit .select::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 2.5%;
    right: 0;
    background: #666;
    height: 95%;
    width: 38px;
    border-radius: 0 5px 5px 0;
}

#sponsorlp .sponsorlp_04 .unit .select::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #ccc transparent transparent transparent;
}

#sponsorlp .sponsorlp_04 .unit table tr th  {
    font-weight: normal;
    font-size: 16px;
    padding: 9px 20px 20px 0;
    width: 195px;
    vertical-align: top;
}

#sponsorlp .sponsorlp_04 .unit table tr td  {
    display: inline-block;
    margin: 0 0 30px 35px;
    width: 640px;
}

#sponsorlp .sponsorlp_04 .unit .sponsor-consent .information_text {
    font-size: 14px;
    padding: 10px 20px;
    height: 120px;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 1.6;
    display: block;
    width: 600px;
}

#sponsorlp .sponsorlp_04 .unit table tr th .sponsor-required {
    background: #c30d23;
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
    margin-top: 3px;
    line-height: 1.5;
    border-radius: 4px;
    vertical-align: middle;
    float: right;
}

#sponsorlp .sponsorlp_04 .unit table tr th .sponsor-optional {
    background: #142694;
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
    margin-top: 3px;
    line-height: 1.5;
    border-radius: 4px;
    vertical-align: middle;
    float: right;
}

#sponsorlp .sponsorlp_04 .unit .sponsor-consent tr td {
    margin: 8px 0 5px 35px;
}

#sponsorlp .sponsorlp_04 .unit table tr td .checkbox label {
    color:#15268e;
}

#sponsorlp .sponsorlp_04 .unit table tr .btn-sponsor input {
    background-color: #333;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 28px;
    padding: 12px 50px;
    width: 400px;
    margin-top: 20px;
    cursor: pointer;
}

#sponsorlp .sponsorlp_04 .unit .error {
    position: relative;
}

/*----------------------------------------------------
        マイページ | .page-mypage
----------------------------------------------------*/

.page-mypage #side {
    float: left;
    width: 200px;
}

.page-mypage #main {
    float: right;
    width: 760px;
}

/* サイドメニュー */
.page-mypage #mypageSideUserData {
    padding: 18px;
    background: #FFF;
    text-align: center;
    margin-bottom: 20px;
}

.page-mypage #mypageSideUserData .img{
    width: 160px;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-grid-line: 160px;
}

.page-mypage #mypageSideUserData .img img{
    max-width: 160px;
    max-height: 160px;
    vertical-align: middle;
}

.page-mypage #mypageSideNavigation h2 {
    background-color: #333;
    padding: 2px 2px 0px 10px;
    color: #FFF;
    font-weight: bold;
}
.page-mypage #mypageSideNavigationList {
    background-color: #FFF;
}
.page-mypage #mypageSideNavigationList li a {
    display: block;
    padding: 10px;
    border-top: 1px dashed #000;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    text-align: left;
    font-size: 12px;
    position: relative;
}
.page-mypage #mypageSideNavigationList li:first-child a {
    border-top: none;
}

.page-mypage #mypageSideNavigationList li a span.num{
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    background: #ff6d72; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmQ3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ZmMWQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ff6d72 0%, #ff1d25 71%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6d72), color-stop(71%,#ff1d25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6d72 0%,#ff1d25 71%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6d72 0%,#ff1d25 71%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6d72 0%,#ff1d25 71%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff6d72 0%,#ff1d25 71%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d72', endColorstr='#ff1d25',GradientType=0 ); /* IE6-8 */
    color: #fff;
    border: 2px solid #fff;
    padding: 0px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px #333;
    -moz-box-shadow: 1px 1px 1px #333;
    box-shadow: 1px 1px 1px #333;
}




.page-mypage #mypageSideNavigationList .alert {
    background: #F33;
    border: 2px solid #FFF;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #999;
    -moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    padding: 3px;
    text-align: center;
    width: 28px;
}
.page-mypage .mypageSideNavigationIcon {
    width: 22px;
    margin-right: 10px;
    text-align: center;
}

/* narrowノート メニュー */
.narrowNote .title {
    border-bottom: none;
}
.page-mypage #narrowNoteNavigation li a {
    display: block;
    background-color: #666;
    width: 188px;
    height: 18px;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #FFF;
    padding: 10px 0;
    border-left: 1px solid #FFF;
    position: relative;
}
.page-mypage #narrowNoteNavigation li:first-child a {
    width: 189px;
    border-left: none;
}
.page-mypage #narrowNoteNavigation li.selected a {
    background-color: #FFF;
    color: #CCC;
}
.page-mypage #narrowNoteNavigation li a img {
    margin-right: 5px;
}

.page-mypage #narrowNoteNavigation li a span.num{
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    background: #ff6d72; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmQ3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ZmMWQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ff6d72 0%, #ff1d25 71%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6d72), color-stop(71%,#ff1d25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6d72 0%,#ff1d25 71%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6d72 0%,#ff1d25 71%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6d72 0%,#ff1d25 71%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff6d72 0%,#ff1d25 71%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d72', endColorstr='#ff1d25',GradientType=0 ); /* IE6-8 */
    color: #fff;
    border: 2px solid #fff;
    padding: 2px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px #333;
    -moz-box-shadow: 1px 1px 1px #333;
    box-shadow: 1px 1px 1px #333;
}

/* バナー */
.page-mypage .bannerArea .banner {
    margin: 20px auto 0;
    text-align: center;
    width: 200px;
}

.page-mypage .bannerArea .banner img {
    width: 100%;
}

/*----------------------------------------------------
        更新情報 | #page-update
----------------------------------------------------*/
#page-update{

}

#page-update .unit{
    background: #fff;
}

#page-update .unit ul.itemList{
    margin-bottom: 30px;
}

#page-update .unit ul.itemList li{
    border-bottom: 1px solid #ccc;
    padding: 20px;
}

#page-update .unit ul.itemList p.itemKind{
    margin-bottom: 5px;
    font-size: 16px;
}

#page-update .unit ul.itemList p.itemKind span{
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    width: 114px;
    text-align: center;
    font-size: 14px;
}

#page-update .unit ul.itemList p.itemKind span.audition{background: #FF9933;}
#page-update .unit ul.itemList p.itemKind span.scout{background: #0C3;}
#page-update .unit ul.itemList p.itemKind span.request{background: #F69;}
#page-update .unit ul.itemList p.itemKind span.offer{background: #529aeb;}

#page-update .unit ul.itemList p.dateDetail{
    color: #666;
}

#page-update .unit ul.itemList p.dateDetail span{
    margin-right: 20px;
}




/* narrowノート 共通 */
.narrowNote .topArea {
    margin-bottom: 20px;
}
.narrowNote h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.narrowNote .countBig .topLeftArea {
    width: 576px;
}
.narrowNote .countSmall .topLeftArea {
}
.narrowNote .topLeftArea hr {
    color: #999;
    margin: 0;
    height: 0;
    margin-bottom: 10px;
}
.narrowNote .markNote {
    margin-top: 5px;
    line-height: 24px;
    font-size: 12px;
}
.narrowNote .markNote.alert {
    font-weight: bold;
}
.narrowNote .markNote:first-child {
    margin-top: 10px;
}
.narrowNote .markNote img {
    margin-right: 10px;
}
.narrowNote .countBig .narrowNoteCount {
    width: 100px;
    height: 50px;
    padding: 20px 0 30px 0;
    background: url(../img/bg_narrowNote_count_big.png) 0 0 no-repeat;
}
.narrowNote .countBig .narrowNoteCount .key {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}
.narrowNote .countBig .narrowNoteCount .value {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    font-weight: bold;
}
.narrowNote .countBig .topRightArea {
    width: 100px;
    text-align: center;
    color: #FFF;
}
.narrowNote .countSmall .narrowNoteCount .key {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    margin: 13px 10px 0 0;
}
.narrowNote .countSmall .narrowNoteCount .value {
    background: url(../img/bg_narrowNote_count_small.png) 0 0 no-repeat;
    width: 40px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    height: 20px;
    padding: 10px 0;
    text-align: center;
}
.narrowNoteListTable {
    width: 100%;
    text-align: center;
    border: 2px solid #333;
    margin-bottom: 20px;
}
.narrowNoteListTable th {
    background-color: #333;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 100%;
    padding: 10px 0;
    border-left: 1px solid #666;
}
.narrowNoteListTable th:first-child {
    border-left: none;
}
.narrowNoteListTable th.applyDate,
.narrowNoteListTable th.alertDate {
    width: 140px;
}
.narrowNoteListTable th.status {
    width: 100px;
}
.narrowNoteListTable tr {
    border-top: 1px solid #CCC;
}
.narrowNoteListTable tr:first {
    border-top: none;
}
.narrowNoteListTable td {
    border-left: 1px solid #CCC;
    vertical-align: top;
    padding: 8px;
    vertical-align: middle;
}
.narrowNoteListTable td:first-child {
    border-left: none;
    padding: 8px 8px 8px 10px;
}
.narrowNoteListTable .listNameTd {
    text-align: left;
}

.narrowNoteListTable .listNameTd.g_scout {
    background: url(../img/g_scout/bg.png);
}

.narrowNoteListTable td .listLink,
.narrowNoteListTable td .noLink {
    display: block;
    text-align: left;
    vertical-align: middle;
}

.narrowNoteListTable td .listNameText {
    display: block;
    text-decoration: underline;
}

.narrowNoteListTable .listNameTd.g_scout .g_flex {
    display: flex;
    align-items: center;
}

.narrowNoteListTable .listNameTd.g_scout .g_img {
    align-content: center;
    border: 1px solid #c8c8c8;
    border-radius: 20px; 
    display: flex;
    height: 40px;
    margin-right: 10px;
    overflow: hidden;
    width: 40px;
}

.narrowNoteListTable .listNameTd.g_scout .g_img img {
    width: 100%;
}

.narrowNoteListTable .listNameTd.g_scout .listNameText {
    color: #333;
    font-weight: bold;
}

.narrowNoteListTable td .mark {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
.narrowNoteListTable td .listNameText {
    width: 250px;
}
.narrowNoteListTable td .listImage {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid #CCC;
}
.narrowNoteListTable td .listImageTable {
    width: 40px;
    height: 40px;
    display: table;
}
.narrowNoteListTable td .listImageTableCell {
    width: 40px;
    height: 40px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.narrowNoteListTable td .listImage img {
    max-width: 40px;
    max-height: 40px;
}
.narrowNote .pageControl {
    text-align: center;
}
.narrowNote .pageControl .prev,
.narrowNote .pageControl .next {
    display: inline-block;
}
.narrowNote .pageControl .prev a,
.narrowNote .pageControl .next a,
.narrowNote .pageControl .disabled {
    color: #FFF;
    padding: 3px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 20px;
}
.narrowNote .pageControl .prev a,
.narrowNote .pageControl .next a {
    display: block;
    background-color: #333;
    text-decoration: none;
}
.narrowNote .pageControl .disabled {
    background-color: #CCC;
}
.narrowNote .pageControl .current {
    font-weight: bold;
}

/* narrowノート オススメのプロダクション */
.narrowNote#recommendArea {
    background-color: #fff;
    margin-top: 30px;
}
.narrowNote#recommendArea .recommendList {
    margin: 20px 15px;
}
.narrowNote#recommendArea .recommendList li {
    border-left: dotted 2px #ccc;
    float: left;
    padding: 0 30px;
    width: 180px;
}
.narrowNote#recommendArea .recommendList li .logoImage {
    border: solid 1px #333;
    display: table;
    text-align: center;
    width: 178px;
}
.narrowNote#recommendArea .recommendList li .logoImage a {
    display: table-cell;
    width: 178px;
    height: 178px;
    vertical-align: middle;
}
.narrowNote#recommendArea .recommendList li .logoImage a:hover {
    opacity: 0.8;
}
.narrowNote#recommendArea .recommendList li .logoImage a img {
    max-height: 100%;
    max-width: 100%;
}
.narrowNote#recommendArea .recommendList li .productionName {
    font-size: 16px;
    margin: 12px 0;
    text-align: center;
}
.narrowNote#recommendArea .recommendList li .introduction {
    font-size: 12px;
}
.narrowNote#recommendArea .recommendList li:first-child {
    border-left: none;
    width: 182px;
}
.narrowNote#recommendArea .recommendList li:first-child .logoImage {
    position: relative;
}
.narrowNote#recommendArea .recommendList li:first-child .logoImage .prMark {
    background-color: #666666;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    line-height: 150%;
    padding: 0 12px;
    position: absolute;
    top: 5px;
    right: 5px;
}


/* narrowノート オーディション履歴 */
#page-auditionHistory h2 {
    color: #F60;
}
#page-auditionHistory .countBig .narrowNoteCount .value {
    color: #F60;
}
#page-auditionHistory #meta_invite_box {
    background-color: #fff;
    border: 2px solid #333;
    margin: 0 0 20px;
    padding: 20px;
}
#page-auditionHistory #meta_invite_box .meta_invite_box_close {
    float: right;
    width: 20px;
    background-color: #333;
    border-radius: 10px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#page-auditionHistory #meta_invite_box .meta_invite_box_close span {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

/* narrowノート オーディション履歴結果 */
#page-auditionResult{

}

#page-auditionResult .article{
    background: #fff;
}

#page-auditionResult #main h2.title{
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 25px 30px;
    color: #FF6600;
    margin-bottom: 0;
}

#page-auditionResult .auditionInfo{
    width: 700px;
    margin: 0 auto;
    padding: 15px;
    border-bottom: 1px dotted #ccc;
}

#page-auditionResult .auditionInfo .detailInfo{
    margin-bottom: 5px;
}

#page-auditionResult .auditionInfo .detailInfo .date{
    width: 300px;
    float: left;
}

#page-auditionResult .auditionInfo .detailInfo .resume{
    width: 300px;
    float: right;
    text-align: right;
}

#page-auditionResult .auditionInfo .mainInfo{

}

#page-auditionResult .auditionInfo .mainInfo .imgArea{
    width: 60px;
    height: 60px;
    float: left;
    border: 1px solid #333;
}

#page-auditionResult .auditionInfo .mainInfo .imgArea .img{
    width: 60px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-grid-line: 60px;
}

#page-auditionResult .auditionInfo .mainInfo .imgArea .img img{
    max-width: 60px;
    max-height: 60px;
}

#page-auditionResult .auditionInfo .mainInfo .auditionTitle{
    width: 624px;
    float: right;
}

#page-auditionResult .auditionInfo .mainInfo .auditionTitle h3{
    font-size: 18px;
    font-weight: bold;
}

#page-auditionResult .auditionInfo .mainInfo .auditionTitle p{

}

/* 返信期限 */
.resultViewArea .replyLimit{
    width: 680px;
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}

.resultViewArea .replyLimit p{
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #333;
    padding: 10px;
    text-align: center;
    background: #eee;
}


/* 合格 */
#page-auditionResult .resultViewArea .resultBox .pass{
    color: #333;
    text-align: center;
    font-weight: bold;
    border: 4px solid #333;
    padding: 30px 0;
    margin-bottom: 30px;
}

#page-auditionResult .resultViewArea .resultBox .toProductionMessage{
    color: #333;
    margin-bottom: 20px;
}

#page-auditionResult .resultViewArea .resultBox .unreadMessage{
    color: #ff1d25;
}


#page-auditionResult .resultViewArea .resultBox .schedule{
    width: 500px;
    margin: 0 auto;
}

#page-auditionResult .resultViewArea .resultBox .schedule dt{
    width: 170px;
    float: left;
}

#page-auditionResult .resultViewArea .resultBox .schedule dd{
    width: 300px;
    float: right;
}

#page-auditionResult .resultViewArea .resultBox .schedule dd span{
    color: #ff1d25;
}


/* 不合格 */
#page-auditionResult .resultViewArea .resultBox p{

}

#page-auditionResult .resultViewArea .resultBox .failure{
    border: 2px solid #444;
    width: 100%;
    padding: 20px 0;
}

#page-auditionResult .resultViewArea .resultBox .noticeTitle{
    margin: 5px 0 30px 0;
    font-weight: bold;
}

#page-auditionResult .bottom_banner {
    display: inline-block;
}

/* 未選考 */
#page-auditionResult .resultViewArea .resultBox .notSelection{
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 40px 0;
}



/* narrowノート 詳細表示 共通 */
.resultViewArea{

}

.resultViewArea .resultBox{
    width: 680px;
    margin: 20px auto;
}

.resultViewArea .backToList{
    border-top: 1px solid #ccc;
    text-align: center;
    padding: 30px 0;
}

.resultViewArea .txtGray{
    color: #999;
}

.resultViewArea .passMessage{
    text-align: center;
}

.resultViewArea .passMessage .unreadMessage{
    color: #ff1d25;
    font-size: 12px;
    margin-bottom: 20px;
}

.resultViewArea .passMessage p.bold{
    font-weight: bold;
    margin: 30px 0;
}

.resultViewArea .passMessage .btnDefaultNarrow{
    margin-bottom: 50px;
}

.resultViewArea .passMessage .btnDefaultNarrow a{
    background: url(../img/ico_message_balloon.png) 20px no-repeat #ff1d25;
    padding-right: 34px;
}

.resultViewArea .passMessage p.date{
    color: #666;
}

.resultViewArea .passMessage p.date span{
    color: #ff1d25;
}

.resultViewArea h4{
    font-weight: bold;
    margin: 30px 0 5px 0;
}

.resultViewArea p {
	word-break: break-all;
}

.resultViewArea .imgArea{

}

.resultViewArea .imgArea .left{
    width: 216px;
    float: left;
    margin-right:16px;
}

.resultViewArea .imgArea .right{
    width: 216px;
    float: left;
}

.resultViewArea .imgArea .img{
    width: 212px;
    height: 212px;
    border: 2px solid #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-grid-line: 212px;
}

.resultViewArea .imgArea .img img{
    max-width: 212px;
    max-height: 212px;
    vertical-align: middle;
}




#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#messageFrame{
    width: 1000px;
    height: 100%;
    display: none;
    background: #fff;
}

#messageFrame iframe{
    width: 100%;
    height: 100%;
    overflow: scroll;
}




/*----------------------------------------------------
        メッセージ詳細 / #page-messageDetail
----------------------------------------------------*/
#page-messageDetail{
    padding-bottom: 245px;
}

#page-messageDetail .article{
    border-top:0;
    background: #fff;
}

#page-messageDetail h1.title p{
    /*width: 700px;*/
    float: left;
}

#page-messageDetail h1.title span{
    width: 210px;
    text-align: center;
    float: right;
    background: #00b259;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

#page-messageDetail h1.title span:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

#page-messageDetail .topScrollLink{
    font-size: 16px;
    margin-right: 20px;
    color: #fff;
    float: right;
    cursor: pointer;
    text-decoration: underline;
}

#page-messageDetail .topScrollLink:hover {
    text-decoration: none;
}

#page-messageDetail .attentionArea{
    width: 826px;
    border: solid 4px #FF1125;
    margin: 10px auto 0 20px;

}
#page-messageDetail .attentionArea .attentionBox{
    position: relative;
}
#page-messageDetail .attentionArea .attentionBox .attentionImage{
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 20px;
}

#page-messageDetail .attentionArea .attentionBox .attentionImage img{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
#page-messageDetail .attentionArea .attentionBox .attentionText{
    float: left;
    width: 710px;
    margin: 10px 20px 10px 20px;
}

/* 入力部分 */

#page-messageDetail .newMessageCreate{
    width: 100%;
    height: 245px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #333;
}

#page-messageDetail .newMessageCreate p {
    color: #fff;
    padding: 25px 20px 0;
}

#page-messageDetail .newMessageCreate p a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}

#page-messageDetail .newMessageCreate p a:hover {
    text-decoration: none;
}

#page-messageDetail .newMessageCreate textarea{
    width: 800px;
    height: 120px;
    float: left;
    margin: 20px;
}

#page-messageDetail .newMessageCreate input{
    width: 130px;
    float: left;
    display: block;
    padding: 5px;
    font-size: 16px;
    margin-top: 100px;
}

#page-messageDetail.addOfferMessage {
    padding-bottom: 312px;
}
#page-messageDetail.addOfferNoteMessage {
    padding-bottom: 300px;
}
#page-messageDetail.addOfferMessage2Line {
    padding-bottom: 347px;
}
#page-messageDetail #offerMessageArea {
    background-color: #fff;
    border-left: solid 2px #333;
    border-right: solid 2px #333;
    box-sizing: border-box;
    padding: 10px;
    position: fixed;
    bottom: 245px;
    left: 0;
    width: 100%;
}
#page-messageDetail #offerMessageArea p {
    background-color: #ddd;
    padding: 10px;
}
#page-messageDetail #offerMessageArea p.offerNoteText {
    background-color: #fff;
    color: #ff1525;
    font-weight: bold;
    padding-top: 0;
}
#page-messageDetail #offerMessageArea p.offerNoteText:before {
    content: "!";
    display: inline-flex;
    color: #fff;
    background-color: #ff1525;
    height: 20px;
    width: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 3px;
}
#page-messageDetail #offerMessageArea .color_red {
    color: #ff1525;
}
#page-messageDetail #offerMessageArea a,
#page-messageDetail .messageBox .offer_button {
    color: #fff;
    display: inline-block;
    background-color: #ff1525;
    padding: 2px 7px 0;
    cursor: pointer;
    border-radius: 5px;
}
#page-messageDetail #offerMessageArea a:hover {
    text-decoration: none;
}

#page-messageDetail #notSendMessageArea p {
    box-sizing: border-box;
    padding: 20px 10px;
    position: absolute;
    width: 100%;
}
#page-messageDetail #notSendMessageArea {
    position: relative;
}

#page-messageDetail .offerModalContent {
    border-radius: 10px;
    left: calc(50% - 250px);
    width: 500px;
}
#page-messageDetail #confirmOffer {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-height: calc(100% - 100px);
    height: fit-content;
    overflow: scroll;
}
#page-messageDetail #reportOffer {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: fit-content;
}
#page-messageDetail .offerModalContent .hedding {
    margin: 40px 0 35px;
    text-align: center;
}
#page-messageDetail .offerModalContent .hedding p {
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-thickness: 4px;
    text-underline-offset: 12px;
    text-decoration-color: #529e66;
}
#page-messageDetail .offerModalContent .report_offer_inner {
    margin: 0 45px;
}
#page-messageDetail .offerModalContent .item_name {
    font-size: 15px;
    font-weight: bold;
}
#page-messageDetail .offerModalContent .item_label {
    font-weight: bold;
}
#page-messageDetail .offerModalContent .input.radio {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 15px;
}
#page-messageDetail .offerModalContent .input.radio label {
    cursor: pointer;
    font-weight: normal;
}
#page-messageDetail .offerModalContent .input.radio input[type="radio"] {
    cursor: pointer;
    margin-top: 0;
}
#page-messageDetail .offerModalContent .input.text {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
#page-messageDetail .offerModalContent .input label {
    font-weight: bold;
}
#page-messageDetail .offerModalContent input[type="text"],
#page-messageDetail .offerModalContent textarea {
    font-size: 14px;
    padding: 10px;
    border-color: #ccc;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
}
#page-messageDetail .offerModalContent .input_outer {
    display: flex;
    margin-bottom: 15px;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 7px 10px;
    line-height: 100%;
    align-items: center;
}
#page-messageDetail .offerModalContent .input_outer input {
    padding: 0;
    border: none;
}
#page-messageDetail .offerModalContent .supplementary_text {
    font-size: 12px;
    color: #888;
    position: relative;
    top: -10px;
    line-height: 180%;
}
#page-messageDetail .offerModalContent .supplementary_text .color_red {
    color: #ff1525;
}
#page-messageDetail .offerModalContent .submit {
    text-align: center;
    padding: 10px 0 30px;
}
#page-messageDetail .offerModalContent .submit button {
    width: 150px;
    background-color: #ff1525;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    height: 50px;
}
#page-messageDetail .offerModalContent .submit button:hover {
    opacity: 0.8;
}
#page-messageDetail.page-offer {
    margin-top: 91px;
}
#page-messageDetail.page-offer .offerArea {
}
#page-messageDetail.page-offer .offerArea .offerAreaTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    top: 0;
    background-color: #eee;
    z-index: 1;
    height: 45px;
}
#page-messageDetail.page-offer .offerArea .offerAreaTop .offerTitle {
    border-left: 5px solid #ff1525;
    font-weight: bold;
    padding-left: 14px;
    line-height: 150%;
}
#page-messageDetail.page-offer .offerArea .offerAreaTop .offerDetail {
    cursor: pointer;
    font-weight: bold;
    padding-right: 20px;
}
#page-messageDetail.page-offer .offerArea .offerAreaTop .offerDetail.offerDetailClose {
    background: url("/https/narrow.jp/img/element/search_close_icon.png") right center no-repeat;
}
#page-messageDetail.page-offer .offerArea .offerAreaTop .offerDetail.offerDetailOpen {
    background: url("/https/narrow.jp/img/element/search_open_icon.png") right center no-repeat;
}
#page-messageDetail.page-offer .offerArea .offerInfo {
    padding: 10px 20px 20px;
    box-sizing: border-box;
    background-color: #eee;
    max-height: 400px;
    width: 100%;
    overflow: auto;
    position: fixed;
    top: 45px;
    z-index: 2;
    border-bottom: 1px solid #333;
}
#page-messageDetail.page-offer .offerArea .offerInfo .offerInfoBox {
    display: flex;
    margin-top: 10px;
}
#page-messageDetail.page-offer .offerArea .offerInfo .offerInfoBox .offerInfoTh {
    font-weight: bold;
    min-width: 100px;
}
#page-messageDetail.page-offer .offerArea .offerStatus {
    box-sizing: border-box;
    background-color: #eee;
    height: 46px;
    width: 100%;
    overflow: auto;
    position: fixed;
    top: 45px;
    z-index: 1;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li,
#page-messageDetail.page-offer .offerArea .offerStatus ul.offerStatusCount7 li {
    height: 100%;
    width: calc(100% / 7);
}
#page-messageDetail.page-offer .offerArea .offerStatus ul.offerStatusCount6 li {
    height: 100%;
    width: calc(100% / 6);
}
#page-messageDetail.page-offer .offerArea .offerStatus ul.offerStatusCount5 li {
    height: 100%;
    width: calc(100% / 5);
}
#page-messageDetail.page-offer .offerArea .offerStatus ul.offerStatusCount4 li {
    height: 100%;
    width: calc(100% / 4);
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div {
    background-color: #eee;
    color: #fff;
    font-weight: bold;
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
    line-height: 46px;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div::after {
    content: '';
    position: absolute;
    right: -14px;
    top: 0;
    border-left: 15px solid #eee;
    border-top: 24px solid transparent;
    border-bottom: 23px solid transparent;
    z-index: 1;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div span {
    margin-left: 14px;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus01 {
    background-color: #c3c3c3;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus01::after {
    border-left: 15px solid #c3c3c3;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus02 {
    background-color: #d4d4d4;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus02::after {
    border-left: 15px solid #d4d4d4;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus03 {
    background-color: #b3b3b3;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus03::after {
    border-left: 15px solid #b3b3b3;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus04 {
    background-color: #909090;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus04::after {
    border-left: 15px solid #909090;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus05 {
    background-color: #818181;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus05::after {
    border-left: 15px solid #818181;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus06 {
    background-color: #6a6a6a;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus06::after {
    border-left: 15px solid #6a6a6a;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus07 {
    background-color: #575757;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatus07::after {
    border-left: 15px solid #575757;
    border-top: none;
    border-bottom: none;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatusNow {
    background-color: #ff1525;
}
#page-messageDetail.page-offer .offerArea .offerStatus ul li div.offerStatusNow::after {
    border-left: 15px solid #ff1525;
}

/* メッセージ .page-message */
.page-message{

}

.page-message .messageArea{
    padding: 10px;
}

.page-message .messageArea .messageBox{
    width: 826px;
    background: #eee;
    margin-bottom: 20px;
    padding: 10px;
}

.page-message .messageArea .messageBoxUser{
    margin-left: 116px;
    background: #DDEEDD;
}

.page-message .messageArea .messageBox .userData{
    width: 100px;
    float: left;
}
.page-message .messageArea .messageBoxUser .userData{float:right;}

.page-message .messageArea .messageBox .userData .img{
    width: 98px;
    height: 98px;
    border: 1px solid #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-grid-line: 98px;
    margin-bottom: 5px;
    background: #fff;
}

.page-message .messageArea .messageBox .userData .img img{
    max-width: 98px;
    max-height: 98px;
    vertical-align: middle;
}

.page-message .messageArea .messageBox .userData .date{
    text-align: center;
    font-size: 12px;
}

.page-message .messageArea .messageBox .txt{
	width: 693px;
	padding: 10px 10px 25px;
	min-height: 105px;
	float: right;
	background: #fff;
	position: relative;
	word-break: break-all;
}
.page-message .messageArea .messageBoxUser .txt{float:left;}

.page-message .messageArea .txt p.date{
    position: absolute;
    bottom: 0px;
    right: 5px;
    font-size: 12px;
    color: #999;
}


.page-message .newMessageCreate{
    width: 600px;
    margin: 0 auto 30px auto;
}

.page-message .newMessageCreate .newMessage{
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.page-message .newMessageCreate .newMessage span.aboutMessage{
    font-size: 14px;
    padding-left: 30px;
    background: url(../img/ico_questionMark.png) 0 0 no-repeat;
    margin-left: 30px;
}

.page-message .newMessageCreate .newMessage span.tooltip{

}

.page-message .newMessageCreate .newMessage span .aboutMessageContent{
    display: none;
    border: 1px solid #00B259;
    background: #fff;
    position: absolute;
    padding: 10px;
}


.page-message .newMessageCreate textarea{
    width: 100%;
    height: 200px;
}

.page-message .newMessageCreate .attention{
    color: #ff1d25;
    margin-bottom: 20px;
}


/* スカウト */
.page-message .newMessageCreate .selectSubmitContent{
    border: 1px solid #ccc;
    text-align: left;
    margin-bottom: 30px;
}

.page-message .newMessageCreate .selectSubmitContent p{
    text-align: left;
}

.page-message .newMessageCreate .selectSubmitContent .midashi{
    color: #666;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.page-message .newMessageCreate .selectSubmitContent .selectArea{
    padding: 5px;
}

.page-message .newMessageCreate .selectSubmitContent .box{
    padding: 10px;
    font-weight: bold;
}

.page-message .newMessageCreate .selectSubmitContent .box span{
    font-weight: normal;
}

.page-message .newMessageCreate .bold{
    font-weight: bold;
}

.page-message .newMessageCreate .bold span{
    font-weight: normal;
    font-size: 10px;
}


.page-message .newMessageCreate .attention{
    margin-top: 20px;
}

.page-message .newMessageCreate .attention span{
    font-weight: bold;
}

.page-message #requestImages{
    width: 800px;
    margin: 20px auto;
    padding: 20px;
    background: #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}

.page-message #requestImages .imgArea{
    margin-bottom: 20px;
}

.page-message #requestImages .imgArea .left{
    width: 250px;
    float: left;
    margin-right: 25px;
}

.page-message #requestImages .imgArea .right{
    width: 250px;
    float: right;
}

.page-message #requestImages .imgArea .img{
    width: 248px;
    height: 248px;
    border: 1px solid #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-grid-line: 248px;
    background: #fff;
}

.page-message #requestImages .imgArea .img img{
    max-width: 248px;
    max-height: 248px;
    vertical-align: middle;
}


.page-message #requestImages .movieArea{
    margin-bottom: 20px;
}


.page-message #requestImages .soundArea{
    margin-bottom: 20px;
}


.page-message #requestImages .closeBtn{
    cursor: pointer;
}


.page-message .messageArea .kugiri{
    width: 96%;
    padding: 2%;
    background: #666;
    color: #fff;
}

.page-message .newMessageCreate #interviewSelect .aboutMessageContentBottom,
.page-message .newMessageCreate #requestSelect .aboutMessageContentBottom{
    font-size: 12px;
    line-height: 130%;
}

.resultViewArea .reply_limit {
    font-weight: bold;
    color: #e52c2c;
    padding: 10px;
    background-color: #f9e2e2;
    line-height: 1;
    width: 350px;
    margin: 30px auto 0;
    text-align: center;
}

.resultViewArea .snsArea {
    margin: 30px 0;
}

.resultViewArea .snsArea .share {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.resultViewArea .snsArea ul {
    margin: 20px auto;
    width: 195px;
}

.resultViewArea .snsArea ul li:first-child {
    margin: 0;
}

.resultViewArea .snsArea ul li {
    float: left;
    margin-left: 15px;
    width: 55px;
}

/* narrowノート スカウト */
#page-scoutHistory h2 {
    color: #0C3;
}
#page-scoutHistory .countBig .narrowNoteCount .value {
    color: #0C3;
}

/* narrowノート スカウト履歴表示 */
#page-scoutResult .article{
    background: #fff;
}

#page-scoutResult #main h2.title{
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 25px 30px;
    color: #0C3;
    margin-bottom: 0;
}

#page-scoutResult .scoutInfo{
    padding: 15px 25px;
    border-bottom: 1px dotted #ccc;
}

#page-scoutResult .scoutInfo.g_scout {
    background: url(../img/g_scout/bg.png);
}

#page-scoutResult .scoutInfo.g_scout .g_gray a {
    color: #75736e;
}

#page-scoutResult .scoutInfo .detailInfo{
    margin-bottom: 5px;
}

#page-scoutResult .scoutInfo .detailInfo .date{
    width: 300px;
    float: left;
}

#page-scoutResult .scoutInfo .detailInfo .resume{
    width: 300px;
    float: right;
    text-align: right;
}

#page-scoutResult .scoutInfo .mainInfo .img{
    width: 60px;
    height: 60px;
    float: left;
    border: 1px solid #333;
}
#page-scoutResult .scoutInfo .mainInfo .img img{
    width: 60px;
    height: 60px;
}

#page-scoutResult .scoutInfo .mainInfo .scoutTitle{
    width: 624px;
    float: right;
}

#page-scoutResult .scoutInfo .mainInfo .scoutTitle h3{
    font-size: 18px;
    font-weight: bold;
}

#page-scoutResult .resultViewArea .g_scout_box {
    margin: 10px auto 0;
}

#page-scoutResult .resultViewArea .g_scout_box .head_img {
    position: relative;
    top: 4px;
    width: 100%;
    z-index: 1;
}

#page-scoutResult .resultViewArea .g_scout_box .g_scout_wrap {
    background: linear-gradient(to top right, #932d2d 70%, #9f3030);
    padding: 0 25px 25px 25px;
}

#page-scoutResult .resultViewArea .g_scout_box .g_scout_wrap .resultBox {
    box-sizing: border-box;
    border: 2px solid #f39e30;
    background: #fff;
    margin: 0 auto;
    padding: 25px 20px 20px 20px;
    position: relative;
    z-index: 5;
}

#page-scoutResult .resultViewArea .heading {
    border-left: 4px solid #0C3;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

#page-scoutResult .resultViewArea .message .text {
    padding: 10px;
    border-radius: 5px;
    background-color: #d6f1da;
    word-break: break-all;
}

#page-scoutResult .resultViewArea .g_scout_box .heading {
    background: url(../img/g_scout/scout10.png) no-repeat left top;
    border-left: none;
    border-bottom: 2px solid #9f3030;
    margin-bottom: 15px;
    padding: 0 0 14px 32px;
}

#page-scoutResult .resultViewArea .g_scout_box .heading.g_hidden {
    display: none;
}

#page-scoutResult .resultViewArea .message .note {
    font-size: 10px;
    color: #999;
    line-height: 1.6;
    margin-top: 7px;
    padding: 10px;
    border-radius: 5px;
    background-color: #e5faea;
    word-break: break-all;
}

#page-scoutResult .resultViewArea .g_scout_box .message .text {
    padding: 60px 30px 25px 30px;
    border: 2px solid #f39e30;
    border-radius: 0;
    background-color: #fff;
    background: url(../img/g_scout/scout4.png) 50% 10px no-repeat,
                url(../img/g_scout/scout5.png) left top no-repeat,
                url(../img/g_scout/scout6.png) left bottom no-repeat,
                url(../img/g_scout/scout7.png) right top no-repeat,
                url(../img/g_scout/scout8.png) right bottom no-repeat;
    line-height: 2.7;
    position: relative;
}

#page-scoutResult .resultViewArea .g_scout_box .message .text .text_border {
    background: repeating-linear-gradient(white, white 36px, #f39e30 0, #f39e30 37px);
    position: relative;
}

#page-scoutResult .resultViewArea .g_scout_box .message .text .text_border:after {
    background: #fff;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
}

#page-scoutResult .resultViewArea .narrow_attention {
    margin-top: 30px;
}

#page-scoutResult .resultViewArea .before_accept {
    margin-top: 30px;
}

#page-scoutResult .resultViewArea .before_accept ul {
    padding: 20px;
    border-radius: 5px;
    background-color: #eee;
    font-size: 16px;
}

#page-scoutResult .resultViewArea .before_accept ul > li {
    padding-left: 40px;
    min-height: 24px;
    background: url(../img/icon_list_attention.png) 0 center no-repeat;
    margin-top: 20px;
}

#page-scoutResult .resultViewArea .before_accept ul > li:first-child {
    margin-top: 0;
}

#page-scoutResult .resultViewArea .before_accept ul > li em {
    font-weight: bold;
}

#page-scoutResult .resultViewArea .reply_area {
    padding: 0 30px 30px 30px;
}

#page-scoutResult .resultViewArea .reply_area .userAction{
	border: 4px solid #333;
	padding: 10px 40px;
	margin: 20px auto;
	font-size: 18px;
	font-weight: bold;
}

#page-scoutResult .scoutRejection {
    color: #999;
    font-size: 12px;
}

/* narrowノート リクエスト履歴 */
#page-requestHistory h2 {
    color: #F69;
}
#page-requestHistory .countBig .narrowNoteCount .value {
    color: #F69;
}

/* narrowノート リクエスト履歴表示 */
#page-requestResult{

}

#page-requestResult .article{
    background: #fff;
}

#page-requestResult #main h2.title{
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 25px 30px;
    color: #F69;
    margin-bottom: 0;
}

#page-requestResult .requestInfo{
    width: 700px;
    margin: 0 auto;
    padding: 15px;
    border-bottom: 1px dotted #ccc;
}

#page-requestResult .requestInfo .detailInfo{
    margin-bottom: 5px;
}

#page-requestResult .requestInfo .detailInfo .date{
    width: 300px;
    float: left;
}

#page-requestResult .requestInfo .detailInfo .resume{
    width: 300px;
    float: right;
    text-align: right;
}

#page-requestResult .requestInfo .mainInfo{

}

#page-requestResult .requestInfo .mainInfo .img{
    width: 60px;
    height: 60px;
    float: left;
    border: 1px solid #333;
}
#page-requestResult .requestInfo .mainInfo .img img{
    width: 60px;
    height: 60px;
}

#page-requestResult .requestInfo .mainInfo .requestTitle{
    width: 624px;
    float: right;
}

#page-requestResult .requestInfo .mainInfo .requestTitle h3{
    font-size: 18px;
    font-weight: bold;
}

#page-requestResult .requestInfo .mainInfo .requestTitle p{

}

#page-requestResult .resultViewArea{

}

#page-requestResult .requestKindArea{
    text-align: center;
}

#page-requestResult .requestKindArea p{
    background: #333;
    padding: 4px;
    color: #fff;
}

#page-requestResult .requestKindArea ul{
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-requestResult .requestKindArea ul li{
    display: inline-block;
    padding: 10px;
    font-weight: bold;
}

#page-requestResult .requestAnswered .heading,
#page-requestResult .productionRequestMessage .heading{
	border-left: 4px solid #F69;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
	word-break: break-all;
}

#page-requestResult .requestAnswered .text,
#page-requestResult .productionRequestMessage .text{
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    background-color: #f7e7ec;
    word-wrap: break-word;
}

#page-requestResult .requestInputArea{
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: 30px;
}

#page-requestResult table{
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-requestResult table th{
    background: #eee;
    width: 128px;
    border-bottom: 1px solid #333;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

#page-requestResult table td{
    border-bottom: 1px solid #333;
    padding: 10px;
    font-size: 13px;
}

#page-requestResult table.requestReplyTable .error-message {
    display: table-cell;
    position: static;
}

#page-requestResult .toggleMedia{
    display: none;
    margin-bottom: 20px;
}

#page-requestResult .deleteContentBtn{
    width: 100px;
    float: right;
    text-align: right;
}

#page-requestResult .movieInputArea{
    padding-left: 20px;
    margin-bottom: 10px;
}

#page-requestResult .movieInputArea p{
    font-size: 12px;
    color: #666;
}

#page-requestResult #originalMovieInput,
#page-requestResult #youtubeInput,
#page-requestResult #niconicoInput,
#page-requestResult #originalSoundInput,
#page-requestResult #soundcloudInput{
    display: none;
}

#page-requestResult .soundInputArea{
    padding-left: 20px;
    margin-bottom: 10px;
}

#page-requestResult .soundInputArea p{
    font-size: 12px;
    color: #666;
}

#page-requestResult .attention{
    color: #ff1d25;
    margin-bottom: 40px;
}

#page-requestResult .productionMessageConfirm{
    margin: 0 15px;
    padding: 15px;
    border-bottom: 1px dotted #ccc;
    word-wrap: break-word;
}

#page-requestResult .replyComfirmTable{
    border: 3px solid #333;
    word-break: break-all;
}

#page-requestResult .requestReplyComplete{
    padding: 20px 0;
}

#page-requestResult .bottomBtnArea .red{
    color: #ff1d25;
}

#page-requestResult .bottomBtnArea .requestRejection {
    margin: 15px 0 20px;
}

#page-requestResult .requestRejection p {
    color: #999;
    font-size: 12px;
}

#page-requestResult .attentionArea{
    width: 700px;
    border: solid 4px #FF1125;
    margin: 0 auto 20px 0;

}
#page-requestResult .attentionArea .attentionBox{
    position: relative;
}
#page-requestResult .attentionArea .attentionBox .attentionImage{
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 7px 0 7px;

}
#page-requestResult .attentionArea .attentionBox .attentionImage img{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
#page-requestResult .attentionArea .attentionBox .attentionText{
    float: left;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 13px;
    width: 630px;
}
#page-requestResult .attentionText_emoji{
    font-size: 13px;
    margin-bottom: 20px;
}
#page-requestResult .before_reply{
    text-align: center;
    color: #e52c2c;
}


/* リクエスト返信済み */
#page-requestResult .requestAnswered{

}

.resultViewArea .resultBox .userAction{
    border: 4px solid #333;
    padding: 10px 40px;
    margin: 20px auto;
    font-size: 18px;
    font-weight: bold;
}

/* narrowノート 興味あり送信履歴 */

#page-approachHistory h2 {
    color: #007CD9;
}
#page-approachHistory .countSmall .narrowNoteCount .value {
    color: #007CD9;
}











/* narrowノート あしあと */
#page-productionFootprints .article {
    background: #fff;
}

.productionFootprintsList {
    margin-bottom: 40px;
}
.footprints_none {
    display: none;
}
.productionFootprintsList li {
    padding: 10px 0;
    font-size: 16px;
    border-top: 1px dotted #000;
}
.productionFootprintsList li:first-child {
    border-top: none;
}
.productionFootprintsListTime {
    height: 16px;
    line-height: 100%;
    padding: 23px 0;
    width: 220px;
}
.productionFootprintsListImage {
    width: 62px;
    margin-right: 20px;
}
.productionFootprintsListProductionName {
    height: 16px;
    line-height: 100%;
    padding: 23px 0;
}
.productionFootprintsListImage .imageWrapper {
    width: 60px;
    height: 60px;
    display: table;
    border: 1px solid #CCC;
}
.productionFootprintsListImage .imageWrapper a {
    width: 60px;
    height: 60px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.productionFootprintsListImage img {
    max-width: 60px;
    max-height: 60px;
}
#page-productionFootprints hr {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 0;
    border-top: 1px solid #000;
}
#page-productionFootprints h2 {
    color: #333;
}
#page-productionFootprints .topArea {
    margin-bottom: 0;
}
#page-productionFootprints .narrowNoteCountText {
    margin-bottom: 20px;
}
#page-productionFootprints .pageControl {
    margin-bottom: 25px;
}


/* WEB履歴書 */
#page-resumeDisp{

}

/* 未登録表示 */
#page-resumeDisp .noSignup{

}

#page-resumeDisp .noSignup p.notRegistered{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#page-resumeDisp .noSignup p.description{
    color: #ff1d25;
    margin-bottom: 20px;
}

#page-resumeDisp .noSignup .btnDefaultNarrow a{
    background: url(../img/ico_pen.png) 207px 12px no-repeat #ff1d25;
}

/* 登録済み */
#page-resumeDisp .sns_link_area {
    background: #fff;
    border: 2px solid #4883eb;
    margin-bottom: 25px;
    padding: 10px 25px;
}

#page-resumeDisp .sns_link_area .no_sns_link {
    margin: 15px 20px;
}

#page-resumeDisp .sns_link_area .left p {
    display: inline-block;
    margin-right: 25px;
    padding-left: 25px;
}

#page-resumeDisp .sns_link_area .left p.no_link {
    background: url(../img/resume_ico_check_off.png) no-repeat left center;
}

#page-resumeDisp .sns_link_area .left p.link {
    background: url(../img/resume_ico_check_on.png) no-repeat left center;
}

#page-resumeDisp .sns_link_area .link_btn {
    background: #9b6bf2;
    border-bottom: 3px solid #7144c3;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    padding: 2px 15px 0;
    text-align: center;
    text-decoration: none;
}

#page-resumeDisp .sns_link_area .link_btn:hover {
    opacity: 0.5;
}

#page-resumeDisp .sns_link_area .head {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#page-resumeDisp .sns_link_area .text {
    margin: 15px 0;
    text-align: center;
}

#page-resumeDisp .sns_link_area .red {
    color: #e52c2c;
}

#page-resumeDisp .sns_link_area .small {
    font-size: 12px;
}

#page-resumeDisp .sns_link_area .weight {
    font-weight: bold;
}

#page-resumeDisp .sns_link_area .btn_area {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

#page-resumeDisp .sns_link_area .btn_area a {
    border-radius: 60px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto;
    padding: 12px 20px 10px 35px;
    text-align: left;
    text-decoration: none;
}

#page-resumeDisp .sns_link_area .btn_area a:hover {
    opacity: 0.5;
}

#page-resumeDisp .sns_link_area .btn_area .twitter_btn {
    background: url(../img/btn_ico_tw.png) no-repeat 30px center #4581eb;
    border-bottom: 4px solid #2565ac;
    padding: 7px 30px 3px 65px;
}

#page-resumeDisp .sns_link_area .btn_area .instagram_btn {
    background: url(../img/btn_ico_inst.png) no-repeat 20px center #9b6bf2;
    border-bottom: 4px solid #7144c3;
    padding: 7px 15px 3px 50px;
}

#page-resumeDisp .sns_link_area .btn_area .other_sns_btn {
    background: #4883eb;
    border-bottom: 4px solid #2565ac;
}

#page-resumeDisp .alert_resume_complete {
    background: #fff;
    border: 2px solid #ff1125;
    margin-bottom: 25px;
    padding: 20px 25px;
}

#page-resumeDisp .alert_resume_complete .text_area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#page-resumeDisp .alert_resume_complete .head {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

#page-resumeDisp .alert_resume_complete .text {
    width: 72%;
}

#page-resumeDisp .alert_resume_complete .btn_area a {
    background: #ff1d25;
    border-radius: 60px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 20px 10px 35px;
    text-decoration: none;
}

#page-resumeDisp .alert_resume_complete .btn_area a:hover {
    opacity: 0.5;
}

#page-resumeDisp .registerResumeTitle{
    background-color: #333333;
    border-bottom: 4px solid #FF1125;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 20px;
}

#page-resumeDisp .registerResumeTitle .title{
    border: 0;
    padding: 0;
    width: 150px;
    float: left;
}

#page-resumeDisp .registerResumeTitle .resumeProductionViewBtn{
    font-weight: normal;
    font-size: 12px;
    width: 230px;
    float: right;
    margin-right: 20px;
}

#page-resumeDisp .registerResumeTitle .resumeProductionViewBtn a{
    display: block;
    width: 220px;
    height: 20px;
    padding: 3px 5px 5px 5px;
    background: #00B259;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

#page-resumeDisp .registerResumeTitle .editBtn{
    font-weight: normal;
    font-size: 12px;
    width: 60px;
    float: right;
    text-align: right;
}

#page-resumeDisp .registerResumeTitle .editBtn a{
    display: block;
    width: 48px;
    height: 20px;
    padding: 3px 5px 5px 5px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    color: #333;
}

#page-resumeDisp .registerResumeTitle .resumeProductionViewBtn a:hover,
#page-resumeDisp .registerResumeTitle .editBtn a:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

#page-resumeDisp .scoutArea{
    margin-bottom: 15px;
}

#page-resumeDisp .scoutArea p{
    font-weight: bold;
}

#page-resumeDisp .scoutArea p .font_normal {
    font-weight: normal;
}

#page-resumeDisp .scoutArea p.attention{
    font-weight: normal;
    color: #ff1d25;
    padding-left: 40px;
}

#page-resumeDisp .imgArea{
    margin-bottom: 30px;
}

#page-resumeDisp .imgArea .bustupImg{
    width: 226px;
    float: left;
    margin-right: 10px;
    position: relative;
}

#page-resumeDisp .imgArea .fullbodyImg{
    width: 226px;
    float: left;
    position: relative;
}

#page-resumeDisp .imgArea .freeImg{
    width: 226px;
    float: right;
    position: relative;
}

#page-resumeDisp .imgArea .rotateBtn{
    position: absolute;
    right: 0;
    bottom: 0;
}


#page-resumeDisp .imgArea .info{

}

#page-resumeDisp .imgArea .info p.midashi{
    width: 120px;
    float: left;
    font-weight: bold;
}

#page-resumeDisp .imgArea .info p.date{
    width: 106px;
    float: right;
    text-align: right;
    font-size: 12px;
}

#page-resumeDisp .imgArea .img{
    border:1px solid #333;
    width: 224px;
    height: 224px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-grid-line: 224px;
    background: #fff;
}


#page-resumeDisp .midashi{
    font-weight: bold;
}

#page-resumeDisp .midashi span{
    font-weight: normal;
    color: #666;
    font-size: 11px;
    /*	padding-left: 20px;*/
}

#page-resumeDisp span.no_deta {
    background-color: #ff1d25;
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    line-height: 120%;
    vertical-align: middle;
}

#page-resumeDisp .mediaTitle{
}

#page-resumeDisp .movieArea{
    margin-bottom: 30px;
}


#page-resumeDisp .soundArea{
    margin-bottom: 30px;
}

#page-resumeDisp .movieArea .info .midashi,
#page-resumeDisp .soundArea .info .midashi{
    width: 50px;
    float: left;
}

#page-resumeDisp .movieArea .info .mediaTitle,
#page-resumeDisp .soundArea .info .mediaTitle{
    width: auto;
    float: left;
}

#page-resumeDisp .movieArea .info .date,
#page-resumeDisp .soundArea .info .date{
    width: 106px;
    text-align: right;
    float: right;
    font-size: 12px;
}




#page-resumeDisp .imgArea .img img{
    max-width: 224px;
    max-height: 224px;
    vertical-align: middle;
}

#page-resumeDisp table{
    border: 1px solid #333;
    width: 99%;
    margin-bottom: 30px;
}

#page-resumeDisp table th{
    border-bottom: 1px solid #333;
    background: #eee;
    text-align: center;
    padding: 10px;
    width: 100px;
    font-size: 13px;
}

#page-resumeDisp table th.letterShorten {
    letter-spacing: -0.5px;
}

#page-resumeDisp table td{
    border-bottom: 1px solid #333;
    padding: 10px;
}

#page-resumeDisp table td .sns_name {
    display: inline-block;
    margin-right: 20px;
    width: 100px;
    word-break: break-all;
}

#page-resumeDisp table td .instFwArea {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}
#page-resumeDisp table td .instFwArea .instFwScreenshot {
    width: 30%;
}
#page-resumeDisp table td .instFwArea .instFwScreenshot .snsKindTtl {
    margin-bottom: 5px;
}
#page-resumeDisp table td .instFwArea .instFwScreenshot .snsKindTtl .registTime {
    float: right;
    font-size: 12px;
}
#page-resumeDisp table td .instFwArea .instFwScreenshot .noScreenshot {
    font-size: 12px;
}
#page-resumeDisp table td .instFwArea .instFwScreenshot .screenshot {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 164px;
    height: 164px;
    border: solid 1px #ddd;
}
#page-resumeDisp table td .instFwArea .instFwScreenshot .screenshot img {
    max-height: 100%;
    max-width: 100%;
}

#page-resumeDisp table.afterPassingTable{
    border: 2px solid #ff1d25;
}


#page-resumeDisp div.btnDefaultNarrow{
    text-align: center;
}

#page-resumeDisp .spAttention{
    color: #ff1d25;
    font-weight: bold;
    margin: 10px 0;
}

/*  WEB履歴書編集 */
#page-resumeEdit{

}

#page-resumeEdit .attention{
    color: #ff1d25;
    margin-top: 6px;
}

#page-resumeEdit .midashi{
    font-weight: bold;
    margin-top: 15px;
}

#page-resumeEdit table{
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-resumeEdit table th{
    background: #eee;
    width: 128px;
    border-bottom: 1px solid #333;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

#page-resumeEdit table td{
    border-bottom: 1px solid #333;
    padding: 10px;
    font-size: 13px;
}

#page-resumeEdit table td input{
    max-width: 476px;
}

#page-resumeEdit .toggleMedia{
    display: none;
    margin-bottom: 20px;
}

#page-resumeEdit .deleteContentBtn{
    width: 100px;
    float: right;
    text-align: right;
}

#page-resumeEdit .movieInputArea{
    padding-left: 20px;
    margin-bottom: 10px;
}

#page-resumeEdit .movieInputArea p{
    font-size: 12px;
    color: #666;
}

#page-resumeEdit #originalMovieInput,
#page-resumeEdit #youtubeInput,
#page-resumeEdit #niconicoInput,
#page-resumeEdit #originalSoundInput,
#page-resumeEdit #soundcloudInput,
#page-resumeEdit #soundYoutubeInput {
    display: none;
}

#page-resumeEdit .soundInputArea{
    padding-left: 20px;
    margin-bottom: 10px;
}

#page-resumeEdit .soundInputArea p{
    font-size: 12px;
    color: #666;
}

#page-resumeEdit .name input{
    width: 100px;
    margin: 0 15px 0 5px;
}

#page-resumeEdit .bodySize input{
    width: 100px;
    margin: 0 10px 0 0px;
}

#page-resumeEdit .threeSize label{
    margin-left: 15px;
}
#page-resumeEdit .threeSize label:first-child{margin-left:0;}

#page-resumeEdit .threeSize input{
    width: 50px;
    margin: 0 5px 0 5px;
}

#page-resumeEdit .freeInputText input{
    width: 99%;
}

#page-resumeEdit .inst_fw_screenshot {
    margin-top: 10px;
}
#page-resumeEdit .inst_fw_screenshot .file {
    display: inline-block;
}
#page-resumeEdit .inst_fw_screenshot .file label {
    width: 50px;
    display: inline-block;
}

#page-resumeEdit .sns_area {
    display:flex;
}

#page-resumeEdit .sns_area .label {
    width: 80px;
}

#page-resumeEdit .sns_area,
#page-resumeEdit .select_sns01 {
    margin-bottom: 10px;
}

#page-resumeEdit .sns_area .sns_account_name {
    display: inline-block;
}

#page-resumeEdit .sns_area .sns_account_name input {
    width: 170px;
}

#page-resumeEdit .sns_area .sns_account_name input:read-only {
    cursor: default;
    background-color: rgba(118, 118, 118, 0.1);
    color: #545454;
    border-color: rgba(118, 118, 118, 0.3);
}

#page-resumeEdit .sns_area .count .sns_follower {
    border: 1px solid #888;
    margin: 0 5px;
    padding: 4px 6px;
    width: 150px;
}

#page-resumeEdit .sns_area.youtube .sns_account_name input {
    width: 210px;
}

#page-resumeEdit .sns_area.youtube .count > input[type="number"] {
    width: 120px;
}

#page-resumeEdit .sns_area p.small_text {
    color: #666;
    font-size: 12px;
    line-height: 150%;
    margin-top: 5px;
}

#page-resumeEdit .sns_area.instagram .count > input.sns_follower:read-only {
    cursor: default;
    background-color: rgba(118, 118, 118, 0.1);
    color: #545454;
    border-color: rgba(118, 118, 118, 0.3);
}

#page-resumeEdit .sns_area.instagram p.text {
    background-color: #fdf1f8;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 180%;
    margin: 8px 0;
    max-width: 445px;
    padding: 10px 15px;
}

#page-resumeEdit .sns_area.instagram p.text a {
    color: #4b60bc;
}

#page-resumeEdit .select_sns01 span,
#page-resumeEdit .select_sns02 span {
    font-size: 12px;
}

#page-resumeEdit .select_sns01 .select,
#page-resumeEdit .select_sns02 .select {
    float: left;
}

#page-resumeEdit .select_sns01 select,
#page-resumeEdit .select_sns02 select {
    margin-right: 15px;
    padding: 0;
    width: 130px;
}

#page-resumeEdit .select_sns01 #ResumeSnsOtherSns01NameText,
#page-resumeEdit .select_sns02 #ResumeSnsOtherSns02NameText {
    display: none;
    margin-right: 15px;
    width: 130px;
}

#page-resumeEdit .select_sns01 #ResumeSnsOtherSns01Followers,
#page-resumeEdit .select_sns02 #ResumeSnsOtherSns02Followers {
    margin-right: 5px;
    width: 65px;
}

#page-resumeEdit .wishGenre01,
#page-resumeEdit .wishGenre02,
#page-resumeEdit .wishGenre03{
    margin-bottom: 5px;
}

#page-resumeEdit .wishGenre01 select,
#page-resumeEdit .wishGenre02 select,
#page-resumeEdit .wishGenre03 select{
    margin-right: 15px;
}

#page-resumeEdit .wishGenre01 input,
#page-resumeEdit .wishGenre02 input,
#page-resumeEdit .wishGenre03 input{
    margin-left: 5px;
}

#page-resumeEdit .wishGenre01 .select_area,
#page-resumeEdit .wishGenre02 .select_area,
#page-resumeEdit .wishGenre03 .select_area {
    float: left;
}

#page-resumeEdit .wishGenre01 .text_area,
#page-resumeEdit .wishGenre02 .text_area,
#page-resumeEdit .wishGenre03 .text_area {
    float: left;
    display: none;
}

#page-resumeEdit .nationality select{
    margin-right: 15px;
}

#page-resumeEdit .nationality input{
    margin-left: 5px;
}

#page-resumeEdit .nationality .select_area {
    float: left;
}

#page-resumeEdit .nationality .text_area {
    float: left;
    display: none;
}

#page-resumeEdit .zipcode input{
    width: 80px;
    margin: 0 10px;
}
#page-resumeEdit .zipcode input:first-child{margin-left:0;}

#page-resumeEdit .address div{
    margin-bottom: 10px;
}

#page-resumeEdit .address label{
    margin-right: 15px;
}

#page-resumeEdit .address input{
    width: 90%;
}

#page-resumeEdit .telTh p{
    line-height:240%;
}

#page-resumeEdit .telTh .attention{
    font-size: 12px;
}


#page-resumeEdit .tel .tel01,
#page-resumeEdit .tel .tel02{
    margin-bottom: 10px;
}

#page-resumeEdit .tel .tel01 input,
#page-resumeEdit .tel .tel02 input{
    width: 120px;
    margin: 0 5px;
}

#page-resumeEdit .tel .tel01 input:first-child,
#page-resumeEdit .tel .tel02 input:first-child{
    margin-left: 0;
}

#page-resumeEdit .email input{
    width: 99%;
}

#page-resumeEdit .belongProduction p{
    margin: 5px 0;
}

#page-resumeEdit .belongProduction label{
    margin-right: 15px;
}

#page-resumeEdit .belongProduction .productionName{
    margin-bottom: 5px;
}

#page-resumeEdit .belongProduction  .leaderTel{
    margin-top: 5px;
}

#page-resumeEdit .belongProduction  .leaderTel input{
    width: 120px;
    margin: 0 5px;
}
#page-resumeEdit .belongProduction  .leaderTel input:first-child{margin-left:0;}

#page-resumeEdit .guardianRelation input,
#page-resumeEdit .guardianAge input{
    width: 50px;
    margin-right: 5px;
}

#page-resumeEdit .guardianAddress{

}

#page-resumeEdit .guardianAddress .state{
    margin: 5px 0;
}

#page-resumeEdit .guardianAddress label{
    margin-right: 10px;
}

#page-resumeEdit .guardianTable .tel .tel01{
    margin-bottom: 0;
}

#page-resumeEdit .spAttention{
    color: #ff1d25;
    font-weight: bold;
    margin: 10px 0;
}


/* 履歴書（スマホメール送信） */
#page-resumeEditSP{

}

#page-resumeEditSP .attention{
    border: 1px solid #ff1d25;
    padding: 10px;
}

#page-resumeEditSP .attention p{
    color: #ff1d25;
}


#page-resumeEditSP .catTitle{
    font-size: 20px;
    margin-top: 40px;
}
#page-resumeEditSP .catTitle:first-child{margin-top:0;}

#page-resumeEditSP div.btn a{
    width: 240px;
    display: inline-block;
    margin: 10px 10px 10px 0;
}


/*  WEB履歴書編集確認 */
#page-resumeEditConfirm{

}

#page-resumeEditConfirm table{
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-resumeEditConfirm table th{
    background: #eee;
    width: 128px;
    border-bottom: 1px solid #333;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

#page-resumeEditConfirm table td{
    border-bottom: 1px solid #333;
    padding: 10px;
    font-size: 13px;
}

#page-resumeEditConfirm .inst_fw_screenshot {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
#page-resumeEditConfirm .inst_fw_screenshot p {
    width: 50px;
}

/* 有料オプション */
.page-mypage .appeal_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.page-mypage .appeal_box .appeal,
.page-mypage .appeal_box .super_appeal {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    height: 100px;
    width: 370px;
}

.page-mypage .appeal_box .count {
    padding: 14px 13px 0 0;
}

.page-mypage .appeal_box .appeal p,
.page-mypage .appeal_box .super_appeal p {
    color: #f3020a;
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
}

.page-mypage .appeal_box .super_appeal p {
    color: #926700;
}

.page-mypage .appeal_box .scout_up .time,
.page-mypage .appeal_box .super_scout_up .time {
    color: #333;
    position: relative;
    top: 48px;
    left: -113px;
}

.page-mypage .appeal_box .appeal .small,
.page-mypage .appeal_box .super_appeal .small {
    font-size: 18px;
}

.page-mypage .appeal_box .appeal p > span,
.page-mypage .appeal_box .super_appeal p >span {
    font-size: 20px;
}

.page-mypage .appeal_box .appeal {
    background: url(../img/bg_scoutup_btn.png) no-repeat;
    margin-right: 10px;
}

.page-mypage .appeal_box .super_appeal {
    background: url(../img/bg_super_scoutup_btn.png) no-repeat;
    margin-right: 10px;
}

.page-mypage .appeal_box .scout_up {
    background: url(../img/bg_scout_up_count_btn.png) no-repeat;
    margin-right: 10px;
}

.page-mypage .appeal_box .super_scout_up {
    background: url(../img/bg_super_scout_up_count_btn.png) no-repeat;
    margin-right: 10px;
}

#page-additionalOptions .additionalOptions_area {
    background: #fff;
}

#page-additionalOptions .additionalOptions_area .title,
#page-billingArchive .billing_archive_area .title {
    border-bottom: none;
}

#page-additionalOptions .additionalOptions_area .about_option {
    border-bottom: 1px solid #666;
    display: flex;
    font-weight: bold;
    padding: 25px 30px;
}

#page-additionalOptions .additionalOptions_area .about_option > p {
    background: url(../img/additional_option/question.png) no-repeat left;
    padding-left: 22px;
}

#page-additionalOptions .additionalOptions_area .about_option  .option_link {
    color: #333;
}

#page-additionalOptions .additionalOptions_area .billing_status_box,
#page-additionalOptions .additionalOptions_area .additional_options_box {
    margin: 25px 30px;
}

#page-additionalOptions .additionalOptions_area .billing_status_box .billing_status_box_heading,
#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_heading {
    display: flex;
}

#page-additionalOptions .additionalOptions_area .billing_status_box .billing_status_box_heading {
    padding-bottom: 15px;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_heading {
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
}

#page-additionalOptions .additionalOptions_area .billing_status_box .billing_status_box_heading h3,
#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_heading h3 {
    font-size: 20px;
    font-weight: bold;
}

#page-additionalOptions .additionalOptions_area .billing_status_box .billing_status_box_heading a,
#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_heading a {
    color: #000;
    font-weight: bold;
    margin-left: auto;
}

#page-additionalOptions .additionalOptions_area .billing_status_box .billing_status_box_heading a:hover,
#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_heading a:hover,
#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li > a:hover,
.additionalOptions_area .billing_status_box .billing_btn:hover {
    opacity: 0.7;
}

#page-additionalOptions .additionalOptions_area .billing_status_box table {
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-collapse: inherit;
    width: 100%;
}

#page-additionalOptions .additionalOptions_area .billing_status_box table .optionUpdateDay td {
    border-top: 1px dashed #eee;
    font-size: 20px;
}

#page-additionalOptions .additionalOptions_area .billing_status_box table .optionUpdateDay td > span {
    color: #FF3B42;
}

#page-additionalOptions .additionalOptions_area .billing_status_box table th,
#page-additionalOptions .additionalOptions_area .billing_status_box table td {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#page-additionalOptions .additionalOptions_area .billing_status_box table th {
    background: #333;
    color: #fff;
    padding: 6px 0;
}

#page-additionalOptions .additionalOptions_area .billing_status_box table td {
    padding: 12px 0;
}

#page-additionalOptions .additionalOptions_area .billing_status_box .billing_btn,
#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li > a {
    background: #ff1d25;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 25px auto 0;
    padding: 18px 14px;
    text-decoration: none;
    text-align: center;
    width: 180px;
}

#page-additionalOptions .additionalOptions_area .billing_status_box .premium {
    width: 200px;
}

#page-additionalOptions .additionalOptions_area .additional_options_box {
    background: #eee;
    padding: 20px;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li {
    border-bottom: 1px solid #ccc;
    display: flex;
    padding: 15px 30px 15px 15px;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li:last-child {
    border-bottom: none;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li p {
    display: flex;
    align-items: center;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li .count {
    color: #333;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 25px;
    width: 225px;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li .date > br{
    font-size: 0;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content .approach .count {
    background: url(../img/additional_option/interest_blue.png) no-repeat center left;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content .super_approach .count {
    background: url(../img/additional_option/s_interest.png) no-repeat center left;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content .appeal .count {
    background: url(../img/additional_option/scoutup.png) no-repeat center left;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content .super_appeal .count {
    background: url(../img/additional_option/s_scoutup.png) no-repeat center left;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li p > span {
    font-size: 16px;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li > a {
    font-size: 16px;
    font-weight: bold;
    margin: inherit;
    margin-left: auto;
    padding: 10px 8px;
    cursor: pointer;
    width: 160px;
}

#page-additionalOptions .additionalOptions_area .additional_options_box .additional_options_content li .date {
    font-size: 12px;
    line-height: 16px;
    margin-left: 20px;
    width: 150px;
}

/* 仕事管理 */
#page-offerHistory .pageControl {
    margin-top: 15px;
}
#page-offerHistory .markNote {
    font-size: 12px;
    position: relative;
    top: -15px;
}
#page-offerHistory .markNote.alert {
    font-weight: bold;
}
#page-offerHistory .markNote .messageIconRed {
    margin-right: 10px;
}
#page-offerHistory .narrowNoteListTable {
    margin-bottom: 0;
    table-layout: fixed;
}
#page-offerHistory .narrowNoteListTable tr {
    border-top: 2px solid #333;
}
#page-offerHistory .narrowNoteListTable th {
    background-color: #eee;
    border-left: 2px solid #aaa;
    box-sizing: border-box;
    color: #333;
    vertical-align: middle;
}
#page-offerHistory .narrowNoteListTable td {
    border-left: 2px solid #aaa;
    box-sizing: border-box;
    text-align: center;
}
#page-offerHistory .narrowNoteListTable th:first-child,
#page-offerHistory .narrowNoteListTable td:first-child {
    border-left: none;
}
#page-offerHistory .narrowNoteListTable th.status {
    width: 100px;
}
#page-offerHistory .narrowNoteListTable td.status .offer_label.label_black {
    background-color: #333;
    opacity: 1;
}
#page-offerHistory .narrowNoteListTable td.status .offer_label {
    background-color: #ff1125;
    color: #fff;
    font-weight: bold;
    opacity: 0.4;
    font-size: 11px;
    padding: 5px;
    line-height: 130%;
}
#page-offerHistory .narrowNoteListTable td.name .offer_name {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#page-offerHistory .narrowNoteListTable td.name {
    text-align: left;
}
#page-offerHistory .narrowNoteListTable td.name .nameInner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
}
#page-offerHistory .narrowNoteListTable td.name .nameInner .messageIconRed {
    margin-right: 7px;
}
#page-offerHistory .narrowNoteListTable th.expirationDate {
    width: 215px;
}
#page-offerHistory .narrowNoteListTable td.expirationDate {
    font-size: 11px;
}
#page-offerHistory .narrowNoteListTable th.messageLink {
    width: 160px;
}
#page-offerHistory .narrowNoteListTable td.messageLink a {
    background-color: #ff1125;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 8px;
    text-decoration: none;
}

/* 入金管理（入金履歴） */
#page-depositHistory .pageControl {
    margin-top: 15px;
}
#page-depositHistory .narrowNoteListTable {
    margin-bottom: 0;
}
#page-depositHistory .narrowNoteListTable tr {
    border-top: 2px solid #333;
}
#page-depositHistory .narrowNoteListTable th {
    background-color: #eee;
    border-left: 2px solid #aaa;
    color: #333;
    vertical-align: middle;
    width: 30%;
}
#page-depositHistory .narrowNoteListTable td {
    border-left: 2px solid #aaa;
    text-align: center;
}
#page-depositHistory .narrowNoteListTable th:first-child,
#page-depositHistory .narrowNoteListTable td:first-child {
    border-left: none;
}
#page-depositHistory .narrowNoteListTable th.auditionName {
    width: 40%;
}
#page-depositHistory .narrowNoteListTable td.auditionName {
    text-align: left;
}

#page-depositHistory .searchDate {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    column-gap: 15px;
    align-items: center;
    font-size: 13px;
    position: relative;
    top: -10px;
}
#page-depositHistory .searchDate .select {
    position: relative;
    width: 95px;
    background: linear-gradient(90deg, #fff 0%, #fff 73%, #ccc 73%, #ccc 100%);
    border-radius: 8px;
}
#page-depositHistory .searchDate .select select {
    appearance: none;
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0);
}
#page-depositHistory .searchDate .select::before {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    pointer-events: none;
    content: "";
}
#page-depositHistory .searchDate .select select:focus {
    outline: none;
}
#page-depositHistory .searchDate .select select::-ms-expand {
    display: none;
}

/* ポイント確認 */
#page-points .contentBox {
    background: #fff;
}
#page-points .currentPointBox {
    align-items: center;
    border-bottom: 2px solid #eee;
    display: flex;
    justify-content: center;
    padding: 15px 20px;
}
#page-points .currentPointBox .currentPoint {
    background: url(../app/webroot/img/points/point_icon.png) no-repeat left 20px center #eee;
    border-radius: 10px;
    color: #e62e2d;
    font-size: 28px;
    font-weight: bold;
    min-width: 260px;
    padding: 25px 30px 25px 70px;
    text-align: right;
}
#page-points .currentPointBox .currentPoint .num {
    font-size: 42px;
}
#page-points .pointRequestBox {
    border-bottom: 2px solid #333;
    padding: 10px 20px;
    text-align: center;
}
#page-points .pointRequestBox .caution {
    font-size: 13px;
}
#page-points .btnDefaultNarrow {
    text-align: center;
}
#page-points .btnDefaultNarrow .requestBtn {
    display: inline-block;
    margin-bottom: 10px;
}
#page-points .contentBoxTitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
#page-points .narrowNoteListTable {
    margin-bottom: 0;
}
#page-points .narrowNoteListTable tr {
    border-top: 2px solid #333;
}
#page-points .narrowNoteListTable th {
    background-color: #eee;
    border-left: 2px solid #aaa;
    color: #333;
    vertical-align: middle;
    width: 30%;
}
#page-points .narrowNoteListTable td {
    border-left: 2px solid #aaa;
    text-align: center;
}
#page-points .narrowNoteListTable th:first-child,
#page-points .narrowNoteListTable td:first-child {
    border-left: none;
}
#page-points .narrowNoteListTable td.details {
    text-align: left;
    width: 45%;
}

/* ポイント交換申請 */
#page-pointsProduct .errorMessage {
    border: 2px solid #e62e2d;
    color: #e62e2d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 8px;
    text-align: center;
}
#page-pointsProduct .pointBox {
    background: #fff;
    border-bottom: 2px solid #eee;
    padding: 15px 20px;
}
#page-pointsProduct .pointBox .currentPoint {
    background: #eee;
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    padding: 3px 30px;
    text-align: center;
}
#page-pointsProduct .pointBox .currentPoint .point {
    color: #e62e2d;
    font-size: 12px;
}
#page-pointsProduct .pointBox .currentPoint .num {
    font-size: 16px;
}
#page-pointsProduct .pointBox .caution {
    font-size: 13px;
    margin-top: 10px;
}
#page-pointsProduct .pointProductList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#page-pointsProduct .pointProductList li {
    background: #eee;
    color: #6b6b6b;
    font-size: 15px;
    margin: 0 24px 18px 0;
    width: 31%;
}
#page-pointsProduct .pointProductList li:nth-child(3n) {
    margin-right: 0;
}
#page-pointsProduct .pointProductList li .topArea {
    border-bottom: 3px solid #adadad;
    padding: 15px 15px 8px;
}
#page-pointsProduct .pointProductList li .topArea .image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
#page-pointsProduct .pointProductList li .topArea .image img {
    border-radius: 8px;
    width: 100%;
}
#page-pointsProduct .pointProductList li .bottomArea {
    padding: 8px 15px 15px;
}
#page-pointsProduct .pointProductList li .name {
    line-height: 1.4;
}
#page-pointsProduct .pointProductList li .point {
    font-weight: bold;
    text-align: center;
}
#page-pointsProduct .pointProductList li .point .num {
    color: #e62e2d;
}
#page-pointsProduct .pointProductList li button {
    background: #e62e2d;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    margin-top: 8px;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
}
#page-pointsProduct .pointProductList li button:hover {
    opacity: 0.6;
}
#page-pointsProduct .pointProductList li button:disabled {
    background: #adadad;
    cursor: default;
}
#page-pointsProduct .pointProductList li button:disabled:hover {
    opacity: 1;
}

/* ポイント交換申請完了 */
#page-pointsProductComplete .contentBox {
    text-align: center;
}
#page-pointsProductComplete .contentBox .contentTitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
#page-pointsProductComplete .btnDefaultNarrow {
    margin-top: 20px;
}
#page-pointsProductComplete .requestBtn {
    display: inline-block;
}

/* ギフトコード */
#page-giftCodes hr {
    background-color: #fff;
    border-top: solid 2px #333;
    margin: 0;
}

#page-giftCodes .pageControl {
    margin-top: 15px;
}
#page-giftCodes .narrowNoteListTable {
    margin-bottom: 0;
}

#page-giftCodes .narrowNoteListTable th {
    vertical-align: middle;
}

#page-giftCodes .narrowNoteListTable th.th1 {
    width: 295px;
}

#page-giftCodes .narrowNoteListTable td {
    text-align: left;
}

#page-giftCodes .narrowNoteListTable td.alertDate {
    text-align: center;
}

#page-giftCodes .narrowNoteListTable td .codeCopy {
    border: solid 1px #666;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    margin-left: 15px;
    padding: 2px 5px;
    display: inline-block;
    position: relative;
}

#page-giftCodes .narrowNoteListTable td .codeCopy span {
    background: url(/https/narrow.jp/img/gift_code/ico_codecopy.png) left center no-repeat;
    padding-left: 20px;
}

#page-giftCodes .narrowNoteListTable td .codeCopy .copyMessage {
    display: none;
    background-color: #eee;
    border-radius: 5px;
    padding: 2px 0;
    position: absolute;
    top: -35px;
    left: 6px;
    width: 100px;
    text-align: center;
}

#page-giftCodes .narrowNoteListTable td .codeCopy .copyMessage:after {
    content: '▼';
    position: absolute;
    top: 18px;
    left: 44px;
    color: #eee;
}

#page-giftCodes .useLink {
    margin: 15px 0 0;
}

#page-giftCodes .useLink .right {
    font-size: 12px;
}

#page-giftCodes .useLink .right a {
    color: #333;
}

#page-giftCodes .otherAuditionTtl {
    font-weight: bold;
    margin: 20px 0 5px;
}

#page-giftCodes .otherAudition li {
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin: 10px 0;
    padding: 14px;
    box-sizing: border-box;
}

#page-giftCodes .otherAudition li:first-child {
    margin-top: 0;
}

#page-giftCodes .otherAudition li .image {
    float: left;
    margin-right: 20px;
    width: 195px;
}

#page-giftCodes .otherAudition li .image img {
    width: 100%;
}

#page-giftCodes .otherAudition li p.text {
    float: left;
    overflow: hidden;
    width: 450px;
    margin: 14px 0;
}

#page-giftCodes .otherAudition li p.text a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
}

/*モーダル*/
#modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.page-billingArchive #modal-content,
#page-additionalOptions #modal-content {
    display: none;
    width: 800px;
    margin: 0 auto;
    padding: 15px 15px 64px;
    background: #fff;
    z-index: 200;
    position: fixed;
}

.page-billingArchive #modal-close,
#page-additionalOptions #modal-close {
    color: #333;
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 15px;
    display: block;
    font-weight: bold;
    text-align: center;
    padding: 0 4px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 28px;
}

.page-billingArchive #modal-content .inner,
#page-additionalOptions #modal-content .inner {
    margin: 0 auto;
    width: 84%;
}

.page-billingArchive #modal-content .heading,
#page-additionalOptions #modal-content .heading {
    border-bottom: 1px solid #ccc;
    padding: 50px 0 0;
    text-align: center;
}

.page-billingArchive #modal-content .model_ttl,
#page-additionalOptions #modal-content .model_ttl {
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0 5px;
}

.page-billingArchive #modal-content .number,
#page-additionalOptions #modal-content .number {
    background: url(../img/additional_option/s_interest.png) no-repeat left;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 25px 0 25px 24px;
}

.page-billingArchive #modal-content .scout_up_number,
#page-additionalOptions #modal-content .scout_up_number {
     background: url(../img/additional_option/scoutup.png) no-repeat left;
}

.page-billingArchive #modal-content .super_scout_up_number,
#page-additionalOptions #modal-content .super_scout_up_number {
    background: url(../img/additional_option/s_scoutup.png) no-repeat left;
}

.page-billingArchive #modal-content .heading .input,
#page-additionalOptions #modal-content .heading .input {
    display: inline-block;
}

.page-billingArchive #modal-content .heading .input select,
#page-additionalOptions #modal-content .heading .input select {
    width: 80px;
}

.page-billingArchive #modal-content .heading .input select:focus,
#page-additionalOptions #modal-content .heading .input select:focus {
    border: 1px solid #888;
    box-shadow: inherit;
}

.page-billingArchive #modal-content .content,
#page-additionalOptions #modal-content .content {
    text-align: center;
    padding-top: 40px;
    width: inherit;
}

.page-billingArchive #modal-content .content .price,
.page-billingArchive #modal-content .content .confirm,
#page-additionalOptions #modal-content .content .price,
#page-additionalOptions #modal-content .content .confirm {
    color: #ff1d25;
    display: inline-block;
    font-weight: bold;
}

.page-billingArchive #modal-content .content .price,
#page-additionalOptions #modal-content .content .price {
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
}


.page-billingArchive #modal-content .content .price .total_price,
.page-billingArchive #modal-content .content .price .product_count,
.page-billingArchive #modal-content .content .price .time,
#page-additionalOptions #modal-content .content .price .total_price,
#page-additionalOptions #modal-content .content .price .product_count,
#page-additionalOptions #modal-content .content .price .time {
    display: inline-block;
}

.page-billingArchive #modal-content .content .price .total_price,
.page-billingArchive #modal-content .content .price .time,
#page-additionalOptions #modal-content .content .price .total_price,
#page-additionalOptions #modal-content .content .price .time {
    padding-left: 10px;
}

.page-billingArchive #modal-content .content .confirm,
#page-additionalOptions #modal-content .content .confirm {
    letter-spacing: 1px;
    margin-bottom: 25px;
}

#modal-content .content .submit > input,
#modal-content .content .start_scout_up {
    background: #ff1d25;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    padding: 16px 0;
    text-decoration: none;
    width: 280px;
}

    /* 商品選択ページ */
#page-productSelect {
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 885px;
}

#page-productSelect .inner {
    width: 100%;
}

#page-productSelect .product_select_wrap {
    margin: 0 auto;
    padding: 0 0 45px;
    width: 1000px;
}

#page-productSelect .product_select_wrap h3 {
    font-size: 18px;
    font-weight: bold;
}

#page-productSelect .product_select_wrap .product_select_heading {
    padding: 35px 0 22px;
    text-align: center;
}

#page-productSelect .product_select_wrap .product_select_heading h3 {
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

#page-productSelect .product_select_wrap .product_select_heading p {
    font-size: 14px;
    font-weight: bold;
}

#page-productSelect .product_select_wrap .product_list {
    display: flex;
    justify-content: center;
    margin-bottom: 38px;
}

#page-productSelect .product_select_wrap .product_list li {
    background: #fff;
    border: 2px solid #646464;
    margin-right: 12px;
    padding: 30px 0 26px;
    text-align: center;
    width: 190px;
}

#page-productSelect .product_select_wrap .product_list li:last-child {
    margin-right: inherit;
}

#page-productSelect .product_select_wrap .product_list li .pack_name {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

#page-productSelect .product_select_wrap .product_list li .pack_name > span {
    font-size: 18px;
}

#page-productSelect .product_select_wrap .product_list li .balloon {
    background: url(../img/product_select/balloon2.png) no-repeat center;
    background-size: 150px 40px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 11px 0 20px;
}

#page-productSelect .product_select_wrap .product_list li .price_box .balloon {
    background-size: 150px 50px;
    line-height: 1.2;
}

#page-productSelect .product_select_wrap .product_list li .discount_price {
    color: #f3020a;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

#page-productSelect .product_select_wrap .product_list li .discount_price > span {
    font-size: 22px;
}

#page-productSelect .product_select_wrap .product_list .first_price_box .unit_price_30 {
    height: 124px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#page-productSelect .product_select_wrap .product_list li .unit_price_30 {
    height: 127px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#page-productSelect .product_select_wrap .product_list li .price {
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 1px;
    text-decoration: line-through;
}

#page-productSelect .product_select_wrap .product_list li .submit > input {
    background: #ff1d25;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    padding: 12px 0;
    text-decoration: none;
    width: 150px;
}

#page-productSelect .product_select_wrap .product_list li .submit > input:hover,
#page-productSelect .product_select_wrap .back_btn:hover {
    opacity: 0.7;
}

#page-productSelect .product_select_wrap .back_btn {
    background: #ccc;
    border-radius: 8px;
    color: #5d5d5d;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    text-decoration: none;
    text-align: center;
    width: 140px;
}

/* 購入履歴画面 */
#page-billingArchive .billing_archive_area {
    background: #fff;
}

#page-billingArchive .billing_archive_area .archive_box_wrap {
    padding: 10px 30px;
}

#page-billingArchive .billing_archive_area .archive_box_wrap .archive_box {
    background: #eee;
    margin-bottom: 10px;
    padding: 15px 25px;
}

#page-billingArchive .billing_archive_area .archive_box_wrap .archive_box .date {
    border-bottom: 2px solid #666;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#page-billingArchive .billing_archive_area .archive_box_wrap .archive_box .product_box {
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
}

#page-billingArchive .billing_archive_area .archive_box_wrap .archive_box .product_box .product_name {
    border-left: 3px solid #ff1d25;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 15px;
    width: 140px;
}

#page-billingArchive .billing_archive_area .archive_box_wrap .archive_box .detail {
    width: 150px;
}

#page-billingArchive .billing_archive_area .archive_box_wrap .archive_box .tax_included_price {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    width: 210px;
}

#page-billingArchive .billing_archive_area .archive_box_wrap .archive_box .tax_included_price > span {
    font-size: 15px;
}

#page-billingArchive .pageNav {
    margin: 30px 0 40px;
    text-align: center;
}

#page-billingArchive .next,
#page-billingArchive .prev {
    background-color: #ddd;
    border: #ddd 5px solid;
    font-size: 16px;
    padding: 7px 0px;
    border-radius: 10px;
    color: gray;
    font-weight: bold;
    margin: 0 10px;
}

#page-billingArchive .pageNav a {
    color: gray;
    text-decoration: none;
    font-weight: bold;
    background-color: #ddd;
    font-size: 16px;
    border-radius: 50%;
    height: 28px;
    width: 35px;
    border: #ddd 5px solid;
    margin-left: 5px;
    padding: 4px 10px;
}

#page-billingArchive .current {
    background-color: #FFF;
    font-size: 16px;
    border-radius: 50%;
    height: 28px;
    width: 35px;
    border: #ddd 5px solid;
    cursor: default;
    pointer-events: none;
    color: gray;
    font-weight: bold;
    margin-left: 5px;
}

#page-billingArchive .disabled_box {
    background-color: #FFF;
    font-size: 16px;
    padding: 7px 15px;
    border-radius: 5px;
    cursor: default;
    pointer-events: none;
    color: gray;
}

    /* WEB履歴書プレビュー（プロダクション側の見た目） */
/*----------------------------------------------------
        履歴書 / .page-resume
----------------------------------------------------*/
.page-resume .article{
    background: #eee;
    border: none;
}

.page-resume .resume_title {
    background: #fff;
    box-sizing: border-box;
    padding: 20px 25px;
}

.page-resume .resume_title .img_area {
    border: 1px solid #ddd;
    background: #fff;
    display: table-cell;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    width: 45px;
}

.page-resume .resume_title .img_area img {
    max-height: 45px;
    max-width: 45px;
    vertical-align: middle;
    width: auto;
}

.page-resume h1 {
    display: table-cell;
    font-size: 24px;
    font-weight: bold;
    padding-left: 25px;
    vertical-align: middle;
}

.page-resume .resume_title .updateDate {
    color: #888;
    display: table-cell;
    font-size: 12px;
    height: 45px;
    vertical-align: middle;
}

.page-resume .article .page-resume-inner {
    margin: 0 auto;
    width: 1000px;
}

.page-resume .updateResumeText {
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
}

.page-resume .mainImgArea {
    padding: 30px 25px;
}

.page-resume .mainImgArea .left {
    float: left;
}

.page-resume .mainImgArea .right {
    float: right;
}

.page-resume .mainImgArea .imgBox {
    width: 48%;
}

.page-resume .mainImgArea .headTxst {
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.page-resume .mainImgArea .update {
    color: #888;
    float: right;
    font-size: 13px;

}

.page-resume .mainImgArea .mainImg {
    background: #fff;
    border: 1px solid #ddd;
    height: 600px;
    position: relative;
    width: 456px;
}

.page-resume .mainImgArea .mainImg a {
    display: block;
}

.page-resume .mainImgArea .mainImg p {
    display: table-cell;
    height: 600px;
    text-align: center;
    vertical-align: middle;
    width: 456px;
}

.page-resume .mainImgArea .mainImg p img {
    height: auto;
    max-height: 600px;
    max-width: 456px;
    vertical-align: middle;
}

.page-resume .mainImgArea .mainImg p.rotation img {
    max-height: 456px;
    width: auto;
}

.page-resume .mainImgArea .ctrlBtn {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 7px 7px;
    width: 456px;
}

.page-resume .mainImgArea .ctrlBtn ul {
    display: flex;
    justify-content: flex-end;
}

.page-resume .mainImgArea .ctrlBtn ul li {
    padding: 10px;
}

.page-resume .mainImgArea .ctrlBtn ul .line_area{
    display: flex;
}

.page-resume .mainImgArea .ctrlBtn ul .line_area p{
    font-size: 12px;
    line-height: 2.4;
    padding-right: 10px;
}

.page-resume .mainImgArea .ctrlBtn ul .line_area .grid_line {
    background: #fff;
    padding: 2px 1px 5px;
    width: 125px;
}

.page-resume .mainImgArea .ctrlBtn ul .rotateArea{
    border-left: 1px solid #ddd;
}

.page-resume .mainImgArea .ctrlBtn ul .rotateArea p{
    background: url(../img/icon_arrowrotate.png) 5px center no-repeat, -moz-linear-gradient(top, #ffffff, #f8f8f7);
    background: url(../img/icon_arrowrotate.png) 5px center no-repeat, -webkit-linear-gradient(top, #ffffff, #f8f8f7);
    background: url(../img/icon_arrowrotate.png) 5px center no-repeat, linear-gradient(to bottom, #ffffff, #f8f8f7);
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-shadow: 0 1px 0 0px #dcdcdc;
    cursor: pointer;
    padding: 0 5px 0 30px;
}

.page-resume .middleArea {
    margin: 30px 0 0;
    padding: 0 25px;
}

.page-resume .middleArea .freeImgArea {
    float: left;
    width: 25%;
}

.page-resume .middleArea .freeImgArea .freeImg_ttl {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;;
    margin-bottom: 7px;
}

.page-resume .middleArea .freeImgArea .update {
    color: #888;
    display: inline-block;
    float: right;
    font-size: 13px;
}

.page-resume .middleArea .freeImgArea .bxslider {
    margin: 0 auto 10px;
    width: 120px;
}

.page-resume .middleArea .freeImgArea li .freeImgCover {
    background: #fff;
    border: 1px solid #ddd;
    display: table-cell;
    text-align: center;
    height: 160px;
    vertical-align: middle;
    width: 120px;
}

.page-resume .middleArea .freeImgArea li img {
    display: inline-block;
    height: auto;
    max-height: 160px;
    max-width: 120px;
    vertical-align: middle;
}

.page-resume .middleArea .freeImgArea .bxslider .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    margin: 0 4px;
}

.page-resume .middleArea .freeImgArea .bxslider .bx-pager {
    display: none;
}

.page-resume .middleArea .freeImgArea .bx-controls .bx-prev{
    background: url(../img/slidenav_left_arrow.png) center no-repeat #ddd;
    border-radius: 5px 0 0 5px;
    height: 100%;
    left: -4px;
    top: 16px;
}

.page-resume .middleArea .freeImgArea .bx-controls .bx-next{
    background: url(../img/slidenav_right_arrow.png) center no-repeat #ddd;
    border-radius: 0 5px 5px 0;
    height: 100%;
    right: -4px;
    top: 16px;
}

.page-resume .middleArea .snsFollowersBox {
    float: right;
    width: 72%;
}

.page-resume .middleArea .snsFollowersBox .sns_ttl {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 7px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 140px;
    padding: 10px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list ul {
    height: 140px;
    overflow-y: scroll;
    padding: 0 10px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list ul::-webkit-scrollbar {
    width: 8px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list ul::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 10px;
    margin: 5px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list ul::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 10px;
    margin: 5px
}

.page-resume .middleArea .snsFollowersBox .sns_link_list ul li {
    margin-bottom: 5px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list li span {
    display: inline-block;
    margin-right: 15px;
    width: 125px;
    word-break: break-all;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list li.twitter span {
    background: url(../img/ico_tw.png) no-repeat left center;
    padding-left: 25px;
    width: 100px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list li.instagram span {
    background: url(../img/ico_inst.png) no-repeat left center;
    padding-left: 25px;
    width: 100px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list li.tiktok span {
    background: url(../img/ico_tt.png) no-repeat left center;
    padding-left: 25px;
    width: 100px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list li.youtube span {
    background: url(../img/ico_yt.png) no-repeat left center;
    padding-left: 25px;
    width: 100px;
}

.page-resume .middleArea .snsFollowersBox .sns_link_list li.Facebook span {
    background: url(../img/ico_face.png) no-repeat left center;
    padding-left: 25px;
    width: 100px;
}

.page-resume .middleArea .instagramInsightsTtl {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 7px;
}

.page-resume .middleArea .instagramInsightsBox {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px 10px;
}

.page-resume .middleArea .instagramInsightsBox .audienceTtl {
    text-align: center;
    font-weight: bold;
}

.page-resume .middleArea .instagramInsightsBox ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.page-resume .middleArea .instagramInsightsBox ul li {
    width: 25%;
}

.page-resume .middleArea .instagramInsightsBox ul li .pie {
    margin: 10px auto 15px;
    width: 170px;
    height: 170px;
    border: solid 1px #eee;
    border-radius: 50%;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece .pieceInfo {
    font-size: 12px;
    line-height: 180%;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece .pieceInfo:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece .pieceInfo.pieceColorOther:before {
    border: solid 1px #eee;
    box-sizing: border-box;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece .pieceInfo.pieceColor0:before {
    background-color: #fad7ce;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece .pieceInfo.pieceColor1:before {
    background-color: #c9d7f6;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece .pieceInfo.pieceColor2:before {
    background-color: #c2e2cf;
}

.page-resume .middleArea .instagramInsightsBox ul li .piece .pieceInfo.pieceColor3:before {
    background-color: #fff7da;
}

.page-resume .middleArea .instagramInsightsBox.screenshots {
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px;
}
.page-resume .middleArea .instagramInsightsBox.screenshots .instFwScreenshot {
    width: 30%;
}
.page-resume .middleArea .instagramInsightsBox.screenshots .instFwScreenshot .snsKindTtl {
    margin-bottom: 5px;
}
.page-resume .middleArea .instagramInsightsBox.screenshots .instFwScreenshot .snsKindTtl .registTime {
    float: right;
    font-size: 12px;
}
.page-resume .middleArea .instagramInsightsBox.screenshots .instFwScreenshot .noScreenshot {
    font-size: 12px;
}
.page-resume .middleArea .instagramInsightsBox.screenshots .instFwScreenshot .originalImageLink {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: 285px;
    border: solid 1px #ddd;
    box-sizing: border-box;
}
.page-resume .middleArea .instagramInsightsBox.screenshots .instFwScreenshot .originalImageLink img {
    max-height: 100%;
    max-width: 100%;
}

.page-resume .mainDataArea {
    padding: 10px 25px;
}

.page-resume .mainDataArea .dataBox .topBoxArea {
    margin: 30px 0;
}

.page-resume .mainDataArea .dataBox .topBoxArea .left{
    float: left;
    width: 560px;
}

.page-resume .mainDataArea .dataBox .topBoxArea .left .movie{
    float: left;
    width: 265px;
}

.page-resume .mainDataArea .dataBox .topBoxArea .left .sound{
    float: right;
    width: 265px;
}

.page-resume .mainDataArea .dataBox .topBoxArea .right{
    float: right;
    width: 370px;
}

.page-resume .mainDataArea .dataBox .topBoxArea .right table td{
    width: 250px;
}

.page-resume .mainDataArea .dataBox .topBoxArea .left .item {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.page-resume .mainDataArea .dataBox .topBoxArea .left .update {
    color: #888;
    float: right;
    font-size: 13px;
}

.page-resume table {
    border-collapse: separate;
    margin-bottom: 15px;
    width: 100%;
}

.page-resume table.secretData,
.page-resume table.guardianDetailData{
    border: 1px solid #e60012;
    border-radius: 7px;
}

.page-resume table tr {
    border-bottom: 1px solid #ddd;
}

.page-resume table th {
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    color: #888;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
    width: 120px;
}

.page-resume table td {
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
    padding: 8px 10px;
    vertical-align: middle;
    width: 120px;
}

.page-resume table.secretData th {
    width: 120px;
}

.page-resume table.secretData th.address {
    position: relative;
}

.page-resume table.secretData td {
    width: 355px;
}

.page-resume table.motivation tr:last-child th:first-child {
    border-radius: 7px 0 0 7px;
    width: 114px;
}

.page-resume table.motivation tr:last-child td:last-child {
    border-radius: 0 7px 7px 0;
    width: 785px;
}

.page-resume table td:last-child {
    border-right: 1px solid #ddd;
}

.page-resume table tr:first-child th,
.page-resume table tr:first-child td {
    border-top: 1px solid #ddd;
}

.page-resume table th:first-child {
    border-left: 1px solid #ddd;
}

.page-resume table tr:first-child  th:first-child {
    border-radius: 7px 0 0 0;
}

.page-resume table tr:last-child  th:first-child {
    border-radius: 0 0 0 7px;
}

.page-resume table tr:first-child  td:last-child {
    border-radius: 0 7px 0 0;
}

.page-resume table tr:last-child  td:last-child {
    border-radius: 0 0 7px 0;
}

.page-resume table.subscriptionCondition {
    table-layout: fixed;
}

.page-resume table.subscriptionCondition tr th {
    word-break: break-word;
    width: 120px;
}

.page-resume table.subscriptionCondition tr td {
    word-break: break-word;
    width: calc(100% - 120px);
}

.page-resume .additionalDetailData table tr.border {
    border-bottom: none;
}

.page-resume .additionalDetailData table tr.border th {
    border-bottom: none;
}

.page-resume .additionalDetailData table tr.border td {
    border-bottom: none;
}

.page-resume .additionalDetailData .group_flg th,
.page-resume .additionalDetailData .group_flg td {
    border-top: 1px solid #ddd;
}

.page-resume .additionalDetailData .sns_account01 th,
.page-resume .additionalDetailData .sns_account01 td {
    border-top: 1px solid #ddd;
}

.page-resume table th span.remarks {
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    padding-right: 3px;
    text-decoration: underline;
}

.page-resume table th .aboutMessageContentBottom{
    text-decoration: none;
}

.page-resume .mainImgArea .small p:after {
    background: url(../img/grid_s_pattern.png);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-resume .mainImgArea .middle p:after {
    background: url(../img/grid_m_pattern.png);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-resume .mainImgArea .large p:after {
    background: url(../img/grid_l_pattern.png);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-resume table.secretData th.address .aboutMessageContentBottom {
    width: 310px;
}

/* メールアドレス変更 */
#page-changeAddressSend .notice {
    color: #ff1325;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#page-changeAddressSend .text {
    font-size: 20px;
    margin-bottom: 20px;
}

#page-changeAddressSend .address {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* パスワード変更 */
#page-changePass{

}

#page-changePass table th span{
    font-size: 12px;
}

/* メルマガ受信設定変更 */
#page-changeDistribution .message {
    width: 85%;
    margin: 0 auto;
}

#page-changeDistribution .message .mail_caution {
    margin-bottom: 25px;
}



/*----------------------------------------------------
        特集一覧 | .page-featureList
----------------------------------------------------*/
#page-featureList{

}

#page-featureList .side {
    width: 260px;
    float: right;
}

#page-featureList .search {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

#page-featureList .rank {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

#page-featureList .recommend_ico {
    background: url(../app/webroot/img/feature/feature_ico.png) 5px no-repeat;
    background-color: #9966cc;
    width: 40px;
    height: 38px;
    border-top-left-radius: 7px;
    float: left;
}

#page-featureList .search_ico {
    background: url(../app/webroot/img/feature/search_icon.png) 10px no-repeat;
    background-color: #9966cc;
    width: 40px;
    height: 38px;
    border-top-left-radius: 7px;
    float: left;
}

#page-featureList .access_ico {
    background: url(../app/webroot/img/feature/rank_icon.png) 10px no-repeat;
    background-color: #9966cc;
    width: 40px;
    height: 38px;
    border-top-left-radius: 7px;
    float: left;
}

#page-featureList .search_title {
    border-bottom: 2px dotted #ddd;
    background-color: transparent;
    color: #333;
    padding: 8px 0 5px 50px;
    font-weight: bold;
}

#page-featureList .search_detail {
    border-bottom: #ddd 2px dotted;
}

#page-featureList .rank_last_05 {
    border-bottom: none;
}

#page-featureList .detail_title {
    font-weight: bold;
    font-size: 15px;
    border-left: #9966cc solid 3px;
    padding-left: 10px;
    margin: 15px 0 10px 20px;
}

#page-featureList .detail_box {
    padding: 5px 20px 20px 20px;
}

#page-featureList .resetLineHeight {
    line-height: 100%;
}

#page-featureList .rankingLink {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    line-height: 150%;
}

#page-featureList .rankingLink:hover {
    background: #f4f4f4;
}

#page-featureList .detail_box .rankTitle {
    padding-left: 40px;
}

#page-featureList .rank01 {
    background: url(../app/webroot/img/feature/ico_access_ranking_1.png) left center no-repeat;
}
#page-featureList .rank02 {
    background: url(../app/webroot/img/feature/ico_access_ranking_2.png) left center no-repeat;
}
#page-featureList .rank03 {
    background: url(../app/webroot/img/feature/ico_access_ranking_3.png) left center no-repeat;
}
#page-featureList .detail_box .rank04 {
    background: url(../app/webroot/img/feature/ico_access_ranking_4.png) left center no-repeat;
}
#page-featureList .detail_box .rank05 {
    background: url(../app/webroot/img/feature/ico_access_ranking_5.png) left center no-repeat;
}
#page-featureList .detail_box .rank06 {
    background: url(../app/webroot/img/feature/ico_access_ranking_6.png) left center no-repeat;
}
#page-featureList .detail_box .rank07 {
    background: url(../app/webroot/img/feature/ico_access_ranking_7.png) left center no-repeat;
}
#page-featureList .detail_box .rank08 {
    background: url(../app/webroot/img/feature/ico_access_ranking_8.png) left center no-repeat;
}
#page-featureList .detail_box .rank09 {
    background: url(../app/webroot/img/feature/ico_access_ranking_9.png) left center no-repeat;
}
#page-featureList .detail_box .rank10 {
    background: url(../app/webroot/img/feature/ico_access_ranking_10.png) left center no-repeat;
}

#page-featureList .detail_box a {
    text-decoration: none;
}



#page-featureList .recommend .detail_box a,
#page-featureList .search .detail_box a {
    text-decoration: none;
    color: #333;
    background-color: #eeeeee;
    padding: 0 6px;
    display: inline-block;
    margin: 5px 0 0 0;
}

#page-featureList .inputKeyword {
    width: 150px;
    float: left;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border: 1px solid #CCCCCC;
}

#page-featureList .searchBtn {
    width: 50px;
    background-color: #9966cc;
    color: #FFFFFF;
    padding: 5px 0;
    font-weight: bold;
    border-style: none;
    cursor: pointer;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
}


.page-feature .rank_img {
    width: 220px;
    margin-top: 20px;
}

.page-feature .rank_box {
    position: relative;
}

.page-feature .rank_ttl {
    width: 200px;
    margin: 0 auto;
    background-color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    position: absolute;
    left: 28px;
    top: 14px;
}

.page-feature .rank_ttl.popular {
    border: 2px solid #eb6366;
}
.page-feature .rank_ttl.interview {
    border: 2px solid #e1c644;
}
.page-feature .rank_ttl.audition {
    border: 2px solid #58b5dd;
}
.page-feature .rank_ttl.know {
    border: 2px solid #85c645;
}

#page-featureList .rank_img {
    width: 220px;
    margin-top: 20px;
}

#page-featureList .rank_box {
    position: relative;
}

#page-featureList .rank_ttl {
    width: 200px;
    margin: 0 auto;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 28px;
    top: 14px;
}

#page-featureList .rank_ttl.popular {
    border: 2px solid #eb6366;
}
#page-featureList .rank_ttl.interview {
    border: 2px solid #e1c644;
}
#page-featureList .rank_ttl.audition {
    border: 2px solid #58b5dd;
}
#page-featureList .rank_ttl.know {
    border: 2px solid #85c645;
}

#page-featureList .main {
    width: 720px;
    float: left;
}

#page-featureList .recommend {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

#page-featureList .recommend h2 {
    font-weight: bold;
    margin: 0 0 7px 0;
}

#page-featureList .recommend .occupation .purple {
    color: #9966cc;
    font-size: 12px;
}

#page-featureList .recommend .occupation .detail_box li a {
    color: #333;
    display: block;
    font-weight: bold;
    padding: 10px 10px 10px 50px;
}

#page-featureList .recommend .occupation .detail_box li a.occupation_1 {
    background: url(../img/feature/genre_ico_15.png) no-repeat left 10px center, url(../img/feature/genre_arrow_15.png) no-repeat right 10px center, #f0f0f0;
    background-size: 30px 30px, 12px 10px;
}

#page-featureList .recommend .occupation .detail_box li a.occupation_2 {
    background: url(../img/feature/genre_ico_13.png) no-repeat left 10px center, url(../img/feature/genre_arrow_13.png) no-repeat right 10px center, #f0f0f0;
    background-size: 30px 30px, 12px 10px;
}

#page-featureList .recommend .occupation .detail_box li a.occupation_3 {
    background: url(../img/feature/genre_ico_16.png) no-repeat left 10px center, url(../img/feature/genre_arrow_16.png) no-repeat right 10px center, #f0f0f0;
    background-size: 30px 30px, 12px 10px;
}

#page-featureList .recommend .occupation .detail_box li a.occupation_4 {
    background: url(../img/feature/genre_ico_12.png) no-repeat left 10px center, url(../img/feature/genre_arrow_12.png) no-repeat right 10px center, #f0f0f0;
    background-size: 30px 30px, 12px 10px;
}

#page-featureList .recommend .occupation .detail_box li a.occupation_5 {
    background: url(../img/feature/genre_ico_20.png) no-repeat left 10px center, url(../img/feature/genre_arrow_20.png) no-repeat right 10px center, #f0f0f0;
    background-size: 30px 30px, 12px 10px;
}

#page-featureList .recommend .occupation .detail_box li a.occupation_6 {
    background: url(../img/feature/genre_ico_11.png) no-repeat left 10px center, url(../img/feature/genre_arrow_11.png) no-repeat right 10px center, #f0f0f0;
    background-size: 30px 30px, 12px 10px;
}

#page-featureList .recommend .occupation .detail_box li a:hover {
    opacity: 0.5;
}

#page-featureList .recommend_img {
    width: 100%;
}

#page-featureList .recommend li + li {
    margin-top: 10px;
}

#page-featureList .recommend .search_detail {
    margin-bottom: 15px;
}

#page-featureList .article .unit{
    padding: 0;
}

#page-featureList h1.title{
    border-bottom: #ddd 2px dotted;
}

#page-featureList h1.title .searchword {
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0 0 10px;
    display: inline-block;
}

#page-featureList h1.title .allList {
    float: right;
    width: 70px;
}

#page-featureList h1.title .allList a {
    color: #333;
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    margin: 10px 10px 0 0;
}

#page-featureList ul.list{

}

#page-featureList ul.list li{
    border-top: 2px solid #f0f0f0;
    min-height: 124px;
    padding: 10px;
}

#page-featureList ul.list li.empty {
    min-height: 0;
}

#page-featureList ul.list li:first-child{border-top:0;}

#page-featureList ul.list li a{
    display: inline-block;
    min-height: 114px;
    padding:5px;
    width: 685px;
}
#page-featureList ul.list li a:hover{
    background:#eee;
}

#page-featureList ul.list li a .left{
    width: 108px;
    float: left;
    text-align: center;
}

#page-featureList ul.list li a .left img{
    border: 1px solid #ddd;
    max-width: 108px;
    max-height: 108px;
}

#page-featureList ul.list li a .right{
    width:540px;
    float: left;
    padding-left: 20px;
}

#page-featureList ul.list li a .right .date{
    color: #666;
    font-size: 12px;
    margin-bottom: 10px;
}

#page-featureList ul.list li a .right .date span{
    color: #fff;
    padding: 2px 10px;
    margin-right: 10px;
}

#page-featureList ul.list li a .right .date span.blue{background:#007CD9}
#page-featureList ul.list li a .right .date span.purple{background:#B200B2}
#page-featureList ul.list li a .right .date span.new{background:#ff1d25}

#page-featureList ul.list li a .right .featureTitle{
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 5px;
}

#page-featureList ul.list li a .right .categoryArea {
    margin: 15px 0;
}

#page-featureList ul.list li a .right .categoryArea span {
    background: #f0f0f0;
    color: #333;
    font-size: 12px;
    padding: 3px;
    margin-right: 2px;
}

#page-featureList ul.list ul.categoryArea {
    min-height: 0;
    width: 100%;
}

#page-featureList ul.list ul.categoryArea li {
    border: 0;
    min-height: 0;
}

#page-featureList ul.list ul.categoryArea li a {
    min-height: 0;
    width: inherit;
}

#page-featureList ul.list li a .right .description{
    color: #333;
}

#page-featureList ul.list li a .right .important{
    color: #96c;
    font-size: 12px;
    padding: 3px 10px;
    margin-top: 10px;
    border: 2px solid #96c;
    font-weight: bold;
}

#page-featureList .article {
    border: none;
    background-color: #fff;
    border-radius: 10px;
}

#page-featureList .title {
    padding: 0;
    color: #333;
    background-color: transparent;
}

#page-featureList .feature_ico {
    background: url(../app/webroot/img/feature/feature_ico.png) 5px no-repeat;
    background-color: #9966cc;;
    width: 40px;
    height: 38px;
    border-top-left-radius: 7px;
    float: left;
}

#page-featureList .article .unit {
    background-color: transparent;
}

#page-featureList .index_title {
    padding: 9px 0 0 10px;
    float: left;
}

#page-featureList .pageNav a {
    color: gray;
    text-decoration: none;
    font-weight: bold;
    background-color: #ddd;
    font-size: 16px;
    border-radius: 50%;
    height: 28px;
    width: 35px;
    border: #ddd 5px solid;
    margin-left: 5px;
}

#page-featureList .pageNav a:hover{
    opacity: 0.7;
}

#page-featureList .current {
    background-color: #FFF;
    font-size: 16px;
    border-radius: 50%;
    height: 28px;
    width: 35px;
    border: #ddd 5px solid;
    cursor: default;
    pointer-events: none;
    color: gray;
    font-weight: bold;
    margin-left: 5px;
}

#page-featureList .next,
#page-featureList .prev{
    background-color: #ddd;
    border: #ddd 5px solid;
    font-size: 16px;
    padding: 7px 0px;
    border-radius: 10px;
    color: gray;
    font-weight: bold;
    margin-left: 5px;
}

#page-featureList .disabled_box {
    background-color: #FFF;
    border: #ddd 5px solid;
    font-size: 16px;
    padding: 7px 15px;
    border-radius: 10px;
    cursor: default;
    pointer-events: none;
    color: gray;
    font-weight: bold;
    margin-left: 5px;
}

#page-featureList .type_area {
    padding: 5px 20px 10px 20px;
}

#page-featureList .search_detail .type_area a {
    background: #f0f0f0 url(../app/webroot/img/feature/radio_off.png) left 10px center no-repeat;
    border-radius: 6px;
    color: #222;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 7px 10px 5px 40px;
    text-decoration: none;
}

#page-featureList .search_detail .type_area a:first-child {
    margin: 0;
}

#page-featureList .search_detail .type_area a:last-child {
    margin-bottom: 15px;
}

#page-featureList .search_detail .type_area a.select {
    background: #eae1f4 url(../app/webroot/img/feature/radio_on.png) left 10px center no-repeat;
}

#page-featureList .search_detail .type_area a:hover {
    text-decoration: none;
}
/*----------------------------------------------------
        特集 | .page-feature
----------------------------------------------------*/
#page-feature{

}





/*----------------------------------------------------
        サイトマップ | .page-sitemap
----------------------------------------------------*/
#page-sitemap{

}

#page-sitemap .box{
    width: 940px;
}

#page-sitemap .boxHalfLeft{
    width: 450px;
    float: left;
}

#page-sitemap .boxHalfRight{
    width: 450px;
    float: right;
}





#page-sitemap ul li{
    width: 430px;
    float: left;
    padding: 10px 0 10px 20px;
}

#page-sitemap h2.title{
    border-bottom: 2px solid #333;
    background: url(../img/ico_arrow_black.png) 0 13px no-repeat;
    margin-bottom: 10px;
    color: #666;
}

#page-sitemap h2.audition{
    margin-bottom: 30px;
}

#page-sitemap h2.production{
    margin-right: 0;
    margin-bottom: 30px;
}




/*----------------------------------------------------
        ヘルプ | .page-helpList
----------------------------------------------------*/

#page-helpList{

}

#page-helpList .side{
    width: 300px;
    float: left;
}

#page-helpList .side .article{
    background: #fff;
}

#page-helpList .side ul.faqCat{

}

#page-helpList .side ul.faqCat a{
    cursor: pointer;
}

#page-helpList .side ul.faqCat li{
    border-top: 2px solid #333;
    background: url(../img/ico_arrow_black.png) 7px 14px no-repeat;
    font-weight: bold;
}
#page-helpList .side ul.faqCat li:first-child{border-top:0;}

#page-helpList .side ul.faqCat li p{
    padding:8px 8px 8px 25px;
}

#page-helpList .side ul.faqCat li ul.faqList{
    border-top: 1px dotted #333;
}

#page-helpList .side ul.faqCat li ul.faqList li{
    font-weight: normal;
    background: none;
    border: 0;
}

#page-helpList .side ul.faqCat li ul.faqList li p{
    padding:8px 8px 8px 25px;
}


#page-helpList .main{
    width: 670px;
    float: right;
}

#page-helpList .main h1.title{
    border-bottom: 2px solid #333;
}

#page-helpList .main .article{
    background: #fff;
}

#page-helpList .main .helpListArea ul{
    padding: 15px;
}

#page-helpList .main .faqQ{
    font-weight: bold;
    font-size: 16px;
    margin-bottom:15px;
}

#page-helpList .main .faqQ span{
    border: 1px solid #333;
    background: #333;
    padding: 5px 10px;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
}

#page-helpList .main .faqA{
    margin-bottom:15px;
}

#page-helpList .main .faqA div{
    border: 1px solid #333;
    background: #fff;
    padding: 5px 12px;
    margin-right: 10px;
    font-weight: bold;
    float:left;
}

#page-helpList .main .faqA p{
    width: 580px;
    float: left;
}

#page-helpList .main .pageTop{
    text-align:right;
    margin-bottom: 20px;
}


/*----------------------------------------------------
        利用規約 | .page-agreement
----------------------------------------------------*/
#page-agreement{
    font-size: 12px;
}

#page-agreement .summary{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #ccc;
}

#page-agreement .mainBody{

}

#page-agreement .mainBody .block{
    margin-bottom: 30px;
}

#page-agreement .mainBody .block p.title{
    padding: 0;
    color: #333;
    font-size: 14px;
    background: #fff;
    border-bottom: 0;
}

#page-agreement .mainBody .block ul{
    padding: 0 0 0 20px;
}

#page-agreement .mainBody .block ul li{
    list-style-type: decimal;
}

#page-agreement .mainBody .block ul li ul{
    padding-left: 0px;
}

#page-agreement .mainBody .block ul li ul li{
    list-style-type: none;
}




/*----------------------------------------------------
        プライバシーポリシー | .page-privacy
----------------------------------------------------*/
#page-privacy{
    font-size: 12px;
}

#page-privacy .summary{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #ccc;
}

#page-privacy .mainBody{

}

#page-privacy .mainBody .block{
    margin-bottom: 30px;
}

#page-privacy p.title{
    padding: 0;
    color: #333;
    font-size: 14px;
    background: #fff;
    border-bottom: 0;
}

#page-privacy .summary ul{
    padding: 0 0 0 20px;
}

#page-privacy .summary ul li{
    list-style-type: decimal;
}

#page-privacy .mainBody .block ul{
    padding: 0 0 0 0px;
    margin: 10px 0;
}

#page-privacy .mainBody .block ul li{
    list-style-type: none;
}

#page-privacy .mainBody .block ul li ul{
    padding-left: 10px;
}

#page-privacy .mainBody .block ul li ul li{
    list-style-type: none;
}

#page-privacy .mainBody .block.detail ul li {
    margin: 10px 0;
}

/*----------------------------------------------------
        運営会社 | .page-company
----------------------------------------------------*/
#page-company .article .unit {
    padding: 10px 40px 50px;
}

#page-company table {
    box-sizing: border-box;
    width: 100%;
}

#page-company table th {
    border-bottom: solid #666 2px;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
    vertical-align: middle;
    width: 170px;
}

#page-company table td {
    border-bottom: solid #eee 2px;
    padding: 20px 40px;
}


/*----------------------------------------------------
        掲載一覧共通 | .page-publishList
----------------------------------------------------*/
.page-publishList .topArea {
    margin-bottom: 30px;
}
.page-publishList .publishListNote {
    font-size: 16px;
    margin-bottom: 20px;
}
.page-publishList .publishListNavigation {
    margin-left: 20px;
}
.page-publishList table {
    margin-bottom: 40px;
    width: 100%;
}

/*----------------------------------------------------
        オーディション一覧 | .page-auditionList
----------------------------------------------------*/

#page-auditionList table {
    text-align: center;
}
#page-auditionList table tr:first-child {
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #333;
}
#page-auditionList table th {
    text-align: center;
}
#page-auditionList .auditionCountTd {
    text-align: right;
    width: 30px;
    padding-right: 10px;
}
#page-auditionList table .productionNameTd {
    font-size: 12px;
    width: 240px;
}
#page-auditionList table .publishTermTd {
    font-size: 12px;
    width: 240px;
}
#page-auditionList table td {
    padding: 10px 0;
    vertical-align: top;
}
#page-auditionList .auditionNameTd {
    text-align: left;
}
#page-auditionList .oldAudition {
    color: #999;
    padding: 20px 0;
    text-align: left;
}
#page-auditionList .pageControl .paging {
    text-align: right;
}

/*----------------------------------------------------
        プロダクション一覧 | .page-productionList
----------------------------------------------------*/

.productionListKana50 {
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin: 30px 0 10px;
}
.productionListBox .productionListKana50:first-child {
    margin: 0 0 10px 0;
}
.productionListKana {
    color: #999;
    font-size: 12px;
}
.productionListData {
    margin: 10px 0 10px 10px;
}


/*----------------------------------------------------
        メディア一覧 | .page-productionList
----------------------------------------------------*/

.mediaListKana50 {
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin: 30px 0 10px;
}
.medianListBox .mediaListKana50:first-child {
    margin: 0 0 10px 0;
}
.mediaListKana {
    color: #999;
    font-size: 12px;
}
.mediaListData {
    margin: 10px 0 10px 10px;
}

/*----------------------------------------------------
        絞り込み設定 | #searchArea
----------------------------------------------------*/
#searchArea {
    margin-top: 40px;
}
#searchArea .headingLine {
    font-weight: bold;
    border-left: 4px solid #f89420;
    padding-left: 10px;
    margin: 15px 0;
}
#searchArea .text {
    margin: 15px 0;
    font-size: 13px;
}
#searchArea input[type="checkbox"] {
    display: none;
}
#searchArea input[type="checkbox"] + label {
    padding: 5px 0 5px 35px;
    background: url(../img/audition/checkbox_off.png) no-repeat left center;
    background-size: 20px 20px;
    cursor: pointer;
    font-size: 12px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
}
#searchArea input[type="checkbox"]:checked + label {
    background: url(../img/audition/checkbox_on.png) no-repeat left center;
    background-size: 20px 20px;
    cursor: pointer;
}
#searchArea input[type="radio"] + label {
    padding: 7px 0 3px 40px;
    background: url(../img/audition/radio_off.png) no-repeat 10px center;
    background-size: 20px 20px;
    cursor: pointer;
    font-size: 12px;
    background-color: #f0f0f0;
    border-radius: 7px;
    margin: 10px 0;
}
#searchArea input[type="radio"]:checked + label {
    background: url(../img/audition/radio_on.png) no-repeat 10px center;
    background-size: 20px 20px;
    cursor: pointer;
    background-color: #fce7cf;
    border-radius: 7px;
}
#searchArea .checkbox_audition_type {
    margin: 10px 0;
}
#searchArea .checkbox_audition_type input[type="checkbox"] + label {
    background-color: #ebebeb;
    background-position: left 15px center;
    background-size: 24px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0 10px 50px;
    width: 85%;
}
#searchArea .checkbox_audition_type input[type="checkbox"]:checked + label {
    background-color: #fce7cf;
}
#searchArea #select_header_genre_list {
    border: dashed 1px #ebebeb;
    box-sizing: border-box;
    padding: 5px 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    width: 85%;
}
#searchArea #select_header_genre_list li:nth-child(3n) {
    width: 32%;
}
#searchArea #select_header_genre_list li:nth-child(3n-1) {
    width: 33%;
}
#searchArea #select_header_genre_list li:nth-child(3n-2) {
    width: 35%;
}
#searchArea #select_header_genre_list label img {
    width: 30px;
    margin-right: 8px;
}
#searchArea .release_btn input[type="submit"] {
    background: #F0F0F0;
    border: none;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    width: 45%;
}

/*----------------------------------------------------
        フッターピックアップ | .footerPickupList
----------------------------------------------------*/
.footerPickupList {
    margin-top: 40px;
}
.footerPickupList .title {
    border-bottom: none;
}

.footerPickupList .footerPickupAuditionArea {
    padding: 20px;
}

.footerPickupList.article {
    background: #fff;
}

.footerPickupList .footerPickupAuditionArea .ttl {
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 3px 30px;
}

.footerPickupList .footerPickupAuditionArea .list_box {
    float: left;
    width: 225px;
}

.footerPickupList .footerPickupAuditionArea .list_box.pickupProduction {
    margin: 0 20px;
}

.footerPickupList .footerPickupAuditionArea .top_area {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

/* audition */
.footerPickupList .footerPickupAuditionArea .ttl.audition {
    background: url('../img/home/ico_audition.png') no-repeat left center;
    border-bottom: 2px solid #ff9933;
}

.footerPickupList .footerPickupAuditionArea .audition_area li {
    border: solid 1px #cccccc;
    border-radius: 5px;
    float: left;
    margin: 0 0 10px;
    position: relative;
    width: 225px;
    box-sizing: border-box;
}

.footerPickupList .footerPickupAuditionArea .audition_area li .image {
    padding: 14px;
    border-bottom: 1px solid #ccc;
}

.footerPickupList .footerPickupAuditionArea .audition_area li .image .img_inner {
    overflow: hidden;
    width: 195px;
    height: 82px;
    position: relative;
}

.footerPickupList .footerPickupAuditionArea .audition_area li .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.footerPickupList .footerPickupAuditionArea .audition_area li p {
    padding: 5px 14px;
    font-weight: bold;
}

/* production */

.footerPickupList .footerPickupAuditionArea .pickupProduction .ttl {
    background: url('../img/home/ico_production.png') no-repeat left center;
    border-bottom: 2px solid #3399ff;
}

.footerPickupList .footerPickupAuditionArea .link_area a {
    padding: 5px 0 5px 5px;
    font-weight: bold;
    display: block;
    width: 225px;
    box-sizing: border-box;
}

/* school */

.footerPickupList .footerPickupAuditionArea .pickupSchool .ttl {
    background: url('../img/home/ico_school.png') no-repeat left center;
    border-bottom: 2px solid #30a54e;
}

.footerPickupList .footerPickupAuditionArea .pickupProduction li,
.footerPickupList .footerPickupAuditionArea .pickupSchool li {
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    width: 225px;
    box-sizing: border-box;
}

.footerPickupList .footerPickupAuditionArea .pickupProduction li .image,
.footerPickupList .footerPickupAuditionArea .pickupSchool li .image {
    float: left;
    text-align: center;
    width: 90px;
    height: 90px;
    display: table;
}

.footerPickupList .footerPickupAuditionArea .pickupProduction li .image .img_inner,
.footerPickupList .footerPickupAuditionArea .pickupSchool li .image .img_inner {
    display: table-cell;
    vertical-align: middle;
}

.footerPickupList .footerPickupAuditionArea .pickupProduction li .image img,
.footerPickupList .footerPickupAuditionArea .pickupSchool li .image img {
    max-height: 100%;
    max-width: 100%;
}

.footerPickupList .footerPickupAuditionArea .pickupProduction li .text,
.footerPickupList .footerPickupAuditionArea .pickupSchool li .text {
    float: right;
    width: 95px;
    color: #767676;
}

.footerPickupList .footerPickupAuditionArea .pickupProduction li .text p,
.footerPickupList .footerPickupAuditionArea .pickupSchool li .text p {
    line-height: 1.5;
    font-size: 13px;
}

.footerPickupList .footerPickupAuditionArea .pickupProduction li .text a,
.footerPickupList .footerPickupAuditionArea .pickupSchool li .text a {
    display: block;
}

/*----------------------------------------------------
        印刷用画面 | #page-resumePrint
----------------------------------------------------*/
#containerPrintPdf{
    background: #fff;
}

#page-resumePrint{
}

#page-resumePrint .mainDataArea{
    margin:0;
    padding-top:0;
    padding-bottom:0;
}

#page-resumePrint article.article{
    height: 1000px;
}

#page-resumePrint h1.title{
    margin: 0;
    border: 0;
}

#page-resumePrint h1.title span{
    font-size: 13px;
    margin-left: 20px;
}

#page-resumePrint .dataBox .block{
    width: 320px;
    margin-bottom: 20px;
}

#page-resumePrint .dataBox .block .photoInfo{
    margin-bottom:0;
}

#page-resumePrint .dataBox .block .photoInfo .midashi{
    font-size: 16px;
    font-weight: bold;
    float: left;
    width: 170px;
    margin-bottom:0;
}

#page-resumePrint .dataBox .block .photoInfo .date{
    float: right;
    width: 120px;
    text-align: right;
    margin-bottom:0;
}

#page-resumePrint .dataBox .blockLeft{
    float: left;
}

#page-resumePrint .dataBox .blockRight{
    float: right;
}

#page-resumePrint .dataBox .block .img{
    width: 320px;
    height: 320px;
    border: 1px solid #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-grid-line: 320px;
}

#page-resumePrint .dataBox .block .img img{
    /* styleが適用させなかったのでインラインで処理 */
    max-width: 320px;
    max-height: 320px;
    vertical-align: middle;
}


#page-resumePrint table{
    margin-bottom: 20px;
    border-collapse: collapse;
}

#page-resumePrint table th,
#page-resumePrint table td{
    padding: 8px;
    border-bottom: 1px solid #333;
}

#page-resumePrint .motivation{
    margin-top: 20px;
}

#page-resumePrint .personalDetailData{
    margin-bottom: 0;
}




/*----------------------------------------------------
        打ち間違い | #page-typeMiss
----------------------------------------------------*/
#page-typeMiss{
    text-align: center;
}

#page-typeMiss .title{
    text-align: left;
}

#page-typeMiss .article .top{
    border-bottom: 1px dotted #666;
    font-size: 22px;
    padding: 40px 0;
}

#page-typeMiss .article .top img{
    margin: 0 40px;
}

#page-typeMiss .article .bottom{
    font-size: 18px;
}

#page-typeMiss .article .bottom p{
    line-height: 180%;
}

#page-typeMiss .article .bottom .bold{
    font-weight: bold;
    font-size: 20px;
}

#page-typeMiss .article .bottom .btnDefaultNarrow a{
    display: inline-block;
    margin: 60px 0;
    padding: 14px 50px;
}

#page-typeMiss .article .bottom .frequency{
    border: 1px solid #333;
    width: 655px;
    margin: 0 auto 60px auto;
    font-size: 14px;
}

#page-typeMiss .article .bottom .frequency dt{
    width: 130px;
    float: left;
    background: #eee;
    padding: 12px 15px;
}

#page-typeMiss .article .bottom .frequency dd{
    width: 450px;
    float: left;
    padding: 12px 15px;
}



/*----------------------------------------------------
        アバウト・ハウツー | .page-aboutHowTo
----------------------------------------------------*/

/* 汎用 */
.page-aboutHowTo {
    line-height: 100%;
}
.page-aboutHowTo .centering {
    margin: 0 auto;
}
.page-aboutHowTo .siteWidth {
    width: 1000px;
}
.page-aboutHowTo h3 {
    background-color: #FFF;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5)9;
    position: relative;
    text-align: center;
    z-index: 10;
}
.page-aboutHowTo em {
    font-weight: bold;
}
.page-aboutHowTo .box {
    background-color: #e9f6fc;
    padding: 20px;
}
.page-aboutHowTo .box.round {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.page-aboutHowTo .box.shade {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
.page-aboutHowTo .lineHeight {
    line-height: 200%;
}

/* ナビゲーション */
.page-aboutHowTo .about_nav {
    margin: 10px auto 30px auto;
}
.page-aboutHowTo .about_nav li {
    margin-left: 10px;
}
.page-aboutHowTo .about_nav li:first-child {
    margin-left: 0;
}
.page-aboutHowTo .about_nav a,
.page-aboutHowTo .about_nav h2 {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    display: block;
    height: 18px;
    line-height: 18px;
    padding: 6px 15px 6px 10px;
}
.page-aboutHowTo .about_nav a {
    background-color: #FFF;
    color: #333;
    text-decoration: none;
}
.page-aboutHowTo .about_nav a .underline {
    text-decoration: underline;
}
.page-aboutHowTo .about_nav a:hover .underline {
    text-decoration: none;
}
.page-aboutHowTo .about_nav h2 {
    background-color: #FF1D25;
    color: #FFF;
}

/* ページ内リンク */
.page-aboutHowTo .linkInPage {
    padding: 10px 0 20px 0;
    text-align: center;
}


/*----------------------------------------------------
        narrowとは？ | #page-aboutNarrow
----------------------------------------------------*/

/* 汎用 */
#page-aboutNarrow {
}
#page-aboutNarrow h3 {
    border-bottom: 5px solid #FF1D25;
    padding: 23px 0;
}


/* narrowとは (.area.about) */
#page-aboutNarrow .area.about {
    background: url(../img/about_aboutNarrow_about_bg.jpg) center 0 no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    border-top: 5px solid #FF1D25;
    height: 560px;
}
#page-aboutNarrow .area.about .area.left {
    position: relative;
    width: 520px;
}
#page-aboutNarrow .area.about .area.left .siteImage {
    bottom: -560px;
    left: 30px;
    position: absolute;
}
#page-aboutNarrow .area.about .area.right {
    width: 480px;
}
#page-aboutNarrow .area.about .area.right .catchImage {
    margin-top: 25px;
}
#page-aboutNarrow .area.about .area.right .box {
    background: #eaeaea;
    margin-bottom: 20px;
    padding: 24px 35px 20px;
}
#page-aboutNarrow .area.about .area.right .text .catchText {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
#page-aboutNarrow .area.about .area.right .text .mainText {
    font-size: 16px;
    letter-spacing: 1px;
}
#page-aboutNarrow .area.about .area.right .text .mainText > span {
    font-weight: bold;
}
#page-aboutNarrow .area.about .area.right .text .mainText > .text_red {
    color: #F03040;
    font-size: 18px;
}

/* narrowでできること！ (.area.canDo) */
#page-aboutNarrow .area.canDo .area {
    background-size: cover;
    -webkit-background-size: cover;
}
#page-aboutNarrow .area.canDo .area .area.left {
    width: 480px;
}
#page-aboutNarrow .area.canDo .area .area.right {
    width: 520px;
}
#page-aboutNarrow .area.canDo .area .area.right .heading {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin: 75px 0 40px 0;
    text-align: center;
    text-shadow : 3px 3px 3px #333;
}
#page-aboutNarrow .area.canDo .area .area.right .heading > span {
    font-size: 32px;
}
#page-aboutNarrow .area.canDo .area .area.right .titleImage {
    margin: 20px 0 20px 0;
}
#page-aboutNarrow .area.canDo .area .area.right .text {
    font-size: 18px;
    padding: 20px 28px;
}
#page-aboutNarrow .area.canDo .area .area.right .text > .text_red {
    color: #F03040;
    font-weight: bold;
}
#page-aboutNarrow .area.canDo .area .area.right .text > span {
    font-weight: bold;
}
#page-aboutNarrow .area.canDo .area .area.right .text > a:hover {
    opacity: 0.6;
}
/* オーディションを探す (.area.audition) */
#page-aboutNarrow .area.canDo .area.audition {
    background: url(../img/about_aboutNarrow_canDo_audition_bg.jpg) center 0 no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}
#page-aboutNarrow .area.canDo .area.audition .area.left .auditionImage {
    height: 360px;
    margin-top: 40px;
}
#page-aboutNarrow .area.canDo .area.audition .box {
    background: #fff8eb;
}
/* プロダクションを探す (.area.production) */
#page-aboutNarrow .area.canDo .area.production {
    background: url(../img/about_aboutNarrow_canDo_production_bg.jpg) center 0 no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}
#page-aboutNarrow .area.canDo .area.production .area.left .productionImage {
    margin-top: 40px;
}
#page-aboutNarrow .area.canDo .area.production .area.right .heading {
    margin: 55px 0 35px 0;
}
#page-aboutNarrow .area.canDo .area.production .area.right .text {
    padding: 20px 26px;
}
/* レッスンを探す (.area.lesson) */
#page-aboutNarrow .area.canDo .area.lesson {
    background: url(../img/about_aboutNarrow_canDo_lesson_bg.png) center 0 no-repeat;
    height: 330px;
}
#page-aboutNarrow .area.canDo .area.lesson .area.right .heading {
    margin: 65px 0 40px 0;
}
#page-aboutNarrow .area.canDo .area.lesson .area.right .text {
    padding: 20px 32px;
}
#page-aboutNarrow .area.canDo .area.lesson .area.left > img {
    padding: 20px 0 0 55px;
}
/* 特集を探す (.area.feature) */
#page-aboutNarrow .area.canDo .area.feature {
    background: url(../img/about_aboutNarrow_canDo_feature_bg.png) center 0 no-repeat;
    height: 330px;
}
#page-aboutNarrow .area.canDo .area.feature .area.left > img {
    padding: 28px 0 0 0;
}
/* 課金機能 (.area.premium) */
#page-aboutNarrow .area.canDo .area.premium {
    background: url(../img/about_aboutNarrow_canDo_premium_bg.png) center 0 no-repeat;
    height: 325px;
}
#page-aboutNarrow .area.canDo .area.premium .area.right .heading {
    font-size: 24px;
    margin: 70px 0 40px 0;
}
#page-aboutNarrow .area.canDo .area.premium .area.left > img {
    padding: 20px 0 0 30px;
}
/* WEB履歴書 (.resume) */
#page-aboutNarrow .area.function .resume {
}
/* narrowノート (.narrowNote) */
#page-aboutNarrow .area.function .narrowNote {
}


/* 締め (.area.last) */
#page-aboutNarrow .area.last {
    background: url(../img/about_aboutNarrow_last_bg.jpg) center 0 no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    height: 480px;
}
#page-aboutNarrow .area.last .area.catch {
    padding: 40px 0 30px 0;
    text-align: center;
}
#page-aboutNarrow .area.last .area.registerButton {
    text-align: center;
}

/*----------------------------------------------------
        narrowの使い方 | #page-howToUseNarrow
----------------------------------------------------*/
#page-howToUseNarrow .trans:hover {
    opacity: 0.6;
}
#page-howToUseNarrow .heading_wrap {
    background: #fff;
}
#page-howToUseNarrow .heading_wrap .inner {
    margin: 0 auto;
    width: 1000px;
}
#page-howToUseNarrow .heading_wrap .inner .heading {
    background: url(../img/about_howToUseNarrow_title_img1.png) top 60px left 95px no-repeat, url(../img/about_howToUseNarrow_title_img2.png) top 60px right 90px no-repeat;
    padding: 70px 0 50px;
    text-align: center;
}
#page-howToUseNarrow .heading_wrap .inner .heading h2 {
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 40px;
}
#page-howToUseNarrow .heading_wrap .inner .heading p {
    font-size: 18px;
    line-height: 30px;
}
#page-howToUseNarrow .heading_wrap .inner .heading_menu {
    display: flex;
    justify-content: center;
    column-gap: 15px;
}
#page-howToUseNarrow .heading_wrap .inner .heading_menu li {
    background-position: center left 20px;
    background-repeat: no-repeat;
    background-color: #eee;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: bold;
    line-height: 20px;
    padding: 0 10px 0 68px;
    height: 56px;
    width: 120px;
}
#page-howToUseNarrow .heading_wrap .inner .heading_menu .resume {
    background-image: url(../img/about_howToUseNarrow_tab_icon_01.png);
}
#page-howToUseNarrow .heading_wrap .inner .heading_menu .audition {
    background-image: url(../img/about_howToUseNarrow_tab_icon_02.png);
}
#page-howToUseNarrow .heading_wrap .inner .heading_menu .production {
    background-image: url(../img/about_howToUseNarrow_tab_icon_03.png);
}
#page-howToUseNarrow .heading_wrap .inner .heading_menu .scout {
    background-image: url(../img/about_howToUseNarrow_tab_icon_04.png);
}
#page-howToUseNarrow .heading_wrap .inner .heading_menu .current {
    background-color: #333;
    color: #fff;
}
#page-howToUseNarrow .content_area {
    display: none;
}
#page-howToUseNarrow .content_area.show {
    display: block;
}
#page-howToUseNarrow .content_area h2 {
    color: #fff;
    padding: 62px 0;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
#page-howToUseNarrow .content_resume h2 {
    background: #333;
    position: relative;
}
#page-howToUseNarrow .content_resume h2::before {
    content: "";
    background: url(../img/about_howToUseNarrow_tab_point_01.png) center left no-repeat;
    background-size: 100%;
    height: 98px;
    width: 98px;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    left: 50%;
    margin-left: -345px;
}
#page-howToUseNarrow .content_resume h3 {
    border-bottom: 5px solid #FF1D25;
    font-size: 40px;
    font-weight: bold;
    height: 40px;
    line-height: 100%;
    padding: 40px 0;
}
#page-howToUseNarrow .content_resume .area.main {
    padding: 30px 0 80px 0;
}
/* WEB履歴書とは？ (.area.abot) */
#page-howToUseNarrow .content_resume .area.place .area.main {
    padding: 30px 0 120px 0;
}
#page-howToUseNarrow .content_resume .area.about .area.left {
    width: 480px;
}
#page-howToUseNarrow .content_resume .area.about .area.right {
    width: 520px;
}
#page-howToUseNarrow .content_resume .area.about .area.right .catchImage {
    margin: 20px 0 20px 0;
}
#page-howToUseNarrow .content_resume .area.about .area.right .box {
    background: #fff;
    margin-bottom: 30px;
}
#page-howToUseNarrow .content_resume .area.about .area.right .pointList {
    margin-bottom: 35px;
}
#page-howToUseNarrow .content_resume .area.about .area.right .pointList > li {
    background: url(../img/about_common_icon_star_red.png) top left no-repeat;
    background-size: 34px 26px;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;
    height: 18px;
    padding: 8px 0 2px 40px;
    margin-top: 20px;
}
#page-howToUseNarrow .content_resume .area.about .area.right .pointList > li:first-child {
    margin-top: 0;
}
#page-howToUseNarrow .content_resume .area.about .area.right .mainText > span {
    color: #F03040;
    font-weight: bold;
}
#page-howToUseNarrow .content_resume .area.about .area.right .area.button {
    text-align: center;
}
#page-howToUseNarrow .content_resume .area.about .area.right .area.button .resumeButton {
    margin-bottom: 30px;
}
#page-howToUseNarrow .content_resume .area.about .area.right .area.button > p {
    margin-bottom: 10px;
}
#page-howToUseNarrow .content_resume .area.making .area.main {
    padding: 30px 0 5px 0;
}
/* 共通 */
#page-howToUseNarrow .content_audition .step1 {
    margin: 20px 0 95px 0;
}
#page-howToUseNarrow .content_production .step1 {
    margin: 20px 0 40px 0;
}
#page-howToUseNarrow .content_audition .step2,
#page-howToUseNarrow .content_production .step2 {
    margin-bottom: 60px;
}
#page-howToUseNarrow .content_audition h2 {
    background: #333;
    position: relative;
    padding: 62px 0 62px 40px;
}
#page-howToUseNarrow .content_audition h2::before {
    content: "";
    background: url(../img/about_howToUseNarrow_tab_point_02.png) center left no-repeat;
    background-size: 100%;
    height: 98px;
    width: 98px;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    left: 50%;
    margin-left: -355px;
}
/* オーディションの探し方 (.area.audition) */
#page-howToUseNarrow .content_audition .area.audition h3 {
    border-bottom: 5px solid #FF8000;
    padding: 21px 0;
}
#page-howToUseNarrow .content_production h2 {
    background: #333;
    padding: 62px 0 62px 90px;
    position: relative;
}
#page-howToUseNarrow .content_production h2::before {
    content: "";
    background: url(../img/about_howToUseNarrow_tab_point_03.png) center left no-repeat;
    background-size: 100%;
    height: 98px;
    width: 98px;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    left: 50%;
    margin-left: -395px;
}
/* プロダクションの探し方 (.area.production) */
#page-howToUseNarrow .content_production .area.production h3 {
    border-bottom: 5px solid #007CD9;
    padding: 24px 0 25px 0;
}
#page-howToUseNarrow .content_scout h2 {
    background: #333;
    position: relative;
}
#page-howToUseNarrow .content_scout h2::before {
    content: "";
    background: url(../img/about_howToUseNarrow_tab_point_04.png) center left no-repeat;
    background-size: 100%;
    height: 98px;
    width: 98px;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    left: 50%;
    margin-left: -340px;
}
#page-howToUseNarrow .content_scout h3 {
    border-bottom: 5px solid #FF1D25;
    font-size: 40px;
    font-weight: bold;
    height: 40px;
    line-height: 100%;
    padding: 40px 0;
}
#page-howToUseNarrow .content_scout .area.main {
    padding: 30px 0 0 0;
}
/*----------------------------------------------------
        オーディション・プロダクションの探し方 | #page-howToSearch
----------------------------------------------------*/

/* 共通 */
#page-howToSearch .area .step1 {
    margin: 20px 0 40px 0;
}
#page-howToSearch .area .step2 {
    margin-bottom: 60px;
}


/* オーディションの探し方 (.area.audition) */
#page-howToSearch .area.audition h3 {
    border-bottom: 5px solid #FF8000;
    padding: 21px 0;
}


/* プロダクションの探し方 (.area.production) */
#page-howToSearch .area.production h3 {
    border-bottom: 5px solid #007CD9;
    padding: 24px 0 25px 0;
}




/*----------------------------------------------------
        WEB履歴書について | #page-howToMakeResume
----------------------------------------------------*/

/* 共通 */
#page-howToMakeResume h3 {
    border-bottom: 5px solid #FF1D25;
    font-size: 40px;
    font-weight: bold;
    height: 40px;
    line-height: 100%;
    padding: 40px 0;
}

#page-howToMakeResume .area.main {
    padding: 30px 0 80px 0;
}


/* WEB履歴書とは？ (.area.abot) */
#page-howToMakeResume .area.about .area.left {
    width: 480px;
}
#page-howToMakeResume .area.about .area.right {
    width: 520px;
}
#page-howToMakeResume .area.about .area.right .catchImage {
    margin: 20px 0 20px 0;
}
#page-howToMakeResume .area.about .area.right .box {
    margin-bottom: 30px;
}
#page-howToMakeResume .area.about .area.right .pointList {
    margin-bottom: 35px;
}
#page-howToMakeResume .area.about .area.right .pointList > li {
    background: url(../img/about_common_icon_star_red.png) 0 center no-repeat;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;
    height: 18px;
    padding: 8px 0 0 40px;
    margin-top: 20px;
}
#page-howToMakeResume .area.about .area.right .pointList > li:first-child {
    margin-top: 0;
}
#page-howToMakeResume .area.about .area.right .area.button {
    text-align: center;
}
#page-howToMakeResume .area.about .area.right .area.button .registerButton {
    margin-bottom: 30px;
}


/* WEB履歴書の作成場所 (.area.place) */
#page-howToMakeResume .area.place .area.main {
}


/* WEB履歴書の作り方 (.area.making) */
#page-howToMakeResume .area.making .area.main {
}


/* WEB履歴書が完成したら (.area.after) */
#page-howToMakeResume .area.after .area.left {
    width: 520px;
}
#page-howToMakeResume .area.after .area.right {
    width: 480px;
}
#page-howToMakeResume .area.after .area.right .catchImage {
    margin: 20px 0 20px 0;
}
#page-howToMakeResume .area.after .area.right .mainText {
    margin-bottom: 20px;
}
#page-howToMakeResume .area.after .area.right .pointList {
    margin-bottom: 30px;
}
#page-howToMakeResume .area.after .area.right .pointList > li {
    background: url(../img/about_common_icon_star_red.png) 0 center no-repeat;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;
    height: 18px;
    padding: 8px 0 0 40px;
    margin-top: 20px;
}
#page-howToMakeResume .area.after .area.right .pointList > li:first-child {
    margin-top: 0;
}
#page-howToMakeResume .area.after .area.right .subText {
    color: #666;
    font-size: 12px;
}


/* 締めキャッチ (.area.last.catch) */
#page-howToMakeResume .area.last.catch {
    background: #333;
}
#page-howToMakeResume .area.last.catch .area.main {
    text-align: center;
    padding: 40px 0;
}


/* 締めボタン (.area.last.catch) */
#page-howToMakeResume .area.last.button {
}
#page-howToMakeResume .area.last.button .area.main {
    font-size: 20px;
    font-weight: bold;
    padding: 40px 0 0 0;
    text-align: center;
}
#page-howToMakeResume .area.last.button .registerButton {
    margin-bottom: 40px;
}
#page-howToMakeResume .area.last.button .resumeButton {
    margin: 10px 0 40px 0;
}

.confirm_inner {
    border: 2px dotted #ccc;
    padding: 10px;
}




.page-schoolPortal .article{
    margin-top: 50px;
}

.schoolPortal input{
    background-color: #FF1125;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 50px;
}

.school_attention{
    text-align: left;
}

.attention_by_school{
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0;
    border-top: 1px dashed #333;
}

.page-schoolPortal .step{
    margin-bottom: 50px;
}


/*----------------------------------------------------
        特殊オーディション応募 | #page-audition_entry
----------------------------------------------------*/

#page-audition_entry{
    background-color: #fff;
    margin: 0 auto;
    width: 760px;
    height: 100%;
}

#page-audition_entry .inner{
    padding: 10px 30px 50px;
}

#page-audition_entry.entry_complete .inner{
    height: 100%;
}

#page-audition_entry .inner .info {
    margin-bottom: 10px;
}

#page-audition_entry .inner .info img {
    float: left;
    margin: 30px 0;
}

#page-audition_entry .inner .info img.productionImg {
    width: 110px;
    margin: 0 30px 0 10px;
}


#page-audition_entry textarea{
    resize: vertical;
}

#page-audition_entry .attention{
    color: #ff1d25;
    margin-top: 6px;
}

#page-audition_entry .attention.edit {
    margin: -10px 0 10px;
}

#page-audition_entry .files_table{
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-audition_entry .profile_table{
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-audition_entry .guardian_table{
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-audition_entry .additional_table{
    width: 100%;
    border: 1px solid #333;
    margin-bottom: 30px;
}

#page-audition_entry .additional_table .add_column {
    border-bottom: none;
}

#page-audition_entry .additional_table .message {
    font-size: 11px;
}

#page-audition_entry table th{
    background: #eee;
    width: 128px;
    border-bottom: 1px solid #333;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

#page-audition_entry table td{
    border-bottom: 1px solid #333;
    padding: 10px;
    font-size: 13px;
}

#page-audition_entry table td input{
    max-width: 476px;
}

#page-audition_entry .toggleMedia{
    display: none;
    margin-bottom: 20px;
}

#page-audition_entry .deleteContentBtn{
    width: 100px;
    float: right;
    text-align: right;
}

#page-audition_entry .movieInputArea{
    padding-left: 20px;
    margin-bottom: 10px;
}

#page-audition_entry .movieInputArea div{
    margin-top: 5px;
}

#page-audition_entry .movieInputArea div:first-child{
    margin-top: 0;
}

#page-audition_entry .movieInputArea p{
    font-size: 12px;
    color: #666;
}

#page-audition_entry #originalMovieInput,
#page-audition_entry #youtubeInput,
#page-audition_entry #niconicoInput,
#page-audition_entry #originalSoundInput,
#page-audition_entry #soundcloudInput{
    display: none;
}

#page-audition_entry .soundInputArea{
    padding-left: 20px;
    margin-bottom: 10px;
}

#page-audition_entry .soundInputArea p{
    font-size: 12px;
    color: #666;
}

#page-audition_entry .name input{
    width: 100px;
    margin: 0 15px 0 5px;
}

#page-audition_entry .bodySize input{
    width: 100px;
    margin: 0 10px 0 0px;
}

#page-audition_entry .threeSize label{
    margin-left: 15px;
}
#page-audition_entry .threeSize label:first-child{margin-left:0;}

#page-audition_entry .threeSize input{
    width: 50px;
    margin: 0 5px 0 5px;
}

#page-audition_entry .freeInputText input{
    width: 99%;
}

#page-audition_entry .wishGenre01,
#page-audition_entry .wishGenre02,
#page-audition_entry .wishGenre03{
    margin-bottom: 5px;
}

#page-audition_entry .wishGenre01 select,
#page-audition_entry .wishGenre02 select,
#page-audition_entry .wishGenre03 select{
    margin-right: 15px;
}

#page-audition_entry .wishGenre01 input,
#page-audition_entry .wishGenre02 input,
#page-audition_entry .wishGenre03 input{
    margin-left: 5px;
}

#page-audition_entry .nationality select{
    margin-right: 15px;
}

#page-audition_entry .nationality input{
    margin-left: 5px;
}

#page-audition_entry .zipcode input{
    width: 50px;
    margin: 0 10px;
}
#page-audition_entry .zipcode input:first-child{margin-left:0;}

#page-audition_entry .address div{
    margin-bottom: 10px;
}

#page-audition_entry .address label{
    margin-right: 15px;
}

#page-audition_entry .address input{
    width: 90%;
}

#page-audition_entry .telTh p{
    line-height:240%;
}

#page-audition_entry .telTh .attention{
    font-size: 12px;
}


#page-audition_entry .tel .tel01,
#page-audition_entry .tel .tel02{
    margin-bottom: 10px;
}

#page-audition_entry .tel .tel01 input,
#page-audition_entry .tel .tel02 input{
    width: 50px;
    margin: 0 5px;
}

#page-audition_entry .tel .tel01 input:first-child,
#page-audition_entry .tel .tel02 input:first-child{
    margin-left: 0;
}

#page-audition_entry .email input{
    width: 99%;
}

#page-audition_entry .belongProduction p{
    margin: 5px 0;
}

#page-audition_entry .belongProduction label{
    margin-right: 15px;
}

#page-audition_entry .belongProduction .productionName{
    margin-bottom: 5px;
}

#page-audition_entry .belongProduction  .leaderTel{
    margin-top: 5px;
}

#page-audition_entry .belongProduction  .leaderTel input{
    width: 40px;
    margin: 0 5px;
}
#page-audition_entry .belongProduction  .leaderTel input:first-child{margin-left:0;}

#page-audition_entry .guardianRelation input,
#page-audition_entry .guardianAge input{
    width: 50px;
    margin-right: 5px;
}

#page-audition_entry .guardianAddress{

}

#page-audition_entry .guardianAddress .state{
    margin: 5px 0;
}

#page-audition_entry .guardianAddress label{
    margin-right: 10px;
}

#page-audition_entry .guardian_table .tel .tel01{
    margin-bottom: 0;
}

#page-audition_entry .additional_table .audition_place input{
    margin-bottom: 5px;
    margin-left: 20px;
}

#page-audition_entry .additional_table .shopping_place input{
    margin-top: 12px;
}

#page-audition_entry .additional_table .sns_table{
    width: 100%;
}

#page-audition_entry .additional_table .sns_table th{
    background: #fff;
    width: 80px;
    border: none;
    padding: 10px;
    vertical-align: middle;
}

#page-audition_entry .additional_table .sns_table td{
    border: none;
    padding: 10px;
    font-size: 13px;
}

#page-audition_entry .additional_table .sns_table td input{
    float: left;
    width: 100px;
}

#page-audition_entry .additional_table .sns_table .blog input{
    width: 300px;
}

#page-audition_entry .entryBtn input{
    background: url(../img/entry/entry_button01.png) 0 0 no-repeat;
    width: 290px;
    height: 80px;
    cursor: pointer;
    border: none;
}

#page-audition_entry .entryBtn_confirm_submit input{
    background: url(../img/entry/entry_button02.png) 0 0 no-repeat;
    width: 320px;
    height: 60px;
    cursor: pointer;
    border: none;
    margin: 30px 15px 0 15px;
}

#page-audition_entry .entryBtn_confirm_return input{
    background: url(../img/entry/entry_button03.png) 0 0 no-repeat;
    width: 320px;
    height: 60px;
    cursor: pointer;
    border: none;
    margin: 30px 15px 0 15px;
}

#page-audition_entry .entry_subtitle{
    margin: 50px 0 20px 0;
}

#page-audition_entry h3{
    font-size: 20px;
    line-height: 240%;
}

#page-audition_entry.entry_complete .back{
    margin-top: 30px;
}

#page-audition_entry.entry_complete .back a {
    background: url(../img/entry/entryback.png) 0 0 no-repeat;
    display: block;
    width: 250px;
    height: 60px;
    margin: 0 auto;
    text-indent: -9999px;
}

#page-audition_entry .notice {
    text-align: center;
    margin-bottom: 30px;
}

#page-audition_entry .notice .text {
    border: solid 1px #333;
    padding: 15px 20px;
    margin: 5px auto 30px;
    height: 160px;
    overflow-y: scroll;
    background-color: #fcfcfc;
    text-align: left;
}

#page-audition_entry .notice .text p {
    margin-bottom: 10px;
    font-size: 13px;
}

#page-audition_entry.entry_complete .back a:hover,
#page-audition_entry input[type="submit"]:hover {
    opacity: 0.8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#page-audition_entry input[type="file"],
#page-audition_entry select,
#page-audition_entry input[type="checkbox"],
#page-audition_entry input[type="radio"] {
    cursor: pointer;
}

#page-audition_entry.error .inner {
    padding: 40px 50px 50px;
}

#page-audition_entry.error .inner img {
    width: 400px;
}

#page-audition_entry.error .inner p {
    margin: 30px 0 20px;
}

.page-counseling{
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;
}

.page-counseling .inner{
    padding: 8px;
}

.page-counseling .inner section{
    margin-top: 20px;
    padding-left: 23px;
}

.page-counseling .inner section .section_content{
    margin: 20px 0;
}

.page-counseling .inner section .section_content .adviser_img{
    width: 170px;
    margin-right: 20px;
}

.page-counseling .inner section .section_content .adviser_detail{
    width: 743px;
}

.page-counseling .inner section .section_content .adviser_detail .adviser_history_inner{
    padding: 10px;
    border: 1px solid #333;
    font-size: 12px;
    margin-top: 20px;
    width: 600px;
    line-height: 160%;
}

.page-counseling .inner section .section_content .adviser_detail .adviser_history_inner .open{
    color: #2692ff;
    text-decoration: underline;
}

.page-counseling .inner section .section_content .adviser_detail .adviser_history_inner .open:hover{
    text-decoration: none;
    cursor: pointer;
}

.page-counseling .inner .section_title_red{
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    background: url(/https/narrow.jp/img/counseling/counseling_headline_red.png) 0 2px no-repeat;
}

.page-counseling .inner .section_title_blue{
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    background: url(/https/narrow.jp/img/counseling/counseling_headline_blue.png) 0 2px no-repeat;
}

.page-counseling .inner .section_title{
    font-size: 18px;
    font-weight: bold;
    border-left: 7px solid #FF1D25;
    padding-left: 7px;
}

.page-counseling .inner section .txtArea{
    width: 533px;
    margin-right: 10px;
}

.page-counseling .inner section .txtArea p span{
    color: #FF1D25;
}

.page-counseling .inner section .imgArea{
    width: 390px;
}

.page-counseling .inner section .imgArea .caption{
    color: #999999;
    font-size: 12px;
}

.page-counseling .inner section .buttonArea{
    width: 680px;
    margin: 30px auto 50px;
}

.page-counseling .inner section .buttonArea .btn_left{
    margin-right: 10px;
}

.page-counseling .inner section .buttonArea .btn_right{
    margin-left: 10px;
}



#page-counselingList .article {
    background-color: #fff;
}
#page-counselingList .list {
    padding: 20px 30px 30px 30px;
}
#page-counselingList .list > li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #CCC;
}
#page-counselingList .list > li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

#page-counselingList .list > li a {
    display: block;
    text-decoration: none;
    min-height: 80px;
}
#page-counselingList .list > li a:hover {
    opacity: 0.8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
#page-counselingList .list > li a .list_title {
    font-size: 14px;
    font-weight: bold;
}
#page-counselingList .list > li a:hover .list_title {
    text-decoration: underline;
}
#page-counselingList .list > li a .list_title .user_name {
    font-size: 16px;
}
#page-counselingList .list > li a .question {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 100px 10px 10px;
    border: 1px solid #CCC;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
    position: relative;
}
#page-counselingList .list > li a .question .more {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #2692ff;
}
#page-counselingList .list > li a:hover .question .more {
    text-decoration: underline;
}
#page-counselingList .arrow_icon {
    background:  url(../img/ico_arrow_black.png) 0 center no-repeat;
    padding-left: 24px;
}
/*#page-counselingList .user_icon {
        background:  url(../img/counseling/counseling_user_icon.png) 0 0 no-repeat;
        -webkit-background-size: 80px;
        background-size: 80px;
        padding-left: 100px;
}*/
#page-counselingDetail .article {
    background-color: #fff;
    padding: 30px;
}
#page-counselingDetail .detail_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ff1d25;
}
#page-counselingDetail .detail_title .user_name {
    font-size: 20px;
}
#page-counselingDetail .question {
    margin-top: 20px;
    /*padding-left: 140px;
    background: url(../img/counseling/counseling_user_icon.png) 0 0 no-repeat;
    min-height: 120px;*/
}
#page-counselingDetail .answer {
    margin-top: 20px;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    background-color: #f8f8f8;
}
#page-counselingDetail .answer .inner {
    background: url(../img/counseling/counseling_teacher_icon.png) top right no-repeat;
    min-height: 120px;
    padding-right: 140px;
}
#page-counselingDetail .answer .answer_title {
    font-size: 16px;
    font-weight: bold;
}
#page-counselingDetail .answer .body {
    margin-top: 10px;

}

/*履歴書でしか使用しないエラーメッセージのスタイリング
履歴書のエラーメッセージが表示されない不具合が解消されたら削除する
*/
.resume_error{
    color: #FF1125;
}


.advantaged_audition{
    border: 2px solid #f60;
    padding: 10px;
}

.audition_imgbox{
    width: 178px;
    height: 178px;
    border: 1px solid #f60;
    margin: 5px 0;
}

.audition_imgbox img{
    max-width: 178px;
}

.audition_textbox{
    width: 440px;
}

.audition_textbox .auditionTitle{
    font-size: 20px;
    font-weight: bold;
}

.advantaged_production{
    border: 2px solid #007CD9;
    padding: 10px;
}

.production_imgbox{
    width: 178px;
    height: 178px;
    border: 1px solid #007CD9;
    margin: 5px 0;
}

.production_imgbox img{
    max-width: 178px;
}

#page-productionSearchList .list .production_textbox{
    width: 440px;
}

.production_textbox .productionTitle{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

#page-productionSearchList .list .production_textbox .productionIntroduction{
    width: 440px;
    line-height: 180%;
}

/*----------------------------------------------------
        所属申請承認 | #page-belongRequest
----------------------------------------------------*/
#page-belongRequest .belongRequest p {
    font-size: 13px;
}

#page-belongRequest .belongRequest p span{
    font-weight: bold;
}

#page-belongRequest .belongRequest .confirm {
    margin: 5px 0;
}

#page-belongRequest .belongRequest .confirm input[type="submit"] {
    background-color: #007cd9;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    width: 150px;
    height: 50px;
}

#page-belongRequest .belongRequest .confirm input[type="submit"]:hover {
    opacity: 0.85;
}

#page-belongRequest h2 {
    font-size: 18px;
    margin-bottom: 15px;
}


/*----------------------------------------------------
        質問掲示板 | #page-qa
----------------------------------------------------*/
/* 質問掲示板とは */

#page-qa a:hover,
#page-qa input[type="submit"]:hover,
#page-qaList  a:hover,
#page-qaList input[type="submit"]:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha( opacity=85 )";
}

#page-qa .back {
    background-image:
        url(../img/img_QandA_balloon.png),
        url(../img/img_QandA_texture.png);
    background-color: #fff;
}

#page-qa .back .article {
    border: none;
    padding: 30px 0;
}

#page-qa .back .article h1 {
    font-weight: bold;
    font-size: 20px;
}

#page-qa .back .article .about {
    margin: 25px 0;
    line-height: 170%;
}

#page-qa .back .article .about span {
    color: #D8312D;
    font-weight: bold;
}

#page-qa .back .article .enter {
    display: table;
    border-collapse: separate;
    border-spacing: 25px 0;
    margin-left: -20px;
}

#page-qa .back .article .enter .red {
    display: table-cell;
    width: 320px;
    height: 60px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #D8312D;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
}

#page-qa .back .article .enter .blue {
    display: table-cell;
    width: 320px;
    height: 60px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #1A88E2;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
}

#page-qa .back .article .attention {
    font-size: 12px;
    color: #aaa;
    margin: 10px 20px 0;
}

#page-qa .back .article .attention a {
    color: #D8312D;
    text-decoration: none;
}

#page-qa .article {
    border: none;
    padding: 15px 0;
}

#page-qa .article .category,
#page-qa .article .ranking {
    float: left;
    border: solid 1px #333;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #fff;
    margin: 0 10px 0 5px;
}

#page-qa .article .category h2,
#page-qa .article .ranking h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 8px 10px;
}

#page-qa .article .category {
    width: 325px;
}

#page-qa .article .category h2.searchTitle {
    background: url(../img/icon_QandA_searchTitle.png) no-repeat;
    background-size: 40px;
    padding: 5px 0 5px 40px;
}

#page-qa .article .category h2.tagTitle {
    background: url(../img/icon_QandA_categoryTitle.png) no-repeat;
    background-size: 40px;
    padding: 5px 0 5px 45px;
}

#page-qa .article .category .tag {
    border-top: solid 1px #333;
    border-bottom: dotted 1px #333;
    padding: 15px 0;
}

#page-qa .article .category .tag ul {
    margin: 0 auto;
    width: 280px;
}

#page-qa .article .category .tag ul li {
    float: left;
    margin: 0 5px 5px 0;
    background-color: #B29176;
}

#page-qa .article .category .tag ul li a {
    display: block;
    padding: 0 5px 0 20px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    background: url(../img/icon_QandA_categoryTag.png) 3px no-repeat;
}

#page-qa .article .category .search {
    padding: 20px 20px 5px;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
}

#page-qa .article .category .search .keyword input {
    width: 280px;
    height: 25px;
    border: dotted 1px #888;
    padding-left: 5px;
    font-size: 13px;
}

#page-qa .article .category .search .submit {
    margin: 15px 0;
}

#page-qa .article .category .search .submit input {
    width: 285px;
    height: 35px;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background-color: #808080;
    cursor: pointer;
}

#page-qa .article .ranking {
    width: 640px;
}

#page-qa .article .ranking h2 {
    background: url(../img/img_QandA_ranking.png) 8px 0 no-repeat;
    background-size: 40px;
    padding: 5px 0 5px 58px;
}

#page-qa .article .ranking h2 a {
    font-size: 13px;
    margin-left: 200px;
    font-weight: normal;
}

#page-qa .article .ranking .list {
    border-top: solid 1px #333;
}

#page-qa .article .ranking .list li {
    border-top: dotted 1px #333;
    padding-top: 15px;
}

#page-qa .article .ranking .list li:first-child {
    border: none;
}

#page-qa .article .ranking .list li .info {
    width: 600px;
    margin: 0 auto;
}

#page-qa .article .ranking .list li .info img {
    float: left;
    width: 50px;
    margin-right: 20px;
}

#page-qa .article .ranking .list li .info p {
    width: 530px;
    float: left;
}

#page-qa .article .ranking .list li a {
    display: block;
    width: 560px;
    margin: 10px auto 15px;
}


/* 質問一覧 */

#page-qaList .article {
    border: none;
}

#page-qaList .list {
    float: left;
    width: 770px;
}

#page-qaList .list .search {
    background-color: #fff;
    padding: 15px 20px;
}

#page-qaList .list .search .left {
    width: 500px;
}

#page-qaList .list .search .right {
    width: 215px;
    font-size: 10px;
}

#page-qaList .list .search .right a{
    color: #D8312D;
    text-decoration: none;
}

#page-qaList .list .search .right .toPost {
    width: 215px;
    height: 50px;
    line-height: 50px;
    display: block;
    background-color: #D8312D;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

#page-qaList .list .search .left .searchArea {
    margin-top: 10px;
}

#page-qaList .list .search .left .searchArea .keyword {
    float: left;
}

#page-qaList .list .search .left .searchArea .keyword label {
    background: url(../img/icon_QandA_search.png) no-repeat;
    font-size: 15px;
    font-weight: bold;
    padding: 0 15px 0 25px;
    vertical-align: middle;
}

#page-qaList .list .search .left .searchArea .keyword input {
    width: 260px;
    padding: 0 5px;
    height: 25px;
    border: dotted 1px #aaa;
    font-size: 13px;
}

#page-qaList .list .search .left .searchArea .submit {
    float: left;
}

#page-qaList .list .search .left .searchArea .submit input {
    border: none;
    height: 27px;
    width: 50px;
    background-color: #666;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

#page-qaList .list h1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    padding: 10px 20px;
    margin-top: 20px;
}

#page-qaList .list h1 span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 20px;
}

#page-qaList .list .questionList {
    border: solid 1px #333;
    background-color: #fff;
}

#page-qaList .list .questionList li {
    border-top: dotted 1px #333;
    position: relative;
}

#page-qaList .list .questionList li:first-child,
#page-qaList .category .ranking .RankingList li:first-child {
    border: none;
}

#page-qaList .list .questionList li .question {
    float: left;
    width: 630px;
}

#page-qaList .list .questionList li .question .name {
    margin: 15px 0 5px 15px;
}

#page-qaList .list .questionList li .question .name img {
    width: 50px;
    float: left;
}

#page-qaList .list .questionList li .question .name img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha( opacity=85 )";
}

#page-qaList .list .questionList li .question .name p {
    float: left;
    font-size: 15px;
    margin: 0 15px;
    line-height: 50px;
}

#page-qaList .list .questionList li .question .name p a {
    color: #333;
    text-decoration: none;
}

#page-qaList .list .questionList li .question .name .tag {
    float: left;
    margin-top: 10px;
}

#page-qaList .tag li {
    float: left;
    border: none;
    margin: 0 5px 5px 0;
    background-color: #B29176;
}

#page-qaList .tag li a,
#page-qaList .category .tag .tagList ul li a {
    display: block;
    padding: 0 5px 0 20px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    background: url(../img/icon_QandA_categoryTag.png) 3px no-repeat;
}

#page-qaList .list .questionList li .question p {
    margin: 0 0 20px 35px;
    font-size: 13px;
}

#page-qaList .list .questionList li .toAnswer {
    float: right;
    width: 110px;
    font-size: 13px;
    position: absolute;
    bottom: 20px;
    right: 0;
}

#page-qaList .list .questionList li .toAnswer p {
    font-weight: bold;
}

#page-qaList .category {
    float: right;
    width: 210px;
}

#page-qaList .category .tag,
#page-qaList .category .ranking {
    border: solid 1px #333;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 20px;
    background-color: #fff;
}

#page-qaList .category .tag h2,
#page-qaList .category .ranking h2 {
    margin: 10px;
    font-weight: bold;
    line-height: 150%;
}

#page-qaList .category .tag h2 {
    background: url(../img/icon_QandA_categoryTitle.png) no-repeat;
    background-size: 45px;
    padding-left: 45px;
}

#page-qaList .category .tag .tagList {
    border-top: solid 1px #333;
}

#page-qaList .category .tag .tagList ul {
    margin: 15px;
}

#page-qaList .category .tag .tagList ul li {
    float: left;
    margin: 0 5px 5px 0;
    background-color: #B29176;
}

#page-qaList .category .ranking h2 {
    background: url(../img/img_QandA_ranking.png) 0 no-repeat;
    background-size: 45px;
    padding-left: 55px;
}

#page-qaList .category .ranking .RankingList {
    border-top: solid 1px #333;
}

#page-qaList .category .ranking .RankingList li {
    border-top: dotted 1px #333;
}

#page-qaList .category .ranking .RankingList li .info {
    width: 180px;
    margin: 10px auto 5px;
}

#page-qaList .category .ranking .RankingList li .info img {
    float: left;
    width: 50px;
    margin-right: 10px;
}

#page-qaList .category .ranking .RankingList li .info p {
    width: 120px;
    float: left;
    font-size: 13px;
}

#page-qaList .category .ranking .RankingList li a {
    font-size: 12px;
    width: 150px;
    margin: 0 auto 10px;
    display: block;
}

#page-qaList .category .ranking.production .RankingList .info {
    margin: 10px auto;
}

#page-qaList .category .ranking.production .RankingList .info .productionImage {
    width: 60px;
    margin: 0;
}

#page-qaList .category .ranking.production .RankingList .info .image {
    border: solid 1px #ddd;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

#page-qaList .category .ranking.production .RankingList .info .image img {
    float: none;
    margin: 0;
    width: 60px;
}

#page-qaList .category .ranking.production .RankingList li p {
    width: 105px;
    margin-left: 10px;
}

#page-qaList .category .ranking.production .RankingList li p a {
    width: 105px;
}


/* 質問詳細・回答 */

#page-qaList.qaDetail h1 {
    background: none;
    color: #333;
    border-bottom: solid 3px #333;
    padding: 0 0 2px;
    margin: 30px 0 20px;
}

#page-qaList.qaDetail .detail {
    background-color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

#page-qaList.qaDetail .detail .info {
    margin-bottom: 10px;
}

#page-qaList.qaDetail .detail .info img {
    float: left;
    margin-right: 20px;
    width: 80px;
}

#page-qaList.qaDetail .detail .info .name {
    float: left;
}

#page-qaList.qaDetail .detail .info .name p {
    line-height: 150%;
    margin: 10px 0;
}

#page-qaList.qaDetail .detail .info .productionName {
    margin: 30px 0 0 20px;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
}

#page-qaList.qaDetail .detail .info .image {
    width: 80px;
    height: 80px;
    border: solid 1px #aaa;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    layout-gird-line: 80px;
}

#page-qaList.qaDetail .detail .info a .image:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "alpha( opacity=85 )";
}

#page-qaList.qaDetail .detail .info .image img {
    float: none;
    margin: 0;
    vertical-align: middle;
    max-width: 70px;
    max-height: 70px;
}

#page-qaList.qaDetail .detail p {
    font-size: 13px;
    line-height: 200%;
}

#page-qaList.qaDetail .bottomBtnArea {
    margin: 50px 0 30px;
}

#page-qaList.qaDetail .bottomBtnArea a {
    background-color: #949494;
    border: none;
    border-bottom: 3px solid #595959;
    border-radius: 7px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 100px;
}

#page-qaList.qaDetail .audition_area {
    margin: 25px 0 0;
    padding: 30px 0 0;
    background: url(../img/feature/bg_border_dotted.png) repeat-x left top;
}

#page-qaList.qaDetail .audition_area .ttl {
    border-left: 5px solid #333;
    padding: 0 0 0 10px;
    font-weight: bold;
    font-size: 16px;
}

#page-qaList.qaDetail .audition_area li {
    background-color: #fff;
    border-radius: 7px;
    margin: 20px 0 0;
}

#page-qaList.qaDetail .audition_area li a {
    padding: 20px;
    display: block;
}

#page-qaList.qaDetail .audition_area li a:hover {
    opacity: 0.7;
}

#page-qaList.qaDetail .audition_area li .audition_img {
    float: left;
    width: 200px;
}

#page-qaList.qaDetail .audition_area li .audition_img img {
    width: 200px;
}

#page-qaList.qaDetail .audition_area li .text_area {
    float: right;
    width: 730px;
}

#page-qaList.qaDetail .audition_area li.with_image .text_area {
    width: 510px;
}

#page-qaList.qaDetail .audition_area li .text_area .audition_name {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: underline;
    margin-top: -4px;
}

#page-qaList.qaDetail .audition_area li .text_area .detail_area {
    color: #666;
    font-weight: bold;
    margin: 11px 0 0;
    line-height: 18px;
}

#page-qaList.qaDetail .audition_area li .text_area .detail_area span.day {
    color: #2d2d2d;
    padding: 0 10px 0;
    font-size: 18px;
}

#page-qaList.qaDetail .audition_area li .text_area .detail_area span.date {
    color: #9a9a9a;
    font-size: 14px;
    font-weight: normal;
}

#page-qaList.qaDetail .audition_area li a:hover .audition_name {
    text-decoration: none;
}


/* 質問フォーム */

#page-qa.content .unit {
    border-top: dotted 1px #333;
}

#page-qa.content .unit .post {
    width: 700px;
}

#page-qa.content .unit .post th {
    vertical-align: middle;
    width: 160px;
    padding: 15px 0;
}

#page-qa.content .unit .post th .message {
    font-size: 11px;
    color: #808080;
    line-height: 180%;
    margin-top: 5px;
}

#page-qa.content .unit .post td {
    vertical-align: middle;
    padding: 10px 0;
}

#page-qa.content .unit .post td textarea {
    width: 500px
}

#page-qa.content .unit .post td .checkbox {
    float: left;
    background-color: #B29176;
    padding: 0 5px;
    margin: 0 5px 5px 0;
    color: #fff;
    font-size: 13px;
}

#page-qa.content .unit .post td .checkbox input[type='checkbox'] {
    display: none;
}

#page-qa.content .unit .post td .checkbox input[type='checkbox'] + label {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    padding: 0 5px 0 24px;
    vertical-align: middle;
    cursor: pointer;
}

#page-qa.content .unit .post td .checkbox input[type='checkbox'] + label:after {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    margin-top: -8px;
    width: 4px;
    height: 8px;
    border-right: 3px solid #aaa;
    border-bottom: 3px solid #aaa;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#page-qa.content .unit .post td .checkbox input[type='checkbox'] + label:before {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 1px;
    display: block;
    margin-top: -9px;
    width: 14px;
    height: 14px;
    border: 1px dotted #ccc;
    content: '';
    background-color: #fff;
}

#page-qa.content .unit .post td .checkbox input[type='checkbox']:checked + label:after {
    opacity: 1;
}

#page-qa.qaConfirm .unit .table tr th {
    width: 150px;
}

#page-qa.content .complete {
    text-align: left;
    padding: 30px;
    background: #fff;
}

/* ----------------------------------------------------
　ポップアップ　.modalContent
---------------------------------------------------- */
#modalContent,
.modalContent {
    background-color: #fff;
    display: none;
    margin: 0;
    position: fixed;
    z-index: 101;
    height: 360px;
    width: 680px;
}

#modalOverlay {
    z-index:100;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.8);
}

#modalContent.waitFortune{
    background: url(../img/element/fortune_wait.gif) no-repeat;
    margin: 0 auto;
}

#page-scoutResult .resultViewArea .g_scout_description {
    margin-top: 30px;
    background: url(../img/g_scout/scout9.png) no-repeat right bottom;
}

#page-scoutResult .resultViewArea .g_scout_description .txt_head {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 0;
}

/* ----------------------------------------------------
　パンくず
---------------------------------------------------- */
.breadCrumb,
.newBreadCrumb {
    list-style-type: none;
}

.breadCrumb li,
.newBreadCrumb li {
    display: inline;
}

/*----------------------------------------------------
        決済完了 | .page-billingComplete
----------------------------------------------------*/
#page-billingComplete .unit {
    text-align: center;
}

#page-billingComplete .unit > p {
    font-weight: bold;
    line-height: 36px;
}

#page-billingComplete .unit > a {
    background: #ccc;
    border-radius: 8px;
    color: #555;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 20px auto 0;
    text-decoration: none;
    padding: 14px 0;
    width: 300px;
}

#page-billingComplete .unit > a:hover {
    opacity: 0.7;
}

/*----------------------------------------------------
    特定商取引法に基づく表記 | .page-termsOfSales
----------------------------------------------------*/
.page-termsOfSales .unit .termsOfSales .block ul > li {
    list-style-type: none!important;
}

.page-termsOfSales .unit .termsOfSales .block ul {
    padding: 0!important;
}