@charset "utf-8";

/* 
--------------------------------*/

body.alldocument #sec01 .wrap{ margin-bottom:40px}
.partslist-outline04{ font-weight: bold; font-size:1.6rem }
.partslist-outline04:before{ content:""; display:inline-block; color:#0065B4}
.partslist-deta01 dt{ clear:both; float:left; color:#0065B4; font-size:1.4rem}
.partslist-deta01 dd{ float:left; margin-right:15px;font-size:1.4rem}
.btn_wrap{ clear:both}

/**/
.partslist-cms h2{ margin:20px 0 30px; padding-bottom:5px; line-height:1.4; font-size:2.4rem; color:#707070; font-weight:bold; border-bottom:3px solid #707070}
.partslist-cms .partslist-cms-data{ display:block; margin:10px 0; font-size:1.4rem; color:#707070; font-weight:normal}
.partslist-cms-contents p{ margin-bottom:20px; font-size:1.8rem}
.partslist-cms-contents ul{ margin-bottom:20px;}
.partslist-cms-contents ul li{font-size:1.8rem}
.partslist-cms-contents a{ color:#0065B4}
.partslist-cms-contents a:hover{ opacity:.7}
.partslist-pdf a{ position:relative; display:block; padding:15px 0; background:#fff; color:#0065B4; border:4px solid #0065B4; text-align:center; font-size:2.4rem;}
.partslist-pdf a:after{  content: ""; position:absolute; right:40px; top:30px;
	/* サイズの指定 */
	width: 10px;
	height: 10px;
	/* 線の太さの指定 */
	border: 3px solid;
	/* 色とベースの向きの指定（上・右・下・左 の順） */
	border-color: #0065B4 #0065B4 transparent transparent;
	/* 矢印の向き（角度）を指定 */
	transform: rotate(45deg);}

.partslist-dl-table table{ width:100%;    border-collapse: collapse;}
.partslist-dl-table table th{ padding:0 10px 10px; border-bottom:1px solid #CCC; font-weight:bold; font-size:1.8rem;}
.partslist-dl-table table td{ padding:10px 10px; border-bottom:1px solid #CCC;font-size:1.8rem;}
.partslist-dl-table table th:last-child{ text-align:right; padding-right:20px}
.partslist-dl-table table td:last-child{ text-align:right}
.partslist-dl-table table td:last-child a{ display:inline-block; padding:10px; background:#007AC5; color:#fff; font-size:1.4rem; text-align:center}


/* 規約 */

.kiyaku-wrap{ padding-bottom:40px}
.kiyaku-wrap h3{ font-weight:bold}
.list-type01 {padding-left: 1.2em;}
.list-type01 li {list-style-type:decimal}
.list-type02 {padding-left: 1.2em; }
.list-type02 li{text-indent: -1.2em;}

.list-style-type-none{ padding-left:40px}
.list-style-type-none li{ list-style-type:none}

.list-type02 li:nth-child(1):before{ content:"(1)";}
.list-type02 li:nth-child(2):before{ content:"(2)";}
.list-type02 li:nth-child(3):before{ content:"(3)";}
.list-type02 li:nth-child(4):before{ content:"(4)";}
.list-type02 li:nth-child(5):before{ content:"(5)";}
.list-type02 li:nth-child(6):before{ content:"(6)";}
.list-type02 li:nth-child(7):before{ content:"(7)";}
.list-type02 li:nth-child(8):before{ content:"(8)";}
.list-type02 li:nth-child(9):before{ content:"(9)";}
.list-type02 li:nth-child(10):before{ content:"(10)";}





@media screen and (max-width: 767px) {
.pagettl{ margin-bottom:0}
body.alldocument .select_area .genre .inner {  padding: 5vw 3% ;}
body.alldocument .select_area .genre ul{justify-content: left;}
  .tbl-r05 {
    width: 80%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #333;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }

}



@media screen and (min-width: 768px) {

.sec-wrap{ display:flex;  justify-content: center;}
.sec01-side{ width:20%; max-width:300px; padding-left:20px; box-sizing:border-box}
.sec01-side ul li:before{ content:"＞"; display:inline-block; color:#707070; margin-right:5px}
.sec01-side ul li{ margin-bottom:20px; font-size:1.8rem}
.sec01-side ul li a{ color:#707070}
.sec01-side ul li a:hover{ opacity:.7}
#sec01{ width:80%}
body.alldocument .select_area > ul{ align-items: baseline;}
.partslist-w100 li{flex-basis:100%!important}
body.alldocument #sec01 .wrap{ margin-bottom:100px}
body.alldocument .catalog_box .list li > p { width: 67%;}
.partslist-deta01 dt{ clear:none}
.partslist-outline04{ margin:10px 0 25px}
.partslist-flex-end{align-items: flex-end!important}
body.alldocument .select_area .genre .inner{ padding-left:0}

.partslist-info{ margin-top:10px}
.partslist-info li:first-child{ border-top: none!important}

.partslist-dl-table table td:last-child a:hover{ opacity:.7}
.partslist-dl-table table td:last-child a{ padding:14px 20px; }
.partslist-dl-table table th{ padding:0 10px 15px; }
.partslist-dl-table table td{ padding:15px 10px;}
.partslist-cms{ width:80%;}

}
@media screen and (min-width: 1360px) {
#sec01{ width:1060px}
body.alldocument .select_area .genre .inner{ padding-left:50px}

}