@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 #watermotor_title{
    width:900px;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-bottom:20px;
}

#monthly #watermotor_title #title_img{
    width:230px;
    margin-right:5px;
}

#monthly #watermotor_title h2{
    color:#7f4689;
    font-size:27px;
    text-align:left;
    font-family:serif;
    font-style: italic;
    line-height:38px;
    margin-top:30px;
}

#monthly #textbox{
    margin-bottom:25px;
}

#monthly #textbox h4{
    color:#009c7c;
    font-size:22px;
    text-align:center;
    margin-top:10px;
    margin-bottom:8px;
}

#monthly #textbox h4 span{
    background: #009c7c;
    color: #fff;
    padding: 0px 5px;
    letter-spacing: 2px;
}

#monthly #textbox p span{
    background: #217fc4;
    color: #fff;
    font-weight: bold;
    padding: 0px 5px;
    letter-spacing: 2px;
}


/*大渦大賞優勝戦*/
#monthly #yusyo{
    border: 1px solid #000;
    padding:20px;
    width: 80%;
    margin:0px auto;
}

#monthly #yusyo table{
    width: 450px;
    margin-bottom:10px;
}

#monthly #yusyo table caption {
    text-align: center;
    line-height: 1.2;
    margin-bottom:8px;
}

#monthly #yusyo table caption span {
    color: #000;
    font-weight: bold;
}

#monthly #yusyo table th,
#monthly #yusyo table td {
    text-align: center;
    padding: 3px;
}

#monthly #yusyo table th {
    border-bottom: 1px solid #111111;
    background-color: #efeab9;
    white-space: nowrap;
    line-height: 1;
    font-weight:normal;
    vertical-align:middle;
}

#monthly #yusyo table  tr:nth-child(2) {
    font-weight: bold;
}

#monthly #yusyo table td {
    border-bottom: 1px solid #111111;
}

#monthly #yusyo table .waku1,
#monthly #yusyo table .waku2,
#monthly #yusyo table .waku3,
#monthly #yusyo table .waku4,
#monthly #yusyo table .waku5,
#monthly #yusyo table .waku6{
    text-align: center;
    font-weight: bold;
}

#monthly #yusyo table .waku1 {
    background-color: #eee;
    color: 333;
}
#monthly #yusyo table .waku2 {
    background-color: #333;
    color: #fff;
}

#monthly #yusyo table .waku3 {
    background-color: #ee1122;
    color: #fff;
}

#monthly #yusyo table .waku4 {
    background-color: #0055aa;
    color: #fff;
}

#monthly #yusyo table .waku5 {
    background-color: #ffee00;
    color: 333;

}
#monthly #yusyo table .waku6 {
    background-color: #00aa55;
    color: #fff;
}

#monthly #yusyo table .motor_no span{
    background: #217fc4;
    color: #fff;
    font-weight: bold;
    padding: 0px 5px;
    letter-spacing: 2px;
    display: inline-block;
    transform: scale(1.3, 1);
}

#monthly #yusyo p{
    text-indent:0;
    margin-bottom:0;
}

#monthly #yusyo p span{
    display: inline-block;
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}

#monthly #yusyo img.photo_right {
    float:right;
    margin:0px 0px 15px 15px;
}

/*オススメ6モーター*/
#monthly h3{
    font-size:30px;
    background:#fff9b0;
    text-align:center;
    margin:30px 0 10px 0;
    color:#fff;
    font-weight:bold;
    text-shadow:2px 2px 0 #217fc4, -2px -2px 0 #217fc4,
                2px 2px 0 #217fc4, 2px -2px 0 #217fc4,
                0px 2px 0 #217fc4,  0-2px 0 #217fc4,
                -2px 0 0     #217fc4, 2px 0 0 #217fc4;
}

#monthly h3 span{
    font-size:45px;
}

#monthly #osusume6{
    display:table;
    margin-bottom: 30px;
    flex-wrap:wrap;
    justify-content: space-between;
    border-collapse:collapse;
}

#monthly .motor_box{
    display:table-row;
}


#monthly .motor{
    width: 428px;
    vertical-align: middle;
    border: 1px solid #000;
    padding:10px;
    display:table-cell;
}

#monthly .motor h4{
    font-size:20px;
    text-align:center;
    letter-spacing:0.05em;
}

#monthly .motor h4 span.number{
    background: #217fc4;
    color: #fff;
    padding: 0px 5px;
    display: inline-block;
    transform: scale(1.3, 1);
    margin-right:10px;
}

#monthly .motor h4 span.gouki{
    color: #217fc4;
}

#monthly .motor h4 span.number,
#monthly .motor h4 span.syoritsu{
    font-size:36px;
}

#monthly .motor table{
    width:100%;
    margin:5px 0;
}

#monthly .motor table td{
    border-bottom: 1px solid #111111;
    padding:3px;
    text-align:center;
}

#monthly .motor table td:nth-child(5){
    text-align:left;
}

#monthly .motor p{
    text-indent:0;
    margin-bottom:0;
}

#monthly .motor p span{
    display: inline-block;
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}