@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 a {
  text-decoration: underline;
}

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

/*各ページ*/
#monthly #dream_ch,
#monthly #dream_lch{
  width:895px;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}

/*共通パーツ*/
#monthly .dream_box{
  position:relative;
  width:440px;
  height:735px;
  margin-top:30px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
}

#monthly .racer_box{
  width:440px;
  height:550px;
}

/*艇番背景*/
#monthly .top_no{
  z-index:2;
  position:absolute;
  width:250px;
  height:250px;
  clip-path: polygon(0 0, 0 50%, 50% 0);
}

#monthly .box_back{
  z-index:1;
  position:absolute;
  width:440px;
  height:550px;
  clip-path: polygon(0 0, 30% 0, 100% 100%, 0% 100%);
}

/*艇番*/
#monthly .boat{
  z-index:3;
  display: flex;
  flex-wrap: wrap;
  position:absolute;
  top:-15px;
  left:5px;
}

#monthly .no,
#monthly .gou{
  font-weight: bold;
}

#monthly .no{
  font-size: 90px;
  font-family: serif;
  font-style: italic;
}

#monthly .gou{
  font-size: 22px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  margin:50px 0 0 5px;
}

/*選手名*/
#monthly .racername_box{
  z-index:4;
  position:absolute;
  top:110px;
  left:10px;
}

#monthly .name{
  font-weight: bold;
  line-height:1.1;
  font-family: serif;
  letter-spacing : 4px;
  text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#monthly .name span{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  -webkit-text-orientation: upright;
}

#monthly .kana{
  float:right;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  font-weight: bold;
}

#monthly .ornament_img{
  width:90px;
  height:30px;
  margin-top:3px;
}

#monthly .number{
  font-weight: bold;
  display: inline-block;
}

/*賞金*/
#monthly .money_img{
  z-index:6;
  position:absolute;
  width:345px;
  height:90px;
  top:-20px;
  right:-15px;
}

/*写真*/
#monthly .racer_img{
  z-index:5;
  position:absolute;
  width:320px;
  height:450px;
  top:40px;
  left:110px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
}

/*成績等*/
#monthly .data_box{
  z-index:4;
  position:absolute;
  top:502px;
  display: flex;
}

#monthly .data{
  padding:5px 20px;
  border:solid 1px;
  border-radius: 0 50px 50px 0;
  height:28px;
  font-size:18px;
}

#monthly .seiseki{
  float:right;
  margin:-13px 0 0 15px;
}

#monthly .seiseki table{
  font-weight: bold;
  width:210px;
}

#monthly .seiseki table th,
#monthly .seiseki table td{
  vertical-align:middle
}

#monthly .seiseki table th{
  width:30px;
  padding:15px 3px 0 3px;
}

#monthly .seiseki table th span{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  -webkit-text-orientation: upright;
  font-size:18px;
  color:#fff;
  white-space: pre;
}

#monthly .seiseki table th.zen{
  background:#390D6D;
}

#monthly .seiseki table th.touchi{
  background:#CC000E;
}

#monthly .seiseki table td{
  padding:20px 5px 3px 5px;
  font-size:25px;
}

/*短評*/
#monthly .comment{
  padding:15px;
  font-size:18px;
  color:#000;
}

/*チャレカ*/
#monthly #dream_ch .dream_box{
  background:#E0D000;
}

#monthly #dream_ch .name span{
  font-size:58px;
}

#monthly #dream_ch .kana{
  font-size:14px;
}

#monthly #dream_ch .number{
  font-size:25px;
  margin-left:12px;
}

#monthly #dream_ch .no1 .kana,
#monthly #dream_ch .no3 .kana{
  margin-top:210px;
}

#monthly #dream_ch .no2 .kana{
  margin-top:225px;
}

#monthly #dream_ch .no4 .kana,
#monthly #dream_ch .no6 .kana{
  margin-top:195px;
}

#monthly #dream_ch .no5 .kana{
  margin-top:165px;
}

/*レディースチャレカ*/
#monthly #dream_lch .dream_box{
  background:#F19DB4;
}

#monthly #dream_lch .name{
  font-size:50px;
  margin-left:5px;
}

#monthly #dream_lch .kana{
  font-size:14px;
}

#monthly #dream_lch .number{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  font-size:18px;
  margin-left:28px;
  width:30px;
}

#monthly #dream_lch .no1 .kana,
#monthly #dream_lch .no3 .kana,
#monthly #dream_lch .no4 .kana,
#monthly #dream_lch .no5 .kana{
  margin-top:160px;
}

#monthly #dream_lch .no2 .kana,
#monthly #dream_lch .no6 .kana{
  margin-top:175px;
}

/*各艇*/
/*1号艇*/
#monthly .no1 .top_no{
  background:#E6E6E7;
}

#monthly .no1 .box_back{
  background:#fff;
}

/*2号艇*/
#monthly .no2 .top_no{
  background:#444141;
}

#monthly .no2 .box_back{
  background:#221916;
}

/*3号艇*/
#monthly .no3 .top_no{
  background:#B8381E;
}

#monthly .no3 .box_back{
  background:#AB0003;
}

/*4号艇*/
#monthly .no4 .top_no{
  background:#3A3182;
}

#monthly .no4 .box_back{
  background:#171673;
}

/*5号艇*/
#monthly .no5 .top_no{
  background:#D5C80F;
}

#monthly .no5 .box_back{
  background:#FEF10F;
}

/*6号艇*/
#monthly .no6 .top_no{
  background:#00763E;
}

#monthly .no6 .box_back{
  background:#006429;
}

/*黒文字*/
#monthly .no1 .boat,
#monthly .no1 .name,
#monthly .no1 .kana,
#monthly .no1 .number,
#monthly .no1 .data,
#monthly .no1 .seiseki table td,
#monthly .no5 .boat,
#monthly .no5 .name,
#monthly .no5 .kana,
#monthly .no5 .number,
#monthly .no5 .data,
#monthly .no5 .seiseki table td{
  color:#000;
}

#monthly .no1 .data,
#monthly .no5 .data{
  border-color:#000 #000 #000 rgba(255,255,255,0);
}

/*白文字*/
#monthly .no2 .boat,
#monthly .no2 .name,
#monthly .no2 .kana,
#monthly .no2 .number,
#monthly .no2 .data,
#monthly .no2 .seiseki table td,
#monthly .no3 .boat,
#monthly .no3 .name,
#monthly .no3 .kana,
#monthly .no3 .number,
#monthly .no3 .data,
#monthly .no3 .seiseki table td,
#monthly .no4 .boat,
#monthly .no4 .name,
#monthly .no4 .kana,
#monthly .no4 .number,
#monthly .no4 .data,
#monthly .no4 .seiseki table td,
#monthly .no6 .boat,
#monthly .no6 .name,
#monthly .no6 .kana,
#monthly .no6 .number,
#monthly .no6 .data,
#monthly .no6 .seiseki table td{
  color:#fff;
}

#monthly .no2 .data,
#monthly .no3 .data,
#monthly .no4 .data,
#monthly .no6 .data{
  border-color:#fff #fff #fff rgba(255,255,255,0);
}