@charset "UTF-8";

/*
Theme Name: autoc-one Corp
Description: autoc-one Corporation
Theme URI: https://autoc-one.jp/ullo/
Author: autoc-one,.inc
Version: 1
License: autoc-one
*/

* {
  font-family: Hiragino Sans, sans-serif;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
}

html {
  height: 100%;
}

ol,
ul {
  list-style: none;
}

li {
  list-style-type: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
}

blockquote:before,
blockquote:after {
  content: "";
}

q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

label,
input[type=checkbox] {
  cursor: pointer;
}

/*リンク*/

a {
  color: #3E76CB;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #3E76CB;
}

a:hover img.overwhite {
  cursor: pointer;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
  /* ie 8 */
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  zoom: 1;
}

a:visited img {
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
  /* ie 8 */
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  zoom: 1;
}

a img:hover {
  opacity: 0.85;
}

.link_box:hover {
  opacity: 0.85;
}

/*ページトップ*/

.pagetop a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 1;
  opacity: 0.7;
}

.pagetop.show {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}

/*見出し*/

h1 {
  font-size: 26px;
  line-height: 36px;
}

h2 {
  font-size: 20px;
  line-height: 28px;
}

h3,
h4,
h5 {
  font-size: 15px;
  line-height: 20px;
}

.line_mds {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}

/*テキスト装飾*/

.linktxt {
  color: #3E76CB;
}

.bold {
  font-weight: bold;
}

.nobold {
  font-weight: normal;
}

.undertxt {
  text-decoration: underline;
}

.lefttxt {
  text-align: left;
}

.righttxt {
  text-align: right;
}

.centertxt {
  text-align: center;
}

.whitetxt {
  color: #fff !important;
}

.greytxt {
  color: #49494a;
  opacity: 0.95;
}

.whitelink a {
  color: #fff !important;
}

.bluetxt {
  color: #568984;
}

.redtxt {
  color: #f9653f;
}

.usd_redtxt {
  color: #ff0000;
}

.yellowtxt {
  color: #ffd45a;
}

.greentxt {
  color: #568984;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.txt100 {
  font-size: 100px !important;
  line-height: 100% !important;
}

.txt60 {
  font-size: 60px !important;
  line-height: 100% !important;
}

.txt50 {
  font-size: 50px !important;
  line-height: 100% !important;
}

.txt40 {
  font-size: 40px !important;
  line-height: 100% !important;
}

.txt35 {
  font-size: 35px !important;
  line-height: 100% !important;
}

.txt30 {
  font-size: 30px !important;
  line-height: 100% !important;
}

.txt25 {
  font-size: 25px !important;
  line-height: 30px !important;
}

.txt20 {
  font-size: 20px !important;
  line-height: 28px !important;
}

.txt18 {
  font-size: 18px !important;
  line-height: 28px !important;
}

.txt16 {
  font-size: 16px !important;
  line-height: 28px !important;
}

.txt14 {
  font-size: 14px !important;
  line-height: 22px !important;
}

.txt13 {
  font-size: 13px !important;
  line-height: 18px !important;
}

.txt12 {
  font-size: 12px !important;
  line-height: 15px !important;
}

.txt11 {
  font-size: 11px !important;
  line-height: 15px !important;
}

.txt10 {
  font-size: 10px !important;
  line-height: 14px !important;
}

.txt9 {
  font-size: 9px !important;
  line-height: 13px !important;
}

.leadtxt {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px;
}

/*リスト・引用・必須項目*/

.tenlst li {
  margin-left: 22px !important;
  margin-bottom: 3px;
  list-style-position: outside;
  list-style-type: disc !important;
}

.numlst li {
  margin-left: 22px !important;
  margin-bottom: 3px;
  list-style-position: outside;
  list-style-type: decimal !important;
}

blockquote {
  background-color: #F0F2EF;
  padding: 1em 1em 1em 3em;
  position: relative;
}

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  font-family: "Ｍ Ｓ Ｐ ゴ シ ッ ク ", sans-serif;
  color: #999;
  position: absolute;
  left: 5px;
  top: 0;
}

.require {
  padding: 3px 5px 3px 5px;
  background-color: #CC3732;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
}

.any {
  padding: 3px 5px 3px 5px;
  background-color: #ddd;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
}

/*スペース*/

.upper3 {
  margin-top: 3px !important;
}

.upper5 {
  margin-top: 5px !important;
}

.upper10 {
  margin-top: 10px !important;
}

.upper15 {
  margin-top: 15px !important;
}

.upper20 {
  margin-top: 20px !important;
}

.upper24 {
  margin-top: 24px !important;
}

.upper30 {
  margin-top: 30px !important;
}

.upper40 {
  margin-top: 40px !important;
}

.upper48 {
  margin-top: 48px !important;
}

.upper50 {
  margin-top: 50px !important;
}

.upper60 {
  margin-top: 60px !important;
}

.upper70 {
  margin-top: 70px !important;
}

.upper80 {
  margin-top: 80px !important;
}

.upper100 {
  margin-top: 100px !important;
}

.bottom3 {
  margin-bottom: 3px !important;
}

.bottom5 {
  margin-bottom: 5px !important;
}

.bottom10 {
  margin-bottom: 10px !important;
}

.bottom12 {
  margin-bottom: 12px !important;
}

.bottom15 {
  margin-bottom: 15px !important;
}

.bottom20 {
  margin-bottom: 20px !important;
}

.bottom30 {
  margin-bottom: 30px !important;
}

.bottom40 {
  margin-bottom: 40px !important;
}

.bottom50 {
  margin-bottom: 50px !important;
}

.bottom60 {
  margin-bottom: 60px !important;
}

.bottom70 {
  margin-bottom: 70px !important;
}

.bottom80 {
  margin-bottom: 80px !important;
}

.bottom100 {
  margin-bottom: 100px !important;
}

.ptop50 {
  padding-top: 50px !important;
}

.ptop100 {
  padding-top: 100px !important;
}

.pbottom50 {
  padding-bottom: 50px !important;
}

.pbottom100 {
  padding-bottom: 100px !important;
}

.right3 {
  margin-right: 3px !important;
}

.right5 {
  margin-right: 5px !important;
}

.right10 {
  margin-right: 10px !important;
}

.right15 {
  margin-right: 15px !important;
}

.right20 {
  margin-right: 20px !important;
}

.left3 {
  margin-left: 3px !important;
}

.left5 {
  margin-left: 5px !important;
}

.left10 {
  margin-left: 10px !important;
}

.left15 {
  margin-left: 15px !important;
}

.left20 {
  margin-left: 20px !important;
}

.left40 {
  margin-left: 40px !important;
}

/*もっと見る*/

.hide-text {
  display: none;
}

button.readmore {
  position: relative;
  height: 80px;
  width: 90px;
  margin: 20px auto;
  display: block;
  background-color: transparent;
  color: #666;
  padding-bottom: 40px;
  border: none;
  outline: 0;
  transition: 0.5s;
  -erbkit-transition: 0.5s;
  cursor: pointer;
}

button.readmore::after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 30px;
  border-top: solid 3px #666;
  border-right: solid 3px #666;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  right: 28px;
  top: 25px;
  transition: 0.5s;
  -erbkit-transition: 0.5s;
}

button.readmore:hover::after {
  top: 40px;
}

.on-click {
  color: transparent !important;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.fillpink svg {
  vertical-align: -1px;
  margin-right: 5px;
  fill: #ff3644;
}

/*ページネーション*/

.pagenation {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-top: 20px;
}

.pagenation li {
  display: inline-block;
  display: inline;
  zoom: 1;
  list-style: none outside none;
  margin-left: 5px;
  margin-bottom: 10px;
}

.pagenation li.active {
  background-color: #00B489;
  border-radius: 3px;
  color: #fff;
  cursor: not-allowed;
  padding: 12px 20px 8px 20px;
}

.pagenation li a {
  background: none repeat scroll 0 0 #f0f3f5;
  border-radius: 3px;
  color: #1F3641;
  display: block;
  text-decoration: none;
  padding: 11px 19px 7px 19px;
  border: solid 1px #ccc;
}

.pagenation li a:hover {
  background-color: #00B489;
  color: #fff;
  opacity: 0.8;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: ease;
}

/*ボタン（iphone用）*/

input {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
}

/*フッターロゴ*/

#svglogo_foot {
  fill: white;
  margin: 7px 0 0 0;
}

/***** 以下、システム部追加 *****/

/***** モーダル（Sサイズ/Lサイズ） *****/

.alert-danger {
  color: #f9653f;
  background-color: #ffe4e4;
  border-color: #f9653f !important;
}

.alert-warning {
  border-color: gray !important;
}

/*TODO: 使ってなさそう .alert-success {
	color: #00AA66;
	background-color: #DFF0D8 !important;
	border-color: #00AA66 !important;
} */

.alert-common {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  font-weight: bold;
  background-image: none !important;
}

/* jQuery raty */

.star {
  margin: 0 10px 0 0;
}

.star img {
  width: 15px;
  height: 15px;
  vertical-align: -2px;
}

/* has-error系 */

.has-error {
  color: #f9653f !important;
}

.has-error .change-border-color {
  border-color: #f9653f !important;
}

.check_form {
  display: none;
}

.has-success .check_form {
  display: initial;
}

.has-error-message {
  font-size: 13px;
  line-height: 17px;
  color: #f9653f;
}

.inq_input_unit ~ .has-error-message {
  display: block;
}

/** user agent stylesheetが無効かされてて差分が出た分調整 */

a {
  cursor: pointer;
}

/** addClassとか流用したいので、追加 */

.hide {
  display: none !important;
}

.pb60 {
  padding-bottom: 60px;
}

/* autocomplete */

/* 入力補助リスト */

.ui-state-active {
  background-color: #2058A2 !important;
  color: #ffffff !important;
}

.ui-autocomplete.ui-widget-content {
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid #777;
  font-size: 13px;
  position: absolute;
  z-index: 1100;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-menu-item:nth-child(2n) {
  background-color: #ECECEC;
}

.ui-menu-item:nth-child(2n+1) {
  background-color: #FFF;
}

@media screen and (min-width: 640px) {
  body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #313233;
    background-color: #fff;
    min-width: 1050px;
  }

  .pcnone {
    display: none !important;
  }

  label:hover,
  .wpcf7-list-item-label:hover {
    color: #EE3440;
  }

  /*ヘッダー直下のスペース*/

  .headspace {
    margin-top: 60px !important;
  }

  .headspace_my {
    margin-top: 40px !important;
  }

  .headspace_20 {
    margin-top: 20px !important;
    margin-top: 10px !important;
  }

  .headspace_0 {
    margin-top: 0px !important;
  }

  /*ヘッダーメニュー（お気に入り・閲覧履歴）*/

  .head_menu_01 {
    position: absolute;
    top: -3px;
    right: 0px;
    width: 60px;
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    z-index: 10;
  }

  .head_menu_02 {
    position: absolute;
    top: -3px;
    right: 70px;
    width: 60px;
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    z-index: 10;
  }

  .head_menu_03 {
    position: absolute;
    top: -3px;
    right: 140px;
    width: 60px;
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    z-index: 10;
  }

  .hdmark {
    margin-bottom: 5px;
  }

  /*見出し*/

  .big_omds {
    font-size: 50px !important;
    line-height: 80px;
    font-weight: bold;
  }

  .middle_omds {
    font-size: 30px;
    line-height: 36px;
    color: #f9653f;
    margin-bottom: 5px;
  }

  .small_omds {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 40px;
    text-align: center;
  }

  .underline_large_mds {
    font-size: 16px;
    font-weight: bold;
    padding: 1px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ff3644;
  }

  .underline_large_mds svg {
    vertical-align: -2px !important;
    margin-right: 5px !important;
    fill: #ff3644;
    width: 16px;
    height: 16px;
  }

  .underline_mds {
    font-size: 16px;
    font-weight: bold;
    padding: 1px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }

  .underline_mds svg {
    vertical-align: -4px !important;
    margin-right: 10px !important;
    fill: #ff3644;
  }

  /*ヘッダー*/

  #logouthead {
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid #eee;
  }

  #loginhead {
    width: 100%;
    font-size: 12px;
  }

  #logouthead a,
  #loginhead {
    color: #313233 !important;
  }

  #hdinner {
    width: 1020px;
    padding: 0 15px 0 15px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    position: relative;
  }

  #hdlogo {
    float: left;
    width: 150px;
    padding: 13px 0 3px 0;
  }

  #hdmenu {
    float: right;
    width: 800px;
    margin: 2px 50px 0 0;
  }

  #hdmenu li {
    float: right;
    margin-left: 20px;
    padding: 10px 0 0 0;
  }

  /*通常用（ホワイト）*/

  #ao_logobox {
    width: 1020px;
    margin: 0 auto 0 auto;
    padding: 21px 15px 11px 15px;
    overflow: hidden;
  }

  #aologo {
    width: 1020px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
  }

  #aologo a:hover {
    color: #000;
    text-decoration: none;
  }

  #aologo img {
    width: 120px;
    height: auto;
  }

  #aologo #service_title {
    position: absolute;
    top: 4px;
    left: 183px;
    font-size: 14px;
    height: 100%;
    color: #000;
  }

  #aologo #jd_logo {
    position: absolute;
    top: 4px;
    left: 286px;
    font-size: 13px;
    height: 100%;
    font-weight: bold;
    color: #000;
  }

  #aologo #jd_logo img {
    width: 65px;
    height: auto;
    margin-left: 5px;
  }

  /*ウーロ用（ブラック）*/

  .greybg {
    background-color: #49494a;
  }

  #ullobox {
    width: 1020px;
    margin: 0 auto 0 auto;
    padding: 16px 15px 10px 15px;
    overflow: hidden;
  }

  #ullologo {
    float: left;
    width: 200px;
  }

  #ullologo svg {
    fill: #fff;
  }

  #ullologo img {
    width: 95px;
    height: auto;
  }

  #ullomenu {
    float: right;
    width: 800px;
    text-align: right;
    overflow: hidden;
    color: #fff !important;
  }

  #ullomenu li {
    float: right;
    margin-left: 40px;
    padding: 8px 0 0 0;
  }

  #ullomenu img,
  #ullomenu svg {
    margin: 0 10px 0 0;
    vertical-align: -5px;
    fill: white;
  }

  #ullomenu a {
    color: #fff !important;
  }

  /*ハンバーガーメニュー*/

  .hamburger_bk,
  .hamburger {
    position: absolute;
    display: block;
    width: 26px;
    height: 16px;
    top: -3px;
    right: 15px;
    z-index: 99999;
    margin-top: 16px;
    transition: all 0.4s;
    box-sizing: border-box;
    cursor: pointer;
  }

  .hamburger_bk span,
  .hamburger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    margin: 0 auto;
  }

  .hamburger_bk span:nth-of-type(1),
  .hamburger span:nth-of-type(1) {
    top: 2px;
  }

  .hamburger_bk span:nth-of-type(2),
  .hamburger span:nth-of-type(2) {
    top: 9px;
  }

  .hamburger_bk span:nth-of-type(3),
  .hamburger span:nth-of-type(3) {
    top: 16px;
  }

  .hamburger_bk.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }

  .hamburger_bk.active span:nth-of-type(2) {
    opacity: 0;
  }

  .hamburger_bk.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }

  .hamburger {
    position: absolute;
    display: block;
    width: 26px;
    height: 16px;
    top: -3px;
    right: 15px;
    z-index: 99999;
    margin-top: 16px;
    transition: all 0.4s;
    box-sizing: border-box;
    cursor: pointer;
  }

  .hamburger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    margin: 0 auto;
  }

  .hamburger span:nth-of-type(1) {
    top: 2px;
  }

  .hamburger span:nth-of-type(2) {
    top: 9px;
  }

  .hamburger span:nth-of-type(3) {
    top: 16px;
  }

  .hamburger.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }

  .hamburger.active span:nth-of-type(2) {
    opacity: 0;
  }

  .hamburger.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }

  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: 99998;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-y: scroll;
    font-size: 14px;
    line-height: 26px;
  }

  #navigation::-webkit-scrollbar {
    display: none;
  }

  .navigation_inner {
    display: table;
    width: 680px;
    height: 100%;
    margin: 0 auto 0 auto;
  }

  .navigation_menu {
    display: table-cell;
    vertical-align: middle;
  }

  /*全体用*/

  .nav_divbox {
    width: 680px;
    overflow: hidden;
    margin: 50px auto 0 auto;
    font-size: 14px;
    line-height: 22px;
  }

  .nav_divbox .lbox {
    float: left;
    width: 430px;
    overflow: hidden;
  }

  .nav_divbox .mlbox {
    float: left;
    width: 200px;
  }

  .nav_divbox .mrbox,
  .nav_divbox .rbox {
    float: right;
    width: 200px;
  }

  /*メーカー選択*/

  .maker_lst {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 100%;
  }

  .maker_lst li {
    float: left;
    width: 78px;
    margin: 0 6px 20px 0;
    text-align: center;
  }

  .maker_lst img {
    width: 100%;
    height: auto;
    margin-bottom: 2px;
  }

  .maker_lst .bottom4 {
    margin: 3px 0 3px 0;
  }

  .makerlogobottom {
    margin: 7px 0 10px 0;
  }

  .maker_lst li:nth-child(4n) {
    margin: 0px;
  }

  .maker_lbox {
    float: left;
    width: 330px;
    overflow: hidden;
    font-size: 11px;
    line-height: 100%;
  }

  .maker_rbox {
    float: right;
    width: 330px;
    overflow: hidden;
    font-size: 11px;
    line-height: 100%;
  }

  .maker_lbox_1020 {
    float: left;
    width: 500px;
    overflow: hidden;
    font-size: 11px;
    line-height: 100%;
  }

  .maker_rbox_1020 {
    float: right;
    width: 500px;
    overflow: hidden;
    font-size: 11px;
    line-height: 100%;
  }

  .top_spspace {
    margin: 0 0 20px 0;
  }

  /*メーカー選択_その他*/

  .maker_lst_etc {
    width: 680px;
    overflow: hidden;
    margin: 20px auto 0 auto;
    font-size: 14px;
    line-height: 22px;
  }

  .maker_lst_etc li {
    float: left;
    width: 155px;
    margin-right: 20px;
  }

  .maker_lst_etc li:nth-child(4n) {
    margin: 0;
  }

  .nav_divbox svg,
  .maker_lst_etc svg {
    vertical-align: -1px !important;
    margin-right: 10px !important;
    fill: #ff3644;
  }

  /*パンくず*/

  /*TODO: リソースのidからclassへの置換完了後に#breadcrumbは削除してください */

  #breadcrumb {
    width: 1020px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto 10px auto;
    font-size: 10px;
    line-height: 16px;
  }

  #breadcrumb li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  #breadcrumb li:first-child:before {
    content: none;
  }

  #breadcrumb li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
  }

  #breadcrumb a {
    color: #313233;
  }

  #breadcrumb h1 {
    float: right;
  }

  #breadcrumb_white {
    width: 1020px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto 10px auto;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
  }

  #breadcrumb_white li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  #breadcrumb_white li:first-child:before {
    content: none;
  }

  #breadcrumb_white li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
    color: #fff;
  }

  #breadcrumb_white a {
    color: #fff;
  }

  #breadcrumb_ab {
    overflow: hidden;
    padding: 0;
    margin: 0 auto 0 auto;
    font-size: 10px;
    line-height: 16px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -510px;
  }

  #breadcrumb_ab li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  #breadcrumb_ab li:first-child:before {
    content: none;
  }

  #breadcrumb_ab li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
  }

  #breadcrumb_white_ab {
    overflow: hidden;
    padding: 0;
    margin: 0 auto 0 auto;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -510px;
  }

  #breadcrumb_white_ab li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  #breadcrumb_white_ab li:first-child:before {
    content: none;
  }

  #breadcrumb_white_ab li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
    color: #fff;
  }

  #breadcrumb_white_ab a {
    color: #fff;
  }

  .breadcrumb {
    width: 1020px;
    overflow: auto;
    padding: 0;
    margin: 0 auto 10px auto;
    font-size: 10px;
    line-height: 16px;
  }

  .breadcrumb li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  .breadcrumb li:first-child:before {
    content: none;
  }

  .breadcrumb li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
  }

  .breadcrumb a {
    color: #313233;
  }

  .breadcrumb h1 {
    float: right;
  }

  .breadcrumb_white {
    width: 1020px;
    overflow: auto;
    padding: 0;
    margin: 0 auto 10px auto;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
  }

  .breadcrumb_white li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  .breadcrumb_white li:first-child:before {
    content: none;
  }

  .breadcrumb_white li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
    color: #fff;
  }

  .breadcrumb_white a {
    color: #fff;
  }

  .breadcrumb_ab {
    overflow: auto;
    padding: 0;
    margin: 0 auto 0 auto;
    font-size: 10px;
    line-height: 16px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -510px;
  }

  .breadcrumb_ab li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  .breadcrumb_ab li:first-child:before {
    content: none;
  }

  .breadcrumb_ab li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
  }

  .breadcrumb_white_ab {
    overflow: auto;
    padding: 0;
    margin: 0 auto 0 auto;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -510px;
  }

  .breadcrumb_white_ab li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  .breadcrumb_white_ab li:first-child:before {
    content: none;
  }

  .breadcrumb_white_ab li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
    color: #fff;
  }

  .breadcrumb_white_ab a {
    color: #fff;
  }

  /*カーソル*/

  .pagetop {
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 30px;
    right: 50px;
  }

  /*フッター*/

  .foot_bgcolor {
    background-color: #49494a;
    padding: 50px 0 50px 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    min-width: 1050px;
  }

  .foot_bgcolor_red {
    background-color: #49494a;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    min-width: 1050px;
    border-top: 1px solid #ddd;
  }

  footer a,
  .foot_bgcolor a {
    color: #fff;
  }

  footer a:hover,
  .foot_bgcolor a:hover {
    color: #fff;
  }

  footer .inbox,
  .foot_bgcolor .inbox {
    width: 1020px;
    margin: 0 auto 0 auto;
  }

  footer .foot_float,
  .foot_bgcolor .foot_float {
    width: 1020px;
    overflow: hidden;
  }

  .foot_float .ltwobox {
    float: left;
    width: 370px;
  }

  .ltwobox li {
    margin-bottom: 3px;
  }

  .foot_float .rtwobox {
    float: right;
    width: 600px;
    padding-left: 30px;
    border-left: 1px solid #ddd;
  }

  footer h3,
  footer h4 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  footer h5 {
    font-size: 13px;
    line-height: 20px;
  }

  .footerm_box_big {
    overflow: hidden;
    width: 1020px;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  .footerm_box_big .lbox {
    float: left;
    width: 120px;
  }

  .footerm_box_big .rbox {
    float: left;
    width: 880px;
  }

  .footerm_box {
    overflow: hidden;
    width: 600px;
  }

  .footerm_lbox {
    float: left;
    width: 120px;
    font-size: 13px;
    line-height: 18px;
  }

  .footerm_rbox {
    float: left;
    width: 480px;
  }

  .footlst {
    clear: both;
    overflow: hidden;
    margin-bottom: 3px;
  }

  .footlst li {
    float: left;
  }

  .footlst li:last-child:after {
    content: none;
  }

  .footlst li:after {
    content: "|";
    margin: 0 10px 0 10px;
  }

  #footerbottom {
    width: 1020px;
    overflow: hidden;
    padding: 13px 0 15px 0;
    margin: 0 auto 0 auto;
    position: relative;
    font-size: 13px;
    line-height: 20px;
  }

  #footerb_lbox {
    float: left;
    width: 800px;
    overflow: hidden;
  }

  #footerbottom #lbox {
    float: left;
    width: 85px;
  }

  #footerbottom #aolbox {
    float: left;
    width: 130px;
    margin-top: 7px;
  }

  #footerbottom #lbox img {
    width: 85px;
  }

  #footerbottom #lbox svg {
    fill: #fff;
  }

  #footerbottom #aolbox {
    fill: #fff;
  }

  #footerbottom #rbox {
    float: right;
    width: 680px;
    text-align: center;
    margin-top: 7px;
  }

  #footerbottom #aorbox {
    float: right;
    width: 630px;
    text-align: center;
    margin-top: 7px;
  }

  #footerb_rbox {
    float: right;
    width: 200px;
    text-align: right;
    padding: 1px 0 0 0;
    margin-top: 7px;
  }

  #footerbottom #rbox li,
  #footerbottom #aorbox li {
    float: left;
    margin: 1px 10px 0 0;
  }

  .footspace_large {
    margin-bottom: 40px;
  }

  .footspace_small {
    margin-bottom: 20px;
  }

  .base_space_upper_large {
    padding-top: 80px !important;
  }

  .base_space_bottom_large {
    padding-bottom: 80px !important;
  }

  .base_space_bottom_small {
    padding-bottom: 40px !important;
  }

  .comp_space {
    margin-bottom: 20px;
  }

  /*404notfound*/

  .notfoundbox_wrapper {
    display: flex;
    flex-direction: column;
    min-height: 82vh;
  }

  .notfoundbox {
    width: 1020px;
    margin: 0 auto 60px auto;
    padding-top: 30px;
    overflow: hidden;
  }

  .notfoundbox h1 {
    font-size: 130px;
    line-height: 100%;
  }

  .notfoundbox .lbox {
    float: left;
    width: 600px;
  }

  .notfoundbox .rbox {
    float: right;
    width: 200px;
    margin: 100px 100px 0 100px;
  }

  .notfoundbox svg {
    fill: #999;
  }

  /* アラート/メッセージ */

  .alert_message_01,
  .alert_message_02 {
    display: none;
    position: fixed;
    bottom: 0px;
    background-color: #f9653f;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 50px 0 45px 0;
    text-align: center;
    opacity: 0.9;
    color: #fff;
    z-index: 2;
    text-align: center;
    font-size: 20px;
    line-height: 120%;
    font-weight: bold;
    min-width: 1050px;
  }

  /*ログインボックス*/

  .loginbox_l {
    float: left;
    width: 480px;
    line-height: 24px;
  }

  .loginbox_r {
    float: right;
    width: 480px;
    line-height: 24px;
  }

  .passbox {
    width: 480px;
    margin: 0 auto 0 auto;
  }

  .lsttable {
    width: 470px;
    display: table;
    margin-bottom: 15px;
    position: relative;
  }

  .lstttl {
    width: 160px;
    display: table-cell;
    vertical-align: top;
    line-height: 170%;
    padding: 0 10px 0 0;
  }

  .lstdata {
    width: 300px;
    display: table-cell;
    vertical-align: top;
    line-height: 170%;
    word-break: break-all;
  }

  .inq_input {
    width: 283px;
    height: 28px;
    padding: 3px 5px 2px 10px;
    border: 1px solid #ddd;
  }

  .inq_textarea {
    width: 280px;
    padding: 10px;
    border: 1px solid #ddd;
  }

  .login_box {
    width: 300px;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .remind svg {
    margin-right: 10px;
    vertical-align: -1px;
    fill: #6C86A2;
  }

  .btn_anim_white_arrow {
    background-color: #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    background-image: url(../image/common/icon_commonbtn-357ab5396698c5348a88af5915f1131c.png) !important;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 250px 12px;
    text-align: left;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
  }

  .btn_anim_white_arrow:hover {
    background-color: transparent;
    color: #000 !important;
    text-decoration: none;
    background-color: #f7f7f7;
  }
}

@media screen and (max-width: 640px) {
  body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
    color: #313233;
    background-color: #fff;
  }

  .spnone {
    display: none !important;
  }

  * {
    box-sizing: border-box;
  }

  /*パンくず*/

  .breadcrumb {
    overflow: hidden;
    padding: 0;
    margin: 0 auto 0 auto;
    font-size: 10px;
    line-height: 16px;
  }

  .breadcrumb li {
    display: inline-block;
    list-style: none;
    float: left;
  }

  .breadcrumb li:first-child:before {
    content: none;
  }

  .breadcrumb li:before {
    content: ">";
    margin: 0 10px 0 10px;
    color: #313233;
    font-weight: bold;
  }

  .breadcrumb a {
    color: #313233;
  }

  .breadcrumb h1 {
    float: right;
  }

  /*ヘッダー直下のスペース*/

  .headspace,
  .headspace_my,
  .headspace_20,
  .headspace_10,
  .headspace_0 {
    margin-top: 100px !important;
  }

  /*ヘッダー*/

  .head_menu_01 {
    display: none;
  }

  .head_menu_02 {
    position: absolute;
    top: -1px;
    right: 50px;
    width: 50px;
    font-size: 9px;
    line-height: 100%;
    text-align: center;
    z-index: 10;
  }

  .head_menu_03 {
    position: absolute;
    top: -1px;
    right: 100px;
    width: 50px;
    font-size: 9px;
    line-height: 100%;
    text-align: center;
    z-index: 10;
  }

  .head_menu_01 a,
  .head_menu_02 a,
  .head_menu_03 a {
    color: #313233;
  }

  .hdmark {
    margin-bottom: 3px;
  }

  /*見出し*/

  .big_omds {
    font-size: 30px !important;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .middle_omds {
    font-size: 26px;
    line-height: 36px;
    color: #f9653f;
    margin-bottom: 5px;
  }

  .small_omds {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
  }

  .underline_large_mds {
    font-size: 16px;
    font-weight: bold;
    padding: 1px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ff3644;
  }

  .underline_large_mds svg {
    vertical-align: -2px !important;
    margin-right: 5px !important;
    fill: #ff3644;
    width: 16px;
    height: 16px;
  }

  .underline_mds {
    font-size: 14px;
    font-weight: bold;
    padding: 1px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }

  .underline_mds svg {
    vertical-align: -2px !important;
    margin-right: 10px !important;
    fill: #ff3644;
    width: 16px;
    height: 16px;
  }

  /*中古車ロゴ*/

  #svglogo_head {
    width: 85px;
    height: auto;
  }

  /*通常用（ホワイト）*/

  #ao_logobox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    margin: 0 auto 0 auto;
    z-index: 1;
    background-color: #fff;
    box-shadow: 5px;
    -webkit-box-shadow: 0px 3px 13.5px 1.5px rgba(132, 136, 138, 0.3);
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
    z-index: 2;
  }

  #aologo {
    margin: 12px 0 0 15px;
    position: relative;
  }

  .aologosvg {
    width: 120px;
    height: auto;
    margin: 6px 0 0 0;
  }

  #aologo img {
    width: 75px;
    height: auto;
  }

  #aologo #jd_logo {
    position: absolute;
    top: 4px;
    left: 125px;
    font-size: 13px;
    height: 100%;
    font-weight: bold;
    color: #000;
  }

  #aologo #jd_logo img {
    width: 65px;
    height: auto;
    margin-left: 5px;
  }

  .hamburger_bk {
    position: fixed;
    display: block;
    width: 26px;
    height: 16px;
    top: -1px;
    right: 15px;
    z-index: 99999;
    margin-top: 16px;
    transition: all 0.4s;
    box-sizing: border-box;
    cursor: pointer;
  }

  .hamburger_bk span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    margin: 0 auto;
  }

  .hamburger_bk span:nth-of-type(1) {
    top: 2px;
  }

  .hamburger_bk span:nth-of-type(2) {
    top: 9px;
  }

  .hamburger_bk span:nth-of-type(3) {
    top: 16px;
  }

  .hamburger_bk.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }

  .hamburger_bk.active span:nth-of-type(2) {
    opacity: 0;
  }

  .hamburger_bk.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }

  .togglebox2 {
    display: none;
    font-size: 12px !important;
    line-height: 120%;
  }

  /*ウーロ用（ブラック）*/

  #ullobox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    margin: 0 auto 0 auto;
    z-index: 1;
    background-color: #49494a;
    box-shadow: 5px;
    -webkit-box-shadow: 0px 3px 13.5px 1.5px rgba(132, 136, 138, 0.3);
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
    z-index: 2;
  }

  #ullologo {
    margin: 11px 0 0 15px;
  }

  #ullologo img {
    width: 75px;
    height: auto;
  }

  #ullologo svg {
    fill: #fff;
    width: 75px;
    height: 28px;
  }

  .hamburger {
    position: fixed;
    display: block;
    width: 26px;
    height: 16px;
    top: -1px;
    right: 15px;
    z-index: 99999;
    margin-top: 16px;
    transition: all 0.4s;
    box-sizing: border-box;
    cursor: pointer;
  }

  .hamburger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
  }

  .hamburger span:nth-of-type(1) {
    top: 2px;
  }

  .hamburger span:nth-of-type(2) {
    top: 9px;
  }

  .hamburger span:nth-of-type(3) {
    top: 16px;
  }

  .hamburger.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
    background-color: #000;
  }

  .hamburger.active span:nth-of-type(2) {
    opacity: 0;
  }

  .hamburger.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
    background-color: #000;
  }

  #navigation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 99998;
    color: #313232;
    overflow-y: scroll;
  }

  #navigation::-webkit-scrollbar {
    display: none;
  }

  .navigation_inner {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 50px;
  }

  .navigation_menu {
    display: table-cell;
    vertical-align: middle;
  }

  .nav_divbox {
    overflow: hidden;
    margin: 0 15px 0 15px;
  }

  .nav_divbox .lbox,
  .nav_divbox .mlbox,
  .nav_divbox .mrbox,
  .nav_divbox .rbox {
    margin-bottom: 20px;
  }

  .ncountbox {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    position: relative;
  }

  .nav_divbox .lbox li,
  .nav_divbox .mlbox li,
  .nav_divbox .mrbox li,
  .nav_divbox .rbox li {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    position: relative;
  }

  .navigation_item,
  .maker_lst_etc li {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    position: relative;
  }

  .n_countball {
    position: absolute;
    top: -3px;
    right: 10px;
    border-radius: 50%;
    background-color: #f9653f;
    color: #fff;
    width: 30px;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
  }

  .nav_divbox h3 a {
    color: #313232;
  }

  /*メーカー選択*/

  .maker_lst {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }

  .maker_lst li {
    float: left;
    width: 19%;
    margin: 0 1% 8px 0;
    text-align: center;
  }

  .maker_lst img {
    width: 100%;
    height: auto;
    margin-bottom: 2px;
  }

  .maker_lst .bottom4 {
    margin: 3px 0 3px 0;
  }

  .makerlogobottom {
    margin: 7px 0 10px 0;
  }

  .maker_lst li:nth-child(4n) {
    margin: 0px;
  }

  .maker_lbox,
  .maker_rbox {
    overflow: hidden;
    font-size: 11px;
    line-height: 100%;
  }

  .top_spspace {
    margin: 10px 0 10px 0;
  }

  /*メーカー選択_その他*/

  .maker_lst_etc {
    margin: 20px 15px 0 15px;
  }

  .nav_divbox svg,
  .maker_lst_etc svg {
    vertical-align: -1px !important;
    margin-right: 10px !important;
    fill: #ff3644;
  }

  /*カーソル*/

  .pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
  }

  /*フッター*/

  .foot_bgcolor {
    background-color: #49494a;
    padding: 50px 0 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  .foot_bgcolor_red {
    background-color: #49494a;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  footer a,
  .foot_bgcolor a {
    color: #fff;
  }

  footer a:hover,
  .foot_bgcolor a:hover {
    color: #fff;
  }

  footer .inbox,
  .foot_bgcolor .inbox {
    margin: 0 15px 0 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }

  .foot_float .ltwobox {
    margin-bottom: 40px;
  }

  .footerm_box_big {
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px;
  }

  .footerm_box_big .lbox {
    float: left;
    width: 28%;
    font-weight: bold;
  }

  .footerm_box_big .rbox {
    float: right;
    width: 67%;
  }

  .footerm_box {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
  }

  .footerm_box h4 {
    font-size: 13px;
    line-height: 20px;
  }

  .footerm_lbox {
    float: left;
    width: 27%;
  }

  .footerm_rbox {
    float: right;
    width: 72%;
  }

  .footlst {
    clear: both;
    overflow: hidden;
  }

  .footlst li {
    float: left;
    margin: 0 10px 5px 0;
  }

  .footlst li:last-child {
    margin: 0 10px 0 0;
  }

  #footerbottom {
    padding: 25px 0 18px 0;
    margin: 0 15px 0 15px;
  }

  #footerbottom #lbox,
  #footerbottom #aolbox {
    margin-bottom: 15px;
  }

  #footerbottom #rbox li,
  #footerbottom #aorbox li {
    margin-bottom: 8px;
  }

  #footerb_rbox {
    margin-top: 15px;
  }

  #footerbottom #lbox svg {
    fill: #fff;
    width: 70px;
    height: auto;
  }

  #footerbottom #aolbox svg {
    fill: #fff;
    width: 110px;
    height: auto;
  }

  #footerbottom #lbox img {
    width: 70px;
    height: auto;
  }

  .footspace_large {
    margin-bottom: 20px;
  }

  .footspace_small {
    margin-bottom: 10px;
  }

  /*画面下部固定*/

  .display_bottom_fix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 0 5px 0;
    z-index: 1;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px 15px 8px 15px;
    color: #fff;
  }

  .dbf_lbox {
    float: left;
    width: 30%;
    margin-left: 10px;
    position: relative;
  }

  .dbf_rbox {
    float: right;
    width: 60%;
    margin-right: 10px;
    position: relative;
  }

  .btn_anim_red_dbf {
    background-color: #f9653f;
    border-top: 1px solid #f9653f;
    border-left: 1px solid #f9653f;
    border-bottom: 1px solid #fb3806;
    border-right: 1px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px 10px 9px 15px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
  }

  .dbf_sendimg {
    position: absolute;
    top: 10px;
    right: 15px;
  }

  .dbf_sendimg img {
    width: 20px;
    height: auto;
  }

  .btn_anim_red_dbf_top {
    background-color: #f9653f;
    border-top: 1px solid #f9653f;
    border-left: 1px solid #f9653f;
    border-bottom: 1px solid #fb3806;
    border-right: 1px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 11px 10px 9px 85px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    position: relative;
  }

  .btn_anim_red_dbf_bid {
    background-color: #f9653f;
    border-top: 1px solid #f9653f;
    border-left: 1px solid #f9653f;
    border-bottom: 1px solid #fb3806;
    border-right: 1px solid #fb3806;
    color: #fff !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    padding: 12px 10px 8px 10px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    position: relative;
  }

  .btn_balloon_sp {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 60px;
    background-color: #fff;
    padding: 0;
    line-height: 100%;
    padding: 7px 10px 5px 10px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    color: #f9653f;
    font-size: 14px;
    font-weight: bold;
  }

  .reqcount_fix {
    position: absolute;
    top: 23px;
    right: 30px;
    background-color: #fff;
    border-radius: 50%;
    color: #f9653f;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    padding: 1px 0 0 0;
  }

  .btnicon_img_fix_left {
    position: absolute;
    top: 22px;
    left: 35px;
  }

  .base_space_upper_large {
    padding-top: 40px !important;
  }

  .base_space_bottom_large,
  base_space_bottom_small {
    margin-bottom: 40px !important;
  }

  .comp_space {
    margin-bottom: 10px;
  }

  /* 警告メッセージ */

  .alert_message_01,
  .alert_message_02 {
    display: none;
    position: fixed;
    bottom: 0px;
    background-color: #f9653f;
    padding: 30px 20px 30px 20px;
    width: 100%;
    opacity: 0.98;
    color: #fff;
    z-index: 2;
    text-align: center;
    font-size: 20px;
    line-height: 120%;
    font-weight: bold;
  }

  /*ソート*/

  .sort50 {
    overflow: hidden;
    margin-bottom: 40px;
  }

  .sort50 li {
    float: left;
    width: 19%;
    margin: 0 1% 5px 0;
    padding: 5px 7px 3px 7px;
    background-color: #19b5fe;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
  }

  .sort50 li:nth-child(5n) {
    margin-right: 0px;
  }

  .sort50 li a {
    color: #fff;
    display: block;
    text-align: center;
  }

  /*404notfound*/

  .notfoundbox {
    margin: 0 15px 60px 15px;
    overflow: hidden;
  }

  .notfoundbox h1 {
    font-size: 100px;
    line-height: 90%;
  }

  .notfoundbox .rbox {
    display: none;
  }

  /*ログインボックス*/

  .loginbox_l {
    line-height: 24px;
    margin-bottom: 40px;
  }

  .loginbox_r {
    line-height: 24px;
  }

  .remind svg {
    margin-right: 10px;
    vertical-align: -1px;
    fill: #6C86A2;
  }

  .lsttable {
    width: 100%;
    display: table;
    margin-bottom: 15px;
    position: relative;
  }

  .lstttl {
    width: 40%;
    display: table-cell;
    vertical-align: top;
    line-height: 170%;
    padding: 0 10px 0 0;
  }

  .lstdata {
    width: 60%;
    display: table-cell;
    vertical-align: top;
    line-height: 170%;
    word-break: break-all;
  }

  .inq_input {
    width: 100%;
    height: 28px;
    padding: 3px 5px 2px 10px;
    border: 1px solid #ddd;
  }

  .inq_textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
  }

  .login_box {
    width: 85%;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .btn_anim_white_arrow {
    background-color: #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #000 !important;
    box-sizing: border-box;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 5px;
    background-image: url(../image/common/icon_commonbtn-357ab5396698c5348a88af5915f1131c.png) !important;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 250px 12px;
    text-align: left;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
  }

  .btn_anim_white_arrow:hover {
    background-color: transparent;
    color: #000 !important;
    text-decoration: none;
    background-color: #f7f7f7;
  }
}