@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 div#main-box{
  background-color:#103b8a;
  }

#monthly div#title-box{
  background: url("./img/watanabe_face.png") no-repeat 0 0, linear-gradient(to top, rgba(16,59,138,1) 75%, rgba(255,255,255,1) 75%);
  margin-bottom:0px;
    min-height:400px;
    position: relative;
}

#monthly div#text-box{
  background-color:#103b8a;
  padding:40px 40px 40px 40px;
  margin-top: -4px;
}

#monthly p{
  color: #fff;
  text-indent:0;
}

#monthly p:nth-child(2){
  text-indent:1em;
}

#monthly h3{
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  text-align: right;
  }
  
#monthly h4{
  color: #fff575;
  text-align: center;
  font-size: 24px;
  margin:60px auto 20px auto;
  letter-spacing:0.06em;
  }

#monthly h3.article_title {
  position:absolute;
  top:150px;
  right:40px;
  color: #fff575;
  font-size: 50px;
  letter-spacing: -2px;
  width:540px;
  text-align:left;
  line-height:1.2em;
}

#monthly h3.article_title span{
  letter-spacing: -0.2em;
}
#monthly h4 span{
  letter-spacing: -0.2em;
}

#monthly h3.article_title2 {
  position:absolute;
  top:280px;
  right:40px;
  width:540px;
  color: #fff;
  font-size: 20px;
}

#monthly h3.article_title2 span.number {
  font-size: 34px;
  padding: 0px 0px 10px 0px;
  vertical-align: super;
}

#monthly h3.article_title2 span.name {
  font-size: 74px;
  color: #d69fc3;
  padding: 0 0 0 12px;
}


#monthly .profile {
position: relative;
  border: 3px #c047a4 solid;
  padding: 8px 12px;
  background-color:#fff;
  margin-top: 60px;
  min-height:180px;
}

#monthly .profile_header {
  position:absolute;
  top:-8px;
  right:0px;
  color: #f4d9e1;
  font-size: 40px;
  letter-spacing: 2px;
  text-align: end;
  text-shadow: 0.3px 0.3px 0,
0.3px -0.3px 0px,
-0.3px 0.3px 0,
-0.3px -0.3px 0px,
0.3px 0px 0px,
0px 0.3px 0px,
-0.3px 0px 0px,
0px -0.3px 0px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: bold;
}

#monthly .profile p{
 color: #4c5159;
 width:480px;
 margin:6px;
}

#monthly .profile .name2 {
  font-weight: bold;
  color: #c047a4;
  text-indent: 0;
  margin-bottom: -6px;
}

#monthly .profile img.boat{
  position:absolute;
  bottom:16px;
  right:20px;
  width:240px;
  }