@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 p{
	text-indent:0;
	font-size:16px;
	}


#monthly h3{
	font-size: 40px;
    font-weight: bold;
    color: #fff;
    background:#231916;
    padding:10px 20px;
    letter-spacing:0.06em;
    margin-bottom:20px;
	}
	
#monthly h3 span{
	display:inline-block;
	font-size: 32px;
	border:1px solid #fff;
	margin-left:16px;
	padding:4px 10px;
	line-height:32px;
	}

#monthly .box-mikata{
	background-color:#fff;
	padding:0 40px 0px 104px;
	position:relative;
	}

#monthly .box-yusen{
	background-color:#EFBDA4;
	padding:40px 40px 60px 40px;
	margin-top:60px;
	position:relative;
	}
	
#monthly .box-sgyusyo{
	background-color:#B6D7BA;
	padding:40px 40px 60px 40px;
	margin-top:60px;
	position:relative;
	}

#monthly .box-zyoi{
	background-color:#B3ABCF;
	padding:40px 40px 60px 40px;
	margin-top:60px;
	position:relative;
	}

#monthly .box-mikata div.mark{
	position:absolute;
	top:0px;
	left:-136px;
	color:#fff;
	padding:4px;
	background: #231916;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	}

#monthly h4{
	font-size: 50px;
    font-weight: bold;
    color: #fff;
    position:absolute;
	top:-30px;
	left:40px;
	}

#monthly .box-yusen h4{
    text-shadow: #C7000C 3px 0px, #C7000C -3px 0px, #C7000C 0px -3px, #C7000C 0px 3px, #C7000C 3px 3px, #C7000C -3px 3px, #C7000C 3px -3px, #C7000C -3px -3px, #C7000C 1px 3px, #C7000C -1px 3px, #C7000C 1px -3px, #C7000C -1px -3px, #C7000C 3px 1px, #C7000C -3px 1px, #C7000C 3px -1px, #C7000C -3px -1px;
	}

#monthly .box-sgyusyo h4{
    text-shadow: #00873B 3px 0px, #00873B -3px 0px, #00873B 0px -3px, #00873B 0px 3px, #00873B 3px 3px, #00873B -3px 3px, #00873B 3px -3px, #00873B -3px -3px, #00873B 1px 3px, #00873B -1px 3px, #00873B 1px -3px, #00873B -1px -3px, #00873B 3px 1px, #00873B -3px 1px, #00873B 3px -1px, #00873B -3px -1px;
	}

#monthly .box-zyoi h4{
    text-shadow: #191877 3px 0px, #191877 -3px 0px, #191877 0px -3px, #191877 0px 3px, #191877 3px 3px, #191877 -3px 3px, #191877 3px -3px, #191877 -3px -3px, #191877 1px 3px, #191877 -1px 3px, #191877 1px -3px, #191877 -1px -3px, #191877 3px 1px, #191877 -3px 1px, #191877 3px -1px, #191877 -3px -1px;
	}

#monthly div.yusyo-photo{
    position:absolute;
	top:-20px;
	right:270px;
	}

#monthly .profile_box{
	width:700px;
	background-color:#fff;
	position:relative;
	padding-bottom:10px;
	margin-top:24px;
	}

#monthly .box-mikata .profile_box{
	width:660px;
	background-color:#E6E6E7;
	padding-bottom:0px;
	margin-left:30px;
	}

#monthly .name-box {
	margin-left:14px;
	}

#monthly .box-mikata .name-box {border-bottom:4px solid #231916;}
#monthly .box-yusen .name-box {border-bottom:4px solid #A70E1E;}
#monthly .box-sgyusyo .name-box {border-bottom:4px solid #00873B;}
#monthly .box-zyoi .name-box {border-bottom:4px solid #191877;}


	
#monthly .name {
	font-size:36px;
	font-family:"ＭＳ ゴシック", monospace;
	}
	
#monthly .name a{
	color:#3E3939;
	}

#monthly .kana{
	font-size:14px;
	margin-right:28px;
	}

#monthly .data-box{
	display:flex;
	flex-wrap:wrap;
	}
	
#monthly .data-box .d-left{
	width:300px;
	margin-left:14px;
	padding-top:8px;
	position:relative;
	font-size:14px;
	}

#monthly .box-mikata .data-box .d-left{
	width:290px;
	}

#monthly .box-mikata .data-box .d-left p{
	margin-left:60px;
	line-height:1.1em;
	font-size:14px;
	}


#monthly .box-mikata p.memo{
	margin-left:38px;
	font-size:12px;
	}

#monthly .box-mikata .data-box .d-left span{
	display:inline-block;
	border:1px solid #999;
	padding:2px;
	background-color:#D3EDFB;
	width:52px;
	text-align:center;
	margin-right:4px;
	margin-left:-62px;
	font-size:13px;
	}


#monthly .data-box .d-right{
	width:300px;
	margin-left:20px;
	}

#monthly .box-mikata .data-box .d-right{
	width:240px;
	margin-left:14px;
	}

#monthly .profile_box table{
	width: 300px;
	margin-top: 6px;
	background: #ffffff;
	border: solid 1px black;
	position:absolute;
	bottom:0px;
	left:0px;
}

#monthly .profile_box table th,
#monthly .profile_box table td{
	border-left: solid 1px black;
	text-align:center;
	width:100px;
}

#monthly .profile_box table th{
	background: #D3EDFB;
	}

#monthly .profile_box table th:nth-child(1),
#monthly .profile_box table th:nth-child(3){
	letter-spacing:1em;
	text-indent:1em;
	}

/*コース別成績*/
#monthly .profile_box table.coursebetsu{
	width: 240px;
	margin-top: 6px;
	background: #ffffff;
	border: solid 1px black;
	font-size:13px;
	position:relative;
}

#monthly .box-mikata .profile_box table.coursebetsu{
	width: 200px;
	}

#monthly .profile_box table.coursebetsu th,
#monthly .profile_box table.coursebetsu td{
	border-bottom: solid 1px black;
	border-left: solid 0px black;
	line-height:1.3em;
}


#monthly .profile_box table.coursebetsu th{
	background: #d3edfb;
	font-weight: normal;
	text-align: center;
}

#monthly .profile_box table.coursebetsu th span{
	display:inline-block;
	width:56px;
	text-align: center;
}

#monthly .profile_box table.coursebetsu th:nth-child(2),
#monthly .profile_box table.coursebetsu th:nth-child(6),
#monthly .profile_box table.coursebetsu td:nth-child(2),
#monthly .profile_box table.coursebetsu td:nth-child(6){
	border-left: solid 1px black;
}

#monthly .profile_box table.coursebetsu th:nth-child(10){
	border-right: solid 1px black;
}

#monthly .profile_box table.coursebetsu th.one{
	background: #eeefef;
}

#monthly .profile_box table.coursebetsu th.two{
	background: #c9c9ca;
}

#monthly .profile_box table.coursebetsu th.three{
	background: #f8c5ab;
}

#monthly .profile_box table.coursebetsu th.four{
	background: #bad1ed;
}

#monthly .profile_box table.coursebetsu th.five{
	background: #fffbc6;
}

#monthly .profile_box table.coursebetsu th.six{
	background: #bedfc2;
}

#monthly .profile_box table.coursebetsu td{
	text-align: right;
	padding-right:6px;
	}

#monthly .profile_box table.coursebetsu th:nth-child(1),
#monthly .profile_box table.coursebetsu th:nth-child(3){
	letter-spacing:0em;
	text-indent:0em;
	}


#monthly .box-mikata .profile_box table.coursebetsu td{
	text-align: left;
	padding:2px 6px;
	}
	
#monthly .profile_box .photo{
	border-radius: 50%;
	width:200px;
	height:200px;
	position:absolute;
	top:-4px;
	left:600px;
	font-color:#fff;
	}

#monthly .box-mikata .profile_box .photo{
	position:absolute;
	top:-4px;
	left:540px;
	}

#monthly .box-mikata .profile_box .photo{
	border:2px solid #575555;
	box-shadow: 0 0 10px #575555;
	filter: drop-shadow(0px 0px 2px #575555);
	}

#monthly .box-yusen .profile_box .photo{
	border:2px solid #D24E2E;
	box-shadow: 0 0 10px #D24E2E;
	filter: drop-shadow(0px 0px 2px #D24E2E);
	}
	
#monthly .box-sgyusyo .profile_box .photo{
	border:2px solid #00873B;
	box-shadow: 0 0 10px #00873B;
	filter: drop-shadow(0px 0px 2px #00873B);
	}
	
#monthly .box-zyoi .profile_box .photo{
	border:2px solid #191877;
	box-shadow: 0 0 10px #191877;
	filter: drop-shadow(0px 0px 2px #191877);
	}

#monthly .profile_box .photo img{
	border-radius: 50%;
	width:200px;
	height:200px;
	}

#monthly .profile_box .photo div.pickup{
	position:absolute;
	bottom:10px;
	right:0px;
	color:#fff;
	padding:0 6px;
	transform: skewX(-8deg);
	}

#monthly .box-mikata .pickup{background: #231916;}
#monthly .box-yusen .pickup{background: #C7000C;}
#monthly .box-sgyusyo .pickup{background: #00873B;}
#monthly .box-zyoi .pickup{background: #191877;}