@charset "UTF-8";

.center_layout {text-align:center;}
img.auto2017img {width:auto; max-width:100%;}
/*!------------------------------------*\
    Index
\*!------------------------------------*/
.mainimg_attach_index {background:url(../../../images/attach/attach_main01.jpg) center center no-repeat #000; background-size:cover;}

#content {max-width:1020px; padding:80px 20px; margin:0 auto;}

.overview_area {padding-bottom:64px; text-align:center;}
.overview_area h2 {padding-bottom:56px;}
.overview_area p {font-size:18px; font-size:1.8rem; font-weight:bold; line-height:1.8; padding-bottom:32px;}

.attach_kakomi {padding:46px 68px; background-color:#efefef; text-align:left;}
.attach_kakomi li {font-size:14px; font-size:1.4rem; line-height:1.8; padding-bottom:8px; list-style:disc; margin-left:20px;}
.attach_kakomi p {font-size:14px; font-size:1.4rem; line-height:1.8;}
.attach_kakomi p.r129isuze {font-size:17px; font-size:1.7rem; line-height:1.8; padding:10px 0 0 0; text-align:center;}
.attach_kakomi h4 {font-size:14px; font-size:1.4rem; line-height:1.8; color:#df0623; padding-bottom:5px;}
.attach_kakomi_inner {background-color:#FFF; padding:40px; text-align:left;
border-radius:10px;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.attach_kakomi_inner02 {background-color:#FFF; padding:40px 0px; text-align:left;
border-radius:10px;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.mar_bot40 {margin-bottom:40px;}
.mar_bot60 {margin-bottom:60px;}

h2.red_bg_h2 {font-size:18px; font-size:1.8rem; font-weight:normal; background-color:#df0623; color:#FFF; padding:10px 20px; margin-bottom:22px; text-align:center;}

.primary {padding-bottom:20px;}
.secondary {padding-bottom:100px;}
.layout_center {text-align:center;}

.icon_h3_area {padding-bottom:26px;}

.icon_h3_area .icon_attachform01 {min-height:46px; background:url(../../../images/attach/icon_h3_01.gif) 0 center no-repeat; display:inline-block; padding:0; text-align:left; box-sizing:content-box;}
.icon_h3_area .icon_attachform02 {min-height:46px; background:url(../../../images/attach/icon_h3_02.gif) 0 center no-repeat; display:inline-block; padding:0; text-align:left; box-sizing:content-box;}
.icon_h3_area .icon_question {min-height:46px; background:url(../../../images/attach/icon_q.gif) 0 center no-repeat; display:inline-block; padding:0; text-align:left; box-sizing:content-box;}
.icon_h3_area .icon_attachcartype {min-height:46px; background:url(../../../images/attach/icon_h3_cartype.gif) 0 center no-repeat; display:inline-block; padding:0; text-align:left; box-sizing:content-box;}
.icon_h3_area h3 {font-size:22px; font-size:2.2rem; padding:10px 0 10px 60px;}
.icon_h3_area .icon_question {min-height:46px; background:url(../../../images/attach/icon_q.gif) 0 center no-repeat; display:inline-block; padding:0; text-align:left; box-sizing:content-box;}
.icon_h3_area .icon_question h3 {font-size:16px; font-size:1.6rem; color:#df0623; padding:15px 0 15px 60px;}

.primary .pad_bot36 {padding-bottom:36px;}
.secondary .pad_bot50 {padding-bottom:50px;}
.secondary .submit {max-width:310px; margin:0 auto;}


.syaken_block {padding-bottom:40px;}
.syaken_left_block {max-width:64%; float:left;}
.syaken_right_block {max-width:32%; float:right;}

ul.small {padding-top:50px;}
ul.small li {list-style:none; margin:0; font-size:12px; font-size:1.2rem;}
p.annotation01 { font-size:12px; font-size:1.2rem;}
.example_img01 {max-width:309px;}
.example_tex01 {font-size:28px; font-size:2.8rem; font-weight:bold;}

#confirmation_block {padding-bottom:90px;}

.inner_imgarea01 {padding-top:40px;}
.inner_imgarea_block {width:30%; min-width:190px; padding-right:4%; float:left;}
.inner_imgarea_block .caption01A {display:block; text-align:center;font-size:12px; font-size:1.2rem; padding-top:12px;}


.euro_block_left {width:38%; float:left;}
.euro_block_right {width:58%; float:right;}
.euro_block_right_table {padding-top:20px;}
.euro_block_right_table th {font-size:14px; font-size:1.4rem; font-weight:bold; line-height:1.8; vertical-align:top; width:20px;}
.euro_block_right_table td {font-size:14px; font-size:1.4rem; font-weight:bold; line-height:1.8; vertical-align:top; padding-bottom:20px;}


.primary select {padding:5px 20px; border:none; background-color:#FFF;
border-radius:20px;
-webkit-border-radius: 20px;/* for Safari and Chrome */
-moz-border-radius: 20px; /* for Firefox */
-o-border-radius: 20px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.primary select:disabled {color:#ccc; background-color:#f8f8f8;}
.car select,
.type select,
.model select {width:50%; min-width:400px;}



.attachcartype_area {padding-bottom:60px;}
.attach_select_table table {width:100%;}
.attach_select_table table th,
.attach_select_table table td {text-align:center; vertical-align:middle;}
.attach_select_table table th.maker_title,
.attach_select_table table th.car_title {font-size:14px; font-size:1.4rem; font-weight:bold; color:#df0623;padding-bottom:10px;}
.attach_select_table table td.maker ,
.attach_select_table table td.car {}
.attach_select_table table td.maker p,
.attach_select_table table td.car p {width:100%; padding:10px 20px; background-color:#FFF;
border-radius:20px;
-webkit-border-radius: 20px;/* for Safari and Chrome */
-moz-border-radius: 20px; /* for Firefox */
-o-border-radius: 20px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.attach_select_table table th.maker_title {width:30%;}
.attach_select_table table th.car_title {width:60%;}

.attach_list_table_area {padding:75px 50px 100px 50px;}
.attach_list_table_area table {width:100%;font-size:14px; font-size:1.4rem; border-color:#cfcfcf;}
.attach_list_table_area table .setFirstChild th {background-color:#efefef;}
.attach_list_table_area table th,
.attach_list_table_area table td {padding:12px 20px;text-align:center; vertical-align:middle;}
.attach_list_table_area table.dataTable02A {margin-bottom:30px;}
.attach_list_table_area table.dataTable02A th { min-width:170px; width:19%;}
.attach_list_table_area table.dataTable02A td {text-align:left; width:81%; vertical-align:middle;}

.attach_list_table_area table.dataTable02A tr:nth-child(2n-1) {background-color:#efefef;}
.attach_list_table_area table.dataTable02A tr:nth-child(2n) {background-color:#f6f6f6;}

.attach_list_table_area .extraBlock02A p {font-size:12px; font-size:1.2rem; line-height:1.6; color:#df0623;}

.textBlock01A {font-size:14px; font-size:1.4rem; line-height:1.6; padding:30px 0;}

.seatbelt_area01 {}
.seatbelt_area01_left {width:58%; float:left;}
.seatbelt_area01_right {width:37%; float:right;}
.seatbelt_area01 h4 {font-size:16px; font-size:1.6rem; padding-bottom:40px;}
.seatbelt_area01 li {list-style:decimal;font-size:14px; font-size:1.4rem; padding-bottom:20px; font-weight:bold;}
.seatbelt_area01 .note01B {font-size:12px; font-size:1.2rem; padding-top:10px;}

ul.linkList02A {font-size:0;}
.linkList02A li {font-size:14px; font-size:1.4rem; width:50%; display:inline-block; list-style:none; line-height:1.4; margin:0; vertical-align:top; background:url(../../../images/attach/icon_list01.gif) 0 3px no-repeat; padding:0 20px 10px 20px;}

.dic_01_area {max-width:324px; margin:0 auto;}
h3.pad_bot50 {padding-bottom:50px;}


ul.dic_02_area {font-size:0;}
.dic_02_area li { vertical-align:top; display:inline-block; font-size:10px; font-size:1.0rem; width:50%; margin:0; padding:0 0 20px 0;}
.dic_02_area li img {border-radius:10px; background-color:#FFF;  padding:20px;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.dic_02_area li.dic_02_area_left {padding:0 10px 20px 0;}
.dic_02_area li.dic_02_area_right {padding:0 0 20px 10px;}

.seatbelt_area02 {}
.seatbelt_area02_left {width:46%; float:left;}
.seatbelt_area02_right {width:46%; float:right;}
.seatbelt_area02_left .textarea {width:50%; float:left; padding:10px;}



.red_bold {font-weight:bold; color:#df0623;}
.gray_color {color:#555 !important;}
.car_type_arrow {padding-bottom:20px; text-align:center;}
.car_type_arrow img {width:auto; max-width:100%;}
.car_type_img ul {letter-spacing:; font-size:0;}
.car_type_img li {width:25%; max-width:176px; padding:0 20px 60px 20px; margin:0; display:inline-block;}

.attach_kakomi_inner02 {background-color:#FFF; padding:40px 2px 0 2px;
border-radius:10px;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.attach_kakomi_inner02 img {width:auto; max-width:100%;}
.attach_kakomi_inner02 p {font-size:13px; font-size:1.3rem;}

.belt_con01 {padding:0 0 30px 0 ;}
.belt_con01_left {float:left; width:61%;}
.belt_con01_right {float:right; width:38%;}
.belt_con02 {padding:0 29px 30px 29px;}
.belt_con03 {padding:0 30px 30px 30px;}
.belt_con04 {padding:0 20px 30px 20px;}
.belt_con04 img.flori {float:right;}

.attach_kakomi_inner02 h4 {font-size:22px; font-size:2.2rem;}
.belt_con02 h4 {padding:0 11px 26px 11px;}
.belt_con03 h4 {padding:0 10px 26px 10px;}

.attach_kakomi_inner02 .belt_col2 {width:50%; float:left; padding:0 40px 40px 40px;}
.attach_kakomi_inner02 .belt_col3 {width:33.333%; float:left; padding:0 11px 40px 11px;}
.attach_kakomi_inner02 .belt_col4 {width:25%; float:left; padding:0 10px 40px 10px;}
.attach_kakomi_inner02 .belt_con04 .belt_col2 {width:50%; float:left; padding:0 20px 40px 20px;}
.attach_kakomi_inner02 .belt_con04 .belt_col2 h4 {font-size:18px; font-size:1.8rem; color:#FFF; padding:4px 10px; background-color:#555; text-align:center; margin-bottom:30px;
border-radius:20px;
-webkit-border-radius: 20px;/* for Safari and Chrome */
-moz-border-radius: 20px; /* for Firefox */
-o-border-radius: 20px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.attach_kakomi_inner02 .belt_con04 li {font-size:17px; font-size:1.7rem; font-weight:bold; margin-left:0; padding-left:34px; min-height:34px; list-style:none; background:url(../../../images/attach/at2017icon01.gif) 0 0 no-repeat;}
.attach_kakomi_inner02 .belt_con04 li p {font-weight:normal; font-size:13px; font-size:1.3rem;}
.attach_kakomi_inner02 h5 {font-size:17px; font-size:1.7rem;}

.iso_con01 {padding:0 20px 50px 20px;}
.iso_con01_left {width:67%; float:left; padding:0 20px;}
.iso_con01_left li {font-size:16px; font-size:1.6rem;}
.iso_con01_right {width:33%; float: right; padding:0 20px;}
.iso_con02 {padding:0 40px 50px 40px;}
.iso_con02_01 {width:38%; padding-top:20px; padding-right:4%; float:left;}
.iso_con02_02 {width:33%; padding-top:20px; float:left;}
.iso_con02_03 {width:24%; padding-top:20px; float:right;}
.iso_con02_04 {clear:both;}
.iso_con02_04 p {font-size:18px; font-size:1.8rem; padding-top:40px;}
.iso_con03 {padding:0 40px 60px 40px; text-align:center;}
.iso_con03 h4 {padding-bottom:24px;}
.iso_con04 {padding:0 40px 60px 40px; text-align:center; max-width:700px; margin:0 auto;}
.iso_con04 p {font-size:16px; font-size:1.6rem; padding-bottom:24px; text-align:left;}
.iso_con05 {padding:0 40px 60px 40px; text-align:center;}
.iso_con05 h5 {font-size:22px; font-size:2.2rem; padding-bottom:14px;}

/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
.center_layout {text-align:center;}
#content {padding:40px 20px;}


.attach_kakomi {padding:30px; background-color:#efefef;}



}
/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
.overview_area {padding-bottom:40px;}
.center_layout {text-align:center;}
#content {padding:20px 10px;}
.overview_area h2 {padding-bottom:30px;}
.secondary {padding-bottom:60px;}
.attach_kakomi {padding:20px; background-color:#efefef;}
.attach_kakomi_inner {background-color:#FFF; padding:20px;}

.syaken_left_block {max-width:100%; float:none;}
.syaken_right_block {max-width:100%; float:none; padding-bottom:20px;}

#confirmation_block {padding-bottom:60px;}

.inner_imgarea_block {width:100%; min-width:100px; padding-right:0; padding-bottom:30px; float:none;}

.euro_block_left {width:100%; float:none; padding-bottom:20px;}
.euro_block_right {width:100%; float:none;}

.primary select {width:100%;}
.car select,
.type select,
.model select {width:100%; min-width:100%;}

.attach_list_table_area {padding:0 10px 50px 10px;}
.attach_list_table_area table.dataTable02A th { min-width:20px; width:19%;}

.seatbelt_area01_left {width:100%; float:none;}
.seatbelt_area01_right {width:100%; float:none; padding-top:20px;}
.seatbelt_area01 h4 {font-size:16px; font-size:1.6rem; padding-bottom:20px;}
.seatbelt_area01 li {list-style:decimal;font-size:14px; font-size:1.4rem; padding-bottom:10px; font-weight:bold;}
.seatbelt_area01 .note01B {font-size:12px; font-size:1.2rem; padding-top:10px;}

ul.linkList02A {font-size:0;}
.linkList02A li {font-size:14px; font-size:1.4rem; width:100%; display:inline-block; list-style:none; line-height:1.4; margin:0; vertical-align:top; background:url(../../../images/attach/icon_list01.gif) 0 3px no-repeat; padding:0 0 20px 20px;}

.dic_01_area {max-width:324px; margin:0 auto;}
h3.pad_bot50 {padding-bottom:20px; font-size:18px; font-size:1.8rem;}


ul.dic_02_area {font-size:0;}
.dic_02_area li { vertical-align:top; display:inline-block; font-size:10px; font-size:1.0rem; width:100%; margin:0; padding:0 0 20px 0;}
.dic_02_area li img {border-radius:10px; background-color:#FFF;  padding:20px;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.dic_02_area li.dic_02_area_left {padding:0 0 20px 0;}
.dic_02_area li.dic_02_area_right {padding:0 0 20px 0;}

.seatbelt_area02 {}
.seatbelt_area02_left {width:100%; float:none;}
.seatbelt_area02_right {width:100%; float:none; padding-top:20px;}
.seatbelt_area02_left .textarea {width:100%; float:none; padding:10px;}


#attach_select_table_title_tr {display:none;}
.attach_select_table td.plus {display:none;}
/*.attach_select_table td {display:block; width:100%;}*/
.attach_select_table td.maker {margin-bottom:30px;}
.attach_select_table td.maker:before,
.attach_select_table td.car:before {display:block; font-size:14px; font-size:1.4rem; font-weight:bold; color:#df0623; padding-bottom:10px;}
.attach_select_table td.maker:before {content:"\30E1\30FC\30AB\30FC";}
.attach_select_table td.car:before {content:"\8ECA\7A2E\540D\30FB\5E74\5F0F\30FB\578B\5F0F";}



.car_type_img {padding:0 10px;}
.car_type_img li {width:50%; max-width:100%; padding:0 10px 40px 10px; margin:0; display:inline-block;}

.attach_kakomi_inner02 h4 {font-size:18px; font-size:1.8rem;}
.belt_con01,
.belt_con02,
.belt_con03,
.belt_con04 {padding:0 0 30px 0;}
.belt_con02 h4,
.belt_con03 h4 {padding:0 20px 26px 20px;}
.attach_kakomi_inner02 .belt_col2,
.attach_kakomi_inner02 .belt_col3,
.attach_kakomi_inner02 .belt_col4,
.attach_kakomi_inner02 .belt_con04 .belt_col2 {width:100%; float:none; padding:0 20px 30px 20px;}
.attach_kakomi_inner02 .belt_con04 .belt_col2 h4 {font-size:16px; font-size:1.6rem; padding:4px 12px; margin-bottom:30px;
border-radius:10px;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}

.iso_con01 {padding:0 20px 20px 20px;}
.iso_con01_left,
.iso_con01_right {width:100%; float:none; padding:0 0 20px 0;}
.iso_con01_left li {font-size:14px; font-size:1.4rem;}

.iso_con02 {padding:0 20px 40px 20px;}
.iso_con02 h5 {padding-bottom:20px;}
.iso_con02_01,
.iso_con02_02,
.iso_con02_03 {width:100%; padding-top:0; padding-bottom:30px; float:none; text-align:center;}
.iso_con02_04 {clear:both;}
.iso_con02_04 p {font-size:14px; font-size:1.4rem; padding-top:0; }
.iso_con03 {padding:0 20px 40px 20px; text-align:center;}
.iso_con03 h4 {padding-bottom:14px;}
.iso_con04 {padding:0 20px 40px 20px;}
.iso_con04 p {font-size:14px; font-size:1.4rem; padding-bottom:14px; text-align:left;}
.iso_con05 {padding:0 20px 40px 20px;}
.iso_con05 h5 {font-size:16px; font-size:1.6rem; padding-bottom:14px;}



}


/* additional style 20171107 */

.attach_select_table_title{
  width: 30%;
  font-size:14px; font-size:1.4rem; font-weight:bold; color:#df0623;padding-bottom:10px;
}
.attach_select_table_div{
  width: 2%;
}
.attach_select_table_cont{
  width: 68%;
  padding: 5px 0;
}
.attach_select_table_cont p{
  width:100%; padding:10px 20px; background-color:#FFF;
  border-radius:20px;
  -webkit-border-radius: 20px;/* for Safari and Chrome */
  -moz-border-radius: 20px; /* for Firefox */
  -o-border-radius: 20px; /* for opera */
  behavior: url('border-radius.htc');/* for IE */
}

.temp2017img img {width:auto; max-width:100%;}