@charset "utf-8";

/* JARC 基本設定CSS */

/*

    1. 共通設定
    2. トップページ
    3. 下層ページ（2カラム）
    4. 下層ページ（1カラム）

*/

/* -------------------------------------------
    1. 共通設定
------------------------------------------- */
h1.page-title {
  color:#d36d22;
  font-size: 2.8em;
  background:url(../images/uniq/bg-pagetitle.png) no-repeat left bottom #f0f0f0;
  padding: 20px 20px 20px 26px;
  margin-bottom: 50px;
}

.sp-view {display: none;}

/* --------------- ボタン関連 --------------- */
/* ボタンエフェクト */
.button {
  display: inline-block;
  text-decoration: none;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.pdf-btn {
  background: url(../images/uniq/icon-pdf.png) no-repeat right 20px center;
  display: inline-block;
  border: 1px solid #b63939;
  color:#b63939;
  text-decoration: none;
  line-height: 1em;
  padding:16px 58px 16px 16px;
  margin:0 20px 20px 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

a:hover.pdf-btn {
  background-color:#fff4f4;
}

a.text-button {
  display: inline-block;
  background-color:#43ad92;
  color:#FFF;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

  a:hover.text-button {
    background-color:#318771;
  }

.entry-block a.pdf {
  background: url(../images/uniq/icon-pdf.png) no-repeat right 20px center;
  background-size: 20px auto;
  text-decoration: underline;
  padding:0 50px 0 0;
}

.entry-block a.xls {
  background: url(../images/uniq/icon-excel.png) no-repeat right 20px center;
  background-size: 20px auto;
  text-decoration: underline;
  padding:0 50px 0 0;
}

.entry-block a.doc {
  background: url(../images/uniq/icon-word.png) no-repeat right 20px center;
  background-size: 20px auto;
  text-decoration: underline;
  padding:0 50px 0 0;
}

.entry-block a.ppt {
  background: url(../images/uniq/icon-ppt.png) no-repeat right 20px center;
  background-size: 20px auto;
  text-decoration: underline;
  padding:0 50px 0 0;
}

.entry-block .page-anc {
  position: relative;
}

.entry-block .page-anc > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 25px;
  font-size: 1.6em;
  line-height: 28px;
  margin: 0 30px 30px;
  padding-left: 0;
}

.entry-block .page-anc > ul > li {
  list-style-type: none;
}

.entry-block .page-anc > ul > li > a {
  position: relative;
  display: block;
  padding-right: 36px;
}

.entry-block .page-anc > ul > li > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  transform: rotate(90deg);
  background: url(../images/top/icon-list-arrow.png) no-repeat center center;
  transition: transform 0.2sease-out;
}

.entry-block .note {
  font-size: 1.2em;
  margin-bottom: 0;
}

.entry-block .note + * {
  margin-top: 30px;
}

.entry-block .note + .note {
  margin-top: 0;
}

.entry-block .table-wrap {
  margin: 40px auto;
}

.entry-block .table-wrap .table-note {
  font-size: 1.2em;
  margin-bottom: 0;
  text-align: right;
}

.entry-block .table-wrap table {
  width: 100%;
  table-layout: fixed;
  font-size: 1.3em;
  border: 1px solid;
  border-top: 1px solid #BBB;
  border-left: 1px solid #BBB;
}

.entry-block .table-wrap table td,
.entry-block .table-wrap table th {
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 10px 7px;
}

/* --------------- リスト関連 --------------- */

/* かっこ付き数字リスト */
ol.rb {
  margin: 0;
  padding:0;
}

ol.rb li {
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  font-size: 1.6em;
  line-height: 28px;
  text-indent:-1.6em;
  padding-left:1.6em;
}

ol.rb li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}



/* --------------- 検索フォーム --------------- */
.searchform-pc {
  position: relative;
  width: 370px;
  float: right;
  margin: 2px 20px 0 0;
  z-index: 101;
}

.searchform-sp {
  display: none;
}

.searchkeyword {
  width: 220px;
  height: 16px
}

.searchbtn {
  position: absolute;
  top: 0;
  right: 6px;
}

.gsc-control-cse.gsc-control-cse-ja {
  padding: 0;
}

/* --------------- 404 --------------- */

h2.title-404 {
  font-size: 2.4em;
  margin-bottom: 30px;
  font-weight: bold;
}

/* --------------- 基本テーブル --------------- */

.default-table {
  margin-bottom: 30px;
}

.default-table table {
  border-top: 1px solid #BBB;
  border-left: 1px solid #BBB;
}

.default-table td,
.default-table th {
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 16px;
}

.default-table th {
  background-color:#cde6ea;
}

/* テーブルないリスト */
.default-table ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: disc;
}

.default-table li {
  font-size: 1.6em;
  line-height: 24px;
  margin: 0 0 5px;
}

/* テーブル一括フォントサイズ指定 */
.table-fontsize-normal {
  font-size: 1.6em;
  line-height: 28px;
}

/* --------------- エントリー内共通パーツ --------------- */
/* 通常のリスト */
.entry-block ol,
.entry-block ul {
  margin: 0 0 30px 30px;
  padding:0;
}

.entry-block ol,
.entry-block ul {
  font-size: 1.6em;
  line-height: 28px;
  padding-left:10px;
}

.entry-block ol ul,
.entry-block ul ol,
.entry-block ul ul,
.entry-block ul ul ul,
.entry-block ol ol {
  font-size: 1em;
}

.entry-block ol li {
  list-style-type: decimal;
}

.entry-block ol li.arp {
  list-style-type: upper-latin;
}

.entry-block ul li {
  list-style-type: disc;
}

.entry-block ul > li + li {
  margin-top: 10px;
}

.entry-block ul.list-child {
  margin: 0 0 10px 0;
}

.entry-block ul.list-child > li {
  position: relative;
  list-style-type: none;
  padding-left: 1em;
}

.entry-block ul.list-child > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background-color: #707070;
}

/* ネイティブCSS */
.entry-block strong { font-weight: bold; }
.entry-block em { font-style: italic; }
.entry-block blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}

/* 追加CSS */
.entry-block p.text-drawing {
  margin: 30px auto;
  padding: 16px 0;
  font-size: 1.8em;
  line-height: 28px;
  border-top: 2px solid #000;
}

.entry-block ol.list-arrow {
  margin: 0 0 15px 0;
  padding: 0;
}

.entry-block ol.list-arrow > li {
  position: relative;
  list-style-type: none;
}

.entry-block ol.list-arrow > li + li {
  padding-top: 30px;
}

.entry-block ol.list-arrow > li + li:before {
  content: "↓";
  position: absolute;
  top: 0;
  left: 0;
}

.entry-block ul.list-question {
  margin: 0 0 15px 0;
  padding: 0;
}

.entry-block ul.list-question > li {
  position: relative;
  list-style-type: none;
  padding-left: 1.5em;
}

.entry-block ul.list-question > li:before {
  content: "Q,";
  position: absolute;
  top: 0;
  left: 0;
}

.entry-block .qa-box {
  position: relative;
  border: 3px solid #ffae72;
  border-radius: 20px;
}

.entry-block .qa-box > dt {
  position: absolute;
  top: -1.5em;
  left: 20px;
  line-height: 1;
}

.entry-block .qa-box > dt > span {
  display: inline-block;
  padding: 2px 20px;
  color: #D36D27;
  font-size: 2.2rem;
  font-weight: bold;
  background-color: #fff;
  line-height: 1;
}

.entry-block .qa-box > dd {
  padding: 30px 30px 20px 30px;
}

.entry-block .qa-box > dd > p {
  margin-bottom: 0;
}

/* img */

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

.entry-block img[class*="wp-image-"],
.entry-block img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

/* ページ内リンク（共通ID）ちょっと上にジャンプ */
#sec01,#sec02,#sec03,#sec04,#sec05,#sec06,
#sec1,#sec2,#sec3,#sec4,#sec5,#sec6 {
  padding-top: 20px;
  margin-top: -20px;
}

h2#sec01,h2#sec02,h2#sec03,h2#sec04,h2#sec05,h2#sec06,
h2#sec1,h2#sec2,h2#sec3,h2#sec4,h2#sec5,h2#sec6 {
  padding-top: 20px;
  margin-top: -20px;
  background-position: left 22px;
}

/* -------------------------------------------
    2. トップページ
------------------------------------------- */

.main-slide {
  width: 1100px;
  margin: 0 auto 50px;
  z-index: 60;
}

/* トップアイコン */
.top-icon-block {
  overflow:hidden;
  margin-right:-20px;
  margin-bottom:50px;
}

  .top-icon-block a.btn-icon {
    width: 260px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #43ad92;
    padding: 140px 0 15px;
    margin:0 20px 20px 0;
    float: left;
    text-decoration: none;
    font-size: 18px;
    color:#43ad92;
    text-align: center;
    background:no-repeat center 10px #FFF;
  }

  .top-icon-block a.prop01 {background-image:url(../images/top/icon-purpose01.png);}
  .top-icon-block a.prop02 {background-image:url(../images/top/icon-purpose02.png);}
  .top-icon-block a.prop03 {background-image:url(../images/top/icon-purpose03.png);}
  .top-icon-block a.prop04 {background-image:url(../images/top/icon-purpose04.png);}
  .top-icon-block a.prop05 {background-image:url(../images/top/icon-purpose05.png);}
  .top-icon-block a.prop06 {background-image:url(../images/top/icon-purpose06.png);}
  .top-icon-block a.prop07 {background-image:url(../images/top/icon-purpose07.png);}
  .top-icon-block a.prop08 {background-image:url(../images/top/icon-purpose08.png);}

  .top-icon-block a:hover.prop01 {background-image:url(../images/top/icon-purpose01-ov.png);}
  .top-icon-block a:hover.prop02 {background-image:url(../images/top/icon-purpose02-ov.png);}
  .top-icon-block a:hover.prop03 {background-image:url(../images/top/icon-purpose03-ov.png);}
  .top-icon-block a:hover.prop04 {background-image:url(../images/top/icon-purpose04-ov.png);}
  .top-icon-block a:hover.prop05 {background-image:url(../images/top/icon-purpose05-ov.png);}
  .top-icon-block a:hover.prop06 {background-image:url(../images/top/icon-purpose06-ov.png);}
  .top-icon-block a:hover.prop07 {background-image:url(../images/top/icon-purpose07-ov.png);}
  .top-icon-block a:hover.prop08 {background-image:url(../images/top/icon-purpose08-ov.png);}

  .top-icon-block a.btn-icon img {
    margin-bottom:15px;
  }

  .top-icon-block a:hover.btn-icon {
    background-color:#43ad92;
    color:#FFF;
  }

/* トップコーナータイトル */
h2.top-corner-title {
  margin-bottom: 24px;
  position: relative;
  background:no-repeat left center;
  padding:12px 0 10px 60px;
}

  h2.top-corner-title span.title {
    font-size:2.4em;
    font-weight: bold;
  }

  h2.news {background-image:url(../images/top/icon-corner-news.png);}
  h2.data {background-image:url(../images/top/icon-corner-data.png);}
  h2.about {background-image:url(../images/top/icon-corner-about.png);}

  a.top-go-list {
    position: absolute;
    top:10px;
    right: 0;
    display: inline-block;
    background:url(../images/top/icon-list-arrow.png) no-repeat left;
    font-size:1.6em;
    padding:8px 0 8px 20px;
    color:#000;
    font-weight: bold;
    text-decoration: none;
  }

/* ニュース */
.top-news-area {
	margin-bottom: 15px;
}

.top-news-block {
  width: 520px;
  float: left;
}

  .news-area {
    border-top: 1px dotted #BBB;
    background: #FFF;
  }

  .news-area a {
    text-decoration: none;
    display: block;
    border-bottom: 1px dotted #BBB;
    padding:10px 18px;
    color:#000;
  }

  .news-area .trend {
    padding:10px 18px;
    border-bottom: 1px dotted #BBB;
  }
  .news-area .trend .body {
    /*font-size: 1.4em;
    line-height: 21px;*/
  }

  .news-area a:hover {
    background-color:#f9f9f9;
  }

  .news-area p.date {
    display: inline-block;
    font-size: 1.6em;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom:0;
    padding: 8px 0;
    font-weight: bold;
    color:#666;
  }

  .news-area p.icon {
    display: inline-block;
		min-width: 128px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    margin-right: 20px;
    text-align: center;
    padding: 8px 16px;
    background-color:#9fdce6;
    color:#135962;
    margin-bottom:0;
  }

    .news-area p.important {background-color:#e47878 !important; color:#561313 !important;}
    .news-area p.procurement {background-color:#76b3ff !important;color:#0d4994 !important;}
		.news-area p.release {background-color:#f1b0ba !important;color:#842d3b !important;}
		.news-area p.update {background-color:#f9c78e !important;color:#614425 !important;}
		.news-area p.universal {background-color:#cccbd8 !important;color:#38383b !important;}


  .news-area p.entry-title {
    display: inline-block;
    width: 100%;
    font-size: 1.6em;
    line-height: 30px;
    vertical-align: top;
    padding: 2px 0;
    margin-bottom:0;
  }

  .news-area p.list {
    width: 100%;
  }

  .news-area a p.entry-title {
    text-decoration: underline;
  }

  .news-area p.text {
    font-size: 1.4em;
    line-height: 21px;
  }

  .news-area .trend div.body {
    font-size: 1.6em;
    line-height: 30px;
  }
    .news-area .trend div.body p {
      font-size: inherit;
      line-height: inherit;
      margin-bottom: 0;
    }
  .news-area a:hover p.entry-title {
    color:#932727;
  }

  .trend-news-block .trend a {
    border: none;
    padding: 0;
  }

	.trend-news-block .trend a .entry-title {
		text-decoration: none;
	}

	.trend-news-block .trend a:hover .entry-title{
		text-decoration: none;
		color: #000;
	}

.news-link {
  margin-bottom: 10px;
}

.news-link select {
  float: right;
  font-size: 1.6em;
}

.news-link select + select {
  margin-right: 10px;
}

/* ピックアップ */
.top-pickup-block {
  float: right!important;
}

.top-pickup-block .photo {
  width: 180px;
  float: left;
  padding: 10px 0;
}

.pickup-block .photo {
  width: 240px;
  float: left;
  padding: 10px 0;
  margin-right: 20px;
}
  .pickup-block .photo img,
  .top-pickup-block .photo img {
    width: 100%;
    height: auto;
  }

.top-pickup-block .text {
  width: 280px;
  float: right;
}

.pickup-block .text {
  width: 720px;
  float: right;
}

.pickup-block a {
  display: inline;
  padding: 0;
  border: none;
  text-decoration: underline;
  color: #005bd6;
}
  .pickup-block a:hover {
    color: #444;
    background-color: transparent;
  }

.trend-link,
.advisory-link,
.away-link {
  margin-bottom: 30px;
}

.trend-link select,
.advisory-link select,
.away-link select {
  float: right;
  font-size: 1.6em;
}

/* ページャーデザイン */
.wp-pagenavi {
  text-align: center;
  padding:50px 0 0;
  font-size: 1.6em;
}

.wp-pagenavi span,
.wp-pagenavi a {
  padding: 10px !important;
  margin:0 5px !important;
}

.wp-pagenavi .pages {
  display: none;
}

/* トップデータ・本財団について */

.top-contents {
  margin:0 0 50px;
}

.top-contents-block {
  width: 520px;
}

.top-contents-block .box {
  padding: 40px;
  border: 1px solid #43ad92;
  background-color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 400px;
}

.top-data {
  border-bottom:1px dotted #BBB;
  padding-bottom: 20px;
  margin-bottom:20px;
}

.top-data:last-child {
  content: "";
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom:0;
}

  .top-data h3.data-title {
    font-size: 1.8em;
    margin-bottom: 20px;
    font-weight: bold;
    color:#007c7d;
  }

  .top-data p.data-text {
    font-size: 1.6em;
    line-height: 28px;
    margin-bottom: 10px;
  }

  .top-data a.data-download {
    background:url(../images/uniq/icon-data-dl.png) no-repeat;
    padding-left:24px;
    display: inline-block;
    font-size: 1.6em;
  }

.top-about p.about-text {
  font-size: 1.8em;
  line-height: 30px;
  margin-bottom:30px;
}

  .top-about .link-area {
    text-align: center;
  }

  .top-about .link-area a.link-btn {
    background:url(../images/uniq/icon-about-link.png) no-repeat right 20px center #43ad92;
    width: 200px;
    padding:18px 0;
    color:#FFF;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    font-size: 18px;
    margin:0 6px;
  }

  .top-about .link-area a:hover.link-btn {
    background-color:#72cab4;
  }

/* バナー */
.top-banner-block {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #BBB;
  padding-top: 30px;
  text-align:center;
  gap: 13px;
}
.top-banner-block a {
  width: 172px;
}
.top-banner-block img {
  max-width: 100%;
}

/* 震災のお知らせ */
.top-notice {
  padding-top:50px;
  margin-top:50px;
  border-top:1px solid #BBB;
}

  .top-notice strong {
    font-weight: bold;
  }


/* -------------------------------------------
    3. 下層ページ（2カラム）
------------------------------------------- */
.side-block {
  width: 250px;
  float: left;
  margin-top: 30px;
}

.twocol-contents {
  width: 100%;
  max-width: 820px;
  width: 820px;
  float: right;
  background-color:#FFF;
  border: 1px solid #BBB;
  padding:30px 30px 60px;
  margin-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

/* 二輪車トップのみ使用 */
.motorcycle-contents {
  width: 100%;
  max-width: 820px;
  width: 820px;
  float: right;
  background-color:#FFF;
  border: 1px solid #BBB;
  padding:30px 30px 60px;
  margin-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.motorcycle-news-block {
  width: 100%;
}

  .motorcycle-contents .news-area p.entry-title {
    width: 100%;
  }

.motorcycle-contents h2.page-title {
  /* background: url(../images/uniq/bg-midashi2.png) no-repeat left  2px; */
  border-bottom: 1px solid #e88339;
  font-size:   2.4em;
  padding:0 0 10px 0;
  margin-bottom: 30px;
  color:#af4a00;
  font-weight: bold;
}

.motorcycle-contents p.text {
  font-size: 1.6em;
  line-height: 28px;
  margin-bottom:30px;
}

/* サイドメニュー */
.side-menu {
  width: 100%;
  background-color:#FFF;
  border: 3px solid #ffae72;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

  .side-menu p.menu-title {
    font-size: 1.8em;
    font-weight: bold;
    color:#d36d22;
    margin-bottom: 20px;
  }

  .side-menu a.act {
    font-weight: bold;
		background-color: #ffebdd !important;
  }

  .side-menu a:hover {
    background-color:#ffebdd !important;
  }

  .side-menu ul {
    margin:0;
    padding:0;
    list-style-type: none;
  }

  .side-menu li a {
    text-decoration: none;
    color:#000;
  }

  .side-menu li.parent {
    border-top:1px solid #ffae72;
    font-size: 1.6em;
    line-height: 21px;
  }

    .side-menu li.parent a.parent,
    .side-menu li.parent span.trigger {
      padding: 12px 8px 12px 20px;
      background: url(../images/uniq/bg-sidemenu-title.png) no-repeat left 5px center;
      display: block;
      cursor: pointer;
    }

    .side-menu li.parent li {
      font-size: 1.0em;
    }

  .side-menu ul.child-gp {
    margin-left: 10px;
  }

  .side-menu li.child {
    border-top:1px dotted #bbb;
    font-size: 1em;
  }

    .side-menu li.child a.child {
      padding:12px 8px 12px 0;
      display: block;
    }

    .side-menu li.child a.child p {
      padding-left: 10px;
      border-left:2px solid #ddd;
    }

ul.acordion li .active-submenu {
  display: block;
}

/* 固定ページ段落 */
.onecol-contents h2,
.twocol-contents h2 {
  /* background: url(../images/uniq/bg-midashi2.png) no-repeat left  2px; */
  border-bottom: 1px solid #e88339;
  font-size: 2.4em;
  /* padding:0 0 10px 28px; */
  padding:0 0 10px 0;
  margin-bottom: 30px;
  color:#af4a00;
  font-weight: bold;
}

.twocol-contents.advisory-content h2,
.twocol-contents.away-content h2 {
  margin-bottom: 14px;
}

.onecol-contents h2.type01,
.twocol-contents h2.type01 {
  position: relative;
  color:#af4a00;
  /* padding: 0 0 10px 1.1em; */
  padding: 0 0 10px 0;
  background: none;
  border-bottom: 1px solid #af4a00;
}

/* .onecol-contents h2.type01:before,
.twocol-contents h2.type01:before {
  content: "◎";
  position: absolute;
  top: 0;
  left: 0;
} */

.onecol-contents h3,
.twocol-contents h3 {
  font-size: 2.2em;
  color:#000;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.45;
}

.onecol-contents h4,
.twocol-contents h4 {
  font-size: 1.8em;
  color:#318771;
  font-weight: bold;
  margin-bottom: 16px;
}

.onecol-contents h5,
.twocol-contents h5 {
  font-size: 1.6em;
  color:#999;
  font-weight: bold;
  margin-bottom: 16px;
}

.onecol-contents p,
.twocol-contents p {
  font-size: 1.6em;
  line-height: 28px;
  margin-bottom: 30px;
}

/* -------------- カスタム投稿（データ・申請書類等、指紋委員会の報告など） -------------- */

.datatop-title-area {
  position: relative;
}

h2.data-top-title {
  font-size: 2.8em;
  font-weight: bold;
  color:#4d4d4d;
  margin-bottom: 30px;
  background: url(../images/uniq/bg-data-h2.png) no-repeat 0 2px;
  padding:0 0 4px 34px;
  position: relative;
  left:0;
  top: 0;
  border: none;
}

  .datatop-title-area .page-select {
		width: 180px;
		height: 30px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
  }

h3.data-top-sub-title {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #999;
}

h3.data-top-sub-title span.notice {
  font-size: 0.75em;
  padding-left: 10px;
}

.data-top-block {
  margin-bottom: 30px;
}

.data-top-block p {
  line-height: 24px;
  margin-bottom: 0;
}

.data-top-block td,
.data-top-block th {
}

.data-top-block th {
  width: 30%;
  font-weight: bold;
}

.data-top-block a.pdf {
  background: url(../images/uniq/icon-pdf.png) no-repeat right 20px center;
  background-size: 20px auto;
  text-decoration: underline;
  padding:0 50px 0 0;
}

.onecol-contents h2, .twocol-contents .datatop-title-area-media h2 {
  background: rgba(195,232,223,0.3);
  font-size: 1.4em;
  padding: 8px 0 8px 11px;
  margin-bottom: 30px;
  color: #af4a00;
  font-weight: bold;
	border: none;
}

.data-top-block.data-top-media {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.data-top-media-contents {
	width: 47%;
	border: 1px solid #d2d2d2;
	padding: 8px;
}

.data-top-media-contents:nth-child(n + 3) {
	margin-top: 16px;
}

.data-top-media-contents a {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	color: #000;
	position: relative;
}

.data-top-media-contents a:hover {
	opacity: .6;
}

.data-top-media-contents-thumb {
	margin-right: 8px;
	width: auto;
}

.data-top-media-contents-thumb img {
	width: auto;
	max-width: 178px;
	max-height: 164px;
	border: 1px solid #d2d2d2;
}

.data-top-media-contents-text{
	display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
	width: 230px;
}

.onecol-contents p, .twocol-contents p.data-top-media-contents-title {
	font-size: 1.4rem;
}

.data-top-media-contents-remarks {
	margin-top: auto;
	text-align: right;
}

.data-top-media-contents-pdf {
	display: inline-block;
	width: 20px;
	margin-left: 5px;
	position: relative;
	bottom: 3px;
}

.data-top-media-contents-pdf img{
	width: 100%;
}

.data-top-media {}

.data-top-media-textarea p{
	margin-bottom: 16px;
	font-size: 1.4rem;
}

.data-top-media-textarea img {
	max-width: 100%;
}


.data-item td p {
  margin-bottom: 10px;
  font-size: 1.6em;
  line-height: 28px;
}

.data-item td,
.data-item th {
  padding-bottom: 6px;
}

p.nodata {
  margin-bottom: 30px;
}

.data-list ul {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none;
}

  .data-list ul li {
    border-bottom: 1px dotted #bbb;
    background: url(../images/uniq/icon-data-dl.png) no-repeat 6px 16px;
    font-size: 1.6em;
  }

  .data-list ul li a {
    padding:16px 10px 16px 30px;
    display: block;
  }

.data-table table {
  display: table;
  width: 100%;
  margin-top: 24px;
  border: 1px solid #bbbbbb;
  table-layout: fixed;
}

.data-table table tr {
  border-bottom: 1px solid #bbbbbb;
}

.data-table table tr th {
  text-align: center;
}

.data-table table tr th,
.data-table table tr td {
  border-right: 1px solid #bbbbbb;
  padding: 13px 15px;
  font-size: 1.6em;
  line-height: 1.5em;
}

.data-table table tr th:last-child,
.data-table table tr td:last-child {
  border-right: 0
}

.advisory-table table tr th.advisory-table__header01,
.away-table table tr th.away-table__header01 {
  width: 11%;
}
.advisory-table table tr th.advisory-table__header02,
.away-table table tr th.away-table__header02 {

}
.advisory-table table tr th.advisory-table__header03,
.away-table table tr th.away-table__header03 {
  width: 7%;
}

.data-table__agenda-list li {
  margin-left: 2em;
  text-indent: -2em;
}

p.percent-area {
  display: inline-block;
  padding: 16px;
  font-weight: bold;
  background-color:#f5e4e4;
  border: 3px solid #ea9292;
  margin-bottom: 20px;
}

/* -------------- ページ下部リンク -------------- */
.page-bottom-link {
  background-color:#efefef;
  padding: 20px;
  font-size: 1.6em;
  line-height: 1.2;
  margin: 30px 0;
}

.page-bottom-link a.button {
  background: url(../images/uniq/icon-data-dl.png) no-repeat 0 2px;
  display: inline-block;
  margin:0 10px 0 0;
  padding:1px 0 0 24px;
}

.page-bottom-link span {
  display: inline-block;
  padding:0 0 2px;
  vertical-align: top;
}

/* -------------- acrobat ダウンロード -------------- */
.dl-acrobat {
  border-top: 1px solid #BBB;
  padding-top: 10px;
}

.dl-acrobat p.text {
  font-size: 1.4em;
  line-height: 24px;
}

/* -------------- FAQ -------------- */

.faq-list > ul {
  margin:0;
  padding:0;
  padding-top: 20px;
  margin-top: -20px;
  list-style-type:none !important;
}

.faq-list > ul > li {
  padding:24px 20px 20px 66px;
  list-style-type:none !important;
}

.faq-list li.question {
  background:url(../images/uniq/bg-faq-q.png) no-repeat #fde7e7 11px 14px;
  color:#9d3a3a;
}

.faq-list li.answer {
  background:url(../images/uniq/bg-faq-a.png) no-repeat #f1f1f1 11px 14px;
  margin:0 0 30px;
}

.faq-list ul li ol li{ list-style-type: decimal; }
.faq-list ul li ul,
.faq-list ul li ol { margin-left: 10px; }

/* 指定引き取り業者 */
.area-link {
  background-color:#f1f1f1;
  padding: 10px;
  margin-bottom: 30px;
}

  .area-link ul {
    margin: 0 10px;
    padding: 0;
    list-style-type: none !important;
    text-align: left;
  }

  .area-link ul li {
    list-style-type: none !important;
    display: inline-block;
    margin-right: 20px;
  }

.place-link {
  padding-top: 20px;
  margin-top: -20px;
  margin-bottom: 50px;
}

.place-link th,
.place-link td {
  text-align: left;
}

.place-link ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #BBB;
}

.place-link h3 {
  color:#318771;
}

  .place-link ul li {
    border-bottom: 1px solid #BBB;
    list-style-type: none;
    padding:10px;
  }

  .place-link th {
    font-weight: bold;
    vertical-align: top;
    width: 250px;
  }

/* 二輪車 全体の流れ */

.bike-flow {
  padding: 16px;
  text-align: center;
  background-color:#e0edea;
  border: 3px solid #43ad92;
}

.bike-flow p {
  margin: 0;
}

.bike-flow td {
  vertical-align: middle;
}

  .bike-flow-arrow {
    text-align: center;
    font-size: 3.6em;
    text-align: center;
    color:#508477;
    padding: 10px;
  }

/* バイク 費用・持ち込み先テーブル */

.cell-guide-text {
  display: inline-block;
  padding: 5px 10px;
  margin:10px;
}

.icon-toll {}

/* 作品コンクールバナー */
.twocol-contents ul.bnr-area {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2% 0 0 0 !important;
  justify-content: space-between;
}
.twocol-contents ul.bnr-area li {
  margin: 2% 0 0 0 !important;
}
.twocol-contents ul.bnr-area.twocol li{
  width: 49%;
}
.twocol-contents ul.bnr-area img {
  width: 100%;
  height: auto;
}
/* -------------------------------------------
    4. 下層ページ（1カラム）
------------------------------------------- */
.onecol-contents {
  width: 100%;
  max-width: 1100px;
  background-color:#FFF;
  border: 1px solid #BBB;
  padding:30px 30px 60px;
  margin-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

  .onecol-contents p.entry-date {
    font-size: 1.4em;
    margin-bottom: 30px;
    font-weight: bold;
    display: inline-block;
    padding-top: 10px;
  }

  .onecol-contents .entry-block {
    margin:0 20px;
  }

  .onecol-contents .entry-block h2.corner-title {
    font-size: 1.8em;
    margin:0 0 40px;
    font-weight: bold;
  }

  .onecol-contents .entry-block p {
    font-size: 1.6em;
    line-height: 28px;
    margin-bottom:40px;
  }

.onecol-contents p.icon {
    display: inline-block;
		min-width: 128px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    margin-right: 20px;
    text-align: center;
    padding:4px 16px;
    background-color:#9fdce6;
    color:#135962;
    margin-bottom: 0;
  }

	.onecol-contents p.important,.news-area p.important {background-color:#e47878 !important; color:#561313 !important;}
	.onecol-contents p.procurement {background-color:#76b3ff !important;color:#0d4994 !important;}
	.onecol-contents p.release {background-color:#f1b0ba !important;color:#842d3b !important;}
	.onecol-contents p.update {background-color:#f9c78e !important;color:#614425 !important;}
	.onecol-contents p.universal {background-color:#cccbd8 !important;color:#38383b !important;}


/* トップからのリンクページ */

.top-icon-link ul { width: 100%; }
.top-icon-link ul.boxlist li {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    min-height: 110px;
    margin: 0 15px 15px 0;
    border: solid 3px #57b2ae;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: 24px;
    vertical-align: top;
  }

.top-icon-link ul.boxlist li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color:#168b86;
    font-weight: bold;
    padding: 10px 10px 10px 30px;
    background:url(../images/uniq/icon-data-dl-g.png) no-repeat 10px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

  .top-icon-link ul.boxlist li a p {
    font-size: 14px;
    line-height: 21px;
    border-top: 1px solid #BBB;
    padding-top: 6px;
    margin-top: 6px;
  }

  .top-icon-link ul.boxlist li a:hover {
    color:#333;
    background-color:#d5ece8;
  }

.top-icon-link ul.boxlist li.outer {
  width: 300px;
}

.top-icon-link ul.boxlist li.org-bd {
  border: solid 3px #e05b26;
}

  .top-icon-link ul.boxlist li.org-bd a {
    color:#e05b26;
  }

  .top-icon-link ul.boxlist li.org-bd a:hover {
    color:#333;
    background-color:#fff1ec;
  }

.top-icon-link ul.boxlist li.blu-bd {
  border: solid 3px #1b7acd;
}

  .top-icon-link ul.boxlist li.blu-bd a {
    color:#1b7acd;
  }

  .top-icon-link ul.boxlist li.blu-bd a:hover {
    color:#333;
    background-color:#e8f4ff;
  }

/* もっと見る（プロフィール表示） */

.member-prof {
  padding:20px;
  background-color:#f6f6f6;
}

p.morebtn {font-size: 14px;line-height:14px;}

.morebtn {
  text-align:center;
  padding:6px;
  color:#03A9F4;
  border:1px solid #03A9F4;
  width:200px;
  cursor: pointer;
}
.close {
  background:#666;
  border:1px solid #666;
  color:#FFF;
}

/* -------------------------------------------
    5. 英語版
------------------------------------------- */

.tabrow {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
    position: relative;
}

.tabrow a {
  color:#333;
  text-decoration: none;
  font-weight: bold;
}

.tabrow a:hover {
  color:#ff9445;
}

.tabrow li {
    margin: 0 2px;
    padding: 0 10px;
    border: 1px solid #AAA;
    background: #ECECEC;
    display: inline-block;
}

.tabrow li.selected {
    background: #FFF;
    color: #000;
}

.tabrow:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #AAA;
    z-index: 1;
}

.tabrow:before {
    z-index: 1;
}
.tabrow li {
    position: relative;
    z-index: 0;
}
.tabrow li.selected {
    z-index: 2;
    border-bottom-color: #FFF;
}

/* 動画 */
.movieinfo {
  position: relative;
  padding-top: 56.25%;
  padding-bottom:30px;
  margin-bottom: 50px;
}
.movieinfo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* googlemap */
.google-maps {
position: relative;
padding-bottom: 75%; /* これが縦横比 */
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* サイトマップ */

.sitemap-menu {
  float: left;
  width: 44%;
  margin-right: 40px;
}

.sitemap-menu ul {
  font-size: 1.6em;
  list-style-type: disc;
  margin-left: 24px;
  margin-bottom: 30px;
}

.sitemap-menu ul ul {
  font-size:1em;
}

.sitemap-menu li span {
  font-weight: bold;
  display: block;
  color:#318771;
  margin-bottom: 10px;
}

.sitemap-menu ul.child-gp {
  margin-left: 20px;
  margin-bottom: 30px;
}

.sitemap-menu .menu-title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 2.0em;
  padding-bottom:8px;
  border-bottom: 1px solid #bbb;
}

/* 用語集 */
.word-list .word-list-title {
  position: relative;
}

.word-list .word-list-title > h2 {
  background: rgba(195, 232, 223, 0.3);
  font-size: 2.0em;
  padding: 11px 0 11px 15px;
  margin: 46px 0 30px;
  color: #af4a00;
  font-weight: bold;
  border: none;
}

.word-list ul {
  margin: 0;
  padding: 0;
}

.word-list li {
  border-bottom: 1px solid #bbb;
  padding: 16px 10px;
  list-style-type: none !important;
}

.word-list li div.word {
color:#2f6fb5;
margin-bottom: 10px;
}

.word-list li div.word span.kanji {
  font-size: 1.2em;
  font-weight: bold;
}

.word-list li div.word span.hiragana {
  font-size: 0.9em;
}

.word-list li p.text {
  font-size:1.0em;
}

.word-list li div.other {
  background-color:#f6f6f6;
  padding: 10px;
}

/* お問合せ */

/*.new-contact-area {
  margin-bottom: 30px;
}

.sp-new-contact-area {display: none;}

  .new-contact-area .contact-box {
    text-align: center;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 310px;
    float: left;
    margin: 0 10px 30px;
  }

  .new-contact-area .contact-box img {
    width: 100%;
    max-width: 620px;
    height: auto;
  }*/
.contact_block_wrap {
  display: flex;
  justify-content: space-between;
}
.contact_block a {
  color: #000;
}
.onecol-contents .entry-block .contact_block_wrap p {
  margin-bottom: 15px;
}
.contact_block_wrap .contact_block {
  width: 486px;
  align-items: stretch;
}

.contact_block .border_box {
  width: 100%;
  padding: 6.17% 7.2% 5.14%;
  border: solid 2px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
}

.contact_block .border_box.green { border-color: #70c4af; }
.contact_block .border_box.orange { border-color: #fdba88; }

.contact_block .contact_ttl_box {
  width: 100%;
  font-size: 2.2rem;
  color: #fff;
  font-weight: bold;
  padding: 16px 0;
}
.contact_block .contact_ttl_box.green { background: #308771; }
.contact_block .contact_ttl_box.orange { background: #d36d22; }

.contact_block .border_box .tel a{
  font-size: 4.2rem;
  font-weight: bold;
  color: #d01414;
  text-decoration: none;
}

ul.list_qa {
  display: inline-block;
  text-align: left;
  margin-left: 0;
}

ul.list_qa li {
  list-style: none;
  line-height: 2.25;
}

.contact_block p.btn_box_arrow {
  text-align: right;
  margin-bottom: 0;
}

.btn_box_arrow a {
  padding: 10px 18px 10px 37px;
  border: solid 1px #bbb;
  border-radius: 6px;
  line-height: 1em;
  text-decoration: none;
  color: #000;
  position: relative;
}

.btn_box_arrow a:before {
	content: "";
	display: block;
	width: 9px;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 18px;

}
.btn_box_arrow.green a:before { background-image: url("../images/uniq/icon-arrow-green.svg"); }
.btn_box_arrow.orange a:before { background-image: url("../images/uniq/icon-arrow-orange.svg"); }

.btn_box_arrow a:hover {
	opacity: 0.7;
}

.contact_block ul.list_triangle {
  margin-left: 0;
}
.contact_block ul.list_triangle li {
  list-style: none;
  background: url("../images/uniq/icon-arrow-green2.svg") no-repeat center left;
  background-size: 6px auto;
  padding-left: 20px;
}

.contact_block ul.list_triangle.orange li { background-image: url("../images/uniq/icon-arrow-orange2.svg"); }
/* コンクール関連 */

.contest-list {
  padding-bottom: 30px;
}

.contest-list .award-type {
  width: 47%;
  margin: 0 1.321%;
  float: left;
}

  .contest-list .award-type h4.type-title {
    font-size: 2.0rem;
    text-align: center;
    margin: 0 0 20px;
    font-weight: bold;
    color:#207774;
  }

.contest-list h3.data-top-sub-title {
  position: relative;
}

ul.award-page-link {
  margin-bottom: 30px;
}

ul.award-page-link li {
  display: inline-block;
  margin:0 30px 16px 0;
  font-size: 1.6rem;
  float: left;
}

ul.award-page-link li a {
  display: block;
  background:url(../images/uniq/icon-award.png) no-repeat;
  padding:6px 0 6px 30px;
}

ul.award-list-box li {
  border: 1px solid #bbb;
  padding:20px;
  margin-bottom: 20px;
}

  ul.award-list-box li p span.name {
    font-size: 2.0rem;
    display: inline-block;
    margin-right: 10px;
  }

    ul.award-list-box li p span.name.oldchara a {
      height: 20px;
      overflow: hidden;
      display: inline-block;
    }
      ul.award-list-box li p span.name.oldchara a img { height: 42px; }
      ul.award-list-box li p span.name.oldchara a:hover img {
        position: relative;
        top: -22px;
      }
  p.no-data {
    border: 0;
    background-color:#f1f1f1;
    padding:30px;
    text-align: center;
  }

  p.contest-winner-memo {
    font-size: 1.2rem;
    text-align: left;
  }

  p.pref_memo {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.2rem;
    font-weight: normal;
  }

/* 2017用 */
.award2017 .award-type {
  width: 100% !important;
}

.award2017 ul.award-list-box li {
  width: 50%;
  margin: 0 10px 20px;
}
/* // 2017用 */

.contest-list p {
  margin-bottom: 0;
}

.contest-list p.contest-name {
  background:url(../images/uniq/icon-data-dl.png) no-repeat left center;
  padding-left: 24px;
}

.contest-list p.name span {
  display: block;
  font-size:0.8em;
}

h3.contest-award {
  font-size: 3.0em;
  color:#127a82;
  margin-bottom: 50px;
}

.contest-work {
  text-align: center;
  font-size: 3.6em;
  line-height: 50px;
  background-color:#d4f3f5;
  padding: 30px;
  margin-bottom: 50px;
}

  .contest-work img {
    max-width: 80%;
  }

.contest-winners {
  max-width: 500px;
  margin:0 auto;
  border:10px solid #eacece;
  padding: 20px;
}

.contest-winners p.school {
  font-size: 1.6em;
  margin-bottom: 20px;
}

.contest-winners p.name {
  font-size: 2.4em;
  margin-bottom: 20px;
  font-weight: bold;
}

  .contest-winners p.name.oldchara img { height: 25px; }

  .contest-winners p.name span {
    font-weight: normal;
    font-size: 0.8em;
    display: inline-block;
    padding-left: 20px;
  }

.contest-winners p.comment {
  font-size: 1.6rem;
}

/* 本財団について */

h2.foundation-title {
	color: #d36d22;
  font-size: 2.8em;
	font-weight: normal;
  background: url(../images/uniq/bg-pagetitle.png) no-repeat left bottom #f0f0f0;
  padding: 20px 20px 20px 26px;
  margin-bottom: 50px;
	border: none;
}

.foundation-flex a {
	display: flex;
	flex-flow: row nowrap;
}

.foundation-flex a:hover {
	opacity: .6;
}

.foundation-flex-itme {
	width: 160px;
	margin-right: 16px;
	border: 1px solid #666;
}

.foundation-flex-itme img {
	width: 100%;
}
/* databook アンケート */
.databook-enq .enq-frame {
  padding: 30px;
  border: 3px solid #f0f0f0;
}

.databook-enq .enq-frame h3.ques-title {
  border-bottom: 1px solid #bbb;
  padding: 0 10px 10px;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 28px;
}

.databook-enq .enq-frame span.must {
  color:#ab2424;
  font-weight: bold;
}

span.thankatext {
  color:#ab2424;
  font-size: 1.8rem;
  font-weight: bold;
}

.databook-enq .enq-frame .radio-block {
  padding: 0 10px;
  margin-bottom: 60px;
}

.databook-enq .enq-frame .question span.mwform-radio-field {
  display: block;
  width: 48%;
  float: left;
  margin: 0 0 10px;
}

.databook-enq .enq-frame .question label {
  font-size: 1.6rem;
  font-weight: normal;
}

.databook-enq .enq-frame .radio-block textarea {
  width: 100%;
  height: 150px;
}

.databook-enq .enq-frame input[type=submit].subbtn {
  width: 300px;
  border: 0;
  color:#fff;
  background-color:#f16565;
  margin: 0 auto;
  padding: 10px;
  font-size: 1.6rem;
  display: block;
  cursor: pointer;
  transition: all 0.2s linear;
}

.databook-enq .enq-frame input[type=submit]:disabled {
  opacity: 0.5;
  cursor: default;
}

.databook-enq .databook-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.databook-enq .databook-wrap .databook-wrap-col {
  margin-bottom: 40px;
  width: 364px;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.databook-enq .databook-wrap .databook-wrap-col.databook-pdf {
  border-color: #70c4af;
}

.databook-enq .databook-wrap .databook-wrap-col.databook-pdf .databook-title {
  color: #308771;
}

.databook-enq .databook-wrap .databook-wrap-col.databook-pdf .databook-block .databook-block-btn > a {
  background-color: #308771;
}

.databook-enq .databook-wrap .databook-wrap-col.databook-web {
  border-color: #fdba88;
}

.databook-enq .databook-wrap .databook-wrap-col.databook-web .databook-title {
  color: #d36d22;
}

.databook-enq .databook-wrap .databook-wrap-col.databook-web .databook-block .databook-block-btn > a {
  background-color: #d36d22;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-title {
  margin: 0 0 38px;
  padding: 11px 25px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  background-color: #f0f0f0;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-block {
  padding: 0 28px 28px;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-block .databook-block-image {
  text-align: center;
  margin-bottom: 30px;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-block .databook-block-image img {
  height: 180px;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-block .databook-block-btn {
  margin-bottom: 25px;
  text-align: center;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-block .databook-block-btn > a {
  display: block;
  color: #fff;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.2s linear;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-block .databook-block-btn > a:hover {
  opacity: 0.7;
}

.databook-enq .databook-wrap .databook-wrap-col .databook-block .databook-block-text {
  line-height: 1.75;
}


/*自動車リサイクルデータBookアンケート完了画面のブロックCSS*/
.databook-enq .databook-wrap .databook-inner {
  padding: 30px 15px;
  margin-bottom: 0;
}

.databook-enq .databook-wrap .databook-inner .databook-block {
  padding: 0;
}

.databook-enq .databook-wrap .databook-inner .databook-block .databook-block-image {
  margin-bottom: 0;
}

.databook-enq .databook-wrap .databook-inner .databook-block .databook-block-image img {
  height: auto;
  margin-bottom: 5px;
}

.databook-enq .databook-wrap .databook-inner .databook-block .databook-block-btn > a {
  padding: 13px;
}

.databook-enq .databook-wrap .databook-inner:first-of-type .databook-block .databook-block-btn {
  margin-bottom: 44px;
}

.databook-enq .databook-wrap .databook-inner:first-of-type .databook-block .databook-block-image img {
  width: 186px;
}

.databook-enq .databook-wrap .databook-inner .databook-block-text {
  font-size: 13px;
  line-height: 1.7em;
  width: 280px;
  margin: auto;
}

.databook-enq .databook-wrap .databook-inner:last-of-type .databook-block .databook-block-image img {
  width: 306px;
}

.databook-enq .databook-wrap .databook-inner:last-of-type .databook-block {
  display: flex;
  flex-direction: column;
}

.databook-enq .databook-wrap .databook-inner:last-of-type .databook-block-text {
  margin-bottom: 28px;
}




.databook-enq .enq-frame-block[data-enq-frame-block] {
  display: none;
}

.databook-enq .enq-frame-block[data-enq-frame-block].is-current {
  display: block;
}

/*このサイトのご利用にあたって*/
.aboutsite-wrap .aboutsite-requirement-area .aboutsite-requirement-block {
  display: flex;
}

.aboutsite-requirement-box:not(:first-child) {
  margin-left: 40px;
}

.aboutsite-requirement-area .notice>li{
  list-style: none;
}

/* databook web版 */
.databook-tab {

}

.databook-tab .databook-tab-navi {
  display: flex;
  flex-wrap: wrap;
  margin: -14px 0 0 -12px;
  padding: 0;
}

.databook-tab .databook-tab-navi > li {
  list-style-type: none;
  width: 180px;
  margin: 14px 0 0 12px;
}

.databook-tab .databook-tab-navi > li > a {
  display: flex;
  font-weight: bold;
  text-align: center;
  color: #d36d22;
  font-size: 16px;
  line-height: 1.6;
  text-decoration: none;
  border: 2px solid #d36d22;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 60px;
}

.databook-tab .databook-tab-navi > li > a:hover,
.databook-tab .databook-tab-navi > li > a.is-current {
  color: #fff;
  background-color: #d36d22;
}

.databook-tab .databook-tab-detail {
  margin-top: 40px;
}

.databook-tab .databook-tab-panel {
  display: none;
  min-height: 262px;
  padding: 50px 36px;
  border: 2px solid #d36d22;
}

.databook-tab .databook-tab-panel.is-current {
  display: block;
}

.databook-tab .databook-tab-panel .databook-web-data {
  margin-top: 20px;
}

.databook-tab .databook-tab-panel .databook-web-note {
  margin: 1em 0 0;
  padding: 0;
  list-style-type: none;
}

.databook-tab .databook-tab-panel .databook-web-note li {
  position: relative;
  padding-left: 1em;
  list-style-type: none;
}

.databook-tab .databook-tab-panel .databook-web-note li:before {
  content: "＊";
  position: absolute;
  left: 0;
  top: 0;
}

.databook-ans {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 2;
}

.databook-ans > a {
  position: relative;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.databook-ans > a:hover {
  opacity: 0.7;
}

.databook-ans .databook-ans-balloon {

}

.databook-ans .databook-ans-balloon img {
  width: 110px;
}

.databook-ans .databook-ans-character {
  margin-top: -40px;
  text-align: right;
}

.databook-ans .databook-ans-character img {
  width: 50px;
  -webkit-transition: all .3s;
  transition: all .3s;
  animation: poyopoyo 2s ease-out infinite;
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

.horizontal-item + .horizontal-item {
  margin-left: 0;
}

.enq-frame span.error {
  display: block;
  clear: both;
  font-size: 1.6rem;
  color: #f00;
}

/* arcip */
#arcip a.pdf,
#survey a.pdf,
#domestic a.pdf,
#overseas a.pdf {
  background: url(../images/uniq/icon-pdf.png) no-repeat right center;
  background-size: 20px auto;
  padding: 0 30px 0 0;
}

#arcip a.xls,
#survey a.xls,
#domestic a.xls,
#overseas a.xls {
  background: url(../images/uniq/icon-excel.png) no-repeat right center;
  background-size: 20px auto;
  padding: 0 30px 0 0;
}

#arcip .sp,
#survey .sp,
#domestic .sp,
#overseas .sp {
  display: none !important;
}

#overseas .research__continent {
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

#overseas .research__continent li {
  width: 25%;
  list-style-type: none !important;
  font-weight: bold;
  color: #ffffff;
  font-size: 18px;
  border-left: 2px solid #ffffff;
  position: relative;
  cursor: pointer;
}

#overseas .research__continent li:hover span,
#overseas .research__continent li.is-act span {
  background-color: #d36d22;
}

#overseas .research__continent li:first-child {
  border-left: none;
}

#overseas .research__continent li:first-child span {
  border-radius: 6px 0 0 6px;
}

#overseas .research__continent li:last-child span {
  border-radius: 0 6px 6px 0;
}

#overseas .research__continent li.is-act:after {
  content: "";
  display: block;
  width: 15px;
  height: 8px;
  background-image: url("/renewal/wp-content/themes/jarc/assets/images/uniq/icon-research-continent.png");
  background-position: center top;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}

#overseas .research__continent li span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background-color: #c7c7c7;
  overflow: hidden;
}

#overseas .research__wrap {
  margin-top: 40px;
  border: 2px solid #44ad92;
  border-radius: 6px;
  overflow: hidden;
}

#overseas .research__title {
  margin: 0 0 0 -28px !important;
  padding: 0 !important;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  font-size: 16px !important;
  line-height: 50px !important;
  background-color: #44ad92;
}

#overseas .research__body {
  padding-left: 28px;
}

#overseas .research__country {
  display: flex;
  flex-wrap: wrap;
  width: 712px;
  margin: 12px 0 0 -12px !important;
  padding: 0 !important;
}

#overseas .research__country li {
  width: 162px;
  margin: 12px 0 0 12px;
  list-style-type: none !important;
  text-align: center;
  font-weight: bold;
  color: #318771;
  line-height: 48px;
  border: 2px solid #318771;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
}

#overseas .research__country li:hover,
#overseas .research__country li.is-act {
  color: #ffffff;
  background-color: #318771;
}

#overseas .research__img {
  width: 754px;
  margin: 30px 0 0 -28px !important;
  padding: 0 !important;
  position: relative;
}

#overseas .research__img:after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  background-image: url("/renewal/wp-content/themes/jarc/assets/images/uniq/icon-research-img.png");
  background-position: center top;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

#overseas .research__img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#overseas .research .default-table {
  margin-top: 40px;
}

#overseas .research .default-table p {
  margin-bottom: 0;
}

.regulation {
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.regulation .default-table p {
  margin-bottom: 0;
}


/* newsletter */

h2.newsletter-title {
  background: none;
  border-bottom: 1px solid #e88339;
  font-size: 2.4em;
  padding: 0 0 10px 0;
  margin-bottom: 30px;
  color: #af4a00;
  font-weight: bold;
}

/** ol 括弧つき番号 */
ol.newsletter-rb {
  margin: 0;
  padding: 0;
}

ol.newsletter-rb li {
  list-style-type: none !important;
  list-style-position: inside;
  counter-increment: cnt;
  font-size: 1em;
  text-indent: -1.6em;
  padding-left: 1.6em;
}

ol.newsletter-rb li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}


/** ボタンエリア */
.newsletter-btn-block {
  display: flex;
  justify-content: center;
  margin-top: 56px;
  gap: 88px;
}

/** ボタン基本サイズ */
.newsletter-btn-block__btn {
  display: block;
  width: 240px;
  color: #fff;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s linear;
  background-color: #308771;
}

/* ボタンホバー時 */
.newsletter-btn-block__btn:hover {
  color: #fff;
  opacity: 0.7;
}

/* ボタングレー */
.newsletter-btn-block__btn--cancel {
  color: #000;
  background-color: #D3D3D3;
}

.newsletter-btn-block__btn--cancel:hover {
  color: #000;
}