@charset "utf-8";

/*共通*/

.button--arrowRight {
  box-sizing: border-box;
}

#monthly {
  width: 900px;
  margin: 0px auto 0 auto;
  padding: 0px;
  font-size:16px;
}
#monthly p {
  line-height: 1.6;
  letter-spacing:0.05em;
  text-indent:1em;
  margin-bottom:0.6em;
}
#monthly p.ketujyo {
  margin-bottom:10px;
  text-align:left;
  text-indent:0;
}
#monthly .midashi{
  width:900px;
}

#monthly table {
  border-collapse:collapse;
}

#monthly br.clear {
  clear: both;}

#monthly .cf:before,
.cf:after {
    content: " ";
    display: table;
}

#monthly .cf:after {
    clear: both;
}

#monthly .cf {
    *zoom: 1;
}

#monthly a {
  text-decoration: underline;
}

#monthly a:hover {
  text-decoration: none;
}


/*各ページ*/
#monthly #interview_main{
    position:relative;
    width:100%;
    height:600px;
}

#monthly img.img_main{
    position: absolute;
    top:0;
    left:80px;
    z-index:1;
}

#monthly #love_nishiyama{
    width: 530px;
    position: absolute;
    left:355px;
    background-image:url(img/interview_02.jpg);
    background-repeat:no-repeat;
    background-position: right 0;
    z-index:2;
}

#monthly #love_nishiyama h3{
    color: #000;
    font-size: 100px;
    line-height:110px;
}

#monthly #love_nishiyama h3 span{
    color: #D2232B;
}

#monthly #love_nishiyama h4{
    color: #000;
    font-size: 24px;
    text-align: center;
    margin: 0;
}

#monthly #attention{
    width: 500px;
    position: absolute;
    top:310px;
    z-index:3;
    text-shadow:-1px 1px 1px #ffffff,
        1px -1px 1px #ffffff,
        -1px -1px 1px #ffffff,
        1px 0px 1px #ffffff,
        0px 1px 1px #ffffff,
        -1px 0px 1px #ffffff,
        1px 1px 1px #ffffff,
        0px -1px 1px #ffffff;
}

#monthly #racer{
    text-indent: 0;
    font-style:italic;
    color: #4D4D4F;
    font-weight: bold;
    font-size: 22px;
    line-height:24px;
}

#monthly #name{
    color: #259F7E;
    font-weight: bold;
    font-family:serif;
    font-size: 55px;
    display: table;
}

#monthly #name span{
    color: #000;
    font-size: 24px;
}

#monthly #name span.touban{
    margin: 0 10px 20px 0;
    vertical-align: middle;
}

#monthly #impression{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index:4;
}

#monthly #impression p{
    color: #71350D;
    text-shadow:-1px 1px 1px #ffffff,
        1px -1px 1px #ffffff,
        -1px -1px 1px #ffffff,
        1px 0px 1px #ffffff,
        0px 1px 1px #ffffff,
        -1px 0px 1px #ffffff,
        1px 1px 1px #ffffff,
        0px -1px 1px #ffffff;
    margin-bottom: 0;
}

#monthly p.interviewer {
    text-align: right;
    font-size: 14px;
    text-indent: 0;
    margin-bottom: 0;
}


/*インタビュー部分*/
#monthly h4 {
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    color: #C3894F;
}

#monthly p.question {
    color: #5c310c;
    margin-top: 20px;
    text-indent: 0;
}

#monthly p span{
    color: #259F7E;
    font-weight: bold;
    margin: 0 1em 0 -1em;
}

#monthly img.photo_left {
    float:left;
    margin:20px 15px 15px 0px;
}

#monthly img.photo_right1 {
    float:right;
    margin:20px 0px 15px 15px;
}

#monthly img.photo_right2 {
    float:right;
    margin-top:45px;
}

/*ダイヤモンドカップ*/
#monthly #diamond_18{
    float:right;
    width: 350px;
    border: 1px solid #000;
    padding: 10px;
    margin:20px 0px 15px 15px;
}

#monthly #diamond_18 h6{
    font-size: 18px;
    text-align: center;
    margin: 0;
}

#monthly #diamond_18 table{
    width: 100%;
}

#monthly #diamond_18 caption{
    text-align: center;
}

#monthly #diamond_18 table tr{
    border-bottom: 1px solid #000;
}

#monthly #diamond_18 table th{
    border-bottom: 2px solid #000;
    font-weight: normal;
}

#monthly #diamond_18 table th,
#monthly #diamond_18 table td{
    text-align: center;
}

#monthly #diamond_18 p{
    margin: 3px 0 0 0 ;
    text-indent: 0;
}

#monthly #diamond_18 b{
    display: inline-block;
    transform: rotate(30deg);
    margin-right: 5px;
}

#monthly #diamond_18 table .winner{
    font-weight: bold;
}

#monthly .one{background:#eee;}
#monthly .two{background:#231F20; color:#fff;}
#monthly .three{background:#EE1C25; color:#fff;}
#monthly .four{background:#007DC5; color:#fff;}
#monthly .five{background:#FFF100;}
#monthly .six{background:#00A651; color:#fff;}


/*データ室*/
#monthly #data {
    border: 1px solid #259F7E;
    padding: 15px;
    margin-top: 35px;
    width: 420px;
    background:#fff;
}

#monthly #data p {
    margin: 0;
    padding: 5px 5px 0px 5px;
    text-align: left;
    letter-spacing: 0;
}

#monthly #data p span {
    line-height: 2rem;
    font-weight: bold;
    margin-left:-1em;
    color: #259F7E;
    font-size: 18px;
}

#monthly #data p.date{
    padding: 0;
    text-align: right;
    margin-top:5px;
}

#monthly #data table{
    margin-top:15px;
    width: 100%;
}

#monthly table.total {
    border-collapse: collapse;
    vertical-align: middle;
}

#monthly .total span {
    font-size: 0.8rem;
    font-weight: normal;
    float: right;
    margin: 0;
    padding: 0;
}

#monthly .total th {
    text-align: left;
    padding: 3px;
}

#monthly .total tr:nth-child(2) td{
    background: #C9CEE3;
    text-align: center;
    border-top: 2px solid #325997;
}

#monthly .total td:nth-of-type(1){
    text-align:justify;
    text-align-last: justify;
    padding-left:15px;
    padding-right: 0;
    box-sizing:content-box;
    letter-spacing:0;
}

#monthly .total td {
    border-bottom: 1px solid #325997;
    text-align: right;
    padding: 3px;
}

#monthly .total td:nth-child(5),
#monthly .total td:nth-child(6){
    text-align: center;
}

#monthly .part th {
    font-weight: bold;
    border-bottom: 2px solid #325997;
    text-align: left;
}

#monthly .part td {
    border-bottom: 1px dashed #000000;
    text-align: center;
    padding: 3px;
}

#monthly .part td.kaisai {
    text-align: left;
}

#monthly .part td.seiseki {
    letter-spacing: 0.3rem;
    text-align: left;
}