@charset "utf-8";

/*=============================================================
 Common Layout
=============================================================*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC / TUBLET 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width: 768px), print {
/*=============================================================
 Common Layout
=============================================================*/
#header nav #gbMenu li:nth-of-type(3) a {
 background-color: #ce3164;
}
.cmnMv01 {
 background-image: url(../img/record_mv_bg01.jpg)
}
.sec01 {
 margin: 115px 0 0;
}
.sec02 {
 margin: 67px 0 0;
}
.sec01 h2,
.sec02 h2 {
 text-align: center;
}
.anchorList01 {
 margin: 61px 0 0;
}
.anchorList01 li {
 float: left;
 margin: 0 0 0 13px;
 line-height: 1;
}
.anchorList01 li:first-child {
 margin: 0;
}
.anchorList01 li a {
 display: block;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 background-repeat: no-repeat;
 background-position: left top, left 49px;
}
.anchorList01 li a:hover {
 background-position: left 49px, left top;
}
.sec01 .anchorList01 li a {
 width: 181px;
 height: 49px;
}
.sec01 .anchorList01 li:nth-of-type(1) a {
 background-image: url(../img/record_btn01.png), url(../img/record_btn01_ov.png);
}
.sec01 .anchorList01 li:nth-of-type(2) a {
 background-image: url(../img/record_btn02.png), url(../img/record_btn02_ov.png);
}
.sec01 .anchorList01 li:nth-of-type(3) a {
 background-image: url(../img/record_btn03.png), url(../img/record_btn03_ov.png);
}
.sec01 .anchorList01 li:nth-of-type(4) a {
 background-image: url(../img/record_btn04.png), url(../img/record_btn04_ov.png);
}
.sec01 .anchorList01 li:nth-of-type(5) a {
 background-image: url(../img/record_btn05.png), url(../img/record_btn05_ov.png);
}
.sec02 .anchorList01 li a {
 width: 228px;
 height: 49px;
}
.sec02 .anchorList01 li:nth-of-type(1) a {
 background-image: url(../img/record_btn06.png), url(../img/record_btn06_ov.png);
}
.sec02 .anchorList01 li:nth-of-type(2) a {
 background-image: url(../img/record_btn07.png), url(../img/record_btn07_ov.png);
}
.sec02 .anchorList01 li:nth-of-type(3) a {
 background-image: url(../img/record_btn08.png), url(../img/record_btn08_ov.png);
}
.sec02 .anchorList01 li:nth-of-type(4) a {
 background-image: url(../img/record_btn09.png), url(../img/record_btn09_ov.png);
}
.sec01 section,
.sec02 section {
 margin: 70px 0 0;
}
.sec01 h3,
.sec02 h3 {
 background: #ce3164;
 font-size: 22px;
 color: #fff;
 text-align: center;
 line-height: 1.36;
 margin: 0 0 20px;
}
.tbl01,
.tbl02 {
 width: 100%;
 border-left: 1px dashed #646464;
 box-sizing: border-box;
 margin: 0 auto;
}
.tbl01 colgroup col:nth-of-type(1),
.tbl02 colgroup col:nth-of-type(1) {
 width: 84px;
}
.tbl01 colgroup col:nth-of-type(2),
.tbl02 colgroup col:nth-of-type(2) {
 width: 159px;
}
.tbl01 colgroup col:nth-of-type(3),
.tbl02 colgroup col:nth-of-type(3) {
 width: 160px;
}
.tbl01 colgroup col:nth-of-type(4),
.tbl02 colgroup col:nth-of-type(4) {
 width: 160px;
}
.tbl01 colgroup col:nth-of-type(5),
.tbl02 colgroup col:nth-of-type(5) {
 width: 236px;
}
.tbl01 colgroup col:nth-of-type(6),
.tbl02 colgroup col:nth-of-type(6) {
}
.tbl01 td,
.tbl02 td {
 font-size: 16px;
 line-height: 2.1;
 border-right: 1px dashed #646464;
 padding: 0 5px 0 30px;
 vertical-align: top;
 text-align: left;
 box-sizing: border-box;
}
.tbl01 td:nth-of-type(1),
.tbl02 td:nth-of-type(1) {
 text-align: center;
}
.tbl01 .pickup td,
.tbl02 .pickup td {
 color: #ff99ba;
}
.tbl01 .pickup td > span,
.tbl02 .pickup td > span {
 display: table;
 width: 100%;
}
.tbl01 .pickup td > span span,
.tbl02 .pickup td > span span {
 display: table-cell;
 vertical-align: middle;
}
.tbl01 .pickup td > span strong,
.tbl02 .pickup td > span strong {
 display: table-cell;
 font-size: 11px;
 line-height: 1.27;
 vertical-align: middle;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 767px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px) {
/*=============================================================
 Common Layout
=============================================================*/
.cmnMv01 {
 background-image: url(../img/record_mv_bg01.jpg);
}
.cmnMv01 img {
 max-width: 107px;
}
.sec01 {
 margin: 30px 0 0;
}
.sec02 {
 margin: 67px 0 0;
}
.sec01 h2,
.sec02 h2 {
 margin: 0 auto;
}
.sec01 h2 {
 max-width: 362px;
}
.sec02 h2 {
 max-width: 331px;
}
.anchorList01 {
 margin: 35px auto 0;
 max-width: 378px;
}
.anchorList01 li {
 width: 47.76%;
 margin: 15px 0 0;
 line-height: 1;
}
.anchorList01 li:nth-of-type(odd) {
 float: left;
 clear: both;
}
.anchorList01 li:nth-of-type(even) {
 float: right;
}
.anchorList01 li:nth-of-type(-n+2) {
 margin-top: 0;
}
.anchorList01 li a {
}
.sec01 section,
.sec02 section {
 margin: 25px 0 0;
}
.sec01 h3,
.sec02 h3 {
 background: #ce3164;
 font-size: 16px;
 color: #fff;
 text-align: center;
 line-height: 1.56;
 margin: 0 0 10px;
}
.tableWrap {
 width: 100%;
 padding: 0 0 10px;
 overflow: auto;
}
/* スクロールバー本体 */
.tableWrap::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background: #9aadfc;
}
/* 横方向のスクロールバー本体 */
.tableWrap::-webkit-scrollbar:horizontal {
 width: 5px;
 height: 5px;
 background: #9aadfc;
}
/* 横方向のスクロールバーの動く部分 */
.tableWrap::-webkit-scrollbar-thumb:horizontal {
 background: #ce3164;
}
/* スクロールバーの動く部分の前 */
.tableWrap::-webkit-scrollbar-track-piece:start {
 background: #f2f2f2;
}
/* スクロールバーの動く部分の後ろ */
.tableWrap::-webkit-scrollbar-track-piece:end {
 background: #f2f2f2;
}
/* スクロールバー角 */
.tableWrap::-webkit-scrollbar-corner {
 background: transparent;
}
.tbl01,
.tbl02 {
 width: 100%;
 /*width: 404px;*/
 border-left: 1px dashed #646464;
 box-sizing: border-box;
 margin: 0 auto;
}
/*.tbl01 colgroup col:nth-of-type(1) {
 width: 26px;
}
.tbl01 colgroup col:nth-of-type(2) {
 width: 60px;
}
.tbl01 colgroup col:nth-of-type(3) {
 width: 75px;
}
.tbl01 colgroup col:nth-of-type(4) {
 width: 60px;
}
.tbl01 colgroup col:nth-of-type(5) {
 width: 91px;
}
.tbl01 colgroup col:nth-of-type(6) {
}
.tbl02 colgroup col:nth-of-type(1) {
 width: 26px;
}
.tbl02 colgroup col:nth-of-type(2) {
 width: 60px;
}
.tbl02 colgroup col:nth-of-type(3) {
 width: 75px;
}
.tbl02 colgroup col:nth-of-type(4) {
 width: 60px;
}
.tbl02 colgroup col:nth-of-type(5) {
 width: 95px;
}
.tbl02 colgroup col:nth-of-type(6) {
}*/
.tbl01 td,
.tbl02 td {
 font-size: 7px;/* 10px */
 line-height: 2.1;
 border-right: 1px dashed #646464;
 padding: 0 3px;/* 0 5px */
 vertical-align: top;
 text-align: left;
 box-sizing: border-box;
}
.tbl01 td:nth-of-type(1),
.tbl01 td:nth-of-type(2),
.tbl02 td:nth-of-type(1),
.tbl02 td:nth-of-type(2) {
 text-align: center;
}
.tbl01 .pickup td,
.tbl02 .pickup td {
 color: #ff99ba;
}
.tbl01 .pickup td > span strong,
.tbl02 .pickup td > span strong {
 display: block;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 374px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px) {
.sec01 h2 {
 width: 96.53%;
}
.sec02 h2 {
 width: 88.26%;
}
}