@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 .main_title{
  font-size:28px;
  color:#12989d;
  font-weight:bold;
  text-align: center;
  margin-bottom:20px;
}

#monthly .hukagawa_name_1{
  color:#12989d;
  text-indent:0;
  font-weight:bold;
  margin: 5px 0 0 10px;
}

#monthly .top_1{
  width:400px;
  border:1px solid #12989d;
  text-align:justify;
}

#monthly .top_box{
  display: flex;
  justify-content: center;
}

#monthly .normal_text{
  text-indent:0;
  width:380px;
  margin: auto;
}

#monthly .seiseki_table{
  width:380px;
  margin: auto;
}

#monthly .table_title{
  font-weight: bold;
  width:380px;
  margin: auto;
}

#monthly .seiseki_table th{
  background:#cbdfe0;
  border-top:1px solid #12989d;
  border-bottom:1px solid #12989d;text-align: center;
}

#monthly .seiseki_table tr td{
  text-align: center;
}

#monthly .seiseki_table tr td:nth-last-of-type(3){
  /* padding:0 10px; */
  text-align: center;
}

#monthly .solid_bottom{
  border-bottom:1px solid #12989d;
}

#monthly .caption{
  text-indent:0;
  text-align: right;
  margin-bottom:0px;
}

#monthly .dash_bottom{
  border-bottom:1px dashed #12989d;
}

#monthly .hukagawa_main{
  margin:0 10px;
}

#monthly .top_2{
  position: relative;
}

#monthly .hukagawa_name_2{
  font-size:55px;
  color:#12989d;
  -webkit-text-stroke: 2px white;
  position: absolute;
  bottom:0px;
  left:85px;
}

#monthly .sub_1{
  font-size: 21px;
  color:black;
  -webkit-text-stroke: 1px white;
  bottom:25px;
  left:-65px;
  position:absolute;
  color          : #000000;            /* 文字の色 */
  letter-spacing : 1px;                /* 文字間 */
  text-shadow    :
       2px  2px 0px #ffffff,
      -2px  2px 0px #ffffff,
       2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff,
       2px  0px 0px #ffffff,
       0px  2px 0px #ffffff,
      -2px  0px 0px #ffffff,
       0px -2px 0px #ffffff;        /* 文字の影 */
}

#monthly .sub_2{
  font-size: 18px;
  color:black;
  -webkit-text-stroke: 1px white;
}

#monthly .watanabe{
  color:#7a5c51;
  font-weight: bold;
  margin-right:12px;
}

#monthly .watanabe_2{
  color:#7a5c51;
  font-weight: bold;
}

#monthly .hukagawa{
  color:#12989d;
  font-weight: bold;
  margin-right:13px;
}

#monthly .article{
  margin:30px 0 20px 0;
}

#monthly .article_title{
  color:#db9103;
  font-weight: bold;
  font-size:24px;
  margin-bottom:15px;
  text-align: center;
}

#monthly .article_box{
  margin-top:20px;
}

#monthly .article_box p{
  text-indent:0;
}

#monthly .indent{
  margin-left:15px;
}

#monthly .article_img{

  float: left;
  margin:0 14px 0px 0;
}

#monthly .derby_box{
  width: 390px;
  border: 1px solid black;
  margin:15px auto 30px auto; 
}

#monthly .middle_box{
  margin:auto;
}

#monthly .derby_table{
  width: 370px;
  margin: auto;
}

#monthly .derby_table tr td{
  border-bottom:1px solid black;
  text-align: center;
}

#monthly .frame{
  border:1px solid black;
  padding: 0 4px;
  line-height:1.9;
}

#monthly .derby_title{
  font-size:20px;
  text-align: center;
  line-height: 1.2;
  margin-bottom:10px;
}

#monthly .small{
  font-weight: normal;
  font-size:16px;
}

#monthly .small_2{
  font-size:13px;
  letter-spacing:1;
}

#monthly .derby_img{
  margin-bottom:10px;
}

#monthly .table_caption{
  margin:5px auto 5px auto;
  width: 360px;
}

#monthly .bold{
  font-weight: bold;
}

#monthly .watanabe_box{
  border:1px solid black;
  width:900px;
}

#monthly .watanabe_pro{
  margin-top:5px;
}

#monthly .watanabe_contenner{
  display: flex;
}

#monthly .interview_watanabe{
  width:120px;
  height:120px;
}

#monthly .watanabe_wrapper{
  margin:5px 5px;
  padding:0 3px;
}

#monthly .watanabe_wrapper div{
  font-size: 14px;
}

#monthly .watanabe_banner{
  margin:30px 10px 0 5px;
  float:right;
}

#monthly .one {
  color: #333;
  background-color: white;
  border-radius: 50%;
  padding:0 6px;
  line-height: 1.4;
  margin: 0 px 0 px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
}

#monthly .two {
  color: white;
  background-color: black;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0 px 0 px;
  font-size: 14px;
  /* border: 0.5px solid #333; */
  vertical-align: middle;
}

#monthly .three {
  color: white;
  background-color: #EE1D23;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0 px 0 px;
  font-size: 14px;
  /* border: 0.5px solid #333; */
  vertical-align: middle;
}

#monthly .four {
  color: white;
  background-color: #057EC5;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0 px 0 px;
  font-size: 14px;
  /* border: 0.5px solid #333; */
  vertical-align: middle;
}

#monthly .five {
  color: #333;
  background-color: #FFF101;
  border-radius: 50%;
  padding:0 6px;
  line-height: 1.4;
  margin: 0 px 0 px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
}

#monthly .six {
  color: white;
  background-color: #00A54F;
  border-radius: 50%;
  padding:1px 7px;
  line-height: 1.4;
  margin: 0 px 0 px;
  font-size: 14px;
  /* border: 0.5px solid #333; */
  vertical-align: middle;
}

#monthly .basic {
  color: black;
  background-color: white;
  border-radius: 50%;
  padding:0 6px;
  line-height: 1.4;
  margin: 0 px 0 px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
}

#monthly .basic_small{
  color: #333;
  background-color: white;
  border-radius: 50%;
  padding:0 5.5px;
  font-size: 14px;
  border: 0.5px solid #333;
  vertical-align: middle;
}

#monthly .ajust{
  margin:0 5px;
}

#monthly .bottom_content{
  justify-content: space-around;
}

#monthly .triangle{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #000000;
  display:inline-block;
  padding-right:3px;
}