/*font-color*/
.red { color:#cc0000;}
.blue { color:#0058d1;}
.lightblue { color:#3dbaf7;}
.pink {color:#e4007f;}
.orange { color:#ff6600;}
.green { color:#339900;}
.lightgreen {color:#33ff00;}
.purple { color:#9400d3;}
.brown { color:#8b4513;}
.yellow { color:#e6b422;}

/* report*/
@media all and (min-width: 768px) {
.report #mainBox h2{width:910px;height:160px;background:url(../img/report/title.png) no-repeat; margin:0 auto 20px;}
.column-l{width:600px;float:left;}
.column-r{width:300px;float:right;padding-right:20px;margin-top:20px;}
.reportBox{width:570px;margin-left:20px;}
}
@media all and (max-width: 767px) {
.report #mainBox h2{width:100%;height:46px;background:url(../img/report/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
}

/* report in*/
.report h3.title{position:relative;color:#fff;background:#e4007f;border-radius:20px;}
.report h3.title:after{content:" ";width:0;height:0;
	border-width:8px;border-style:solid;border-color:transparent;border-top-color:#e4007f;z-index:1;}
.report  time{display:block;color:#0058d1;text-align:right;}
.report .txt-center{display:block;text-align:center}
.report figure p.pics span{display:block;background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#fff000;border-radius:50px;}

@media all and (min-width: 768px) {
.report h3.title{width:100%;font-size:140%;line-height:140%;margin:20px auto 0;padding:10px 20px;}
.report h3.title:after{position:absolute;top:100%;left:28px;}
.report  time{width:560px;margin:0 auto;}
 .report .tate figure{padding:0 143px}
 .report .yoko figure{padding:0 73px}
 .report  figure p.pics{padding:9px;margin-bottom:10px}
 .report .tate figure p.pics span,div.tate figure p.pics img{width:280px;height:420px}
 .report .yoko figure p.pics span,div.yoko figure p.pics img{width:420px;height:280px}
.report figure figcaption{display:block;text-align:center;font-size:80%;line-height:1.5;margin-bottom:30px;}
.report figure figcaption span{background-color:#fff000;padding:5px;}
.report p.lines{margin:20px auto;padding:0 10px;}
}
@media all and (max-width: 767px) {
.report h3.title{width:95%;font-size:80%;line-height:140%;margin:2em auto 0;padding:0.5em 1em;}
.report h3.title:after{position:absolute;top:100%;left:20px;}
.report  time{width:100%;margin:0 auto;}
 .report  figure p.pics{margin:1em auto}
 .report .tate figure p.pics{width:192px}
 .report .yoko figure p.pics{width:284px}
 .report .tate figure p.pics span,div.tate figure p.pics img{width:184px;height:276px}
 .report .yoko figure p.pics span,div.yoko figure p.pics img{width:276px;height:184px}
.report figure figcaption{width:90%;display:block;text-align:center;font-size:70%;line-height:1.5;margin:0 auto 1em;}
.report figure figcaption span{background-color:#fff000;padding:.25em 1em}
.report p.lines{width:85%;margin:1em auto;}
}

/*// calender //*/
.report .calender table caption,.report .recent h3,section.pickup h3{font-size:87.5%;font-weight:700;color:#fff;background:#3dbaf7;border-radius:10px;}
.report .calender{margin-bottom:20px}
.report .calender table{width:100%;border-collapse:separate;border-spacing:1px}
.report .calender table caption{text-align:center;padding:.75em 0;}
.report .calender table caption a{color:#ffea4e;text-decoration:none}
.report .calender table caption a:hover{text-decoration:underline}
.report .calender table caption span{padding:0 1em;}
.report .calender thead th,.report .calender tbody td{vertical-align:middle;margin:0;padding:0}
.report .calender thead th span,.report .calender tbody td span,.report .calender tbody td a{display:block;font-weight:400;font-size:87.5%;text-align:center;line-height:1.25;padding:.5em 0}
.report .calender tbody td a{backgroundr:#fff;color:#c00;}
.report .calender tbody td a:hover,.report .calender tbody td a:hover{background:#e6fbff;text-decoration:none}
.report .calender thead th.sunday,.report .calender tbody td.sunday{color:#e4007f}
.report .calender thead th.saturday,.report .calender tbody td.saturday{color:#0058d1}
.report .calender thead td.today span,.report .calender tbody td.today a{background:#fff000}
/*// recent //*/
.report .recent h3, .report .pickup h3{letter-spacing:1px;padding:.75em 1em;color:#fff;background:#3dbaf7;border-radius:10px;}
.report .recent dl a{display:block;text-decoration:none}
.report .recent dl a:nth-child(even){background:#f2f2f2}
.report .recent dl a dt,.report .recent dl a dd{line-height:1.5;padding:0 1em}
.report .recent dl a dt{color:#0058d1;padding-top:.5em}
.report .recent dl a dd{border-bottom:1px solid #e0e0e0;padding-bottom:.5em}

@media all and (min-width: 768px) {
.report .calender table caption,.report .recent h3,section.pickup h3{font-size:90%;}
.report .calender table{width:100%;border-collapse:separate;border-spacing:1px}
.report .recent{margin-bottom:20px}
.report .recent dl a dt,.report .recent dl a dd{font-size:90%}
}
@media all and (max-width: 767px) {
.report .calender table caption,.report .recent h3,section.pickup h3{font-size:80%;}
.report .calender table{width:90%;border-collapse:separate;border-spacing:1px;margin:1em auto;}
.report .recent{width:90%;margin:1em auto;}
.report .recent dl a dt,.report .recent dl a dd{font-size:80%}
}

/*// footer //*/
.report footer nav ul{list-style-type:none}
.report footer nav ul li{position:relative}
.report footer nav ul li.next{float:left}
.report footer nav ul li.prev{float:right}
.report footer nav ul li.prev a{display:block;text-indent: -9999px;background:url(../img/next.png) center center no-repeat;background-size: contain;}
.report footer nav ul li.next a{display:block;text-indent: -9999px;background:url(../img/back.png) center center no-repeat;background-size: contain;}
.report footer nav ul li span{display:none;}
@media all and (min-width: 768px) {
.report footer {width:560px; margin:10px auto 20px;}
.report footer p{font-size:90%;text-align:center;line-height:1.5;paddingn-bottom:1em;}
.report li.prev a, .report li.next a{width:100px;height:100px; border-radius: 70px;padding: 65px 20px 20px;}
}
@media all and (max-width: 767px) {
.report footer {width:90%;margin:0 auto;padding-bottom:1em;}
.report footer p{font-size:70%;text-align:center;line-height:1.5;}
.report li.prev a, .report li.next a{width:60px;height:60px;border-radius: 70px;padding: 38px 5px 20px;}
}


/*// form //*/
.report select {-moz-appearance: none;text-indent: 0.01px;text-overflow: '';}
.report select::-ms-expand {display: none;}
.report label {position: relative;display: block;width: 100%; background: #fff000;border-radius:10px;}
.report label:before {content: "";
    position: absolute; top: 50%;right: 10px;display: block;width: 0;height: 0;margin: -2px 0 0 0;border: 5px solid transparent;border-top: 7px solid #000;}
.report select {cursor: pointer;position: relative;-webkit-appearance: none;appearance: none;display: block;width:100%;padding: 0.4em 1em;color: #000; border: none;background: transparent;
font-size:87.5%;}
@media all and (min-width: 768px) {
.report form {width:100%;padding:10px 0}
}
@media all and (max-width: 767px) {
.report form {width:90%;padding:0.5em 0;margin:0 auto 1em;}
}