@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	common
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.title { background: url(../images/common/line_01.jpg) bottom left no-repeat; margin: 0 0 20px; padding: 10px 20px 10px 0; }
.title span { background: url(../images/common/bg_02.gif) left 6px no-repeat; display: inline-block; font-size: 25px; font-weight: bold; color: #033b81; padding: 0 0 0 20px;}
.wrap_title h2.title_stock_detail { display: table-cell; background: url(../images/stock/bg_02.jpg) 0 0 no-repeat; font-size: 17px; color: #fff; width: 855px; height: 61px; line-height: 130%; vertical-align: middle; padding: 0 0 0 25px; background-size: cover; }
.wrap_title h2.title_stock_detail span { float: right; padding: 0 20px 0 0; }
.wrap_title div.btn_contact { 
    display: table-cell;
    position: relative;
    left: 10px;
    vertical-align: middle;
    justify-content: space-around;
    justify-content: flex-end;
    align-items: center;
    margin:0 0 0 auto;
    width: 160px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #e60012;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 5px;
    box-shadow:  -3px -5px 7px -3px rgb(0 0 0 / 75%) inset;
    font-size: 16px;

  }
.wrap_title div.btn_contact:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 10px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.wrap_title div.btn_contact:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.wrap_title div.btn_contact a { display: block; font-size: 16px; color: #FFF;; height: 100%; line-height: 130%; padding: 0 0 0 10px; }
.wrap_title div.btn_contact_sp { display: none; }

.sp_inner{ width: auto; }
.pc_inner{ width: 1400px; margin: 0 auto; }


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	body
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

main { float: right; width: 1050px; }

#image_slide { padding: 10px 0 15px; }
#image_slide .float_wrapper .left { position: relative; width: 676px; float: left; }
#image_slide .float_wrapper .left .next,
#image_slide .float_wrapper .left .prev { position: absolute; z-index: 5; display: block; width: 42px; height: 42px; cursor: pointer; }
#image_slide .float_wrapper .left .prev { top: 232.5px; left: 10px; }
#image_slide .float_wrapper .left .next { top: 232.5px; right: 10px;}
#image_slide .float_wrapper .left .next img,
#image_slide .float_wrapper .left .prev img { cursor: pointer; }
#image_slide .float_wrapper .left .prev.hide,
#image_slide .float_wrapper .right .prev.hide { display: none; }
#image_slide .float_wrapper .left .next.hide,
#image_slide .float_wrapper .right .next.hide { display: none; }


#image_slide .float_wrapper .right { width: 340px; float: right; }
#image_slide .float_wrapper .right ul { margin: 0 0 0 -8px; padding: 0 0 20px; }
#image_slide .float_wrapper .right ul li { width: 79px; margin: 0 0 5px 8px; float: left; }
#image_slide .float_wrapper .right ul li img { display: block; width: 79px; height: auto; }
#image_slide .float_wrapper .right .btn_download input[type="submit"] { display: block; background: #0058a8; font-size: 16px; font-weight: bold; color: #fff; width: 240px; height: 40px; text-align: center; line-height: 42px; margin: 0 auto 17px; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; border-radius: 19px;}
#image_slide .float_wrapper .right .btn_pdf a { display: block; background: #ff0000; font-size: 16px; font-weight: bold; color: #fff; width: 240px; height: 40px; text-align: center; line-height: 42px; margin: 0 auto; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; border-radius: 19px;}

#image_slide .float_wrapper .icons { position: absolute; top: 0; left: 0; z-index: 9; }
#image_slide .float_wrapper .icons .tag_new { padding: 3px; }
#image_slide .float_wrapper .tag_spec { position: absolute; top: 470px; right: 0; color: #fff; padding: 5px 10px; font-size: 20px; }

#contents article.wrap_table { padding: 0 0 20px; }
#contents article.wrap_table table { border: 2px solid #b5b5b5; border-top: 3px solid #b5b5b5; border-bottom: 3px solid #b5b5b5; width: 100%; }
#contents article.wrap_table table tbody td { color: #000; } 
#contents article.wrap_table table tbody th, 
#contents article.wrap_table table tbody td { font-size: 16px; text-align: left; vertical-align: middle; } 
#contents article.wrap_table table tbody th { background: #e5eef6; font-weight: bold; }
#contents article.wrap_table table tbody tr { border-bottom: 1px solid #b5b5b5; }
#contents article.wrap_table table tbody tr th,
#contents article.wrap_table table tbody tr td { border-left: 1px solid #b5b5b5; padding: 5px 15px; border-right: 2px solid #b5b5b5; }
/* #contents article.wrap_table table tbody tr td p.overs { height: 210px; overflow: scroll; } */
#contents article.wrap_table table tbody tr td.allcol2 { width: 200px; }
#contents article.wrap_table table tbody tr th:first-child { border-left: none; }
#contents article.wrap_table table tbody tr.row1 th.col1 { background: #52a6f2; color: #fff; width: 100px; }
#contents article.wrap_table table tbody tr.row3 th.col2,
#contents article.wrap_table table tbody tr.row3 td.col2 { width: 300px; border-right: 2px solid #b5b5b5; }
#contents article.wrap_table table tbody tr.row8 td.col2 { font-size: 18px; font-weight: bold; color: #4082be;}
#contents article.wrap_table table tbody tr.row8 td.col2 p,
#contents article.wrap_table table tbody tr.row8 td.col2 p a{ font-weight: bold;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st1,
#contents article.wrap_table table tbody tr.row8 td.col2 p.st1 a { color: #0004ff;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st1 span { color: #000; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st1 span a { color: #0004ff; text-decoration:underline; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st2,
#contents article.wrap_table table tbody tr.row8 td.col2 p.st2 a { color: #000; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st2 span { color: #000; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st2 span a { color: #0004ff; text-decoration:underline; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st3, 
#contents article.wrap_table table tbody tr.row8 td.col2 p.st3 a { color: #f2690c; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st3 span { color: #000; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st3 span a { color: #0004ff; text-decoration:underline; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4,
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4 a { color: #ff0000; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4 span { color: #000; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4 span a { color: #0004ff; text-decoration:underline; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st5,
#contents article.wrap_table table tbody tr.row8 td.col2 p.st5 a { color: #17ad35; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st5 span { color: #000; font-size: 15px; text-align: center;}
#contents article.wrap_table table tbody tr.row8 td.col2 p.st5 span a { color: #0004ff; text-decoration:underline; font-size: 15px; text-align: center;}

#contents article.wrap_table table tbody tr td.vt { vertical-align: top; }

#contents .point { border: 2px solid #b5b5b5; margin: 0 0 20px; }
#contents .point dt { font-size: 16px; color: #fff; background: #52a6f2; box-sizing: border-box; padding: 10px; font-weight: bold; }
#contents .point dd { font-size: 16px; color: #000; box-sizing: border-box; padding: 10px; }

#contents .yt-wrapper { width: 675px; margin: 20px auto 0 0; padding: 0 0 25px; }
#contents .yt-wrapper h2 { padding: 10px; text-align: center; color: #fff; background: #02418b; font-size: 15px; font-weight: bold;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
}
#contents .yt-wrapper iframe { width: 100%; height: 382px; }

.add_contact {
    margin: 0 0 20px;
}

.add_contact a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #e60012;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 5px;
    height: 30px;
    box-shadow:  -3px -5px 7px -3px rgb(0 0 0 / 75%) inset;
    font-size: 18px;

  }
  .add_contact a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.add_contact a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

#contents .recommend { background: #fff; border: 1px solid #eee; margin: 0 0 30px; padding: 0 0 10px; }
#contents .recommend h2 { background: url(../images/index/bg_07.jpg) 0 0 no-repeat;background-size: cover; font-size: 18px; font-weight: bold; color: #fff; height: 40px; padding: 0 20px; display: flex; align-items: center; line-height: inherit;}
#contents .recommend ul { margin: 15px 10px 0; }
#contents .recommend ul li { width: 170px; float: left; margin: 0 5px; position: relative; }
#contents .recommend ul li:first { margin: 0; }
#contents .recommend ul li:first a { display: block; }
#contents .recommend ul li img { display: block; margin: 0 0 15px; width: 100%; height: auto; }
#contents .recommend ul li .icons { position: absolute; left: 0; top: 0; }
#contents .recommend ul li .icons img.tag_new { margin: 0; padding: 3px; width: 28px; height: auto; display: inline; }
#contents .recommend ul li h3 { font-size: 14px; font-weight: bold; color: #adadad; max-height: 18px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
#contents .recommend ul li p.rec-model { font-size: 14px; color: #1270b1; font-weight: bold; }
#contents .recommend ul li p.meter { /* font-size: 14px; */ font-size: 12px; color: #000; }
#contents .recommend ul li p.spec { /* font-size: 14px; color: #000; */ font-size: 12px; color: #6b6b6b; }
#contents .recommend ul li .specout { display: block; position: relative; }
#contents .recommend ul li .tag_spec { position: absolute; bottom: 0; right: 0; color: #fff; padding: 5px 10px 3px; font-size: 12px; }


.contact { background: url(../images/stock/char.png) right bottom no-repeat #fff; width: 610px; margin: 0 auto 10px; padding: 15px; border: 5px solid #25a340; }
.contact h3 { font-size: 18px; color: #25a340; font-weight: bold; text-align: center; padding: 0 0 10px; }
.contact h4 { border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: url(../images/stock/icn_02.png) 200px center no-repeat; font-size: 20px; font-weight: bold; color: #fff;   }
.contact h4 div { background: #25a340; text-align: center; padding: 7px 0 5px; font-size: 16px; }
.contact p.txt { color: #000; font-size: 16px; padding: 20px 0 0; text-align: left; }
.contact .float_wrapper { padding: 20px 0; margin: 0 20px; }
.contact .float_wrapper .left { width: 300px; padding: 0 0 10px; }
.contact .float_wrapper .left .btn { background: url(../images/stock/y_bg_01.png) 0 0 no-repeat; width: 350px; height: 60px; margin: 0 auto; }
.contact .float_wrapper .left .btn a { display: block; background: url(../images/stock/icn_05.png) 55px 18px no-repeat; font-size: 20px; font-weight: bold; color: #fff; height: 60px; line-height: 60px; }
.contact .float_wrapper .right { background: url(../images/stock/icn_06.png) 8px 7px no-repeat; width: 250px; padding: 0 0 0 40px; }
.contact .float_wrapper .right .btn { text-align: left;  }
.contact .float_wrapper .right .btn p { font-size: 16px; color: #fea502; line-height: 100%; }
.contact .float_wrapper .right .btn a { font-size: 30px; color: #fea502; letter-spacing: 2px; line-height: 130%; }

#contents .recommend .slick-next,
#contents .recommend .slick-prev{ top: 93.5px!important; }
#contents .seen_history .slick-next,
#contents .seen_history .slick-prev{ top: 93.5px!important; }


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	infor
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.infor { position: fixed; right: 50px; bottom: 100px; z-index: 6; }
.infor .check { display: none; }
.infor .thisbox { width: 530px; background: #fff; border: 5px solid #25a340; position: relative; overflow: hidden; }
.infor .thisbox h2 { color: #25a340; font-size: 16px; width: 380px; padding: 20px 0 10px 20px; }
.infor .thisbox h2 span { font-size: 22px; display: block; }
.infor .thisbox h3 { font-size: 26px; color: #ff0000; padding: 11px 0 7px 20px; font-weight: bold; position: relative; line-height: 100%; }
.infor .thisbox h3 span { font-size: 20px; font-weight: bold; line-height: 100%; }
.infor .thisbox h3::before { content: ""; height: 2px; width: 430px; background: #25a340; position: absolute; top: 0; left: 0; }
.infor .thisbox h3::after { content: ""; height: 2px; width: 320px; background: #25a340; position: absolute; bottom: 0; left: 0; }
.infor .thisbox h4 { padding: 12px 0 5px 20px; }
.infor .thisbox h4 a { color: #fff; background: url(../images/stock/f_y_bg.png) center center no-repeat; font-size: 18px; padding: 6px 14px; background-size: contain; }
.infor .thisbox p { font-size: 14px; width: 380px; color: #000; padding: 10px 0 20px 20px; }
.infor .thisbox p.close { font-size: 14px; position: absolute; right: 0; top: 0; background: #25a340; color: #fff; width: 100px; text-align: center; padding: 10px 0; cursor: pointer; }
.infor .thisbox img.wom { position: absolute; right: -40px; bottom: 0; width: 220px; }

.backpage { padding: 50px 0 100px; text-align: center; }
.backpage a { background: url(../images/stock/back_btn.png) 30px center no-repeat #0058a8; font-size: 23px; color: #fff; display: inline-block; padding: 25px 100px; line-height: 100%; border-radius: 3px; -webkit-border-radius: 3px; }

/*
#top_cat {
    background: #d1e1ef;
    padding: 8px 8px 5px 8px;
    margin: 10px 0 25px;
}
#top_cat ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 0 -3px;
    overflow: hidden;
}
#top_cat ul li {
    width: calc((100% - 3px * 10) / 10);
    text-align: center;
    background: #fff;
    margin: 0 0 3px 3px;
    padding: 12px 8px 12px;
    box-sizing: border-box;
}
#top_cat ul li a {
    display: block;
}
#top_cat ul li a img {
    width: auto;
    height: 62px;
    margin-left: -10px;
}
#top_cat ul li:first-of-type a img{ 
	height: 70px;
}
#top_cat ul li:nth-of-type(2) a img{ 
	height: 50px;
}
#top_cat ul li p {
    padding: 8px 0 0;
    font-size: 12px;
    color: #0058a8;
}
#top_cat h2 {
    padding: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #0058a8;
}
*/

#top_cat h2 { display: inline;  }
#top_cat div p { display: inline; font-size: 16px; font-weight: bold; color: #0058a8; }
#top_cat div { padding: 0 0 10px; }


#search_aside .totop  { padding: 0 0 10px; }


@media screen and ( max-width: 640px){
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	body
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* .slick-slider .slick-arrow.slick-disabled { display: none !important; } */
.wrap_title h2.title_stock_detail { letter-spacing: 0.04em; padding: 5px 0 0; width: 100%; height: auto; font-size: 20px; display: block; box-sizing: border-box; /* background: #03418b url(../images/common/bg_band.png) right center/60% no-repeat; */ background: none; color: #03418b; font-weight: 600; line-height: 120%; font-feature-settings: "palt"; }
.wrap_title h2.title_stock_detail span { padding: 10px 0 0; float: none; padding: 0; display: block; font-size: 10px; color: #8c8c8c; text-align: right; }

.sp_inner{ width: 94%; margin: 0 auto; }
.pc_inner{ width: auto; }

main { float: none; width: 100%; }

main h2.line{ margin: 0 0 5px; padding: 0 0 0 15px; border-left: 7px solid #03418b; font-size: 14px; font-weight: 600; color: #03418b; }

#image_slide { padding: 20px 0 25px; }
#image_slide .swipeicon { width: 100px; height: auto; position: absolute; top:5px; z-index: 100; margin: 0 auto; left: 0; right: 0;}
#image_slide .float_wrapper .left { position: relative; width: 100vw; margin: 0 calc(50% - 50vw) 10px; padding: 74.9% 0 0; float: none; margin-bottom:10px;}
#image_slide .float_wrapper .slide-wrap{ width: 100vw; margin: 0 calc(50% - 50vw); padding: 20px 0 0; }

#image_slide .float_wrapper .left .next,
#image_slide .float_wrapper .left .prev { position: absolute; z-index: 5; display: block; width: 42px; height: 42px; cursor: pointer; }
#image_slide .float_wrapper .left .next { /* display: none; */ top: 37.3vw; /* right: 10px; margin: -21px 0 0;  */}
#image_slide .float_wrapper .left .prev { top: 37.3vw; /* top: 50%; left: 10px; margin: -21px 0 0; */ }
#image_slide .float_wrapper .left .next img,
#image_slide .float_wrapper .left .prev img { cursor: pointer; }
#image_slide .float_wrapper .left .prev.hide { display: none; }
/* #image_slide .float_wrapper .left .next.hide { display: none; } */
#image_slide .float_wrapper .left .image_disp { position: absolute; top: 0; left: 0; right: 0; }
#image_slide .float_wrapper .left .image_disp img { width: 100%; height: auto; }

#image_slide .float_wrapper .right { width: 100%; float: none; }
#image_slide .float_wrapper .right ul { margin: 0; padding: 0 0 20px; }
#image_slide .float_wrapper .right ul li { width: 25%; height: auto; margin: 0; float: left; }
#image_slide .float_wrapper .right ul li img { display: block; border: none; width: 100%; height: auto; }
#image_slide .float_wrapper .right .btn_download input[type="submit"] { display: block; background: #0058a8; font-size: 16px; font-weight: bold; color: #fff; width: 240px; height: 40px; text-align: center; line-height: 42px; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; border-radius: 19px; margin: 0 auto 10px;}

#image_slide .float_wrapper .slick-next{ right: 10px; }
#image_slide .float_wrapper .slick-prev{ left: 10px; }


#image_slide{ padding: 10px 0 15px; }
#image_slide .float_wrapper .right ul { padding: 0; margin-bottom: 10px;}
#image_slide .float_wrapper .tag_spec { display: none; top:inherit; bottom:0;}
#image_slide .float_wrapper .slick-slide { display: block!important; }

#contents article.wrap_table { padding: 0 0 15px;}
#contents article.wrap_title h3.title_stock_detail { background: url(../images/stock/bg_02.jpg) 0 0 no-repeat; background-size: 100% 100%; display: block; width: 94%; height: auto; line-height: 130%; margin: 0 0 20px; padding: 15px 3%; }
#contents article.wrap_title div.btn_contact { display: none; }

div.btn_contact_sp {
    position: relative;
    display: flex;
/*     top: 20px; */
/*     bottom: 20px; */
    justify-content: space-around;
    align-items: center;
    margin: 20px auto;
    max-width: 360px;
    padding: 10px 25px 12px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    font-size: 18px;
    background: #e60012;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 5px;
    height: 30px;
    box-shadow:  -3px -5px 7px -3px rgb(0 0 0 / 75%) inset;
  }
div.btn_contact_sp a{
	font-weight: 600;
	color: #fff;
}
div.btn_contact_sp:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
div.btn_contact_sp:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

#contents article.wrap_title div.btn_contact_sp a { align-items: center; box-sizing: border-box; display: block; font-size: 18px; color: #FFF; height: 100%; font-weight: 600;}
#contents article.wrap_table table { width: 100%; border-bottom: none; border: 1px solid #cccfd3; border-top: none; }
#contents article.wrap_table table tbody tr,
#contents article.wrap_table table tbody tr.row1 th.col1{ border-bottom: none; border-top: 1px solid #cccfd3; }

#contents article.wrap_table table tbody tr td p.overs { height: 145px; }

#contents article.wrap_table table tbody tr th,
#contents article.wrap_table table tbody tr td { border-right: 1px solid #b5b5b5; color: #000; width: 30%; padding: 7px 15px 6px 10px; font-size: 13px; font-feature-settings: "palt"; vertical-align: center; }

#contents article.wrap_table table tbody tr th{ background: #eeeeee; }
#contents article.wrap_table table tbody tr td{ background: #fff;}
#contents article.wrap_table table tbody tr td a{ color: #03418b; border-bottom: 1px solid #03418b; }

#contents article.wrap_table .bot_box { border: 1px solid #cccfd3; border-top: none;}

#contents article.wrap_table .bot_box dl { width: 100%; }
#contents article.wrap_table .bot_box dl dt,
#contents article.wrap_table table tbody tr.row1 th.col1{ background: #eeeeee; font-weight: bold; font-size: 13px; text-align: left; padding: 7px 0 6px 10px;  color: #000; }

#contents article.wrap_table table tbody tr.row1 th.col1:last-of-type{ background: #fff; font-weight: normal; text-align: left;}

#contents article.wrap_table .bot_box dl dt { text-align: center; }
#contents article.wrap_table .bot_box dl dd { text-align: left; font-size: 13px; color: #000; padding: 10px; height: auto; overflow: auto; background: #fff; }
#contents article.wrap_table .bot_box dl:first-child { border-right: 1px solid #cccfd3; }


#contents article.wrap_table table tbody tr.row8 td.col2 p.st1, #contents article.wrap_table table tbody tr.row8 td.col2 p.st1 a { font-size: 18px; border: none;  }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st3 span a { text-decoration: none; }
#contents article.wrap_table table tbody tr.row8 td.col2{ font-size: 13px; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st3, #contents article.wrap_table table tbody tr.row8 td.col2 p.st3 a { font-size: 18px; border: none; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4{ line-height: 150%; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4 span{ font-size: 13px; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4 a{ border: none; font-size: 18px; }
#contents article.wrap_table table tbody tr.row8 td.col2 p.st4 span a{ font-size: 13px; display: inline-block; text-decoration: none;}


#contents .point{ border: 1px solid #cccfd3;}
#contents .point dt{ font-size: 13px; color: #000; background: #eeeeee; padding: 7px 10px; }
#contents .point dd{ padding: 7px 10px; background: #fff; font-size: 13px; }

#contents .yt-wrapper { width: 100vw; margin: 0 calc(50% - 50vw); padding: 0; }
#contents .yt-wrapper h4 { height: 40px; line-height: 40px; font-size: 14px;  }
#contents .yt-wrapper iframe { height: 233px; }

#contents .recommend{ position: relative; margin: 0; padding: 0 0 15px; border: none;  }
#contents .recommend:before,
main .seen_history:before,
#contents .others:before{ position: absolute; top: 0; left: -3%; content: ""; background: #fff; width: 100vw; height: 100%; }

#contents .recommend .slick-next,
#contents .seen_history .slick-next{ right: -8px; }
#contents .recommend .slick-prev,
#contents .seen_history .slick-prev{ left: -8px; }
#contents .seen_history .slick-next,
#contents .seen_history .slick-prev{ top: 33.5vw!important; }
#contents .recommend .slick-next,
#contents .recommend .slick-prev{ top: 33.5vw!important; }



#contents .recommend h2,
main .seen_history h2{ position: relative; display: flex; align-items: center; justify-content: center; width: 100vw; margin: 0 calc(50% - 50vw) 10px; height: 70px; font-size: 15px; font-weight: bold; color: #03418b; background: #eeeeee; height: auto; line-height: inherit; padding: 17px 30px; box-sizing: border-box; text-align: center; line-height: 150%; border-bottom: none; }
#contents .recommend ul { margin: 0 5px; }
#contents .recommend ul li { width: 100%; height: auto; margin: 0 5px; }
#contents .recommend ul li img { margin: 0 0 15px; width: 100%; height: auto; }
#contents .recommend ul li h3 { font-size: 12px; }
#contents .recommend ul li h4 { font-size: 12px; }
#contents .recommend ul li p.meter { font-size: 12px; }
#contents .recommend ul li p.spec { font-size: 12px; }

main .seen_history{ position: relative; border: none!important; padding: 30px 0 20px; margin: 0; }
main .seen_history h2.PC{ display: none; }

.contact { display: none; width: 100%; margin: 0 auto 10px; padding: 10px; box-sizing: border-box; background: #fff; }
.contact h4 { background: #0058af; font-size: 20px; font-weight: bold; color: #fff; border: none; }
.contact h4 div { font-size: 14px; text-align: center; padding: 7px 0 5px; }
.contact h4 div span.SP { display: inline-block; vertical-align: text-top; }
.contact p.txt { font-size: 14px; text-align: left; }
.contact .float_wrapper { padding: 15px 0 0; background: none; margin: 0 auto; }
.contact .float_wrapper .left { width: 240px; margin: 0 auto 20px; float: none; padding: 0; }
.contact .float_wrapper .left .btn { background-size: cover; width: 240px; height: 40px; margin: 0 auto; }
.contact .float_wrapper .left .btn a { background: url(../images/stock/icn_05.png) 25px 9px no-repeat; height: 40px; line-height: 40px; padding: 0 0 0 30px; font-size: 16px; }
.contact .float_wrapper .right { background: url(../images/stock/icn_06.png) 8px 1px no-repeat; width: 240px; margin: 0 auto; padding: 0 0 5px 40px; float: none; box-sizing: border-box; }
.contact .float_wrapper .right .btn { text-align: left;  }
.contact .float_wrapper .right .btn p { font-size: 16px; line-height: 100%; }
.contact .float_wrapper .right .btn a { font-size: 20px; }

#contents .others{ position: relative; padding: 30px 0; text-align: center; font-size: 16px;}
#contents .others div{ width: 95%; margin: 0 auto; }
#contents .others a{ display: flex; align-items: center; justify-content: center; height: 60px; background: #03418b; color: #fff; width: 100%; padding: 10px; box-sizing: border-box; border-radius: 5px;  font-weight: 600; position: relative; }


#foot p#mail.detil{ display: block; }
#foot p#mail.top{ display: none; }


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	infor
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.infor { position: fixed; right: 10px; bottom: 80px; margin: 0 0 0 10px; z-index: 11; }
.infor .check img { height: 80px; width: auto; }
.infor .thisbox { width: 100%; /* background: url(../images/stock/bg_woman.png) right bottom no-repeat #fff; */ position: relative; box-sizing: border-box; }
.infor .thisbox h2 { font-size: 14px; width: 100%; padding: 30px 10px 10px; box-sizing: border-box; }
.infor .thisbox h3 { font-size: 17px; padding: 7px 0 7px 10px; }
.infor .thisbox h3 span { font-size: 14px; font-weight: bold; line-height: 100%; }
.infor .thisbox h3::before { content: ""; height: 2px; width: 100%; background: #25a340; position: absolute; top: 0; left: 0; }
.infor .thisbox h3::after { content: ""; height: 2px; width: 100%; background: #25a340; position: absolute; bottom: 0; left: 0; }
.infor .thisbox h4 { padding: 13px 0 5px 10px; }
.infor .thisbox h4 a { color: #fff; background: url(../images/stock/f_y_bg.png) center center no-repeat; font-size: 16px; padding: 6px 14px; background-size: contain; }
.infor .thisbox p { font-size: 14px; width: 100%; color: #000; padding: 10px 0 20px 10px; }
.infor .thisbox p.close { font-size: 14px; position: absolute; right: 0; top: 0; color: #fff; width: 100px; text-align: center; padding: 5px 0; cursor: pointer; }

.add_contact{ margin: 0 0 20px;}

.backpage { padding: 10px 0 30px; }
.backpage a { font-size: 16px; padding: 20px 70px; background-size: 15px auto; line-height: 130%; }


#top_cat { padding: 20px 5px 4px 5px; width: 100vw; margin: 0 calc(50% - 50vw) 20px; box-sizing: border-box; background: #eeeeee; }
#top_cat h2 { padding: 18px 0; text-align: center; display: inline;}
#top_cat p { padding: 18px 0; text-align: center; display: inline;}
#top_cat ul li { width: calc((100% - 3px * 4) / 4); margin: 0 0 3px 3px; padding: 8px 4px 8x; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#top_cat ul li a img { width: auto; height: 45px; margin: 0 auto; display: block;}
#top_cat ul li:first-of-type a img{ height: 55px; }
#top_cat ul li:nth-of-type(2) a img{ height: 35px; display: block; margin: 0 auto;}
#top_cat ul li p { padding: 8px 0 0; font-size: 10px; }
#top_cat div { text-align: center; padding: 0 0 20px; }


.slick-slider .slick-arrow.slick-disabled { display: none !important; }

#search_aside .totop  { padding: 20px 3%; }

}

/* commitment */

div.commitment {
    background: #fff;
    border: 1px solid #eee;
    margin: 0 0 30px;
}



h2.commitment-claim {
    background-image: url(/images/quality/brand.png), url(/images/quality/grobe.png), linear-gradient(to bottom, #053e85, #157bab);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-x: 99%, right, center;
    background-position-y: 50%, 25%, 100%;
    background-size: 40%, 25%, 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: white;
    font-weight: bold;    
    font-size: 1.7em;
    position: relative;
}

strong.commitment-number-emphasis {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 80%;
    aspect-ratio: 1 / 1;
    background-color: red;
    border-radius: 50%;
    font-size: 1.8em;
    margin: 0.2em;
    z-index: 1;
}

h2 span {
    line-height: 1;
}

span.commitment-text-emphasis {
    position: relative;
    font-weight: bold;    
    font-size: 1em;
    letter-spacing: 0.08em;
    z-index: 1;
}

section.commitment-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列 */
  gap: 20px;
  padding: 20px 25px;
}

div.commitment-content {
  display: flex;
  flex-direction: column;
}

img.commitment-image {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

h3.commitment-head {
    font-size: 1.5em;
    font-weight: bold;
    color: black;
    padding: 0.8em 0 0.5em 0;
}

p.commitment-paragraph {
    letter-spacing: 0.5px;
    line-height: 22px;
	font-size: 1.3em;
	color: #333;
}

@media screen and (max-width:640px) {
    h2.commitment-claim {
        font-size: 3vw;
    }
    p.text {
        font-size: 3vw;
    }
    section.commitment-wrapper {
        display: inline;
        padding: 0;
    }
    h3.commitment-head {
        padding: 0.8em 0 0.2em 0.5em;
    }
    p.commitment-paragraph {
        font-size: 1.2em;
        padding: 0.5em;
    }
    div.commitment-content {
        margin: 1em 0 0 0;
    }
    div.commitment {
        padding: 0;
    }
}