/* ver10 */
strong {font-weight:700 !important;}

.helpcontent .help-title h2 {
  font-size:1.8rem;
  font-weight:700;
  padding-left:4px;
  border-left:7px solid #255684;
  margin: 0.5rem 4px;
}

.help_nav, .news_nav {
  position:sticky;
  top:0;
}

.help_main span.before {
  color:#fff;
  background:#707070;
  display:block;
  width:70px;
  line-height:30px;
  text-align:center;
  vertical-align:top;
  margin-bottom:5px;
}

.help_main span.after {
  color:#fff;
  background:#ff9800;
  display:block;
  width:70px;
  line-height:30px;
  text-align:center;
  vertical-align:top;
  margin-bottom:5px;
}

.help_main span.disinlb {
  display:inline-block !important;
}

.help_main img.loimgadjust {
  margin:15px 0 0 48px;
}

.helpcontent #help_title ul,
.registcontainer .registhelp ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:space-around;
  -ms-flex-pack: distribute;
}

.helpcontent #help_title ul li + li {
  margin-left:20px;
}

.helpcontent #help_title ul li,
.registcontainer .registhelp ul li {
  align-self:flex-start;
  margin:0 3px;
}

.helpcontent #help_title ul li img,
.registcontainer .registhelp ul li img {
  width:100%;
  border:0;
}

.helpcontent #help_title ul li a img,
.registcontainer .registhelp ul li a img {
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  border-radius:50%;
  opacity:1;
}

.helpcontent #help_title ul li a img:hover,
.registcontainer .registhelp ul li a img:hover {
  background:#cddc39;
}

.helpcontent #help_title ul li p,
.registcontainer .registhelp ul li p {
  text-align:center;
  margin-top:10px;
}

.helpcontent .help_table,
.newscontent .news_table,
.videocontent .video_table {
  min-width:250px;
  position:sticky;
  position: -webkit-sticky;
  top:10px;
}

.helpcontent .help_table li {
  line-height:2rem;
  font-weight:700;
}

.help_table .icon:before,
.help_main h3:before,
.help_main .helpbox h4:before,
.news_table .icon:before,
.news_main h3:before,
.mypage_main h3:before {
  content:"";
  display: inline-block;
  background: url(https://autocj.co.jp/images/newimages/acj-icon01.png) no-repeat 0 -787.2px;
  background-size: cover;
  width: 20px;
  height: 24px;
  margin-right:5px;
  vertical-align:middle;
}

.help_table span, news_table span, video_table span {
  line-height:1.3rem !important;
  display:block;
}

.help_table .fts_esttime {
  font-size:.85rem;
}

.help_table li input[type=checkbox] {
  display:none;
}

.help_table li label {
  float: none;
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  background:#eee;
}

.help_table li label ~ label {
  border-top:1px solid #ccc;
}

.help_table li input:checked + label ~ label {
  border-top:none;
}

.help_table li label:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
}

.help_table li #nav-ac01:checked ~ label[for=nav-ac01]:after,
.help_table li #nav-ac02:checked ~ label[for=nav-ac02]:after {
  content: "\f106";
}

.help_table li #nav-ac01:checked ~ ul.nav-ac01-list,
.help_table li #nav-ac02:checked ~ ul.nav-ac02-list {
  height:auto;
  opacity: 1;
  visibility: visible;
}

.helpcontent .help_main section,
.newscontent .news_main section,
.mypagecontent .mypage_main section,
.videocontent .video_main section {
  background:#ffffff;
  padding:1.5rem .8rem;
}

.helpcontent .help_main section + section {
  margin-top:50px;
}

.helpcontent .help_main h3,
.newscontent .news_main h3a,
.newscontent .news_main h4,
.mypagecontent .mypage_main h3,
.mypagecontent .mypage_main h4,
.videocontent .video_main h3,
.videocontent .video_main h4  {
  font-size:1.4rem;
  font-weight:bold;
  color:#000;
  line-height:1.2;
  margin-bottom:.5rem;
}

.helpcontent .help_main p,
.newscontent .news_main p,
.mypagecontent .mypage_main p,
.videocontent .video_main p {
  line-height:1.35rem;
  font-size:.9rem;
  margin-bottom:1rem;
  max-width:90%;
}

.helpcontent .help_main p a {
  color: #007bff;
}

.helpcontent .help_main img {
  max-width: max-content;
  width:100%;
  height:auto;
  border:1px solid #ccc;
}

.helpcontent .help_main .arr_down {
  display:block;
  text-align:center;
  margin:20px 0;
}

.helpcontent .help_main .arr_down img {
  width:30px;
  border:0;
}

.helpcontent .help_main ol,
.newscontent .news_main ol {
  list-style:none;
  margin:0 0 0 20px;
  padding:0;
}

.helpcontent .help_main ol li,
.newscontent .news_main ol li {
  margin-top:20px;
}

.helpcontent .help_main ol li span,
.newscontent .news_main ol li span {
  background:#FF5722;
  text-align:center;
  font-weight:bold;
  color:#ffffff;
  width:1.2rem;
  display:inline-block;
  vertical-align:top;
  line-height:1.2rem;
  margin-right:10px;
}

.helpcontent .help_main ol li p {
  display:inline-block;
}

.helpcontent dl {
  margin-left:20px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
}

.helpcontent dl dt {
  width:1.4rem;
  line-height:1.4rem;
  color:#fff;
  text-align:center;
  margin-right:10px;
}

.helpcontent dl dd {
  width: calc(100% - 33px) !important;
  box-sizing: border-box;
}

.helpcontent .btn_q_help {
  background-color: #ff0000;
}

.helpcontent .btn_a_help {
  background-color: #008;
}

.helpcontent .helpsec {
  width:80%;
  justify-content:space-around;
  margin:auto;
  flex-flow:row wrap;
}

.helpcontent .helpbox {
  display:flex;
  width:30%;
  padding:10px;
  border:1px solid #ccc;
  margin-bottom:10px;
  position:relative;
  min-height:100px;
}

.helpcontent .helpbox img {
  border:0;
  width:100px;
  position:absolute;
  bottom:0;
  right:0;
}

.helpcontent .helpbox ul li {
  font-size:.9rem;
  line-height:1.4;
}

.helpcontent .helpbox ul li a {
  text-decoration:underline;
}

.helpcontent .helpbox ul li a:hover {
  text-decoration:none;
}

.faqlist {
  border:1px solid #ccc;
  border-radius:.5em;
  padding:20px;
  height:280px;
  line-height:25px;
  font-size:.95rem;
  position:relative;
}

.faqlist input {
  display:none;
}

.faqlist label {
  width:250px;
  transition:.3s;
  display:block;
  position:relative;
  padding:0 4px;
}

.faqlist label:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-width: 5px;
  border-color: transparent transparent transparent #000000;
  border-style: solid;
  transform: translatey(-50%);
  position: absolute;
  right: 5px;
  top: 50%;
}

.faqlist .faqcate {
  position:absolute;
  left:285px;
  top:18px;
  display:none;
}

.faqlist .faqdetail {
  width:650px;
  padding:0 5px;
  background:#eee;
  height:240px;
  box-sizing:border-box;
}

.faqlist #tab1:checked ~ .faqcate[id=tab1] {display:block;}
.faqlist #tab2:checked ~ .faqcate[id=tab2] {display:block;}
.faqlist #tab3:checked ~ .faqcate[id=tab3] {display:block;}
.faqlist #tab4:checked ~ .faqcate[id=tab4] {display:block;}
.faqlist #tab5:checked ~ .faqcate[id=tab5] {display:block;}
.faqlist #tab6:checked ~ .faqcate[id=tab6] {display:block;}

.faqlist label:hover {
  background:#eee;
}

.faqlist #tab1:checked ~ label[for=tab1],
.faqlist #tab2:checked ~ label[for=tab2],
.faqlist #tab3:checked ~ label[for=tab3],
.faqlist #tab4:checked ~ label[for=tab4],
.faqlist #tab5:checked ~ label[for=tab5],
.faqlist #tab6:checked ~ label[for=tab6] {
  background:#FFEB3B;
}

.faqlist img.faqico {
  border:0;
  width:200px;
  position:absolute;
  bottom:-30px;
  right:-40px;
}

 .nav-wrapper {
  min-width:270px;
}

 .nav-wrapper .nav.is-fixed {
  position: fixed;
  top:0px;
}
	
.registcontainer {
  display:flex;
  flex-wrap:wrap;
  padding:30px;
  font-size:.9rem;
}

.registcontainer .registbox {
  max-width:370px;
  padding:15px 20px;
  width:40%;
  border:1px solid #ccc;
}

.registcontainer .registhelp {
  width:60%;
  align-self: center;
  padding-left:30px;
}

.signincontainer {
  width: 450px;
  padding:30px;
}

.signincontainer .signinbox {
  background: #fff;
  padding: 10px;
}

.cartcontainer {
  display:flex;
  align-items: flex-start;
}

.cartcontainer .cart_left {
  width:100%;
  display:flex;
  flex-direction:column;
}

.cartcontainer .cart_right {
  width:300px;
  border:1px solid #ccc;
  background:#fff;
  padding:.7rem;
  margin-left: .7rem;
  flex:0 0 auto;
}

.carblock {
  display:flex;
  flex-direction:row;
  border:1px solid #ccc;
  padding:1.7rem .7rem 1.2rem;
  background:#fff;
  position:relative;
  align-items: flex-start;
  flex-wrap:wrap;
}

.carblock + .carblock {
  margin-top:1.1rem;
}

.carblock .form-check + .form-check {
  margin-top:.8rem;
}

.carblock .form-check input {
  vertical-align: top;
}

.carblock .form-check label {
  font-size: .95rem;
  font-weight: 700;
}

.carblock .form-check span {
  font-size:.9rem;
  font-weight:normal;
}

.carblock .shipchoice {
  padding: .8rem;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
  background: #f4f4f4;
  width:60%;
}

.price_bd {
  max-width:40%;
  margin-right:0;
  margin-left:auto;
  flex: 0 1 280px;
  padding-left:10px;
}

.price_bd table,
.totalprice_bd table{
  width:100%;
  margin:auto;
  font-size:.95rem;
}

.totalprice_bd table {
  width:90%;
}


.price_bd table tr,
.totalprice_bd table tr {
  height:35px;
}

.price_bd table th,
.totalprice_bd table th {
  width:220px;
}

.price_bd table th[class="freight"] {
  font-weight:normal;
}

.price_bd table tr:nth-last-of-type(2),
.totalprice_bd table tr:nth-last-of-type(2) {
  vertical-align:top;
}

.price_bd table tr:last-child,
.totalprice_bd table tr:last-child {
  border-top:1px solid;
  vertical-align:bottom;
}

.price_bd table td,
.totalprice_bd table td {
  text-align:right;
}

.carblock .inqonly,
.carblock .addf {
  position:absolute;
  right:.7rem;
  font-size:.9rem;
}

.carblock .inqonly {
  top:.7rem;
}

.carblock .addf {
  bottom:.7rem;
}

.cart_right h6 {
  font-size:1.1rem;
  font-weight:700;
  border-bottom:2px solid #607d8b;
  color:#607d8b;
}

.cart_right .inquirybox {
  position:relative;
}

.cart_right .inquirybox form {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
}

.inquirybox #loginform,
.inquirybox #guestform {
  width:100%;
  margin:auto;
}

.inquirybox #loginform div,
.inquirybox #guestform div {
  width:100%;
}

.cart_right .inquirybox form div:last-child {
  width:100%;
}

.cart_right .inquirybox input[type=radio] {
  display: none;
}

.cart_right .inquirybox .tab_content {
  display: none;
}

#login:checked ~ label[for="login"],
#guest:checked ~ label[for="guest"] {
  display:none;
}

#login:checked ~ #loginform,
#guest:checked ~ #guestform {
  display:block !important;
}

.cart_right .inquirybox label[for="login"],
.cart_right .inquirybox label[for="guest"] {
  position: absolute;
  top: 0;
  right: 9px;
  font-size: .95rem;
  cursor: pointer;
  background: #FF5722;
  margin: 0;
  padding: 3px 13px 3px;
  color: #fff;
  border-top-left-radius: 0.5em;
  border-top-right-radius: .5em;
}

.cart_right .inquirybox label[for="login"]:hover,
.cart_right .inquirybox label[for="guest"]:hover {
  opacity:.5;
}

.cart_right .inquirybox label[for="login"]:hover,
.cart_right .inquirybox label[for="guest"]:hover {
  text-decoration:none;
}

.news_main .newsbox {
  padding:20px 0;
}

.news_main .newsbox .date,
.video_main .newsbox .date {
  text-align:left;
  display:block;
  margin-bottom:10px;
}

.news_main .newsbox .date span,
.video_main .newsbox .date span {
  padding:5px 10px;
  border:2px solid #ff0000;
  font-size:.9rem;
  display:inline-block;
}

.news_main .newsbox .date span::before,
.video_main .newsbox .date span::before {
  content:"";
  display: inline-block;
  border-width:7px;
  border-style:solid;
  border-color: #ff0000 #ff0000 transparent;
  width: 14px;
  height: 14px;
  margin-right:5px;
  vertical-align:middle;
}

.news {
  width:845px;
  border:1px solid #999;
  padding:0 0 10px 0;
  margin:20px 10px 30px 10px; }

.news_header {
  width:100%;
  height:45px;
  display:block;
  zoom:1;
  border-bottom:1px solid #dddddd;
  background: cornsilk;
}

.news_t {
  margin:0;
  padding-left:12px;
  float:left;
  font-size:22px;
  line-height:45px;
}

.news_d {
  margin:0;
  float:right;
  font-size:15px;
  line-height: 45px;
  margin-right: 30px;
}

.news_header:after,
.news_header:before {
  content:"";
  clear:both;
  display:block;
}

.news_txt {
  display:block;
  text-align:center;
}

.news_txt p {
  text-align:left;
}
.news_img {
 max-width:100%;
 border:1px solid #000000;
 margin-bottom:1rem;
}
/*videos*/
.video_table .icon:before,
.video_main h3:before {
  content:"";
  display: inline-block;
  background: url(https://autocj.co.jp/images/newimages/acj-icon01.png) no-repeat 0 -1395px;
  background-size: cover;
  width: 25px;
  height: 20px;
  margin-right:5px;
  vertical-align:middle;
}

.videocontent .video_table li {
  line-height:1.5rem;
  font-weight:700;
}

.videocontent .float-l { width:350px;}
.videocontent .float-r { width:calc(100% - 360px);}
.video_table input { display:none;}
.video_table ul { height:0; opacity:0; visibility:hidden; transition:.3s;}
.video_table label { position:relative; display:block; cursor:pointer; padding:0 1rem; background:#eaeaea; border-bottom:1px solid #fff;}
.video_table label::after { content: ""; display: inline-block; width:7px; height:7px; border-top:2px solid #000000; border-right:2px solid #000000; transform:translateY(-50%) rotate(-45deg); position:absolute; top:50%; right:10px;}
.video_table input[type="checkbox"]:checked + label::after
  { transform:translateY(-50%) rotate(135deg);}
.video_table input[type="checkbox"]:checked + label + ul.list {
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
}
.video_table ul li a { font-size:.8rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 330px; display: inline-block;}
.video_table ul li a:hover { text-decoration:underline;}
.youtube-wrapper { width: 560px; height: 420px; position:relative;}
.youtube-wrapper img { cursor: pointer;}

.youtube-wrapper img ~ span::after  {content: ""; position: absolute; transform: translate(-50%,-50%); top: 50%; left: calc(50% + 17.5px); border-color: transparent transparent transparent #fff; border-width: 16px 33px; border-style: solid; cursor:pointer; opacity:.9;}
.youtube-wrapper img ~ span::before { content:""; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width:76px; height:55px; background:red; border-radius:17px; cursor:pointer; opacity:.8;}

/*news*/
.newscontent .float-l { width:350px;}
.newscontent .float-r { width:calc(100% - 360px);}

.newscontent .news_table li {
  line-height:1.5rem;
  font-weight:700;
}

.newscontent .float-l { width:350px;}
.newscontent .float-r { width:calc(100% - 360px);}
.news_table label { position:relative; display:block; cursor:pointer; padding:0 1rem; background:#eaeaea; border-bottom:1px solid #fff;}
.news_table label::after { content: ""; display: inline-block; width:7px; height:7px; border-top:2px solid #000000; border-right:2px solid #000000; transform:translateY(-50%) rotate(-45deg); position:absolute; top:50%; right:10px;}
.news_table input#a:checked ~ label[for=a]::after, .news_table input#b:checked ~ label[for=b]::after, .news_table input#c:checked ~ label[for=c]::after, .news_table input#d:checked ~ label[for=d]::after { transform:translateY(-50%) rotate(135deg);}
.news_table #d:checked ~ .list2022, .news_table #c:checked ~ .list2021, .news_table #b:checked ~ .list2020, .news_table #a:checked ~ .list2019 { height:auto !important; opacity:1 !important;  visibility:visible !important;}
.news_table ul li a { font-size:.85rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 330px; display: inline-block;}
.news_table ul li a:hover { text-decoration:underline;}


/*help*/
.helpcontent .float-l { width:270px;}
.helpcontent .float-r { width:calc(100% - 280px);}

.helpcontent .help_main h4 {
  font-size:1rem;
  font-weight:bold;
  color:#000;
  line-height:1.2;
  margin-bottom:.5rem;
}

/*contact*/
.contactbox {
  width: 500px;
  border: 1px solid #ccc;
  padding: 15px;
  margin:auto;
}

.contactbox textarea {
  width: 100%;
  height:120px;
  border-radius: .25rem;
  border:1px solid #ced4da;
}

.contactbox .cform {
  display: block;
  height: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  padding-left: 10px;
}

.contactbox label {
  display:block;
  font-size:13px;
  margin:12px 0 4px;
}

.contactbox select {
  height: 31px;
}

.contactbox select {
  box-sizing:border-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  padding-left: 7px;
}