/* #wrapper.detail
----------------*/
#contents header h2.tit{
background:url(/event/compe/img/2021/detail/hd_sp.png) 50% 0 no-repeat;
background-size:100% auto;
}

@media only screen and (min-width:768px){
#contents header h2.tit{
background:url(/event/compe/img/2021/detail/hd_pc.png) 50% 0 no-repeat;
}
}
#contents header h2.tit em span{
color:#fff;
}
#contents.end header h2.tit em span{
display:none;
}




/*#detail_header
	-----------*/
#detail_header{
text-align:center;
}
#detail_header article{
margin:0 auto;
max-width:980px;
width:96%;
}
@media only screen and (max-width:767px){
#detail_header{
padding:3em 0 0 0;
}
#detail_header article{
background:url(/event/compe/img/2020/detail/header_sp.png) 50% 20px no-repeat;
background-size:100% auto;
}
#contents.final #detail_header article{
padding-bottom:2em;
}
#detail_header article .board{
width:90%;
margin:-20px auto 0 auto;
background:url(/event/compe/img/2020/bg_grain.png) 50% 50% no-repeat;
padding-bottom:2.8em;
}
#detail_header article .board h2{
padding:1em 0 0 0;
font-size:1.3em;
color:#2e4e4e;

}
#detail_header article .board dl {
    margin-block-start: 0;
    margin-block-end: 0;
    line-height: 1;
}
#detail_header article .board dl dt{
padding:0.5em 0 0 0;
font-size:1.3em;
font-weight:bold;
letter-spacing:-1px;
}
#detail_header article .board dl dd{
padding:0.8em 0 0 0;
font-size:0.8em;
color:#641943;
font-weight:bold;
letter-spacing:-0.4px;
position:relative;
}
#detail_header article .board dl dd:after{
content:'';
display:block;
position:absolute;
top:2.8em;
left:0;
right:0;
width:1.5em;
height:0.2em;
margin:0 auto;
background-color:#2e4e4e;
}
#detail_header article .board h3{
padding:1.7em 0 0 0;
font-size:1em;
letter-spacing:-0.4px;
}
#detail_header .link_btn{
margin-top:-2em;
}
#detail_header .link_btn li.to_form a.hover{
background:#ec7c78;
opacity:1;
}
}

@media only screen and (min-width:768px){
#detail_header{
padding:4em 0 0 0;
}
#detail_header article{
background:url(/event/compe/img/2020/detail/header_pc.png) 50% 20px no-repeat;
height:280px;
}
#detail_header article .board{
width:56%;
height:250px;
margin:-20px auto 0 auto;
background:url(/event/compe/img/2020/bg_grain.png) 50% 50% no-repeat;
}
#detail_header article .board h2{
padding:1.2em 0 0 0;
font-size:1.7em;
color:#2e4e4e;
margin-block-start: 0;
margin-block-end: 0;
line-height: 1;
margin-bottom: -25px;
}
#detail_header article .board dl dt{
padding:0.5em 0 0 0;
font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
}
#detail_header article .board dl dd{
padding:0.8em 0 0 0;
font-size:0.8em;
color:#641943;
font-weight:bold;
letter-spacing:-0.4px;
position:relative;
}
#detail_header article .board dl dd:after{
content:'';
display:block;
position:absolute;
top:2.8em;
left:0;
right:0;
width:1.5em;
height:0.2em;
margin:0 auto;
background-color:#2e4e4e;
}
#detail_header article .board h3{
padding:1em 0 0 0;
font-size:1.1em;
letter-spacing:-0.4px;
}
#detail_header .link_btn{
margin-top:-2.5em;
}
#contents #detail_header .link_btn li.to_form a.hover{
background:#ec7c78;
opacity:1;
}
}
#contents[class*="kanto_"] #detail_header article .board dl dd:after{
background:#EB6100;
}
#contents[class*="chubu_"] #detail_header article .board dl dd:after{
background:#8FC31F;
}
#contents[class*="kansai_"] #detail_header article .board dl dd:after{
background:#009E96;
}
#contents[class*="tohoku_"] #detail_header article .board dl dd:after{
background:#00479D;
}
#contents[class*="kyushu_"] #detail_header article .board dl dd:after{
background:#601986;
}
#contents[class*="final"] #detail_header article .board dl dd:after{
background:red;
}
#contents.detail #detail_outline .link_btn a{
height:3.2em;
line-height:3.2em;
height:2.8em;
line-height:2.8em;
}
#contents.detail #detail_outline .link_btn li:not(.to_form) a,
#contents.end .link_btn .to_form a{
background-color:#ccc;
pointer-events:none;
}
#contents.end .link_btn .to_form a i.popup{
display:none;
}
#contents.pairing_on #detail_outline .link_btn li a.pairing{
background:#22ac38;
pointer-events:all;
}
#contents.result_on #detail_outline .link_btn li a.pairing{
background:#e4007f;
pointer-events:all;
}
#contents.report_on #detail_outline .link_btn li a.report{
background:#00a0e9;
pointer-events:all;
}
#detail_header .note{
background:url(/event/compe/img/2020/bg_grain.png) 50% 50% no-repeat;
width:90%;
margin:-1.5em auto 0 auto;
padding-bottom:1.5em;
}
#detail_header .note ul{
width:80%;
margin:0 auto;
text-align:left;
}
#detail_header .note ul li{
font-size:0.8em;
line-height:1.2em;
text-indent:-1em;
margin-left:1em;
}

@media only screen and (min-width:768px){
#detail_header .note{
width:56%;
margin:-3em auto 0 auto;
padding-bottom:1em;
}
}
#detail_hd_caution{
text-align:center;
}
#detail_hd_caution article{
margin:0 auto;
max-width:980px;
width:96%;
text-align:left;
}
#detail_hd_caution ul{
padding:1em 0 0 0.5em;
}
#detail_hd_caution ul li{
font-size:0.8em;
line-height:1.2em;
text-indent:-1em;
margin-left:1em;
color:#900;
font-weight:bold;
}





/*#contents .table
	-----------*/
#contents .table{
width:100%;
padding:1em 0;
}
#contents .table>ul{
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
#contents .table>ul>li dl{
display:table;
width:100%;
}
#contents .table>ul>li>dl>dt,
#contents .table>ul>li>dl>dd{
display:table-cell;
color:#000;
border-bottom:1px solid #ccc;
padding:0.45em 0.1em 0.3em 0.25em;
}
#contents .table>ul>li>dl>dt{
font-weight:bold;
background:#efefef;
font-size:0.8em;
line-height:1.5em;
letter-spacing:-0.6px;
width:7.1em;
border-left:1px solid #ccc;
}
#contents .table>ul>li>dl>dd p,
#contents .table>ul>li>dl>dd ul li{
font-size:0.8em;
line-height:1.4em;
letter-spacing:-0.6px;
padding-bottom:0.3em;
}
#contents .table>ul>li>dl>dd ul.note li{
text-indent:-0.8em;
margin:0 0 0 0.8em;
}

@media only screen and (min-width:768px){
#contents .table>ul>li>dl>dt,
#contents .table>ul>li>dl>dd{
padding:1em;
vertical-align: middle;
}
#contents .table>ul>li>dl>dt{
width:12em;
}
#contents .table>ul>li>dl>dt,
#contents .table>ul>li>dl>dd p,
#contents .table>ul>li>dl>dd ul li{
font-size:0.85em;
}
}
#contents .table>ul>li>dl>dd a{
color:#641943;
}
#contents .table>ul>li>dl>dd a.hover{
text-decoration:underline;
}
#contents .table>ul>li>dl>dd a i.popup{
font-size:1em;
height:0.6em;
width:0.4em;
display:inline-block;
position:relative;
}
#contents .table>ul>li>dl>dd a i.popup:before,
#contents .table>ul>li>dl>dd a i.popup:after{
content:'';
display:block;
position:absolute;
}
#contents .table>ul>li>dl>dd a i.popup:before{
height:0.5em;
width:0.6em;
top:-2px;
left:6px;
background:#641943;
}
#contents .table>ul>li>dl>dd a i.popup:after{
height:0.4em;
width:0.4em;
top:1px;
left:3px;
border-left:2px #641943 solid;
border-bottom:2px #641943 solid;
}





/*#detail_outline
	-----------*/
#detail_outline{
padding:0em 0 3.5em 0;
text-align:center;
}
#detail_outline article section{
margin:0 auto;
max-width:980px;
width:96%;
text-align:left;
}
#detail_outline .note{
margin-bottom:1.5em;
}
#detail_outline .note li{
font-size:0.85em;
line-height:1.4em;
letter-spacing:-0.6px;
padding-bottom:0.3em;
}
#detail_outline .note li{
text-indent:-0.8em;
margin:0 0 0 0.8em;
}
#detail_outline .note li a{
color:#641943;
font-weight:bold;
padding-right:1em;
}
#detail_outline .note li a.hover{
text-decoration:underline;
}




/*#detail_course
	-----------*/
#detail_course{
padding:2em 0 3.5em 0;
text-align:center;
background:#f5f5f5;
}
#detail_course article section{
margin:0 auto;
max-width:980px;
width:96%;
text-align:left;
}
#detail_course h3{
text-align:center;
height:4em;
}
#detail_course h3 em{
display:inline-block;
font-size:1.2em;
position:relative;
}
#detail_course h3 em:after{
content:'';
display:block;
position:absolute;
top:1.3em;
left:0;
right:0;
width:80%;
height:0.25em;
margin:0 auto;
background-color:#2e4e4e;
}

@media only screen and (min-width:768px){
#detail_course h3 em{
font-size:1.1em;
}
#detail_course h3 em:after{
width:90%;
}
}
#course_slider{
opacity:0;
-webkit-transition:opacity .3s linear;
transition:opacity .3s linear;
}
#course_slider.slick-initialized{
opacity:1;
}
#course_slider .slick-slide{
outline:none;
cursor:-webkit-grab;
cursor:grab;
}
#course_slider div{
background:#000;
}
#course_slider div img{
height:auto;
width:100%;
}
#course_slider .slick-slide:not(.slick-center){
opacity:0.55;
-webkit-transition:0.3s linear;
transition:0.3s linear;
}
#course_slider .slick-arrow{
position:absolute;
display:block;
width:23%;
font-size:0;
height:100%;
top:0;
z-index:100;
}
#course_slider .slick-prev{
left:0;
}
#course_slider .slick-next{
right:0;
}
#course_slider .slick-prev:before,
#course_slider .slick-next:before{
content:' ';
position:absolute;
top:46%;
display:block;
width:25px;
height:25px;
border:3px solid;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-color:transparent transparent #fff #fff;
}
#course_slider .slick-prev:before{
right:0;
}
#course_slider .slick-next:before{
border-color:#fff #fff transparent transparent;
left:0;
}
#course_slider .slick-arrow.hover{
opacity:0.2;
}
#course_slider .slick-disabled{
opacity:0;
pointer-events:none;
}

@media only screen and (max-width:767px){
#course_slider .slick-arrow{
width:10%;
}
#course_slider .slick-prev:before,
#course_slider .slick-next:before{
top:46%;
display:block;
width:14px;
height:14px;
border:2px solid;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-color:transparent transparent #fff #fff;
}
#course_slider .slick-next:before{
border-color:#fff #fff transparent transparent;
}
}
#detail_course .table{
padding:2em 0;
}
#contents.ph_non #course_slider{
pointer-events:none;
}

/*20200508 add*/
#contents .table .detail__red {
  font-size: small;
  color: #F00;
  font-weight: bold;
}

#contents .to_pair {
  background: #22ac38;
}
#contents .link_btn .to_pair a{
  width: 100%;
  background: #22ac38;
}
#contents .link_btn li.to_form {
  display: inline-block;
  vertical-align: top;
  width: 32%;
}
@media only screen and (max-width:767px){
  #contents .link_btn li.to_form {
    width: 49%;
  }
}
#contents .link_btn li.to_form span{
  display: block;
  width: 88%;
  margin: 0 auto;
  background: #ccc;
  font-weight: bold;
  color: #fff;
  font-size: 1em;
  letter-spacing: -0.5px;
  height: 3.2em;
  line-height: 3.2em;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
}
#contents .link_btn li.pairing {
  display: inline-block;
  vertical-align: top;
  width: 32%;
}
@media only screen and (max-width:767px){
  #contents .link_btn li.pairing {
    width: 32%;
    margin-bottom: 1.6em;
  }
}
#contents .link_btn li.pairing a{
  display: block;
  width: 88%;
  margin: 0 auto;
  background: #22ac38;
  font-weight: bold;
  color: #fff;
  font-size: 1em;
  letter-spacing: -0.5px;
  height: 3.2em;
  line-height: 3.2em;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
}

#contents .link_btn li.report {
  display: inline-block;
  vertical-align: top;
  width: 32%;
}
@media only screen and (max-width:767px){
  #contents .link_btn li.report {
    width: 32%;
  }
}
#contents .link_btn li.report span{
  display: block;
  width: 88%;
  margin: 0 auto;
  background: #ccc;
  font-weight: bold;
  color: #fff;
  font-size: 1em;
  letter-spacing: -0.5px;
  height: 3.2em;
  line-height: 3.2em;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
}
#contents .link_btn li.report a{
  display: block;
  width: 88%;
  margin: 0 auto;
  background: #00a0e9;
  font-weight: bold;
  color: #fff;
  font-size: 1em;
  letter-spacing: -0.5px;
  height: 3.2em;
  line-height: 3.2em;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
}
#contents .link_btn li.result a{
  display: block;
  width: 88%;
  margin: 0 auto;
  background: #e4007f;
  font-weight: bold;
  color: #fff;
  font-size: 1em;
  letter-spacing: -0.5px;
  height: 3.2em;
  line-height: 3.2em;
  -webkit-box-shadow: 1px 1px 3px #ccc;
  box-shadow: 1px 1px 3px #ccc;
}
@media only screen and (max-width:767px){
  #contents .link_btn li.result {
    width: 32%;
  }
}
.tmt_add {
  position: absolute;
  display: block;
  padding: 5px;
  color: red;
}
.add_comment_title {
  margin: 10px 0;
  font-size: 1.5em;
  font-family: sans-serif;
  line-height: 1.3em;
}
.add_comment_contents {
  line-height: 25px;
  font-family: sans-serif;
}
.add_comment_at {
  line-height: 25px;
  font-family: sans-serif;
}
.lpga_pro img{
  width:100%
}