@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 15px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}
a:active img,
a:hover img {
  opacity: 0.7;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  vertical-align: baseline;
  line-height: 0;
  position: relative;
  font-size: 75%;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/

html {
  overflow-y: scroll;
}

body {
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  //	background:#f1f1f1;
}

a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #444;
}
a:hover,
a:active,
a:focus {
  color: #5077a2;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-weight: normal;
}

q {
  quotes: none;
}

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

img {
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}

div {
  word-wrap: break-word;
}

pre {
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

form {
  margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option {
  vertical-align: baseline;
}

select {
  max-width: 100%;
}

textarea {
  min-height: 100px;
  vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  margin: 0;
}

table {
  width: 100%;
  word-break: break-all;
  word-wrap: break-word;
  border-spacing: 0;
}

caption {
  text-align: left;
}

img {
  height: auto;
  max-width: 100%;
}

img {
  max-width: none\9; /*IE8への対応*/
}

html:not(:target) img {
  max-width: 100%; /*IE9以上への対応*/
}

p {
  margin: 0 0 1em;
}

ul,
ol {
  margin-left: 40px;
  padding-left: 0;
}

li {
  margin-top: 0.5em;
}

/*引用*/
blockquote {
  position: relative;
  margin: 2em 0;
  padding: 115px 45px 80px;
  background: #fff;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote:before {
  position: absolute;
  top: 40px;
  left: 30px;
  width: 58px;
  height: 45px;
  content: url(./images/icon/icon-laquo.png);
}

blockquote:after {
  position: absolute;
  right: 30px;
  bottom: 20px;
  width: 58px;
  height: 45px;
  content: url(./images/icon/icon-raquo.png);
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  blockquote:before {
    display: inline-block;
    width: 58px;
    height: 45px;
    vertical-align: middle;
    background: url(./images/icon/icon-laquo@2x.png);
    -webkit-background-size: 58px 45px;
    background-size: 58px 45px;
    content: " ";
  }

  blockquote:after {
    display: inline-block;
    width: 58px;
    height: 45px;
    vertical-align: middle;
    background: url(./images/icon/icon-raquo@2x.png);
    -webkit-background-size: 58px 45px;
    background-size: 58px 45px;
    content: " ";
  }
}

blockquote a {
  color: #15a5e6;
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus {
  color: #5077a2;
}

q {
  background: #ccc;
}

table {
  width: 100%;
  margin: 1em 0;
  padding: 0;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
}

th,
td {
  padding: 1.25em 1em;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}

th {
  background-color: #e9e9e9;
  font-weight: bold;
  text-align: left;
}

thead th {
  background: #555;
  color: #fff;
  text-align: center;
}

dd {
  margin-left: 0;
  padding-left: 1em;
}

figure {
  margin: 1em 0;
}

/*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/

.container {
  position: relative;
}

.site-header,
.global-nav,
.main-body,
.site-footer {
  min-width: 980px;
}

.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 980px; /*サイトの横幅。これより小さければレスポンシブ*/
  margin: auto;
}

.main-image-in img {
  width: 100%;
}

.main-image-in.wide,
.main-image-in-text.wide {
  width: 100%;
}

/*1カラムレイアウト*/
.col1 .main-body-in {
  width: 100%;
}

.col1 .breadcrumbs {
  max-width: 980px;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width:896px) {
  .col1 .breadcrumbs {
    width: 90%;
  }
}

/*2カラムレイアウト*/
.col2 .main-conts {
  float: left;
  width: 65%;
}

.col2 .sub-conts {
  float: right;
  width: 30%;
}

/*2カラムレイアウト（リバース）*/
.col2r .main-conts {
  float: right;
  width: 65%;
}

.col2r .sub-conts {
  float: left;
  width: 30%;
}

.col2 #container .main-conts {
  width: 100%;
  float: none;
}


.page-id-11867 .main-body-in {
  max-width: 100%;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.site-header {
  background: #fff;
  margin-bottom: -3px;
}
.site-header:after {
  content: "";
  display: block;
  //	height:3px;
  width: 100%;
  //	background:#222;
}
.site-header-conts {
  width: 100%;
  //	padding: 60px 0 40px;
}
.site-header-in {
  position: relative;
}

/*ヘッダーロゴ*/
.site-title {
  text-align: right;
  margin: 0.5em auto;
  //	font-size: 2.25em;
  font-size: 0.8em;
}

.site-title a {
  color: #ccc;
  text-decoration: none;
}

.site-title a:hover,
.site-title a:active,
.site-title a:focus {
  text-decoration: underline;
}

.normal-screen .site-title {
  font-size: 3em;
}

.normal-screen .lp-catch {
  font-size: 1.5em;
}

/*ヘッダー右側の要素*/
.header-box {
  text-align: right;
  position: absolute;
  right: 0;
  top: 20px;
}

/*ヘッダーの全画面表示*/
.full-screen {
  background: url(./images/lp-image.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

.full-screen .site-header-in {
  display: table;
}

.full-screen .site-header-conts {
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
  text-shadow: 1px 1px 8px #666;
}

.full-screen .site-title {
  display: block;
  text-align: center;
}

.contact-btn {
  margin-bottom: 0;
}

.full-screen .site-header-conts h1 {
  width: auto;
  margin: 0;
}

.full-screen .site-header-conts p {
  font-size: 2em;
}

.full-screen .site-header-conts p a {
  color: #fff;
  text-decoration: none;
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

.global-nav {
  padding: 0;
  //background:#fff;
  //border-bottom:#222 solid 3px;
  margin-bottom: -3px;
  z-index: 200;
}

/*グローバルナビの開閉用ボタン*/
.global-nav-panel {
  display: none;
  font-size: 12px;
}

.global-nav-panel span {
  display: block;
  min-height: 20px;
  line-height: 20px;
}

.icon-gn-menu {
  padding-left: 32px;
  background: url(./images/icon/icon-gn-menu.png) left center no-repeat;
}

.icon-gn-close {
  padding-left: 32px;
  background: url(./images/icon/icon-gn-close.png) left center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-gn-menu {
    background: url(./images/icon/icon-gn-menu@2x.png) left center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
  }

  .icon-gn-close {
    background: url(./images/icon/icon-gn-close@2x.png) left center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
  }
}

.global-nav .show-menu,
.global-nav .show-menu li ul {
  display: block !important;
}

.global-nav-in {
  position: relative;
}

.global-nav-in ul {
  display: table;
  width: 600px;
  margin: 0 0 0 118px;
  padding: 0;
  table-layout: fixed; /*メニューの幅を均等に*/
  position: absolute;
  top: -44px;
}

.global-nav-in li {
  display: table-cell;
  list-style: none;
  position: relative;
  vertical-align: middle;
  margin: 0;
  text-align: center;
  width: 76px;
  height: 30px;
}

.global-nav-in li a {
  display: block;
  min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/
  padding: 0.5em 0 0.8em; /*画像をメニューにする場合は値を0に*/
  color: #222;
  text-decoration: none;
  font-size: 14px;
}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus {
  background-color: #222;
  color: #fff;
}

.global-nav-in li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 100%;
  border-left: 0;
}

/*ドロップダウンメニューのデザイン*/
.global-nav li ul li {
  display: list-item;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 0;
  border-right: 0;
  white-space: normal;
}

.global-nav li ul li a {
  display: block;
  padding: 0.8em 2em;
  background: rgba(44, 44, 44, 0.9);
  color: #fff;
}

.global-nav-in li ul ul {
  top: 0;
  left: 100%;
}

/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/

.main-image {
  z-index: 100;
  position: relative;
  //	border-bottom:#f1f1f1 solid 2em;
  border-bottom: none;
  //	border-top:#222 solid 3px;
  //	margin-bottom:-3px;
  margin-top: 10px;
  //background:#f1f1f1;
}

.main-image-in-text {
  background-repeat: no-repeat;
  background-size: cover;
}

.main-image-in-text-cont {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3em;
}

.main-image-in-text.wide .main-image-in-text-cont {
  width: 980px;
}

.main-image-in-text p:last-child {
  margin-bottom: 0;
}

.main-copy {
  margin-bottom: 20px;
  font-size: 3em;
  text-align: center;
}

.sub-copy {
  font-size: 1.5em;
  text-align: center;
}

/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body {
  padding-top: 3px;
  padding-bottom: 30px;
}

.no-gn .main-body {
  margin-top: 0;
}

.lp.no-gn .main-body {
  margin-top: 2em;
}

.main-body-in {
  //	padding-top:30px;
}

.lp .main-body {
  border-top: #222 solid 3px;
}
.lp .site-header {
  border-bottom: none;
}

.main-body-in {
  max-width: 980px;
  width: 95%;
}

@media screen and (max-width: 1200px) {
  .main-body-in {
    width: 90%;
  }
}
/*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/

.breadcrumbs-in {
  margin: 0 0 1.5em;
  color: #555;
}

.no-gn .breadcrumbs-in {
  margin-top: 0;
}

.breadcrumbs-in a {
  color: #555;
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus {
  color: #5077a2;
}

.breadcrumbs-in li {
  display: inline-block;
  list-style: none;
  position: relative;
  margin-right: 5px;
  padding-right: 18px;
  background: url(./images/icon/icon-brc.gif) right center no-repeat;
}

.breadcrumbs-in li:before {
  content: url(./images/icon/icon-folder-brc.png);
}

.breadcrumbs-in li.bcl-first:before {
  content: url(./images/icon/icon-home-brc.png);
}

.breadcrumbs-in li.bcl-last {
  background: none;
}

.breadcrumbs-in li.bcl-last:before {
  content: none;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .breadcrumbs-in li {
    background: url(./images/icon/icon-brc@2x.gif) right center no-repeat;
    -webkit-background-size: 5px 9px;
    background-size: 5px 9px;
  }

  .breadcrumbs-in li:before {
    width: 12px;
    height: 12px;
    background: url(./images/icon/icon-folder-brc@2x.png);
  }

  .breadcrumbs-in li.bcl-first:before {
    width: 12px;
    height: 12px;
    background: url(./images/icon/icon-home-brc@2x.png);
  }

  .breadcrumbs-in li:before,
  .breadcrumbs-in li.bcl-first:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
  }

  .breadcrumbs-in li.bcl-last:before {
    width: 0;
    height: 0;
    background: none;
    content: none;
  }
}

/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts {
  line-height: 1.8;
}

.col1 .main-conts {
  margin-bottom: 40px;
}

/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
}

.section-wrap.wide {
  border-right: 0;
  border-left: 0;
}

.section-wrap .section-in,
.float-area {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.float-area {
  margin-bottom: 10px;
}

/*1カラムレイアウト*/
.col1 .section-wrap,
.col1 .float-area{
	max-width: 980px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.col1 .section-wrap{
	padding: 40px 80px;
}

.col1 .section-wrap.wide{
	width: 100%;
	padding: 40px 0;
	background:#ddd;
}

.col1 .section-wrap.wide .section-in{
	width: 95%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0;
}

@media screen and (max-width:896px) {
	.col1 .section-wrap,
	.col1 .float-area{
		width: 90%;
	}

	.col1 .section-wrap{
		padding: 40px 0;
	}

	.col1 .section-wrap.wide .section-in{
		width: 90%;
	}	
}

/*--------------------------------------------------------
サブコンテンツ
--------------------------------------------------------*/
.sub-conts .section-wrap {
  margin: 0 auto 20px;
  padding: 0;
  border: none;
}

.sub-conts .section-wrap .section-in {
  padding: 0 20px 20px;
  background: #fafafa;
  border: 1px solid #fafafa;
}

.col1 .sub-conts .section-wrap .section-in {
  padding: 0 80px 30px;
}

/*サブコンテンツ用メニューのデザイン*/
.sub-conts .link-menu {
  margin-left: 18px;
  padding-left: 0;
}

.sub-conts .link-menu li {
  list-style: none;
  margin-bottom: 1em;
  padding-left: 12px;
  background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .sub-conts .link-menu li {
    background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }
}

.sub-conts .link-menu ul {
  margin-top: 1em;
  margin-left: 10px;
  padding-left: 0;
}

.sub-conts .link-menu-image {
  margin-right: 0;
  margin-left: 0;
}

.sub-conts .link-menu-image li {
  list-style: none;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.sub-conts .link-menu-image li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.link-menu-image-thumb {
  float: left;
  margin-right: 1em;
}

.sub-conts .link-menu-image .post-title {
  overflow: hidden;
  margin-bottom: 0;
  padding: 5px 0;
  border: none;
  background: none;
  font-weight: normal;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.site-footer {
  //	background: #444;
  background: #eee8e2;
  color: #040000;
}

.site-footer-in a {
  color: #fff;
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus {
  color: #5077a2;
}

/*フッターナビ*/
.site-footer-nav {
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
}

.site-footer-nav li {
  display: inline;
  list-style: none;
  margin-left: 50px;
  padding: 0 0 0 13px;
  background: url(./images/icon/icon-arw-next02.png) left center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .site-footer-nav li {
    background: url(./images/icon/icon-arw-next02@2x.png) left center no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }
}

.site-footer-nav li:first-child {
  margin-left: 0;
}

/*コピーライト*/
.copyright {
  margin: 0;
  padding: 15px 0;
  background: #eee8e2;
  //color: #eee;
  text-align: center;
}

.copyright small {
  font-size: 80%;
}

/*ページトップボタン*/
.page-top {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  line-height: 1.2;
  margin-bottom: 0;
}

/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child {
  margin-top: 0;
}

.main-body h1 {
  margin: 60px 0 20px;
  padding: 10px 18px;
  color: #222;
  font-size: 1.75em;
}
.main-body h2 {
  margin: 30px 0 15px;
  padding: 3px 18px;
  background: #e6dec5;
  color: #231815;
  font-size: 1.2em;
}

.main-body h3 {
  margin: 60px 0 30px;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  border-bottom: 3px solid #222;
  background: #ddd;
}
.main-body .sub-conts h3 {
  padding-top: 20px;
}
.main-body h4 {
  margin: 55px 0 25px;
  font-weight: bold;
  font-size: 1.25em;
  position: relative;
  padding: 0.1em 0 0.2em 0.75em;
  border-left: 6px solid #222;
}
.main-body h4:before {
  position: absolute;
  left: -6px;
  bottom: 0;
  content: "";
  width: 6px;
  height: 50%;
  background-color: #bbb;
}

.main-body h5 {
  margin: 55px 0 25px;
  padding: 0 0 0 9px;
  border-left: 6px solid #bbb;
  font-weight: bold;
  font-size: 1.2em;
}

.main-body h6 {
  margin: 55px 0 25px;
  font-weight: bold;
  font-size: 1.125em;
}

/*画像を使う場合などに見出しのデザインを解除*/
.main-body .img-title {
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  font-size: 1em;
}

.main-body h2 a {
  color: #fff;
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus {
  color: #5077a2;
}

/*コンテンツの外にある見出し*/
.main-body .archive-title {
  margin: 0 0 30px;
}

.col1 .main-body .archive-title {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

/*記事タイトルや基本単位毎の最初の見出し*/
.section-wrap .section-title {
  line-height: 1.5;
  margin: 0 0 1em;
  border: none;
  background: transparent;
  color: #333;
  font-size: 1.6em;
  border-top: 3px solid #222;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  position: relative;
}

html.col1 .section-wrap .section-title {
  line-height: 1.5;
  margin: 0 0 1em;
  border: none;
  background: transparent;
  color: #333;
  font-size: 1.6em;
  border-top: 3px solid #222;
  border-bottom: 1px solid #ccc;
  padding: 20px 80px;
  position: relative;
}

@media screen and (max-width:896px) {
  html.col1 .section-wrap .section-title {
    padding: 20px 15px;
  }
}

.main-body .section-title a {
  color: #333;
  text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus {
  color: #5077a2;
  text-decoration: underline;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title {
  margin: 0 0 20px;
  padding: 12px 0;
  font-weight: normal;
  font-size: 1em;
  border: none;
  color: #444;
  border-bottom: 3px solid #444;
}
.sub-conts .section-wrap .section-in .section-title:after,
.sub-conts .section-wrap .article-header .section-title:after {
  content: none;
}

/*--------------------------------------------------------
パーツ毎のスタイル
--------------------------------------------------------*/

/*最新情報*/
.news .news-date {
  color: #888;
  margin-right: 1em;
}

.news-item {
  padding: 15px 15px 0.1px;
  background: #fff;
  margin-bottom: 1em;
}
.news .news-thumb {
  float: left;
  margin: 0 15px 15px 0;
}

.news-item .news-thumb a {
  display: block;
}
.main-body .news-title {
  margin: 0 0 12px;
  padding: 0;
  border: none;
  background: none;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1.5em;
}
.main-body .news-title:after {
  content: none;
}

.news .news-date,
.news .news-cat {
  display: inline-block;
}
.cat {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
  padding: 0.1em 0.5em;
  border-bottom: none;
  color: #fff;
  font-size: 0.75em;
  word-break: break-all;
}

.cat a {
  display: inline-block;
  margin: -0.1em -1px;
  padding: 0.1em 0.5em;
  color: #fff;
  text-decoration: none;
}

.cat001 {
  background: #3e768a;
}
.cat002 {
  background: #947863;
}
.cat003 {
  background: #3e8a6a;
}
.cat004 {
  background: #705d88;
}
.cat005 {
  background: #606c7a;
}

.news .news-cont {
  line-height: 1.5em;
  margin: 0 0 0.5em;
}

/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}

.dl-style01 dt {
  display: block;
  float: left;
  width: 35%;
}

.dl-style01 dd {
  padding-left: 35%;
  border-bottom: 1px solid #ccc;
}

/*記述リスト 縦並び*/
.dl-style02 dt,
.dl-style02 dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}

.dl-style02 {
  border-bottom: 1px solid #666;
}
.dl-style02 dt {
  display: block;
  color: #222;
  border-top: 1px solid #666;
}

.dl-style02 dd {
  background: #fafafa;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-comparison {
  margin: 3em 0;
  border-top: 0;
}

.table-comparison th,
.table-comparison td {
  padding: 10px;
  text-align: center;
}

.table-comparison thead .highlight span {
  display: block;
  margin: -11px;
  margin-top: -25px;
  padding: 11px;
  padding-top: 25px;
}

.table-comparison th.highlight,
.table-comparison th.highlight span {
  background: #ff824b;
}

.table-comparison tfoot td,
.table-comparison tfoot td span {
  background: #f2f2f2;
}

/*カテゴリー*/
.category-list,
.sub-conts .widget_categories ul {
  margin-left: 0;
  padding-left: 0;
}

.category-list li,
.sub-conts .widget_categories li {
  list-style: none;
  margin-bottom: 1em;
  padding-left: 15px;
  background: url(./images/icon/icon-tag.png) left 6px no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .category-list li,
  .sub-conts .widget_categories li {
    background: url(./images/icon/icon-tag@2x.png) left 6px no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
  }
}

.category-list ul,
.sub-conts .widget_categories ul ul {
  margin-top: 1em;
  margin-left: 10px;
  padding-left: 0;
}

/*タグクラウド*/
.tagcloud a {
  margin-right: 10px;
  padding-left: 15px;
  background: url(./images/icon/icon-tag.png) left bottom no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .tagcloud a {
    background: url(./images/icon/icon-tag@2x.png) left bottom no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
  }
}

/*カレンダー*/
.calendar {
  background: #fff;
  font-size: 0.875em;
}

.calendar caption {
  font-weight: bold;
}

.calendar th,
.calendar td {
  padding: 10px 0;
  text-align: center;
}

.calendar tfoot td {
  padding: 10px;
  border-right-width: 0;
  text-align: left;
}

.calendar tfoot td:last-child {
  border-right-width: 1px;
  text-align: right;
}

.calendar td a {
  display: block;
  margin: -10px 0;
  padding: 10px 0;
}

/*段組*/
.col4-wrap,
.col3-wrap,
.col2-wrap {
  margin: 0 0 1em;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child {
  margin-left: 0;
}

.col4-wrap .col {
  width: 23.5%;
}

.col4-wrap .col_2of4 {
  width: 49%;
}

.col4-wrap .col_3of4 {
  width: 74.5%;
}

.col3-wrap .col {
  width: 32%;
}

.col3-wrap .col_2of3 {
  width: 66%;
}

.col2-wrap .col {
  width: 49%;
}

.col-link {
  border: 1px solid #ccc;
}

.col-link a {
  display: block;
  color: #333;
  text-decoration: none;
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus {
  background: #eee;
}

/*バナーエリア*/
.banner-list {
  margin: 20px 0 0;
}

.banner-list li {
  list-style: none;
  border: #ccc solid 1px;
  box-sizing: border-box;
}

.col1 .banner-list {
  text-align: center;
}

.col1 .banner-list li,
.main-conts .banner-list li {
  display: inline-block;
  margin-bottom: 1em;
  margin-left: 1em;
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child {
  margin-left: 0;
}

/*引用元へのリンク*/
.link-ref {
  text-align: right;
}

/*動画などのレスポンシブ対応*/
embed,
iframe,
object,
video {
  max-width: 100%;
}

/*ボタン*/
.btn {
  display: inline-block;
  padding: 0.3em 3em;
  border: 0;
  color: #444;
  text-decoration: none;
  border: 3px solid #444;
  background: none;
}
.btn-area .btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.btn:hover,
.btn:active,
.btn:focus {
  color: #fff;
  cursor: pointer;
}

.btn span {
  position: relative;
  padding-left: 20px;
}
.btn span:after {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn span:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.4em;
  left: -1em;
  width: 8px;
  height: 8px;
  border-right: 2px solid #444;
  border-bottom: 2px solid #444;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btn:hover span:after {
  left: -0.5em;
  border-color: #fff;
}

.btn-green {
  border: 3px solid #1ec69b;
  font-size: 1.25em;
  color: #1ec69b;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus {
  background: #1ec69b;
  cursor: pointer;
  color: #fff;
}

.btn-blue {
  border: 3px solid #1a76bd;
  font-size: 1.25em;
  color: #1a76bd;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
  background: #1a76bd;
  cursor: pointer;
  color: #fff;
}
.btn-orange {
  border: 3px solid #e3602d;
  font-size: 1.25em;
  color: #e3602d;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
  background: #e3602d;
  cursor: pointer;
  color: #fff;
}

.btn-red {
  border: 3px solid #d74648;
  font-size: 1.25em;
  color: #d74648;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
  background: #d74648;
  cursor: pointer;
  color: #fff;
}

.btn-green span:after {
  border-color: #1ec69b;
}
.btn-blue span:after {
  border-color: #1a76bd;
}
.btn-orange span:after {
  border-color: #e3602d;
}
.btn-red span:after {
  border-color: #d74648;
}

.btn-form01 {
  padding: 0.5em 3em;
  border: 3px solid #222;
  font-size: 1.25em;
}

.btn-form02 {
  padding: 0.5em 1em;
  border: 3px solid #bbb;
  font-size: 1.25em;
  color: #bbb;
}

.btn-form02 span:after {
  left: -0.2em;
  border-color: #bbb;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.btn-form01:hover,
.btn-form01:active,
.btn-form01:focus {
  border: 3px solid #274a7d;
  background: #274a7d;
}

.btn-form02:hover,
.btn-form02:active,
.btn-form02:focus {
  border: 3px solid #999;
  background: #999;
}

.btn-mail {
  padding: 0.5em 3.3em 0.5em 1.3em;
  border: 3px solid #222;
  text-align: left;
}

.btn-mail:hover,
.btn-mail:active,
.btn-mail:focus {
  border: 3px solid #274a7d;
  background: #274a7d;
}

.btn-mail span {
  padding-left: 0;
}

.btn-mail span:after {
  right: -2em;
  left: auto;
  top: 0.3em;
}
.btn-mail:hover span:after {
  right: -2.5em;
  left: auto;
}

.btn-detail {
  padding: 0.5em 3.3em 0.5em 1.3em;
  border: 3px solid #444;
  margin-top: 1em;
}

.btn-detail:hover,
.btn-detail:active,
.btn-detail:focus {
  border: 3px solid #274a7d;
  background: #274a7d;
}

.btn-detail span {
  padding-left: 0;
}

.btn-detail span:after {
  right: -1.5em;
  left: auto;
  top: 0.3em;
}
.btn-detail:hover span:after {
  right: -2em;
  left: auto;
}

/*検索ボックス*/
.search-box {
  margin: 20px auto 0;
  text-align: center;
}
.search-box input[type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  height: 30px;
  padding-right: 4px;
  padding-left: 4px;
  border: none;
  background: #ddd;
  border-radius: 0;
  color: #222;
}

.btn-search {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  vertical-align: top;
  padding: 5px;
  border: 0;
  background: #ddd;
  border-radius: 0;
  cursor: pointer;
}

.btn-search img {
  width: 21px;
  height: 20px;
  vertical-align: top;
}

/*ソーシャルボタン*/
.sns-list ul {
  margin: 0 0 1em;
  padding: 0;
}

.sns-list li {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  margin-left: 1em;
}

.sns-list li iframe {
  max-width: none;
  margin: 0;
}

.sns-list li:first-child {
  margin-left: 0;
}

/*アイキャッチ*/
.eye-catch {
  float: right;
  margin-top: 0;
  margin-left: 1em;
}

.post-date {
  margin-right: 1em;
}

/*登場人物紹介１*/
.cast-box {
  padding: 30px 20px;
  background: #fff;
}

.cast-box .cast {
  position: relative;
  min-height: 100px;
  margin-top: 0;
  padding-left: 115px;
}

.cast-box .cast-name {
  font-weight: bold;
  font-size: 1.25em;
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile {
  margin-left: 0;
  margin-bottom: 40px;
  padding-left: 0;
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile {
  margin-bottom: 0;
}

.cast-box .cast .cast-headshot {
  position: absolute;
  top: 0;
  left: 0;
}

/*登場人物紹介２*/
.cast-box02 .cast {
  position: relative;
  margin-bottom: 40px;
  padding-top: 210px;
}
.cast-box02 .cast:last-child {
  margin-bottom: 0;
}

.cast-box02 .cast dd {
  padding-left: 0;
}

.cast-box02 .cast-name {
  font-weight: bold;
}

.cast-box02 .cast .cast-headshot {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}

.col1 .cast-box02 .cast {
  min-height: 210px;
  padding-top: 0;
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile {
  padding-left: 210px;
}

.col1 .cast-box02 .cast .cast-headshot {
  width: auto;
}

/*吹き出し*/
.chat-l,
.chat-r {
  position: relative;
  overflow: hidden;
  margin: 0 0 2em;
}

.bubble {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  min-height: 60px;
  margin-bottom: 2em;
  padding: 1em;
  border: 1px solid #ccc;
  background: #fff;
}

.bubble .bubble-in {
  border-color: #fff;
}

.talker {
  display: block;
  width: 15%;
  height: auto;
  text-align: center;
}

.talker b {
  font-weight: normal;
}

.talker img {
  display: block;
  width: 100px;
  max-width: 100%;
  max-width: none\9; /*IE8への対応*/
  margin: auto;
}

html:not(:target) .talker img {
  max-width: 100%; /*IE9以上への対応*/
}

.chat-l .talker {
  float: left;
  margin-right: 2%;
}

.chat-r .talker {
  float: right;
  margin-left: 2%;
}

.chat-l .bubble {
  float: right;
}

.chat-r .bubble {
  float: left;
}

.bubble .bubble-in:after,
.bubble .bubble-in:before {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: "";
}

/*吹き出しの微調整*/
.bubble .b-arw20:after,
.bubble .b-arw20:before {
  top: 20%;
}
.bubble .b-arw30:after,
.bubble .b-arw30:before {
  top: 30%;
}
.bubble .b-arw40:after,
.bubble .b-arw40:before {
  top: 40%;
}
.bubble .b-arw60:after,
.bubble .b-arw60:before {
  top: 60%;
}
.bubble .b-arw70:after,
.bubble .b-arw70:before {
  top: 70%;
}
.bubble .b-arw80:after,
.bubble .b-arw80:before {
  top: 80%;
}

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before {
  right: 100%;
}

.chat-r .bubble div:after,
.chat-r .bubble div:before {
  left: 100%;
}

.chat-l .bubble .bubble-in:after {
  margin-top: -8px;
  border-width: 8px 20px;
  border-color: transparent;
  border-right-color: inherit;
}

.chat-l .bubble .bubble-in:before {
  margin-top: -9px;
  border-width: 9px 21px;
  border-color: transparent;
  border-right-color: #ccc;
}

.chat-r .bubble .bubble-in:after {
  margin-top: -8px;
  border-width: 8px 20px;
  border-color: transparent;
  border-left-color: inherit;
}

.chat-r .bubble .bubble-in:before {
  margin-top: -9px;
  border-width: 9px 21px;
  border-color: transparent;
  border-left-color: #ccc;
}

.bubble p:first-child {
  margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker,
.together .bubble {
  width: 100%;
}

.together .talker b {
  display: inline-block;
  text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker {
  float: none;
  margin: 0 0 20px;
}

.together.chat-l .talker {
  text-align: left;
}

.together.chat-r .talker {
  text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble {
  float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before {
  top: auto;
  bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before {
  right: auto;
  left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before {
  right: 10%;
  left: auto;
}

.together.chat-l .bubble .bubble-in:after {
  margin-top: -20px;
  margin-left: -8px;
  border-width: 20px 8px;
  border-color: transparent;
  border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before {
  margin-top: -21px;
  margin-left: -9px;
  border-width: 21px 9px;
  border-color: transparent;
  border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after {
  border-width: 20px 8px;
  margin-top: -20px;
  margin-right: -8px;
  border-color: transparent;
  border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before {
  margin-top: -21px;
  margin-right: -9px;
  border-width: 21px 9px;
  border-color: transparent;
  border-bottom-color: #ccc;
}

.bubble-in p:last-child {
  margin-bottom: 0;
}

/*吹き出し背景色：青（HTML版のみ）*/
.bubble-blue {
  border: none;
  background: #398dd7;
  color: #fff;
}

.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before {
  border-right-color: #398dd7;
}

.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before {
  border-left-color: #398dd7;
}

.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before {
  border-bottom-color: #398dd7;
}

/*吹き出し背景色：緑（HTML版のみ）*/
.bubble-green {
  border: none;
  background: #38d1b0;
  color: #fff;
}

.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before {
  border-right-color: #38d1b0;
}

.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before {
  border-left-color: #38d1b0;
}

.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before {
  border-bottom-color: #38d1b0;
}

/*吹き出し背景色：黄（HTML版のみ）*/
.bubble-yellow {
  border: none;
  background: #dcd503;
  color: #fff;
}

.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before {
  border-right-color: #dcd503;
}

.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before {
  border-left-color: #dcd503;
}

.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before {
  border-bottom-color: #dcd503;
}

/*吹き出し背景色：オレンジ（HTML版のみ）*/
.bubble-orange {
  border: none;
  background: #f87047;
  color: #fff;
}

.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before {
  border-right-color: #f87047;
}

.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before {
  border-left-color: #f87047;
}

.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before {
  border-bottom-color: #f87047;
}

/*吹き出し背景色：ピンク（HTML版のみ）*/
.bubble-pink {
  border: none;
  background: #f06292;
  color: #fff;
}

.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before {
  border-right-color: #f06292;
}

.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before {
  border-left-color: #f06292;
}

.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before {
  border-bottom-color: #f06292;
}

/*吹き出し背景色：赤（HTML版のみ）*/
.bubble-red {
  border: none;
  background: #ef5350;
  color: #fff;
}

.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before {
  border-right-color: #ef5350;
}

.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before {
  border-left-color: #ef5350;
}

.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before {
  border-bottom-color: #ef5350;
}

/*吹き出し背景色：黒（HTML版のみ）*/
.bubble-black {
  border: none;
  background: #555555;
  color: #fff;
}

.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before {
  border-right-color: #555555;
}

.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before {
  border-left-color: #555555;
}

.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before {
  border-bottom-color: #555555;
}

/*ランキング*/
.main-body .ranking-list {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.main-body .ranking-list li {
  list-style: none;
  overflow: hidden;
  margin-bottom: 30px;
}

.main-body .main-conts .ranking-list li {
  padding: 15px;
  background: #fafafa;
  margin-bottom: 1em;
}

.main-body .ranking-list li:last-child {
  margin-bottom: 0;
}

.col1 .main-body .ranking-list li:last-child {
  margin-bottom: 30px;
}

.main-body .ranking-list li p {
  margin-bottom: 0;
}

.main-body .rank-title {
  padding: 5px 0;
  border: none;
  background: none;
  font-weight: normal;
  font-size: 1.5em;
  margin-top: 0;
}
.main-body .rank-title:before {
  content: none;
}

.rank-thumb {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.main-conts .rank-thumb {
  margin-bottom: 0;
}

.sub-conts .ranking-list03 .rank-thumb img {
  width: 100px;
  height: auto;
}

.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb {
  float: none;
  text-align: center;
}

.rank-desc {
  overflow: hidden;
}

/*ランキング用の王冠アイコンのリスト*/
.ranking-list01 > li .rank-title {
  padding-left: 60px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.ranking-list01 .rank01 .rank-title {
  background: url(./images/icon/icon-rank01-01.png) left top no-repeat;
}
.ranking-list01 .rank02 .rank-title {
  background: url(./images/icon/icon-rank01-02.png) left top no-repeat;
}
.ranking-list01 .rank03 .rank-title {
  background: url(./images/icon/icon-rank01-03.png) left top no-repeat;
}
.ranking-list01 .rank04 .rank-title {
  background: url(./images/icon/icon-rank01-04.png) left top no-repeat;
}
.ranking-list01 .rank05 .rank-title {
  background: url(./images/icon/icon-rank01-05.png) left top no-repeat;
}
.ranking-list01 .rank06 .rank-title {
  background: url(./images/icon/icon-rank01-06.png) left top no-repeat;
}
.ranking-list01 .rank07 .rank-title {
  background: url(./images/icon/icon-rank01-07.png) left top no-repeat;
}
.ranking-list01 .rank08 .rank-title {
  background: url(./images/icon/icon-rank01-08.png) left top no-repeat;
}
.ranking-list01 .rank09 .rank-title {
  background: url(./images/icon/icon-rank01-09.png) left top no-repeat;
}
.ranking-list01 .rank10 .rank-title {
  background: url(./images/icon/icon-rank01-10.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ranking-list01 .rank01 .rank-title {
    background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank02 .rank-title {
    background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank03 .rank-title {
    background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank04 .rank-title {
    background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank05 .rank-title {
    background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank06 .rank-title {
    background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank07 .rank-title {
    background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank08 .rank-title {
    background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank09 .rank-title {
    background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank10 .rank-title {
    background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat;
  }
  .ranking-list01 .rank01 .rank-title,
  .ranking-list01 .rank02 .rank-title,
  .ranking-list01 .rank03 .rank-title,
  .ranking-list01 .rank04 .rank-title,
  .ranking-list01 .rank05 .rank-title,
  .ranking-list01 .rank06 .rank-title,
  .ranking-list01 .rank07 .rank-title,
  .ranking-list01 .rank08 .rank-title,
  .ranking-list01 .rank09 .rank-title,
  .ranking-list01 .rank10 .rank-title {
    -webkit-background-size: 48px;
    background-size: 48px;
  }
}

/*ランキング用のメダルアイコンのリスト*/
.ranking-list02 > li .rank-title {
  padding-left: 60px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.ranking-list02 .rank01 .rank-title {
  background: url(./images/icon/icon-rank02-01.png) left top no-repeat;
}
.ranking-list02 .rank02 .rank-title {
  background: url(./images/icon/icon-rank02-02.png) left top no-repeat;
}
.ranking-list02 .rank03 .rank-title {
  background: url(./images/icon/icon-rank02-03.png) left top no-repeat;
}
.ranking-list02 .rank04 .rank-title {
  background: url(./images/icon/icon-rank02-04.png) left top no-repeat;
}
.ranking-list02 .rank05 .rank-title {
  background: url(./images/icon/icon-rank02-05.png) left top no-repeat;
}
.ranking-list02 .rank06 .rank-title {
  background: url(./images/icon/icon-rank02-06.png) left top no-repeat;
}
.ranking-list02 .rank07 .rank-title {
  background: url(./images/icon/icon-rank02-07.png) left top no-repeat;
}
.ranking-list02 .rank08 .rank-title {
  background: url(./images/icon/icon-rank02-08.png) left top no-repeat;
}
.ranking-list02 .rank09 .rank-title {
  background: url(./images/icon/icon-rank02-09.png) left top no-repeat;
}
.ranking-list02 .rank10 .rank-title {
  background: url(./images/icon/icon-rank02-10.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ranking-list02 .rank01 .rank-title {
    background: url(./images/icon/icon-rank02-01@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank02 .rank-title {
    background: url(./images/icon/icon-rank02-02@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank03 .rank-title {
    background: url(./images/icon/icon-rank02-03@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank04 .rank-title {
    background: url(./images/icon/icon-rank02-04@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank05 .rank-title {
    background: url(./images/icon/icon-rank02-05@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank06 .rank-title {
    background: url(./images/icon/icon-rank02-06@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank07 .rank-title {
    background: url(./images/icon/icon-rank02-07@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank08 .rank-title {
    background: url(./images/icon/icon-rank02-08@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank09 .rank-title {
    background: url(./images/icon/icon-rank02-09@2x.png) left top no-repeat;
  }
  .ranking-list02 .rank10 .rank-title {
    background: url(./images/icon/icon-rank02-10@2x.png) left top no-repeat;
  }

  .ranking-list02 .rank01 .rank-title,
  .ranking-list02 .rank02 .rank-title,
  .ranking-list02 .rank03 .rank-title,
  .ranking-list02 .rank04 .rank-title,
  .ranking-list02 .rank05 .rank-title,
  .ranking-list02 .rank06 .rank-title,
  .ranking-list02 .rank07 .rank-title,
  .ranking-list02 .rank08 .rank-title,
  .ranking-list02 .rank09 .rank-title,
  .ranking-list02 .rank10 .rank-title {
    -webkit-background-size: 48px;
    background-size: 48px;
  }
}

/*ランキング用のシンプルなリスト*/
.ranking-list03 > li .rank-title {
  padding: 5px 0 7px;
  padding-left: 58px;
  font-size: 1.25em;
  margin-bottom: 15px;
}

.sub-conts .ranking-list03 > li .rank-title {
  min-height: 30px;
  padding: 0;
  padding-left: 40px;
  font-size: 1.25em;
}

.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title {
  background: #fff;
}

.ranking-list03 .rank01 .rank-title {
  background: url(./images/icon/icon-rank03-01.png) left top no-repeat;
}
.ranking-list03 .rank02 .rank-title {
  background: url(./images/icon/icon-rank03-02.png) left top no-repeat;
}
.ranking-list03 .rank03 .rank-title {
  background: url(./images/icon/icon-rank03-03.png) left top no-repeat;
}
.ranking-list03 .rank04 .rank-title {
  background: url(./images/icon/icon-rank03-04.png) left top no-repeat;
}
.ranking-list03 .rank05 .rank-title {
  background: url(./images/icon/icon-rank03-05.png) left top no-repeat;
}
.ranking-list03 .rank06 .rank-title {
  background: url(./images/icon/icon-rank03-06.png) left top no-repeat;
}
.ranking-list03 .rank07 .rank-title {
  background: url(./images/icon/icon-rank03-07.png) left top no-repeat;
}
.ranking-list03 .rank08 .rank-title {
  background: url(./images/icon/icon-rank03-08.png) left top no-repeat;
}
.ranking-list03 .rank09 .rank-title {
  background: url(./images/icon/icon-rank03-09.png) left top no-repeat;
}
.ranking-list03 .rank10 .rank-title {
  background: url(./images/icon/icon-rank03-10.png) left top no-repeat;
}

.sub-conts .ranking-list03 .rank01 .rank-title {
  background: url(./images/icon/icon-rank04-01.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank02 .rank-title {
  background: url(./images/icon/icon-rank04-02.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank03 .rank-title {
  background: url(./images/icon/icon-rank04-03.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank04 .rank-title {
  background: url(./images/icon/icon-rank04-04.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank05 .rank-title {
  background: url(./images/icon/icon-rank04-05.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank06 .rank-title {
  background: url(./images/icon/icon-rank04-06.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank07 .rank-title {
  background: url(./images/icon/icon-rank04-07.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank08 .rank-title {
  background: url(./images/icon/icon-rank04-08.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank09 .rank-title {
  background: url(./images/icon/icon-rank04-09.png) left top no-repeat;
}
.sub-conts .ranking-list03 .rank10 .rank-title {
  background: url(./images/icon/icon-rank04-10.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ranking-list03 .rank01 .rank-title {
    background: url(./images/icon/icon-rank03-01@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank02 .rank-title {
    background: url(./images/icon/icon-rank03-02@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank03 .rank-title {
    background: url(./images/icon/icon-rank03-03@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank04 .rank-title {
    background: url(./images/icon/icon-rank03-04@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank05 .rank-title {
    background: url(./images/icon/icon-rank03-05@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank06 .rank-title {
    background: url(./images/icon/icon-rank03-06@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank07 .rank-title {
    background: url(./images/icon/icon-rank03-07@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank08 .rank-title {
    background: url(./images/icon/icon-rank03-08@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank09 .rank-title {
    background: url(./images/icon/icon-rank03-09@2x.png) left top no-repeat;
  }
  .ranking-list03 .rank10 .rank-title {
    background: url(./images/icon/icon-rank03-10@2x.png) left top no-repeat;
  }

  .ranking-list03 .rank01 .rank-title,
  .ranking-list03 .rank02 .rank-title,
  .ranking-list03 .rank03 .rank-title,
  .ranking-list03 .rank04 .rank-title,
  .ranking-list03 .rank05 .rank-title,
  .ranking-list03 .rank06 .rank-title,
  .ranking-list03 .rank07 .rank-title,
  .ranking-list03 .rank08 .rank-title,
  .ranking-list03 .rank09 .rank-title,
  .ranking-list03 .rank10 .rank-title {
    -webkit-background-size: 48px;
    background-size: 48px;
  }

  .sub-conts .ranking-list03 .rank01 .rank-title {
    background: url(./images/icon/icon-rank04-01@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank02 .rank-title {
    background: url(./images/icon/icon-rank04-02@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank03 .rank-title {
    background: url(./images/icon/icon-rank04-03@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank04 .rank-title {
    background: url(./images/icon/icon-rank04-04@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank05 .rank-title {
    background: url(./images/icon/icon-rank04-05@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank06 .rank-title {
    background: url(./images/icon/icon-rank04-06@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank07 .rank-title {
    background: url(./images/icon/icon-rank04-07@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank08 .rank-title {
    background: url(./images/icon/icon-rank04-08@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank09 .rank-title {
    background: url(./images/icon/icon-rank04-09@2x.png) left top no-repeat;
  }
  .sub-conts .ranking-list03 .rank10 .rank-title {
    background: url(./images/icon/icon-rank04-10@2x.png) left top no-repeat;
  }

  .sub-conts .ranking-list03 .rank01 .rank-title,
  .sub-conts .ranking-list03 .rank02 .rank-title,
  .sub-conts .ranking-list03 .rank03 .rank-title,
  .sub-conts .ranking-list03 .rank04 .rank-title,
  .sub-conts .ranking-list03 .rank05 .rank-title,
  .sub-conts .ranking-list03 .rank06 .rank-title,
  .sub-conts .ranking-list03 .rank07 .rank-title,
  .sub-conts .ranking-list03 .rank08 .rank-title,
  .sub-conts .ranking-list03 .rank09 .rank-title,
  .sub-conts .ranking-list03 .rank10 .rank-title {
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
  }
}

/*ランキング用の画像＋ランキング番号のリスト*/
.ranking-list .on-image {
}

.ranking-list .on-image .rank-title {
  padding: 0 !important;
  border: 0;
  background: none !important;
  font-size: 1.25em;
}

.ranking-list .on-image .rank-thumb {
  position: relative;
}

.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before {
  position: absolute;
  top: 0;
  left: 0;
}

.ranking-list03 > .rank01.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-01.png);
}
.ranking-list03 > .rank02.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-02.png);
}
.ranking-list03 > .rank03.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-03.png);
}
.ranking-list03 > .rank04.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-04.png);
}
.ranking-list03 > .rank05.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-05.png);
}
.ranking-list03 > .rank06.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-06.png);
}
.ranking-list03 > .rank07.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-07.png);
}
.ranking-list03 > .rank08.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-08.png);
}
.ranking-list03 > .rank09.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-09.png);
}
.ranking-list03 > .rank10.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank03-10.png);
}

.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-01.png);
}
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-02.png);
}
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-03.png);
}
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-04.png);
}
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-05.png);
}
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-06.png);
}
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-07.png);
}
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-08.png);
}
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-09.png);
}
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank04-10.png);
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ranking-list03 > .rank01.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-01@2x.png);
  }
  .ranking-list03 > .rank02.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-02@2x.png);
  }
  .ranking-list03 > .rank03.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-03@2x.png);
  }
  .ranking-list03 > .rank04.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-04@2x.png);
  }
  .ranking-list03 > .rank05.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-05@2x.png);
  }
  .ranking-list03 > .rank06.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-06@2x.png);
  }
  .ranking-list03 > .rank07.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-07@2x.png);
  }
  .ranking-list03 > .rank08.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-08@2x.png);
  }
  .ranking-list03 > .rank09.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-09@2x.png);
  }
  .ranking-list03 > .rank10.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank03-10@2x.png);
  }

  .ranking-list03 > .rank01.on-image .rank-thumb:before,
  .ranking-list03 > .rank02.on-image .rank-thumb:before,
  .ranking-list03 > .rank03.on-image .rank-thumb:before,
  .ranking-list03 > .rank04.on-image .rank-thumb:before,
  .ranking-list03 > .rank05.on-image .rank-thumb:before,
  .ranking-list03 > .rank06.on-image .rank-thumb:before,
  .ranking-list03 > .rank07.on-image .rank-thumb:before,
  .ranking-list03 > .rank08.on-image .rank-thumb:before,
  .ranking-list03 > .rank09.on-image .rank-thumb:before,
  .ranking-list03 > .rank10.on-image .rank-thumb:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
  }

  .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-01@2x.png);
  }
  .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-02@2x.png);
  }
  .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-03@2x.png);
  }
  .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-04@2x.png);
  }
  .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-05@2x.png);
  }
  .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-06@2x.png);
  }
  .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-07@2x.png);
  }
  .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-08@2x.png);
  }
  .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-09@2x.png);
  }
  .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank04-10@2x.png);
  }

  .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before,
  .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
  }
}

/*画像＋テキストのリスト（ランキング用）*/
.ranking-list04 .rank-box {
  position: relative;
  width: 320px;
  margin-right: auto;
  margin-left: auto;
}

.col1 .ranking-list04 li {
  display: inline-block;
  margin-right: 20px;
}

.ranking-list04 .rank-box img {
  width: 100%;
}

.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before {
  position: absolute;
  top: 0;
  left: 0;
}

.ranking-list04 .on-image .rank-box .rank-text {
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #000000\9; /*IE8への対応*/
  color: #fff;
}

html:not(:target) .ranking-list04 .on-image .rank-box .rank-text {
  background-color: rgba(0, 0, 0, 0.5); /*IE9以上への対応*/
}

.ranking-list04 .on-image .rank-box a {
  color: #fff;
}

.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus {
  color: #5077a2;
}

.ranking-list04 > .rank01.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-01.png);
}
.ranking-list04 > .rank02.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-02.png);
}
.ranking-list04 > .rank03.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-03.png);
}
.ranking-list04 > .rank04.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-04.png);
}
.ranking-list04 > .rank05.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-05.png);
}
.ranking-list04 > .rank06.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-06.png);
}
.ranking-list04 > .rank07.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-07.png);
}
.ranking-list04 > .rank08.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-08.png);
}
.ranking-list04 > .rank09.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-09.png);
}
.ranking-list04 > .rank10.on-image .rank-box:before {
  content: url(./images/icon/icon-rank03-10.png);
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ranking-list04 > .rank01.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-01@2x.png);
  }
  .ranking-list04 > .rank02.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-02@2x.png);
  }
  .ranking-list04 > .rank03.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-03@2x.png);
  }
  .ranking-list04 > .rank04.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-04@2x.png);
  }
  .ranking-list04 > .rank05.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-05@2x.png);
  }
  .ranking-list04 > .rank06.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-06@2x.png);
  }
  .ranking-list04 > .rank07.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-07@2x.png);
  }
  .ranking-list04 > .rank08.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-08@2x.png);
  }
  .ranking-list04 > .rank09.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-09@2x.png);
  }
  .ranking-list04 > .rank10.on-image .rank-box:before {
    background: url(./images/icon/icon-rank03-10@2x.png);
  }

  .ranking-list04 > .rank01.on-image .rank-box:before,
  .ranking-list04 > .rank02.on-image .rank-box:before,
  .ranking-list04 > .rank03.on-image .rank-box:before,
  .ranking-list04 > .rank04.on-image .rank-box:before,
  .ranking-list04 > .rank05.on-image .rank-box:before,
  .ranking-list04 > .rank06.on-image .rank-box:before,
  .ranking-list04 > .rank07.on-image .rank-box:before,
  .ranking-list04 > .rank08.on-image .rank-box:before,
  .ranking-list04 > .rank09.on-image .rank-box:before,
  .ranking-list04 > .rank10.on-image .rank-box:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
  }
}

/*背景画像＋テキストのリスト（ランキング用）*/
.ranking-list05 .rank-box {
  position: relative;
  width: 320px;
  margin-right: auto;
  margin-left: auto;
  background-position: center center;
  background-size: cover;
}

.col1 .ranking-list05 li {
  display: inline-block;
  margin-right: 20px;
}

.ranking-list05 .rank-box a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 180px;
  padding: 3em 1em 1em;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #000000\9; /*IE8への対応*/
  color: #fff;
}

html:not(:target) .ranking-list05 .rank-box a {
  background-color: rgba(0, 0, 0, 0.5); /*IE9以上への対応*/
}

.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus,
html:not(:target) .ranking-list05 .rank-box a:hover {
  background-color: rgba(0, 0, 0, 0);
}

.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before {
  position: absolute;
  top: 0;
  left: 0;
}

.ranking-list05 > .rank01.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-01.png);
}
.ranking-list05 > .rank02.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-02.png);
}
.ranking-list05 > .rank03.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-03.png);
}
.ranking-list05 > .rank04.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-04.png);
}
.ranking-list05 > .rank05.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-05.png);
}
.ranking-list05 > .rank06.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-06.png);
}
.ranking-list05 > .rank07.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-07.png);
}
.ranking-list05 > .rank08.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-08.png);
}
.ranking-list05 > .rank09.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-09.png);
}
.ranking-list05 > .rank10.on-image .rank-box:before {
  content: url(./images/icon/icon-rank04-10.png);
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ranking-list05 > .rank01.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-01@2x.png);
  }
  .ranking-list05 > .rank02.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-02@2x.png);
  }
  .ranking-list05 > .rank03.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-03@2x.png);
  }
  .ranking-list05 > .rank04.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-04@2x.png);
  }
  .ranking-list05 > .rank05.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-05@2x.png);
  }
  .ranking-list05 > .rank06.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-06@2x.png);
  }
  .ranking-list05 > .rank07.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-07@2x.png);
  }
  .ranking-list05 > .rank08.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-08@2x.png);
  }
  .ranking-list05 > .rank09.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-09@2x.png);
  }
  .ranking-list05 > .rank10.on-image .rank-box:before {
    background: url(./images/icon/icon-rank04-10@2x.png);
  }

  .ranking-list05 > .rank01.on-image .rank-box:before,
  .ranking-list05 > .rank02.on-image .rank-box:before,
  .ranking-list05 > .rank03.on-image .rank-box:before,
  .ranking-list05 > .rank04.on-image .rank-box:before,
  .ranking-list05 > .rank05.on-image .rank-box:before,
  .ranking-list05 > .rank06.on-image .rank-box:before,
  .ranking-list05 > .rank07.on-image .rank-box:before,
  .ranking-list05 > .rank08.on-image .rank-box:before,
  .ranking-list05 > .rank09.on-image .rank-box:before,
  .ranking-list05 > .rank10.on-image .rank-box:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
  }
}

/*順位の無しのリスト*/
.main-body .post-list01,
.main-body .post-list02 {
  margin-right: 0;
  margin-left: 0;
}

.main-body .post-list01 li,
.main-body .post-list02 li {
  list-style: none;
  overflow: hidden;
  margin-bottom: 40px;
}

/*画像＋テキストのリスト*/
.post-list01 .post-box {
  position: relative;
  width: 320px;
  margin-right: auto;
  margin-left: auto;
}

.col1 .post-list01 li {
  display: inline-block;
  margin-right: 20px;
}

.post-list01 .post-box img {
  width: 100%;
}

.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before {
  position: absolute;
  top: 0;
  left: 0;
}

.post-list01 .on-image .post-box .post-text {
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #000000\9; /*IE8への対応*/
  color: #fff;
}

html:not(:target) .post-list01 .on-image .post-box .post-text {
  background-color: rgba(0, 0, 0, 0.5); /*IE9以上への対応*/
}

.post-list01 .on-image .post-box a {
  color: #fff;
}

.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus {
  background-color: rgba(0, 0, 0, 0);
}

/*背景画像＋テキストのリスト*/
.post-list02 .post-box {
  position: relative;
  width: 320px;
  margin-right: auto;
  margin-left: auto;
  background-position: center center;
  background-size: cover;
}

.col1 .post-list02 li {
  display: inline-block;
  margin-right: 20px;
}

.post-list02 .post-box a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 180px;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #000000\9; /*IE8への対応*/
  color: #fff;
}

html:not(:target) .post-list02 .post-box a {
  background-color: rgba(0, 0, 0, 0.5); /*IE9以上への対応*/
}

.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus,
html:not(:target) .post-list02 .post-box a:hover,
html:not(:target) .post-list02 .post-box a:active,
html:not(:target) .post-list02 .post-box a:focus {
  background-color: rgba(0, 0, 0, 0);
}

.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
}

/*情報比較リスト*/
.review-table {
  width: auto;
  margin-top: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.rank-thumb .review-table {
  width: 100%;
  margin-bottom: 0;
}

.review-table th,
.review-table td {
  line-height: 1;
  padding: 0.75em;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  //background-color: #f1f1f1;
}

.review-table th {
  font-weight: normal;
}

.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50 {
  padding-left: 105px;
  white-space: nowrap;
}

.star00 {
  background: url(./images/icon/icon-star00.png) left center no-repeat;
}
.star05 {
  background: url(./images/icon/icon-star05.png) left center no-repeat;
}
.star10 {
  background: url(./images/icon/icon-star10.png) left center no-repeat;
}
.star15 {
  background: url(./images/icon/icon-star15.png) left center no-repeat;
}
.star20 {
  background: url(./images/icon/icon-star20.png) left center no-repeat;
}
.star25 {
  background: url(./images/icon/icon-star25.png) left center no-repeat;
}
.star30 {
  background: url(./images/icon/icon-star30.png) left center no-repeat;
}
.star35 {
  background: url(./images/icon/icon-star35.png) left center no-repeat;
}
.star40 {
  background: url(./images/icon/icon-star40.png) left center no-repeat;
}
.star45 {
  background: url(./images/icon/icon-star45.png) left center no-repeat;
}
.star50 {
  background: url(./images/icon/icon-star50.png) left center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .star00 {
    background: url(./images/icon/icon-star00@2x.png) left center no-repeat;
  }
  .star05 {
    background: url(./images/icon/icon-star05@2x.png) left center no-repeat;
  }
  .star10 {
    background: url(./images/icon/icon-star10@2x.png) left center no-repeat;
  }
  .star15 {
    background: url(./images/icon/icon-star15@2x.png) left center no-repeat;
  }
  .star20 {
    background: url(./images/icon/icon-star20@2x.png) left center no-repeat;
  }
  .star25 {
    background: url(./images/icon/icon-star25@2x.png) left center no-repeat;
  }
  .star30 {
    background: url(./images/icon/icon-star30@2x.png) left center no-repeat;
  }
  .star35 {
    background: url(./images/icon/icon-star35@2x.png) left center no-repeat;
  }
  .star40 {
    background: url(./images/icon/icon-star40@2x.png) left center no-repeat;
  }
  .star45 {
    background: url(./images/icon/icon-star45@2x.png) left center no-repeat;
  }
  .star50 {
    background: url(./images/icon/icon-star50@2x.png) left center no-repeat;
  }

  .star00,
  .star05,
  .star10,
  .star15,
  .star20,
  .star25,
  .star30,
  .star35,
  .star40,
  .star45,
  .star50 {
    -webkit-background-size: 97px 17px;
    background-size: 97px 17px;
  }
}

.item-data {
  margin-bottom: 1em;
}

.item-data dl,
.item-data dt,
.item-data dd {
  margin: 0;
}

.item-data dt,
.item-data dd {
  display: inline-block;
}

.item-data dd {
  padding-left: 0;
}

.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc {
  overflow: visible;
}

.main-body .review-desc-title {
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 0 0 14px;
  border: none;
  border-left: 4px solid #3b5d82;
  background: none;
  font-weight: normal;
  font-size: 1.125em;
}

/*情報比較用の王冠アイコン*/
.comparative-list01 > li .rank-title {
  padding-left: 60px;
}

.comparative-list01 .rank01 .rank-title {
  background: url(./images/icon/icon-rank01-01.png) left top no-repeat;
}
.comparative-list01 .rank02 .rank-title {
  background: url(./images/icon/icon-rank01-02.png) left top no-repeat;
}
.comparative-list01 .rank03 .rank-title {
  background: url(./images/icon/icon-rank01-03.png) left top no-repeat;
}
.comparative-list01 .rank04 .rank-title {
  background: url(./images/icon/icon-rank01-04.png) left top no-repeat;
}
.comparative-list01 .rank05 .rank-title {
  background: url(./images/icon/icon-rank01-05.png) left top no-repeat;
}
.comparative-list01 .rank06 .rank-title {
  background: url(./images/icon/icon-rank01-06.png) left top no-repeat;
}
.comparative-list01 .rank07 .rank-title {
  background: url(./images/icon/icon-rank01-07.png) left top no-repeat;
}
.comparative-list01 .rank08 .rank-title {
  background: url(./images/icon/icon-rank01-08.png) left top no-repeat;
}
.comparative-list01 .rank09 .rank-title {
  background: url(./images/icon/icon-rank01-09.png) left top no-repeat;
}
.comparative-list01 .rank10 .rank-title {
  background: url(./images/icon/icon-rank01-10.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .comparative-list01 .rank01 .rank-title {
    background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank02 .rank-title {
    background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank03 .rank-title {
    background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank04 .rank-title {
    background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank05 .rank-title {
    background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank06 .rank-title {
    background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank07 .rank-title {
    background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank08 .rank-title {
    background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank09 .rank-title {
    background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank10 .rank-title {
    background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat;
  }
  .comparative-list01 .rank01 .rank-title,
  .comparative-list01 .rank02 .rank-title,
  .comparative-list01 .rank03 .rank-title,
  .comparative-list01 .rank04 .rank-title,
  .comparative-list01 .rank05 .rank-title,
  .comparative-list01 .rank06 .rank-title,
  .comparative-list01 .rank07 .rank-title,
  .comparative-list01 .rank08 .rank-title,
  .comparative-list01 .rank09 .rank-title,
  .comparative-list01 .rank10 .rank-title {
    -webkit-background-size: 48px 40px;
    background-size: 48px 40px;
  }
}

/*ランキング用のシンプルなリスト*/
.comparative-list02 > .rank01.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-01.png);
}
.comparative-list02 > .rank02.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-02.png);
}
.comparative-list02 > .rank03.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-03.png);
}
.comparative-list02 > .rank04.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-04.png);
}
.comparative-list02 > .rank05.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-05.png);
}
.comparative-list02 > .rank06.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-06.png);
}
.comparative-list02 > .rank07.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-07.png);
}
.comparative-list02 > .rank08.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-08.png);
}
.comparative-list02 > .rank09.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-09.png);
}
.comparative-list02 > .rank10.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank05-10.png);
}

.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-01.png);
}
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-02.png);
}
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-03.png);
}
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-04.png);
}
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-05.png);
}
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-06.png);
}
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-07.png);
}
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-08.png);
}
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-09.png);
}
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before {
  content: url(./images/icon/icon-rank06-10.png);
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .comparative-list02 > .rank01.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-01@2x.png);
  }
  .comparative-list02 > .rank02.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-02@2x.png);
  }
  .comparative-list02 > .rank03.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-03@2x.png);
  }
  .comparative-list02 > .rank04.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-04@2x.png);
  }
  .comparative-list02 > .rank05.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-05@2x.png);
  }
  .comparative-list02 > .rank06.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-06@2x.png);
  }
  .comparative-list02 > .rank07.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-07@2x.png);
  }
  .comparative-list02 > .rank08.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-08@2x.png);
  }
  .comparative-list02 > .rank09.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-09@2x.png);
  }
  .comparative-list02 > .rank10.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank05-10@2x.png);
  }

  .comparative-list02 > .rank01.on-image .rank-thumb:before,
  .comparative-list02 > .rank02.on-image .rank-thumb:before,
  .comparative-list02 > .rank03.on-image .rank-thumb:before,
  .comparative-list02 > .rank04.on-image .rank-thumb:before,
  .comparative-list02 > .rank05.on-image .rank-thumb:before,
  .comparative-list02 > .rank06.on-image .rank-thumb:before,
  .comparative-list02 > .rank07.on-image .rank-thumb:before,
  .comparative-list02 > .rank08.on-image .rank-thumb:before,
  .comparative-list02 > .rank09.on-image .rank-thumb:before,
  .comparative-list02 > .rank10.on-image .rank-thumb:before {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
  }

  .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-01@2x.png);
  }
  .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-02@2x.png);
  }
  .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-03@2x.png);
  }
  .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-04@2x.png);
  }
  .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-05@2x.png);
  }
  .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-06@2x.png);
  }
  .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-07@2x.png);
  }
  .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-08@2x.png);
  }
  .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-09@2x.png);
  }
  .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before {
    background: url(./images/icon/icon-rank06-10@2x.png);
  }

  .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before,
  .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
  }
}

/*文章中の間*/
.interval img {
  display: block;
  margin: 60px auto;
}

/*チェックリスト*/
.check-list,
.check-list-l {
  margin-left: 0;
}

.check-list li,
.check-list-l li {
  list-style: none;
}

.check-list li {
  margin-bottom: 1em;
  padding-left: 32px;
  background: url(./images/icon/icon-check-list.png) left 3px no-repeat;
}

.check-list-l li {
  margin-bottom: 2em;
  padding: 10px 0 10px 55px;
  background: url(./images/icon/icon-check-list-l.png) left 3px no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .check-list li {
    background: url(./images/icon/icon-check-list@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .check-list-l li {
    background: url(./images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*Q&A*/
.qa-list dt {
  display: block;
  margin-bottom: 30px;
  padding: 10px 0 10px 65px;
  background: url(./images/icon/icon-q.png) left 3px no-repeat;
  font-size: 1.25em;
}

.qa-list dd {
  margin-left: 0;
  margin-bottom: 70px;
  padding: 10px 0 10px 65px;
  background: url(./images/icon/icon-a.png) left 3px no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .qa-list dt {
    background: url(./images/icon/icon-q@2x.png) left 3px no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }

  .qa-list dd {
    background: url(./images/icon/icon-a@2x.png) left 3px no-repeat;
    -webkit-background-size: 48px 49px;
    background-size: 48px 49px;
  }
}

/*フロー図*/
.flow-chart {
  margin-left: 0;
}

.flow-chart li {
  list-style: none;
  margin-bottom: 20px;
  padding-bottom: 60px;
  background: url(./images/icon/icon-arrow-b-chart.png) center bottom no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .flow-chart li {
    background: url(./images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
    -webkit-background-size: 161px 40px;
    background-size: 161px 40px;
  }
}

.flow-chart li.end,
.flow-chart li:last-child {
  padding-bottom: 0;
  background: none;
}

.flow-chart .process-box {
  padding: 30px;
  border: 2px solid #444;
}

/*予告エリア*/
.info-box {
  padding: 10px;
  //	background: repeating-linear-gradient(-45deg, #f1f1f1, #f1f1f1 3px, #f1f1f1 0, #222 6px);
}
.info-box p {
  background: #fff;
  padding: 10px 20px;
  margin: 0;
}

.trailer-text {
  font-weight: bold;
  font-size: 1.25em;
}

.trailer-text-l {
  font-weight: bold;
  font-size: 1.5em;
}

/*関連記事*/
.related-thumb {
  overflow: hidden;
  width: 100%;
}

.related-thumb img {
  max-width: none;
}

.related-articles-thumbs01 ul {
  margin-left: 0;
}

.related-articles-thumbs01 li {
  list-style: none;
}

.related-articles-thumbs01 img {
  width: auto;
  max-height: 100px;
}

.related-articles-thumbs01 .related-thumb {
  float: left;
  width: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.related-articles-thumbs02 ul {
  overflow: hidden;
  margin-left: 0;
}

.related-articles-thumbs02 li {
  list-style: none;
  float: left;
  width: 30%;
  margin-left: 5%;
}

.related-articles-thumbs02 li:first-child {
  margin-left: 0;
}

.related-articles-thumbs02 img {
  width: auto;
  max-height: 160px;
}

/*目次*/
#keni_toc {
  display: block;
  width: 80%;
  margin: auto;
  margin-bottom: 3em;
  padding: 25px;
  border: 2px solid #ccc;
  font-size: 0.875em;
}

.keni-toc-title {
  font-size: 1.286em;
}

#keni_toc ol {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 25px;
}

#keni_toc ol ol {
  margin-top: 0.5em;
}

#keni_toc ol ol li {
  list-style-type: circle;
}

/*お客様の声*/
.voice-box {
  padding: 30px;
  background: #fafafa;
}

.voice-content {
  overflow: hidden;
}

/*画像とテキストの組み合わせ*/
.col-onimage > .col {
  position: relative;
  overflow: hidden;
}

.col-onimage > .col .text-onimage {
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #000000\9; /*IE8への対応*/
  color: #fff;
}

html:not(:target) .col-onimage > .col .text-onimage {
  background-color: rgba(0, 0, 0, 0.5); /*IE9以上への対応*/
}

.col-onimage02 > .col {
  background-position: center center;
  background-size: cover;
}

.col-onimage02 > .col .text-onimage {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #000000\9; /*IE8への対応*/
  color: #fff;
}

html:not(:target) .col-onimage02 > .col .text-onimage {
  background-color: rgba(0, 0, 0, 0.5); /*IE9以上への対応*/
}

.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a {
  color: #fff;
}

.col-onimage02 > .col a .text-onimage {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover .text-onimage,
.col-onimage02 > .col a:active .text-onimage,
.col-onimage02 > .col a:focus .text-onimage {
  background-color: rgba(0, 0, 0, 0);
}

/*ページ送り*/
.link-next {
  text-align: right;
  margin-right: 15px;
  margin-bottom: 0;
}

.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next {
  margin-bottom: 0;
}

.link-next a {
  padding-left: 13px;
  background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.link-back a {
  padding-left: 13px;
  background: url(./images/icon/icon-arw-prev.png) left 6px no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .link-next a {
    background: url(./images/icon/icon-arw-next@2x.png) left 6px no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }

  .link-back a {
    background: url(./images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }
}

.page-nav ol {
  margin-left: 0;
  text-align: center;
}

.page-nav li {
  display: inline-block;
  margin-right: 10px;
  padding: 4px 13px;
  border: 1px solid #222;
}

.page-nav li:last-child {
  margin-right: 0;
}

.page-nav li a {
  display: block;
  margin: -4px -13px;
  padding: 4px 13px;
  color: #222;
  text-decoration: none;
}

.current {
  background: #444;
  color: #fff;
}
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus {
  background: #274a7d;
  color: #fff;
}

.page-nav-bf ul {
  margin-left: 0;
}

.page-nav-bf li {
  list-style: none;
}

.page-nav-next {
  float: right;
  padding-right: 13px;
  background: url(./images/icon/icon-arw-next.png) right center no-repeat;
}

.page-nav-prev {
  float: left;
  padding-left: 13px;
  background: url(./images/icon/icon-arw-prev.png) left center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-nav-next {
    background: url(./images/icon/icon-arw-next@2x.png) right center no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }

  .page-nav-prev {
    background: url(./images/icon/icon-arw-prev@2x.png) left center no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }
}

/*--------------------------------------------------------
WordPress用のスタイル
--------------------------------------------------------*/
.single .article-body,
.page .article-body {
  margin-bottom: 40px;
}

/*関連記事*/
.keni-relatedposts-list li p {
  overflow: hidden;
}

.keni-relatedposts-list li p a[target="_blank"] {
  padding: 3px;
  padding-right: 15px;
  background: url(./images/icon/icon-outbound-link.png) right center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .keni-relatedposts-list li p a[target="_blank"] {
    background: url(./images/icon/icon-outbound-link@2x.png) right center no-repeat;
    -webkit-background-size: 12px 13px;
    background-size: 12px 13px;
  }
}

.cont-nav {
  padding-top: 40px;
  border-top: 1px solid #ccc;
}

/*目次*/
.post-toc {
  margin-bottom: 40px;
  padding: 30px 20px;
  background: url(./images/common/bg-cast-box.png) #eeeeee;
}

/*コメント*/
.comment-form-author,
.comment-form-mail,
.comment-form-url {
  margin-bottom: 2em;
}

.comment-form-author p,
.comment-form-mail p,
.comment-form-url p {
  margin-bottom: 0;
}

.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

.aligncenter {
  display: block;
  float: none;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}

.post-tag a {
  word-break: break-all;
}

/*コメント一覧*/
.commentlist,
.commentlist .children {
  margin-left: 0;
}

.commentlist {
  border-bottom: 1px solid #ccc;
}

.commentlist li {
  list-style: none;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px dotted #ccc;
}

.commentlist li:last-child,
.commentlist ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.reply a {
  padding-left: 13px;
  background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.commentlist .children {
  margin-top: 1em;
  padding-top: 1em;
  padding-left: 40px;
  border-top: 1px solid #ccc;
}

/*ウィジェット*/
.rsswidget img {
  vertical-align: baseline;
}

.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul {
  margin-left: 0;
  padding-left: 0;
}

.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li {
  list-style: none;
  margin-bottom: 1em;
  padding-left: 13px;
  background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .sub-conts .widget_recent_entries li,
  .sub-conts .widget_rss li,
  .sub-conts .widget_archive li,
  .sub-conts .widget_recent_comments li,
  .sub-conts .widget_nav_menu li {
    background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
  }
}

.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul {
  margin-top: 1em;
  margin-left: 10px;
}

.num-pv {
  font-size: 0.8em;
}

/*カレンダー*/
.calendar,
.calendar_wrap table {
  background: #fff;
  font-size: 0.875em;
}

.calendar caption,
.widget_calendar caption {
  font-weight: bold;
}

.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td {
  padding: 10px 0;
  text-align: center;
}

.calendar tfoot td,
.widget_calendar tfoot td {
  padding: 10px;
  border-right-width: 0;
  text-align: left;
}

.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child {
  border-right-width: 1px;
  text-align: right;
}

.calendar td a,
.widget_calendar tfoot td a {
  display: block;
  margin: -10px 0;
  padding: 10px 0;
}

/*ページ分割*/
.link-pages {
  margin-top: 2em;
  text-align: center;
  line-height: 1.2;
}

.link-pages span {
  display: inline-block;
  margin-left: 0;
}

.link-pages a,
.link-pages span {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0.5em;
  padding: 4px 8px;
  border: 1px solid #c1c1c1;
  text-decoration: none;
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus {
  background: #c1c1c1;
  color: #fff;
}

.link-pages a span {
  display: inline;
  margin-right: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}

.link-pages .link-pages-cap {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}

/*キャプション*/
.wp-caption {
  max-width: 100%;
}

/*ギャラリー*/
.gallery,
.gallery-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery {
  margin-bottom: 1em;
}

.gallery-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: center;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
  margin: 1%;
}

.gallery-columns-2 .gallery-item {
  max-width: 48%;
}
.gallery-columns-3 .gallery-item {
  max-width: 31.3%;
}
.gallery-columns-4 .gallery-item {
  max-width: 23%;
}
.gallery-columns-5 .gallery-item {
  max-width: 18%;
}
.gallery-columns-6 .gallery-item {
  max-width: 14.6%;
}
.gallery-columns-7 .gallery-item {
  max-width: 12.2%;
}
.gallery-columns-8 .gallery-item {
  max-width: 10.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 9.1%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  font-size: 0.875em;
}

/*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

.note2 {
  display: block;
  padding-left: 2em;
  text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error {
  color: #e53935 !important;
}

.required {
  display: inline-block;
  color: #e53935 !important;
}

/*傍点*/
.dot {
  position: relative;
  padding-top: 5px;
}

.dot:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.2em;
  height: 0.2em;
  margin-left: -0.1em;
  background: #333;
  border-radius: 50%;
  content: "";
}

/*装飾
※IE8等古いブラウザを除く*/
.shadow {
  box-shadow: 4px 4px 0px #e9e9e9;
}

.shadow02 {
  box-shadow: 0px 0px 4px #666;
}

.outline {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.frame {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 95%;
  padding: 8px;
  background: #fff;
  box-shadow: 0px 0px 8px #666;
}

.border {
  border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10,
html:not(:target) img.resize10 {
  height: auto;
  max-width: 10%;
}

img.resize20,
html:not(:target) img.resize20 {
  height: auto;
  max-width: 20%;
}

img.resize30,
html:not(:target) img.resize30 {
  height: auto;
  max-width: 30%;
}

img.resize40,
html:not(:target) img.resize40 {
  height: auto;
  max-width: 40%;
}

img.resize50,
html:not(:target) img.resize50 {
  height: auto;
  max-width: 50%;
}

img.resize60,
html:not(:target) img.resize60 {
  height: auto;
  max-width: 60%;
}

img.resize70,
html:not(:target) img.resize70 {
  height: auto;
  max-width: 70%;
}

img.resize80,
html:not(:target) img.resize80 {
  height: auto;
  max-width: 80%;
}

img.resize90,
html:not(:target) img.resize90 {
  height: auto;
  max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle {
  border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4 {
  border-radius: 4px;
}
.rc4-tl {
  border-top-left-radius: 4px;
}
.rc4-tr {
  border-top-right-radius: 4px;
}
.rc4-bl {
  border-bottom-left-radius: 4px;
}
.rc4-br {
  border-bottom-right-radius: 4px;
}

.rc8 {
  border-radius: 8px;
}
.rc8-tl {
  border-top-left-radius: 8px;
}
.rc8-tr {
  border-top-right-radius: 8px;
}
.rc8-bl {
  border-bottom-left-radius: 8px;
}
.rc8-br {
  border-bottom-right-radius: 8px;
}

.rc12 {
  border-radius: 12px;
}
.rc12-tl {
  border-top-left-radius: 12px;
}
.rc12-tr {
  border-top-right-radius: 12px;
}
.rc12-bl {
  border-bottom-left-radius: 12px;
}
.rc12-br {
  border-bottom-right-radius: 12px;
}

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50 {
  border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap {
  padding: 1em;
  background: url(./images/sample09.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.transparent-panel {
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.7);
  background-color: #ffffff\9; /*IE8への対応*/
}

html:not(:target) .transparent-panel {
  background-color: rgba(255, 255, 255, 0.7); /*IE9以上への対応*/
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l {
  float: left;
  margin: 0 1em 1em 0;
}

.fl-r {
  float: right;
  margin: 0 0 1em 1em;
}

.fl-c {
  clear: both;
}

/*回り込み
※モバイル時には回り込み解除*/
.left {
  float: left;
  margin: 0 1em 1em 0;
}

.right {
  float: right;
  margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l {
  text-align: left;
}
.al-r {
  text-align: right;
}
.al-c {
  text-align: center;
}

/*文字の縦位置*/
.vl-t {
  vertical-align: top !important;
} /*上寄せ*/
.vl-m {
  vertical-align: middle !important;
} /*中央寄せ*/
.vl-b {
  vertical-align: bottom !important;
} /*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0 {
  margin: 0 !important;
} /*周りからのmarginを0に*/
.m0-t {
  margin-top: 0 !important;
} /*上からのmarginを0に*/
.m0-r {
  margin-right: 0 !important;
} /*右からのmarginを0に*/
.m0-b {
  margin-bottom: 0 !important;
} /*下からのmarginを0に*/
.m0-l {
  margin-left: 0 !important;
} /*左からのmarginを0に*/

.m5 {
  margin: 5px !important;
}
.m5-t {
  margin-top: 5px !important;
}
.m5-r {
  margin-right: 5px !important;
}
.m5-b {
  margin-bottom: 5px !important;
}
.m5-l {
  margin-left: 5px !important;
}

.m10 {
  margin: 10px !important;
}
.m10-t {
  margin-top: 10px !important;
}
.m10-r {
  margin-right: 10px !important;
}
.m10-b {
  margin-bottom: 10px !important;
}
.m10-l {
  margin-left: 10px !important;
}

.m15 {
  margin: 15px !important;
}
.m15-t {
  margin-top: 15px !important;
}
.m15-r {
  margin-right: 15px !important;
}
.m15-b {
  margin-bottom: 15px !important;
}
.m15-l {
  margin-left: 15px !important;
}

.m20 {
  margin: 20px !important;
}
.m20-t {
  margin-top: 20px !important;
}
.m20-r {
  margin-right: 20px !important;
}
.m20-b {
  margin-bottom: 20px !important;
}
.m20-l {
  margin-left: 20px !important;
}

.m25 {
  margin: 25px !important;
}
.m25-t {
  margin-top: 25px !important;
}
.m25-r {
  margin-right: 25px !important;
}
.m25-b {
  margin-bottom: 25px !important;
}
.m25-l {
  margin-left: 25px !important;
}

.m30 {
  margin: 30px !important;
}
.m30-t {
  margin-top: 30px !important;
}
.m30-r {
  margin-right: 30px !important;
}
.m30-b {
  margin-bottom: 30px !important;
}
.m30-l {
  margin-left: 30px !important;
}

.m40 {
  margin: 40px !important;
}
.m40-t {
  margin-top: 40px !important;
}
.m40-r {
  margin-right: 40px !important;
}
.m40-b {
  margin-bottom: 40px !important;
}
.m40-l {
  margin-left: 40px !important;
}

.m50 {
  margin: 50px !important;
}
.m50-t {
  margin-top: 50px !important;
}
.m50-r {
  margin-right: 50px !important;
}
.m50-b {
  margin-bottom: 50px !important;
}
.m50-l {
  margin-left: 50px !important;
}

.m60 {
  margin: 60px !important;
}
.m60-t {
  margin-top: 60px !important;
}
.m60-r {
  margin-right: 60px !important;
}
.m60-b {
  margin-bottom: 60px !important;
}
.m60-l {
  margin-left: 60px !important;
}

.m70 {
  margin: 70px !important;
}
.m70-t {
  margin-top: 70px !important;
}
.m70-r {
  margin-right: 70px !important;
}
.m70-b {
  margin-bottom: 70px !important;
}
.m70-l {
  margin-left: 70px !important;
}

.m80 {
  margin: 80px !important;
}
.m80-t {
  margin-top: 80px !important;
}
.m80-r {
  margin-right: 80px !important;
}
.m80-b {
  margin-bottom: 80px !important;
}
.m80-l {
  margin-left: 80px !important;
}

.m90 {
  margin: 90px !important;
}
.m90-t {
  margin-top: 90px !important;
}
.m90-r {
  margin-right: 90px !important;
}
.m90-b {
  margin-bottom: 90px !important;
}
.m90-l {
  margin-left: 90px !important;
}

.m100 {
  margin: 100px !important;
}
.m100-t {
  margin-top: 100px !important;
}
.m100-r {
  margin-right: 100px !important;
}
.m100-b {
  margin-bottom: 100px !important;
}
.m100-l {
  margin-left: 100px !important;
}

.m120 {
  margin: 120px !important;
}
.m120-t {
  margin-top: 120px !important;
}
.m120-r {
  margin-right: 120px !important;
}
.m120-b {
  margin-bottom: 120px !important;
}
.m120-l {
  margin-left: 120px !important;
}

.m150 {
  margin: 150px !important;
}
.m150-t {
  margin-top: 150px !important;
}
.m150-r {
  margin-right: 150px !important;
}
.m150-b {
  margin-bottom: 150px !important;
}
.m150-l {
  margin-left: 150px !important;
}

.m200 {
  margin: 200px !important;
}
.m200-t {
  margin-top: 200px !important;
}
.m200-r {
  margin-right: 200px !important;
}
.m200-b {
  margin-bottom: 200px !important;
}
.m200-l {
  margin-left: 200px !important;
}

.m300 {
  margin: 300px !important;
}
.m300-t {
  margin-top: 300px !important;
}
.m300-r {
  margin-right: 300px !important;
}
.m300-b {
  margin-bottom: 300px !important;
}
.m300-l {
  margin-left: 300px !important;
}

/*周りのブロックからの距離（padding）*/
.p0 {
  padding: 0 !important;
}
.p0-t {
  padding-top: 0 !important;
}
.p0-r {
  padding-right: 0 !important;
}
.p0-b {
  padding-bottom: 0 !important;
}
.p0-l {
  padding-left: 0 !important;
}

.p5 {
  padding: 5px !important;
}
.p5-t {
  padding-top: 5px !important;
}
.p5-r {
  padding-right: 5px !important;
}
.p5-b {
  padding-bottom: 5px !important;
}
.p5-l {
  padding-left: 5px !important;
}

.p10 {
  padding: 10px !important;
}
.p10-t {
  padding-top: 10px !important;
}
.p10-r {
  padding-right: 10px !important;
}
.p10-b {
  padding-bottom: 10px !important;
}
.p10-l {
  padding-left: 10px !important;
}

.p15 {
  padding: 15px !important;
}
.p15-t {
  padding-top: 15px !important;
}
.p15-r {
  padding-right: 15px !important;
}
.p15-b {
  padding-bottom: 15px !important;
}
.p15-l {
  padding-left: 15px !important;
}

.p20 {
  padding: 20px !important;
}
.p20-t {
  padding-top: 20px !important;
}
.p20-r {
  padding-right: 20px !important;
}
.p20-b {
  padding-bottom: 20px !important;
}
.p20-l {
  padding-left: 20px !important;
}

.p25 {
  padding: 25px !important;
}
.p25-t {
  padding-top: 25px !important;
}
.p25-r {
  padding-right: 25px !important;
}
.p25-b {
  padding-bottom: 25px !important;
}
.p25-l {
  padding-left: 25px !important;
}

.p30 {
  padding: 30px !important;
}
.p30-t {
  padding-top: 30px !important;
}
.p30-r {
  padding-right: 30px !important;
}
.p30-b {
  padding-bottom: 30px !important;
}
.p30-l {
  padding-left: 30px !important;
}

.p40 {
  padding: 40px !important;
}
.p40-t {
  padding-top: 40px !important;
}
.p40-r {
  padding-right: 40px !important;
}
.p40-b {
  padding-bottom: 40px !important;
}
.p40-l {
  padding-left: 40px !important;
}

.p50 {
  padding: 50px !important;
}
.p50-t {
  padding-top: 50px !important;
}
.p50-r {
  padding-right: 50px !important;
}
.p50-b {
  padding-bottom: 50px !important;
}
.p50-l {
  padding-left: 50px !important;
}

.p60 {
  padding: 60px !important;
}
.p60-t {
  padding-top: 60px !important;
}
.p60-r {
  padding-right: 60px !important;
}
.p60-b {
  padding-bottom: 60px !important;
}
.p60-l {
  padding-left: 60px !important;
}

.p70 {
  padding: 70px !important;
}
.p70-t {
  padding-top: 70px !important;
}
.p70-r {
  padding-right: 70px !important;
}
.p70-b {
  padding-bottom: 70px !important;
}
.p70-l {
  padding-left: 70px !important;
}

.p80 {
  padding: 80px !important;
}
.p80-t {
  padding-top: 80px !important;
}
.p80-r {
  padding-right: 80px !important;
}
.p80-b {
  padding-bottom: 80px !important;
}
.p80-l {
  padding-left: 80px !important;
}

.p90 {
  padding: 90px !important;
}
.p90-t {
  padding-top: 90px !important;
}
.p90-r {
  padding-right: 90px !important;
}
.p90-b {
  padding-bottom: 90px !important;
}
.p90-l {
  padding-left: 90px !important;
}

.p100 {
  padding: 100px !important;
}
.p100-t {
  padding-top: 100px !important;
}
.p100-r {
  padding-right: 100px !important;
}
.p100-b {
  padding-bottom: 100px !important;
}
.p100-l {
  padding-left: 100px !important;
}

/*フォントの装飾*/
.b {
  font-weight: bold !important;
} /*太字*/
.normal {
  font-weight: normal !important;
} /*太字を解除*/

/*フォントサイズの設定*/
.big {
  font-size: 1.2em !important;
}
.big2 {
  font-size: 1.5em !important;
}
.big3 {
  font-size: 1.8em !important;
}
.small {
  font-size: 0.8em !important;
}

.f08em {
  font-size: 0.8em;
}
.f09em {
  font-size: 0.9em;
}
.f10em {
  font-size: 1em;
}
.f11em {
  font-size: 1.1em;
}
.f12em {
  font-size: 1.2em;
}
.f13em {
  font-size: 1.3em;
}
.f14em {
  font-size: 1.4em;
}
.f15em {
  font-size: 1.5em;
}
.f16em {
  font-size: 1.6em;
}
.f17em {
  font-size: 1.7em;
}
.f18em {
  font-size: 1.8em;
}
.f19em {
  font-size: 1.9em;
}
.f20em {
  font-size: 2em;
}
.f21em {
  font-size: 2.1em;
}
.f22em {
  font-size: 2.2em;
}
.f23em {
  font-size: 2.3em;
}
.f24em {
  font-size: 2.4em;
}
.f25em {
  font-size: 2.5em;
}
.f26em {
  font-size: 2.6em;
}
.f27em {
  font-size: 2.7em;
}
.f28em {
  font-size: 2.8em;
}
.f29em {
  font-size: 2.9em;
}
.f30em {
  font-size: 3em;
}

.f8pt {
  font-size: 8.5pt;
}
.f9pt {
  font-size: 9pt;
}
.f10pt {
  font-size: 10pt;
}
.f11pt {
  font-size: 11pt;
}
.f12pt {
  font-size: 12pt;
}
.f13pt {
  font-size: 13pt;
}
.f14pt {
  font-size: 14pt;
}
.f15pt {
  font-size: 15pt;
}
.f16pt {
  font-size: 16pt;
}
.f17pt {
  font-size: 17pt;
}
.f18pt {
  font-size: 18pt;
}
.f19pt {
  font-size: 19pt;
}
.f20pt {
  font-size: 20pt;
}
.f21pt {
  font-size: 21pt;
}
.f22pt {
  font-size: 22pt;
}
.f23pt {
  font-size: 23pt;
}
.f24pt {
  font-size: 24pt;
}

/*フォントの色設定*/
.red {
  color: #e53935 !important;
} /*赤*/
.blue {
  color: #3187f9 !important;
} /*青*/
.green {
  color: #4caf50 !important;
} /*緑*/
.yellow {
  color: #e1d902 !important;
} /*黄*/
.navy {
  color: #004182 !important;
} /*紺*/
.orange {
  color: #ff9800 !important;
} /*橙*/
.pink {
  color: #ff7173 !important;
} /*ピンク*/
.purple {
  color: #9c27b0 !important;
} /*紫*/
.olive {
  color: #808000 !important;
} /*オリーブ*/
.lime {
  color: #11ee11 !important;
} /*黄緑*/
.aqua {
  color: #00bcd4 !important;
} /*水色*/
.black {
  color: #000 !important;
} /*黒*/
.gray {
  color: #aaa !important;
} /*灰*/
.white {
  color: #fff !important;
} /*白*/
.brown {
  color: #6d4c33 !important;
} /*茶*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray {
  padding: 2px;
}

.box-yellow {
  background-color: #ff6;
} /*黄*/
.box-orange {
  background-color: #ffb334;
} /*橙*/
.box-pink {
  background-color: #ffbbdd;
} /*ピンク*/
.box-lime {
  background-color: #9f9;
} /*黄緑*/
.box-gray {
  background-color: #ccc;
} /*灰*/

/*行間の設定*/
.lh10 {
  line-height: 1 !important;
}
.lh11 {
  line-height: 1.1 !important;
}
.lh12 {
  line-height: 1.2 !important;
}
.lh13 {
  line-height: 1.3 !important;
}
.lh14 {
  line-height: 1.4 !important;
}
.lh15 {
  line-height: 1.5 !important;
}
.lh16 {
  line-height: 1.6 !important;
}
.lh17 {
  line-height: 1.7 !important;
}
.lh18 {
  line-height: 1.8 !important;
}
.lh19 {
  line-height: 1.9 !important;
}
.lh20 {
  line-height: 2 !important;
}

/*横幅を指定*/
.w05 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}

/*下線や取消線の設定*/
.underline {
  text-decoration: underline !important;
}
.del {
  text-decoration: line-through;
}
.noborder {
  border: 0 !important;
} /*枠線を無くす*/

/*重なりの優先度*/
.z1 {
  z-index: 1 !important;
}
.z2 {
  z-index: 2 !important;
}
.z3 {
  z-index: 3 !important;
}
.z4 {
  z-index: 4 !important;
}
.z5 {
  z-index: 5 !important;
}
.z10 {
  z-index: 10 !important;
}
.z20 {
  z-index: 20 !important;
}
.z30 {
  z-index: 30 !important;
}
.z40 {
  z-index: 40 !important;
}
.z50 {
  z-index: 50 !important;
}

/*横並びリスト*/
.inline {
  margin: 1em 0;
  padding: 0;
}
.inline li {
  display: inline;
  list-style-type: none;
}

/*マーカー無しのリスト*/
.none {
  margin: 1em 0;
  padding: 0;
}
.none li {
  list-style-type: none;
}

/*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/

/*ポイントアイコンアイコン*/
.icon-point {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-point.png) left 3px no-repeat;
}

.icon-point-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-point-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-point {
    background: url(./images/icon/icon-point@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-point-l {
    background: url(./images/icon/icon-point-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*注意アイコン*/
.icon-caution {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-caution.png) left 3px no-repeat;
}

.icon-caution-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-caution-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-caution {
    background: url(./images/icon/icon-caution@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-caution-l {
    background: url(./images/icon/icon-caution-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*NEWアイコン*/
.icon-new {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-new.png) left 3px no-repeat;
}

.icon-new-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-new-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-new {
    background: url(./images/icon/icon-new@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-new-l {
    background: url(./images/icon/icon-new-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*初心者アイコン*/
.icon-wakaba {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-wakaba.png) left 3px no-repeat;
}

.icon-wakaba-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-wakaba-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-wakaba {
    background: url(./images/icon/icon-wakaba@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-wakaba-l {
    background: url(./images/icon/icon-wakaba-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*別ウインドウアイコン*/
.icon-blank {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-blank.png) left 3px no-repeat;
}

.icon-blank-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-blank-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-blank {
    background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-blank-l {
    background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*矢印上アイコン*/
.icon-arrow-t {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-arrow-t.png) left 3px no-repeat;
}

.icon-arrow-t-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-arrow-t-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-arrow-t {
    background: url(./images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-arrow-t-l {
    background: url(./images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*矢印右アイコン*/
.icon-arrow-r {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat;
}

.icon-arrow-r-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-arrow-r {
    background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-arrow-r-l {
    background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*矢印下アイコン*/
.icon-arrow-b {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-arrow-b.png) left 3px no-repeat;
}

.icon-arrow-b-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-arrow-b-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-arrow-b {
    background: url(./images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-arrow-b-l {
    background: url(./images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*矢印左アイコン*/
.icon-arrow-l {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-arrow-l.png) left 3px no-repeat;
}

.icon-arrow-l-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-arrow-l-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-arrow-l {
    background: url(./images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-arrow-l-l {
    background: url(./images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*ダウンロード用PDアイコン*/
.icon-dl {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-dl.png) left 3px no-repeat;
}

.icon-dl-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-dl-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-dl {
    background: url(./images/icon/icon-dl@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-dl-l {
    background: url(./images/icon/icon-dl-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*PDFアイコン*/
.icon-pdf {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-pdf.png) left 3px no-repeat;
}

.icon-pdf-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-pdf-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-pdf {
    background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-pdf-l {
    background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*Zipアイコン*/
.icon-zip {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-zip.png) left 3px no-repeat;
}

.icon-zip-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-zip-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-zip {
    background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-zip-l {
    background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*メールアイコン*/
.icon-mail {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-mail.png) left 3px no-repeat;
}

.icon-mail-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-mail-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-mail {
    background: url(./images/icon/icon-mail@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-mail-l {
    background: url(./images/icon/icon-mail-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*ショッピングカートアイコン*/
.icon-cart {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-cart.png) left 3px no-repeat;
}

.icon-cart-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-cart-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-cart {
    background: url(./images/icon/icon-cart@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-cart-l {
    background: url(./images/icon/icon-cart-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*虫めがねアイコン*/
.icon-search {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-search.png) left 3px no-repeat;
}

.icon-search-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-search-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-search {
    background: url(./images/icon/icon-search@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-search-l {
    background: url(./images/icon/icon-search-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*ホームアイコン*/
.icon-home {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-home.png) left 3px no-repeat;
}

.icon-home-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-home-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-home {
    background: url(./images/icon/icon-home@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-home-l {
    background: url(./images/icon/icon-home-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*フォルダアイコン*/
.icon-folder {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-folder.png) left 3px no-repeat;
}

.icon-folder-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-folder-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-folder {
    background: url(./images/icon/icon-folder@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-folder-l {
    background: url(./images/icon/icon-folder-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*時計アイコン*/
.icon-time {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-time.png) left 3px no-repeat;
}

.icon-time-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-time-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-time {
    background: url(./images/icon/icon-time@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-time-l {
    background: url(./images/icon/icon-time-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*カレンダーアイコン*/
.icon-calendar {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-calendar.png) left 3px no-repeat;
}

.icon-calendar-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-calendar-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-calendar {
    background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-calendar-l {
    background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*RSSアイコン*/
.icon-rss {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-rss.png) left 3px no-repeat;
}

.icon-rss-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-rss-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-rss {
    background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-rss-l {
    background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*ビルアイコン*/
.icon-building {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-building.png) left 3px no-repeat;
}

.icon-building-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-building-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-building {
    background: url(./images/icon/icon-building@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-building-l {
    background: url(./images/icon/icon-building-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

/*マップアイコン*/
.icon-map {
  padding: 0 0 0 30px;
  background: url(./images/icon/icon-map.png) left 3px no-repeat;
}

.icon-map-l {
  padding: 10px 0 10px 60px;
  background: url(./images/icon/icon-map-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .icon-map {
    background: url(./images/icon/icon-map@2x.png) left 3px no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
  }

  .icon-map-l {
    background: url(./images/icon/icon-map-l@2x.png) left top no-repeat;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
  }
}

.outbound {
  padding: 3px;
  padding-left: 15px;
  background: url(./images/icon/icon-outbound-link.png) left center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .outbound {
    background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat;
    -webkit-background-size: 12px 13px;
    background-size: 12px 13px;
  }
}

/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2017-09-06 16:28:28
----------------------------------------------------------------------*/

/*---------------------------------------------------------------------
	baisenki.com 追加CSS
----------------------------------------------------------------------*/

body.home .main-body-in {
  width: 100% !important;
}

body.home .main-conts {
  width: 100% !important;
}

body.single-user .main-body-in,
body.single-information .main-body-in {
  width: 100% !important;
}

body.single-user .main-conts,
body.single-information .main-conts {
  width: 100% !important;
}

body.single-user .section-wrap,
body.single-user .float-area,
body.single-information .section-wrap,
body.single-information .float-area {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}

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

.home_04 ul li {
  display: block;
  float: left;
  margin-right: 18px;
}

.home_04 ul li:last-child {
  margin-right: 0;
}

.home_04 ul li:first-child {
  margin-left: 1px;
}

.site-footer a {
  text-decoration: none;
}

div.footer_menu1 {
  float: left;
  width: 550px;
  height: 220px;
  padding-top: 10px;
  margin-left: 50px;
}

div.footer_menu1 ul,
div.footer_menu2 ul {
  margin: 0;
  padding: 0;
}

div.footer_menu1 a,
div.footer_menu2 a {
  color: #040000;
}

div.footer_menu1 ul li {
  width: 210px;
  min-height: 26px;
  display: block;
  float: left;
  border-bottom: 1px solid #040000;
  margin-right: 50px;
  margin-top: 16px;
}

div.footer_menu2 {
  float: right;
  width: 210px;
  height: 220px;
  padding-top: 10px;
  margin-right: 50px;
}

div.footer_menu2 ul li {
  width: 210px;
  min-height: 26px;
  display: block;
  float: left;
  border-bottom: 1px solid #040000;
  margin-top: 16px;
}

nav.breadcrumbs {
  padding-top: 1em;
  font-size: 0.9em;
}

.beans_02-2_img {
  margin-bottom: 30px;
}

/*
  archive-user
*/
.archive_div {
  width: 161px;
  min-height: 250px;
  background: #f0eae4;
  border: 2px solid #a8a9a9;
  margin: 0 auto 20px auto;
}
.archive_thumb {
  width: 155px;
  height: 115px;
  margin: 4px auto 0;
  background: #f0eae4;
  overflow: hidden;
}

.archive_thumb div {
  width: 155px;
  height: 115px;
  display: table;
  table-layout: fixed;
}

.archive_thumb_none {
  width: 155px;
  height: 115px;
  margin: 4px auto 0;
  background: #e6dec5;
}

.archive_thumb a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.archive_thumb img {
}
.archive_disc {
  width: 140px;
  margin: 0 auto;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}
.archive_title {
  border-bottom: 1px solid #231815;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  overflow: hidden;
  text-overflow: ellipsis;
  //	white-space: nowrap;
  font-size: 12px;
  line-height: 1.4;
  padding-bottom: 4px;
  word-wrap: break-word;
  word-break: break-all;
  height: 34px;
  overflow: hidden;
}
.archive_title div {
  width: 140px;
  height: 39px;
  display: table;
  table-layout: fixed;
}

.archive_title a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}

.archive_address {
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 2px;
}
.archive_catchcopy {
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 35px;
  line-height: 1.2;
  padding-top: 4px;
}

/*
	home
*/

.home_archive_div {
  width: 163px;
  height: 235px;
  background: #f0eae4;
  border: 1px solid #a8a9a9;
  margin: 0 15px;
  padding-bottom: 10px;
  float: left;
}

.home_archive_thumb {
  width: 155px;
  height: 115px;
  overflow: hidden;
  margin: 4px auto 0;
  background: #e8e1ce;
}

.home_archive_thumb div {
  width: 155px;
  height: 115px;
  display: table;
  table-layout: fixed;
}

.home_archive_thumb a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.home_archive_thumb img {
}

.home_archive_catchcopy {
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  //	white-space: nowrap;
  min-height: 36px;
  line-height: 1.2;
  padding-top: 4px;
}

body.single-user {
  margin-top: -6px;
}

/* body.single-user .main-body{
	background:#F7E9D1 url("./img/single-user-bg.png") repeat-y center !important;
} */

body.single-user .breadcrumbs {
  width: auto;
  padding-bottom: 2em;
}

body.single-user .section-wrap {
  width: 750px;
  padding-top: 0px;
  padding: 40px 40px;
}

body.single-user .single_thumbnail {
  width: 980px;
  margin: 0 auto;
}

body.single-user .single_thumbnail img {
  width: 100%;
  height: auto;
}

body.single-user .section-wrap h1 {
  color: #955e3d !important;
  font-weight: bold;
  font-size: 32px !important;
}

body.single-user .section-title {
  border: none !important;
}

body.single-user-user .section-wrap .section-title {
  padding: 0 80px !important;
}

body.single-user .post-date {
  border: 1px solid #231814;
  padding: 0.1em 0.8em;
  width: 120px;
  text-align: center;
}

body.single-user .post-nb-link {
  width: auto;
  border: 1px solid #231814;
  text-align: center;
  padding: 10px 20px;
  margin-left: -1px;
}

body.single-user .spacer {
  height: 60px;
}
　 body.single-user .post-nb-link a {
  text-decoration: none;
}
body.single-user .post-nb-link-wrapper {
  width: fit-content;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

body.single-user div.article-body p {
  color: #444 !important;
  margin: 0 0 30px;
  line-height: 2.8;
}

body.single-user div.article-body .wp-caption-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0;
  color: #767676;
}

body.single-information {
  margin-top: -6px;
}

/* body.single-information .main-body {
  background: #f7e9d1 url("./img/single-user-bg.png") repeat-y center;
} */

body.single-information .breadcrumbs {
  width: auto;
  padding-bottom: 2em;
}

body.single-information .section-wrap {
  width: 750px;
  padding-top: 0px;
  padding: 40px 40px;
}

body.single-information .single_thumbnail {
  width: 980px;
  margin: 0 auto;
}

body.single-information .single_thumbnail img {
  width: 100%;
  height: auto;
}

/* body.single-information h1 {
  color: #955e3d !important;
  font-weight: bold;
  font-size: 32px !important;
} */

body.single-information .section-title {
  border: none !important;
}

body.single-information .post-date {
  border: 1px solid #231814;
  padding: 0.1em 0.8em;
  width: fit-content;
  text-align: center;
}

body.single-information .post-nb-link {
  width: 140px;
  height: 10px;
  border: 1px solid #231814;
  text-align: center;
  padding: 10px 20px;
  display: table-cell;
}

body.single-information .post-nb-link a {
  text-decoration: none;
}
body.single-information .post-nb-link-wrapper {
  width: fit-content;
  margin: 0 auto;
  display: table;
  border-collapse: collapse;
}

body.single-information div.article-body p {
  color: #444 !important;
  margin: 0 0 30px;
  line-height: 2.8;
}

body.single-information div.article-body .wp-caption-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0;
  color: #767676;
}

.info_archive_div {
  width: 300px;
  height: 280px;
  background: #eedcb9;
  margin: 0 auto 20px auto;
  float: left;
  margin-right: 40px;
  overflow: hidden;
}

.info_archive_div_wrapper div.info_archive_div:nth-child(3n) {
  margin-right: 0px;
}

.info_archive_thumb {
  width: 300px;
  height: 195px;
  overflow: hidden;
  margin: 0 auto 0;
  background: #e8e1ce;
}
.info_archive_thumb img {
  max-width: 300px;
  height: auto;
}
.info_archive_disc {
  width: 260px;
  margin: 0 auto;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 1.6;
}
.info_archive_title {
}
.info_archive_title a {
  text-decoration: none;
}

div.bx-wrapper {
  box-shadow: none;
  border: none;
  -webkit-box-shadow: none;
  margin-bottom: 0px;
}
div.bx-wrapper .bx-prev {
  background: url("./img/home-bnr_controls.png") no-repeat 0 0px;
}
div.bx-wrapper .bx-prev:hover,
div.bx-wrapper .bx-prev:focus {
  background-position: 0 0px;
}
div.bx-wrapper .bx-next {
  background: url("./img/home-bnr_controls.png") no-repeat 0 -32px;
}
div.bx-wrapper .bx-next:hover,
div.bx-wrapper .bx-next:focus {
  background-position: 0 -32px;
}

.bx-wrapper img {
  width: 100%;
}

.bx-viewport {
  max-height: 100%;
}

.half-br {
  height: 0.5em;
}

/*
  taxonomy-area
*/
.user_area_mo:hover {
  border: 1px solid #ddd;
  background: #c8a879;
  opacity: 0.1;
}

.area_todoufuken {
  width: 75px;
  font-weight: bold;
  font-size: 24px;
  color: #955e3d;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  line-height: 1;
}

.area_title {
  font-weight: bold;
  font-size: 20px !important;
  line-height: 1 !important;
  background: none !important;
  color: #000 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.area_address {
  font-size: 14px;
  line-height: 1;
  margin-top: 0.5em;
}

.area_catchcopy {
  font-weight: bold;
  line-height: 1.2;
  margin-top: 12px;
}

.area_shosai {
  width: 118px;
  height: 26px;

  position: absolute;
  bottom: 22px;
  top: 93px;
}

.area_thumbnail {
  float: left;
  width: 200px;
  height: 120px;
  overflow: hidden;
  background: #e6dec5;
}

.area_thumbnail div {
  width: 200px;
  height: 120px;
  display: table;
  table-layout: fixed;
}

.area_thumbnail_none {
  float: left;
  width: 200px;
  height: 120px;
  overflow: hidden;
  background: #e6dec5;
}

.area_thumbnail a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.area_thumbnail img {
  max-width: 200px !important;
}

.area_textwrap {
  float: left;
  width: 500px;
  height: 120px;
  padding-left: 20px;
  position: relative;
}

.area_wrap {
  margin-left: 100px;
  height: 120px;
  margin-bottom: 40px;
}

.h1_area_title {
  font-size: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.user_area_btm_wrap {
  padding: 0 0 3em;
  width: 100%;
  text-align: left;
}

.user_area_btm_wrap ul {
  list-style: none;
  padding-left: 30px;
}

.user_area_btm_wrap ul li {
  width: 101px;
  height: 56px;
  float: left;
  margin-right: 6px;
  display: block;
}

.user_area_btm_wrap ul li:last-child {
  margin-right: 0px;
}

.user_area_btm_wrap ul li a {
  width: 100%;
  height: 100%;
  text-indent: -10000px !important;
  text-aling: left;
  display: block;
}

li.user_area_btm01 {
  background: url("./img/user/user_area_btm.png") no-repeat 0px 0px;
}
li.user_area_btm01:hover {
  background: url("./img/user/user_area_btm.png") no-repeat 0px -57px;
}

li.user_area_btm02 {
  background: url("./img/user/user_area_btm.png") no-repeat -108px 0px;
}
li.user_area_btm02:hover {
  background: url("./img/user/user_area_btm.png") no-repeat -108px -57px;
}

li.user_area_btm03 {
  background: url("./img/user/user_area_btm.png") no-repeat -215px 0px;
}
li.user_area_btm03:hover {
  background: url("./img/user/user_area_btm.png") no-repeat -215px -57px;
}

li.user_area_btm04 {
  background: url("./img/user/user_area_btm.png") no-repeat -322px 0px;
}
li.user_area_btm04:hover {
  background: url("./img/user/user_area_btm.png") no-repeat -322px -57px;
}

li.user_area_btm05 {
  background: url("./img/user/user_area_btm.png") no-repeat -429px 0px;
}
li.user_area_btm05:hover {
  background: url("./img/user/user_area_btm.png") no-repeat -429px -57px;
}

li.user_area_btm06 {
  background: url("./img/user/user_area_btm.png") no-repeat -536px 0px;
}
li.user_area_btm06:hover {
  background: url("./img/user/user_area_btm.png") no-repeat -536px -57px;
}

li.user_area_btm07 {
  background: url("./img/user/user_area_btm.png") no-repeat -644px 0px;
}
li.user_area_btm07:hover {
  background: url("./img/user/user_area_btm.png") no-repeat -644px -57px;
}

li.user_area_btm08 {
  background: url("./img/user/user_area_btm.png") no-repeat -752px 0px;
}
li.user_area_btm08:hover {
  background: url("./img/user/user_area_btm.png") no-repeat -752px -57px;
}

body.term-hokkaido-tohoku li.user_area_btm01 {
  background: url("./img/user/user_area_btm.png") no-repeat 0px -57px;
}
body.term-kanto li.user_area_btm02 {
  background: url("./img/user/user_area_btm.png") no-repeat -108px -57px;
}
body.term-kitashinetsu-toukai li.user_area_btm03 {
  background: url("./img/user/user_area_btm.png") no-repeat -215px -57px;
}
body.term-kansai li.user_area_btm04 {
  background: url("./img/user/user_area_btm.png") no-repeat -322px -57px;
}
body.term-tyugoku-shikoku li.user_area_btm05 {
  background: url("./img/user/user_area_btm.png") no-repeat -429px -57px;
}
body.term-kyusyu-okinawa li.user_area_btm06 {
  background: url("./img/user/user_area_btm.png") no-repeat -536px -57px;
}
body.term-kaigai li.user_area_btm07 {
  background: url("./img/user/user_area_btm.png") no-repeat -644px -57px;
}
body.term-recent li.user_area_btm08 {
  background: url("./img/user/user_area_btm.png") no-repeat -751px -57px;
}

body.term-hokkaido-tohoku .site-header,
body.term-kanto .site-header,
body.term-kitashinetsu-toukai .site-header,
body.term-kansai .site-header,
body.term-tyugoku-shikoku .site-header,
body.term-kyusyu-okinawa .site-header,
body.term-kaigai .site-header,
body.page-id-6566 .site-header,
body.page-id-15 .site-header {
  border-bottom: 10px solid #8fa6b2;
}

.area_recent_title {
  font-weight: bold;
  font-size: 16px !important;
  line-height: 1 !important;
  background: none !important;
  color: #000 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.area_recent_y {
  font-size: 20px;
  //	font-weight:bold;
  color: #728bba;
  float: left;
  width: 80px;
}

.area_recent_md {
  font-size: 20px;
  //	font-weight:bold;
  color: #728bba;
  float: left;
  width: 70px;
  border-left: 2px solid #728bba;
  height: 160px;
  padding-left: 20px;
}

.area_recent_address {
  font-size: 12px;
  line-height: 1;
  margin-top: 0.5em;
}

.area_recent_catchcopy {
  font-weight: bold;
  line-height: 1.2;
  margin-top: 12px;
  width: 600px; /* safariの文字はみだし対応 */
}

.area_recent_shosai {
  width: 118px;
  height: 26px;

  position: absolute;
  bottom: 22px;
  top: 93px;
}

.area_recent_thumbnail {
  float: left;
  width: 177px;
  height: 130px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 10px;
  background: #e6dec5;
  overflow: hidden;
}

.area_recent_thumbnail div {
  width: 177px;
  height: 130px;
  display: table;
  table-layout: fixed;
}

.area_recent_thumbnail_none {
  float: left;
  width: 177px;
  height: 130px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 10px;
  background: #e6dec5;
}

.area_recent_thumbnail a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.area_recent_thumbnail img {
}

.area_recent_textwrap {
  float: left;
  width: 400px;
  height: 120px;
  padding-left: 30px;
  position: relative;
  margin-top: 10px;
}

.area_recent_wrap {
  margin-left: 70px;
  height: 160px;
  overflow: hidden;
}

.area_wrap_bg {
  margin-bottom: 80px;
}

body.term-hokkaido-tohoku .area_wrap_bg {
  background: url("./img/user/user_hokkaido-tohoku_bg.png") repeat-y;
}
body.term-kanto .area_wrap_bg {
  background: url("./img/user/user_kanto_bg.png") repeat-y;
}
body.term-kitashinetsu-toukai .area_wrap_bg {
  background: url("./img/user/user_kitashinetsu-toukai_bg.png") repeat-y;
}
body.term-kansai .area_wrap_bg {
  background: url("./img/user/user_kansai_bg.png") repeat-y;
}
body.term-tyugoku-shikoku .area_wrap_bg {
  background: url("./img/user/user_tyugoku-shikoku_bg.png") repeat-y;
}
body.term-kyusyu-okinawa .area_wrap_bg {
  background: url("./img/user/user_kyusyu-okinawa_bg.png") repeat-y;
}
body.term-kaigai .area_wrap_bg {
  background: url("./img/user/user_kaigai_bg.png") repeat-y;
}
body.term-recent .area_wrap_bg {
  background: url("./img/user/user_recent_bg.png") repeat-y;
}

.sub-conts {
  padding-top: 1em;
}

.pagination-wrapper {
  width: 100%;
  text-align: center;
  padding: 50px 0 0;
}

.pagination {
  display: inline-block;
}

.pagination .page-numbers {
  border: 1px solid #728bba;
  padding: 1em;
  //	min-width:10px;
  text-align: center;
  float: left;
  margin-left: 4px;
  line-height: 1;
}

.prev.page-numbers,
.next.page-numbers {
  width: 50px;
}

.pagination .page-numbers {
  text-decoration: none;
  color: #728bba;
}

.pagination span.page-numbers.current {
  background: #728bba;
  color: #fff;
}

body.page-id-15 {
}

.infomail {
  width: auto;
  font-size: 12px;
}

.infomail .row {
  width: 100%;
  min-height: 75px;
  border-top: 2px solid #898989;
}

.infomail .row div:nth-child(1) {
  width: 190px;
  float: left;
  padding-left: 60px;
  padding-right: 10px;
  font-weight: bold;
  padding-top: 26px;
}

.infomail .row div:nth-child(2) {
  width: auto;
  float: left;
  padding-top: 18px;
  padding-bottom: 18px;
}

.infomail .row div:nth-child(2) input,
.infomail .row div:nth-child(2) textarea {
  width: 460px;
  border: none;
  padding-left: 1em;
}

.infomail .row div:nth-child(2) input {
  height: 37px;
}

.infomail .row div:nth-child(2) select {
  height: 37px;
}

.infomail .row div:nth-child(2) textarea {
  padding-top: 1em;
}

.infomail input.wpcf7-submit {
  width: 322px;
  height: 54px;
  background: #956134;
  color: #fff;
  font-size: 18px;
  border: none;
  border-radius: 10px;
  display: block;
  margin: 20px auto;
}

.section-wrap.post-15 {
  background: #f7e9d1;
}

h1.archive-title_information {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 0;
  margin: 0 0 20px;
}

body.single-information article.type-information {
  padding-top: 0px !important;
}

/*
	baisenki.com/user
*/

.area_01 {
  width: 980px;
  margin: 0 auto;
}

.area_01-01 {
  padding: 0em 0;
  width: 100%;
  text-align: left;
}

.area_01-01-01 {
  padding: 0em 0;
  text-align: center;
  position: relative;
}

.area_01-01-02 {
  width: 202px;
  float: left;
  text-align: left;
  position: relative;
}

.area_01-01-02-01 {
  width: 176px;
  text-align: left;
  position: absolute;
  left: 14px;
  top: 90px;
}

.area_01-01-03 {
  width: 202px;
  float: right;
  text-align: left;
  position: relative;
}

.area_01-01-03-01 {
  width: 176px;
  text-align: left;
  position: absolute;
  left: 14px;
  top: 90px;
}

.area_01-01-disc {
  width: 410px;
  float: left;
  text-align: left;
  padding: 0 68px;
}

.area_01-01-disc-01h {
  font-size: 20px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.4;
  font-weight: bold;
  width: 430px;
  margin-left: -10px;
}

.area_01-01-disc-01r {
  text-align: justify;
  line-height: 1.6;
  margin-bottom: 30px;
  font-size: 1.2em;
  text-align: justify;
}

.area_01-01-disc-02h {
  font-size: 20px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.4;
  font-weight: bold;
}

.area_01-01-disc-02r {
  text-align: justify;
  line-height: 1.6;
  margin-bottom: 30px;
  font-size: 1.2em;
  text-align: justify;
}

.area_01-01-disc-03h {
  font-size: 20px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.4;
  font-weight: bold;
}

.area_01-01-disc-03r {
  text-align: justify;
  line-height: 1.6;
  margin-bottom: 30px;
  font-size: 1.2em;
  text-align: justify;
}

.area_01-01-disc-04 {
  font-size: 10px;
  margin-top: 5em;
  margin-bottom: 5em;
}

/*
	taxonomy-area
*/

.taxonomy-area_01 {
  width: 980px;
  margin: 0 auto 2em;
}

/*
	showroom
*/

.css_showroom_01 {
  width: 980px;
  margin: 0 auto;
}

.css_showroom_01-01 {
  padding: 2em 0;
  width: 100%;
  text-align: left;
}

.css_showroom_01-01-01 {
  padding: 0 0 2em;
  text-align: center;
  line-height: 1.8;
}

.css_showroom_01-01-01 h3 {
  font-size: 25px;
  background: none;
}

.css_showroom_01-01-01 h4 {
  margin-top: 30px;
  border-left: 0;
}

.css_showroom_01-01-01 h4::before {
  content: none;
}

.css_showroom_01-01-02 {
  width: 333px;
  float: left;
  text-align: left;
  padding-left: 87px;
}

.css_showroom_01-01-03 {
  width: 333px;
  float: right;
  text-align: left;
  padding-right: 87px;
}

.css_showroom_01-02 {
  padding: 2em 0;
  width: 100%;
  text-align: left;
}

.css_showroom_01-02-01 {
  width: 980px;
  height: 543px;
  position: relative;
}

.css_showroom_01-02-01_in > h2 {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  text-align: center;
}

.css_showroom_01-02-01-01 {
  width: 341px;
  text-align: left;
  position: absolute;
  left: 319px;
  top: 400px;
}

.css_showroom_01-02_wrap {
  background: #f0eae4;
}

.css_showroom_01-02_in {
  background: #fff;
  padding: 30px;
}

.css_showroom_list02 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding: 0 30px;
}

.css_showroom_list02 li .thum img {
  aspect-ratio: 500 / 322;
  object-fit: cover;
}

.css_showroom_list02 li .text h3 {
  margin-top: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
}

.css_showroom_list02 h3 img {
  width: 30px;
}

.css_showroom_list03 li {
  width: 32%;
  display: inline-block;
  text-align: left;
  padding-right: 1%;
}

.css_showroom_list03 li:last-child {
  padding-right: 0%;
}

/*
	company
*/

.css_company_01 {
  width: 980px;
  margin: 0 auto;
}

.css_company_01-01 {
  padding: 0 0 2em;
  text-align: center;
}

.css_company_01-02 {
  padding: 0 0 2em;
  width: 900px;
  margin: 0 auto;
  font-size: 12px;
}

.css_company_01-02-01 {
  /* width: 410px; */
  height: 480px;
  float: left;
  text-align: left;
  border-left: 16px solid #e2e4f2;
  padding-left: 20px;
}

.css_company_01-02-01-01 {
  width: 80px;
  float: left;
}

.css_company_01-02-01-02 {
  width: 330px;
  float: left;
}

.css_company_01-02-02 {
  /* width: 410px; */
  height: 480px;
  float: right;
  text-align: left;
  border-left: 16px solid #e2e4f2;
  padding-left: 20px;
}

.css_company_01-02-02-01 {
  width: 80px;
  float: left;
  text-align: justify;
}

.css_company_01-02-02-02 {
  width: 320px;
  float: right;
}

.css_company_01-02-02-03 {
  width: 410px;
}

.css_company_02 {
  width: 980px;
  margin: 0 auto;
  border-bottom: 4px solid #f0eae4;
}

.css_company_02-01 {
  padding: 2em 0 0;
  text-align: center;
}

.css_company_02-02 {
  border-top: 4px solid #f0eae4;
  font-size: 12px;
  padding: 0.5em 0;
  margin: 0.5em 0;
}

.css_company_02-02-r {
  width: 700px;
  float: right;
}

.css_company_02-02-r-01 {
  width: 80px;
  float: left;
}

.css_company_02-02-r-02 {
  width: 600px;
  float: left;
}

/*
	infomail
*/

.css_infomail_01 {
  width: 980px;
  margin: 0 auto;
}

.css_infomail_01-01 {
  padding: 0 0 1em;
  width: 100%;
  text-align: left;
}

.css_infomail_01-01-01 {
  width: 490px;
  float: left;
}

.css_infomail_01-01-02 {
  width: 410px;
  float: left;
  padding-top: 25px;
  padding-left: 30px;
  font-size: 15px;
}
.css_infomail_01-01-02 p {
  margin-bottom: 1em;
  line-height: 1.5;
}

/*
	beans
*/

.css_beans_01 {
  width: 980px;
  margin: 0 auto;
}

.css_beans_01-01 {
  padding: 0em 0;
  width: 100%;
  text-align: left;
}

.css_beans_01-01-01 {
  padding: 1em 0 2em;
  text-align: center;
}

.css_beans_01-01-02 {
  width: 650px;
  float: left;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 1.5;
}

.css_beans_01-01-02-p {
  margin-left: 5px;
  text-align: justify;
  margin-bottom: 2em;
  margin-top: 0.5em;
}

/*
	spec
*/

.css_spec_01 {
  width: 980px;
  margin: 0 auto;
}

.css_spec_01-01 {
  padding: 2em 0;
  width: 100%;
  text-align: left;
}

.css_spec_01-01-01 {
  padding: 2em 0;
  text-align: center;
}

.css_spec_01-01-02 {
  width: 980px;
  height: 543px;
  position: relative;
}

.css_spec_01-01-02-01 {
  width: 400px;
  text-align: left;
  position: absolute;
  right: 90px;
  top: 10px;
  font-size: 1.2em;
  text-align: justify;
}

.css_spec_01-02 {
  padding: 0 0 1em;
  width: 100%;
  text-align: left;
}

.css_spec_01-02-01 {
  padding: 0 0 1em;
  text-align: center;
}

.css_spec_01-02-02 {
  width: 360px;
  float: left;
  text-align: left;
  padding-left: 50px;
  font-size: 1.2em;
  text-align: justify;
}

.css_spec_01-02-03 {
  width: 510px;
  float: right;
  text-align: right;
}

.css_spec_01-02-04 {
  padding: 2em 0;
  text-align: center;
}

.css_spec_01-03 {
  padding: 1em 0 2em;
  width: 100%;
  text-align: left;
}

.css_spec_01-03-01 {
  padding: 1em 0;
  text-align: center;
}

.css_spec_01-03-02 {
  width: 980px;
  height: 543px;
  position: relative;
}

.css_spec_01-03-02-01 {
  width: 370px;
  text-align: left;
  position: absolute;
  right: 60px;
  top: 5px;
  text-align: justify;
  font-size: 1.2em;
  text-align: justify;
}

.css_spec_01-04 {
  padding: 2em 0;
  width: 100%;
  text-align: left;
}

.css_spec_01-04-01 {
  padding: 2em 0 1em;
  text-align: center;
}

.css_spec_01-04-02 {
  width: 374px;
  float: left;
  text-align: left;
  padding-left: 50px;
  font-size: 1.2em;
  text-align: justify;
}

.css_spec_01-04-02-01 {
  padding-left: 50px;
  padding-top: 20px;
}

.css_spec_01-04-03 {
  width: 490px;
  float: right;
  text-align: left;
}

.css_spec_01-05 {
  padding: 0 0 0;
  width: 100%;
  text-align: left;
}

.css_spec_01-05-01 {
  padding: 1em 0;
  text-align: center;
}

.css_spec_01-05-02 {
  width: 980px;
  height: 543px;
  position: relative;
}

.css_spec_01-05-02-01 {
  width: 400px;
  text-align: left;
  position: absolute;
  left: 300px;
  top: 0px;
  font-size: 1.2em;
}

.css_spec_01-06 {
  padding: 0 0 2em;
  width: 100%;
  text-align: left;
}

.css_spec_01-06-01 {
  padding: 0 0 2em;
  text-align: center;
}

.css_spec_01-06-02 {
  padding: 0em 0;
  text-align: center;
}

.css_spec_01-07 {
  padding: 2em 0;
  width: 100%;
  text-align: left;
}

.css_spec_01-07-01 {
  padding: 0em 0;
  text-align: center;
}

.css_spec_01-07-02 {
  padding: 2em 0;
  text-align: left;
  width: 700px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_spec_01-07-03 {
  padding: 0em 0;
  text-align: center;
}

.css_spec_01-07-04 {
  padding: 2em 0 0;
  text-align: left;
  width: 700px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_spec_01-07-05 {
  padding: 2em 0;
  text-align: center;
}

.css_spec_01-07-06 {
  padding: 0 0;
  text-align: left;
  width: 700px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_spec_01-07-07 {
  padding: 2em 0;
  text-align: center;
}

.css_spec_01-07-08 {
  padding: 0em 0;
  text-align: left;
  width: 700px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_spec_01-07-09 {
  padding: 2em 0;
  text-align: center;
}

.css_spec_01-07-10 {
  padding: 0m 0;
  text-align: left;
  width: 700px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_spec_01-07-11 {
  padding: 2em 0;
  text-align: center;
}

.css_spec_01-07-12 {
  padding: 0em 0;
  text-align: right;
}

/*
	home
*/
.youtube_text {
  text-align: center;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 14px;
}
.css_home_01 {
  width: 980px;
  margin: 0 auto;
}

.css_home_01-01 {
  padding: 0.8em 0 0;
  text-align: center;
}

.css_home_01-02 {
  padding: 1em 0;
  width: 100%;
}

.css_home_01-02-01 {
  float: left;
  width: 240px;
  margin: 0 0 0 80px;
}

.css_home_01-02-02 {
  float: left;
  width: 240px;
  margin: 0 50px 0 50px;
}

.css_home_01-02-03 {
  float: left;
  width: 240px;
  margin: 0 80px 0 0;
}

.css_home_01-03 {
  padding: 2em 0;
  width: 100%;
}

.css_home_01-03-01 {
  width: 540px;
  float: left;
}

.css_home_01-03-02 {
  width: 400px;
  float: right;
}

.css_home_01-04 {
  padding: 1em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-04-01 {
  padding: 1em 0;
  text-align: center;
}

.css_home_01-05 {
  padding: 1em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-05-01 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-05-02 {
  width: 490px;
  float: left;
  text-align: left;
  font-size: 1.2em;
}

.css_home_01-05-03 {
  width: 490px;
  float: left;
}

.css_home_01-05-04 {
  padding: 2em 0 2em;
  text-align: center;
}

.css_home_01-06 {
  padding: 2em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-06-01 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-06-02 {
  width: 490px;
  float: left;
}

.css_home_01-06-03 {
  width: 450px;
  float: left;
  text-align: left;
  padding-left: 40px;
  font-size: 1.2em;
}

.css_home_01-06-04 {
  padding: 2em 0 2em;
  text-align: center;
}

.css_home_01-07 {
  padding: 2em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-07-01 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-07-02 {
  width: 440px;
  float: left;
  text-align: left;
  font-size: 1.2em;
}

.css_home_01-07-03 {
  width: 490px;
  float: left;
  padding-left: 50px;
}

.css_home_01-07-04 {
  padding: 2em 0 2em;
  text-align: center;
}

.css_home_01-08 {
  padding: 2em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-08-01 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-08-02 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-08-03 {
  padding: 0em 0;
  text-align: center;
}

.css_home_01-09 {
  padding: 2em 0 0;
  width: 100%;
  text-align: center;
}

.css_home_01-09-01 {
  padding: 1em 0;
  text-align: center;
}

.css_home_01-09-02 {
  padding: 1em 0;
  text-align: left;
  width: 686px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_home_01-09-03 {
  padding: 0em 0 1em;
  text-align: center;
  width: 686px;
  margin: 0 auto;
  color: #221815;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.4;
}

.css_home_01-09-04 {
  padding: 1em 0;
  text-align: left;
  width: 686px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_home_01-10 {
  padding: 0 0 2em;
  width: 100%;
  text-align: center;
}

.css_home_01-10-01 {
  padding: 1em 0 1em;
  text-align: center;
}

.css_home_01-10-02 {
  padding: 2em 0;
  text-align: left;
  width: 686px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_home_01-10-03 {
  width: 380px;
  float: left;
  text-align: right;
}

.css_home_01-10-04 {
  width: 560px;
  float: left;
  text-align: left;
  padding-left: 40px;
}

.css_home_01-11 {
  padding: 2em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-11-01 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-11-02 {
  padding: 1em 0 1em;
  text-align: left;
  width: 686px;
  margin: 0 auto;
}

.css_home_01-11-02-01 {
  color: #9d1c51;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
}

.css_home_01-11-02-02 {
  color: #956134;
  font-size: 23px;
  font-weight: bold;
  width: 500px;
  margin: 0 auto;
  line-height: 1.4;
  padding-top: 0.5em;
}

.css_home_01-11-03 {
  padding: 2em 0;
  text-align: center;
  width: 686px;
  margin: 0 auto;
}

.css_home_01-11-04 {
  padding: 2em 0 0em;
  text-align: left;
  width: 686px;
  margin: 0 auto;
}

.css_home_01-11-05 {
  padding: 0 0;
  text-align: center;
  width: 686px;
  margin: 0 auto;
}

.css_home_01-12 {
  padding: 2em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-12-01 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-12-02 {
  padding: 1em 0;
  text-align: left;
  width: 686px;
  margin: 0 auto;
}

.css_home_01-12-02-01 {
  color: #9d1c51;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  padding-top: 0.5em;
}

.css_home_01-12-03 {
  width: 380px;
  float: left;
  text-align: right;
}

.css_home_01-12-04 {
  width: 560px;
  float: left;
  text-align: left;
  padding-left: 40px;
}

.css_home_01-13 {
  padding: 2em 0;
  width: 100%;
  text-align: center;
}

.css_home_01-13-01 {
  padding: 2em 0;
  text-align: center;
}

.css_home_01-13-02 {
  padding: 1em 0 0;
  text-align: left;
  width: 686px;
  margin: 0 auto;
}

.css_home_01-13-02-01 {
  color: #9d1c51;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.css_home_01-13-03 {
  padding: 0em 0;
  text-align: left;
  width: 530px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_home_01-13-04 {
  padding: 1em 0 0;
  text-align: left;
  width: 686px;
  margin: 0 auto;
}

.css_home_01-13-04-01 {
  color: #9d1c51;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.css_home_01-13-05 {
  padding: 1em 0;
  text-align: center;
}

.css_home_01-13-06 {
  padding: 2em 0 4em;
  text-align: left;
  width: 530px;
  margin: 0 auto;
  font-size: 1.2em;
}

.css_home_01-13-07 {
  width: 380px;
  float: left;
  text-align: right;
}

.css_home_01-13-08 {
  width: 560px;
  float: left;
  text-align: left;
  padding-left: 40px;
  font-size: 1.2em;
}

.css_home_01-13-08-01 {
  width: 200px;
  text-align: left;
  padding-left: 210px;
}

/*
	header
*/

.css_header_wrap {
  width: 980px;
  height: 140px;
}

.css_header_logo {
  width: 550px;
  height: 120px;
  float: left;
}

.css_header_disc {
  width: 210px;
  float: right;
}

.css_header_disc-01 {
  height: 25px;
}

.css_header_disc-02 {
  width: 210px;
  padding-top: 3px;
}

.css_header_lang {
  //width: 120px;
  //height: 110px;
  float: left;
  margin-top: 60px;
}
.btn_lang_ja {
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 5px 0px 0px 5px;
  font-size: 80%;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-align: center;
  padding: 0px 10px;
}

.btn_lang_en {
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 0px 0px;
  font-size: 80%;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-align: center;
  padding: 0px 10px;
}
.btn_lang_ko {
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 0px 5px 5px 0px;
  font-size: 80%;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-align: center;
  padding: 0px 10px;
}
.btn_lang_ja:hover {
  background-color: #000000;
  color: #ffffff;
}

.btn_lang_en:hover {
  background-color: #000000;
  color: #ffffff;
}

/* 固定ページ */

.page-id-15164 body {
  font-family: source-han-sans-japanese,  sans-serif;
  font-size: 10px;
  font-size: 16px;
  line-height: 1.6;
  background: #fff;
  color: #000;
}

.page-id-15164 img {
  max-width: 100%;
  height: auto;
}

.page-id-15164 ul,
.page-id-15164 ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-id-15164 h1,
.page-id-15164 h2,
.page-id-15164 h3,
.page-id-15164 h4,
.page-id-15164 h5,
.page-id-15164 h6 {
  padding: 0;
  margin: 0;
}

.page-id-15164 a {
  color: inherit;
  text-decoration: none;
}

.page-id-15164 .pager__inner {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.page-id-15164 .container {
  min-width: 1280px;
}

.page-id-15164 .pager__list {
  display: flex;
}

.page-id-15164 .pager__list a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
}

.page-id-15164 .pager__list a:nth-child(1)::before {
  content: "";
  position: absolute;
  background: url(../img/icon1.svg) no-repeat center center/cover;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: -23px;
}

.page-id-15164 .pager__list a:nth-child(1)::after {
  content: "＞";
  position: absolute;
  font-size: 1.6rem;
  font-weight: 400;
  right: -32px;
  cursor: initial;
  top: 50%;
  transform: translateY(-50%);
}

.page-id-15164 .pager__list a:nth-child(2) {
  margin-left: 75px;
}

.page-id-15164 .pager__list a:nth-child(2)::before {
  position: absolute;
  content: "";
  background: url(../img/icon2.svg) no-repeat center center/cover;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
}

.page-id-15164 .pager__list a:nth-child(2)::after {
  content: "＞";
  position: absolute;
  font-size: 1.6rem;
  font-weight: 400;
  right: -32px;
  cursor: initial;
  top: 50%;
  transform: translateY(-50%);
}

.page-id-15164 .pager__list a:nth-child(3) {
  margin-left: 50px;
}

.page-id-15164 .pager__list a:nth-child(3)::after {
  content: "＞";
  position: absolute;
  font-size: 1.6rem;
  font-weight: 400;
  right: -34px;
  cursor: initial;
  top: 50%;
  transform: translateY(-50%);
}

.page-id-15164 .pager__list p {
  margin-left: 53px;
}

.page-id-15164 .section {
  display: flex;
  padding-bottom: 19px;
  position: relative;
  justify-content: center;
}

.page-id-15164 .top-page {
  position: absolute;
  right: 59px;
  bottom: 47px;
  display: block;
}

.page-id-15164 .section-left {
  padding-top: 39px;
  padding-left: 57px;
}

.page-id-15164 .left__img {
  width: 300px;
}

.page-id-15164 .left__img img {
  width: 100%;
}

.page-id-15164 .left__img2 {
  width: 300px;
  margin-top: 23px;
}

.page-id-15164 .left__img2 img {
  width: 100%;
}

.page-id-15164 .left__img3 {
  display: block;
  margin-top: 1014px;
  width: 300px;
  transition: all 0.3s ease 0s;
}

.page-id-15164 .left__img3 img {
  width: 100%;
}

.page-id-15164 .left__img4 {
  display: block;
  margin-top: 18px;
  width: 300px;
  transition: all 0.3s ease 0s;
}

.page-id-15164 .left__img4 img {
  width: 100%;
}

.page-id-15164 .section-right {
  margin-top: 29px;
  width: 740px;
  margin-left: 63px;
  margin-right: 120px;
}

.page-id-15164 main {
  min-width: 1280px;
}

.page-id-15164 .right__company {
  line-height: 1.42308;
  padding-bottom: 4px;
  border-bottom: 2px solid #f52323;
}

.page-id-15164 .right__company p {
  font-size: 2.6rem;
  font-weight: 400;
  color: #3c3c3c;
  margin-bottom: 0px;
}

.page-id-15164 .right__company h2 {
  font-weight: 700;
  font-size: 2.6rem;
  color: #3c3c3c;
}

.page-id-15164 .right__category {
  margin-top: 12.5px;
}

.page-id-15164 .right__category p {
  font-size: 1.6rem;
  font-weight: 700;
  width: 140px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #707070;
  color: #3c3c3c;
}

.page-id-15164 .right__text {
  margin-top: 27px;
}

.page-id-15164 .right__text p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.875;
  color: #3c3c3c;
}

.page-id-15164 .right__box {
  margin-top: 26px;
  position: relative;
}

.page-id-15164 .right__box_img {
  position: absolute;
  right: -37px;
  top: 17px;
  width: 200px;
}

.page-id-15164 .right__box_img img {
  width: 100%;
  height: 100%;
}

.page-id-15164 .right__item {
  display: flex;
}

.page-id-15164 .right__item:nth-child(n + 2) {
  margin-top: 2px;
}

.page-id-15164 .right__box_head p {
  font-size: 1.4rem;
  color: #3c3c3c;
  width: 120px;
  height: 32px;
  background-color: #efecec;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-id-15164 .right__box_about p {
  font-size: 1.4rem;
  color: #3c3c3c;
  display: flex;
  align-items: center;
  padding-left: 20px;
  height: 32px;
  white-space: nowrap;
}

.page-id-15164 .right_pick {
  margin-top: 37px;
}

.page-id-15164 .pick__head {
  height: 28px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  background-color: #efecec;
  margin-top: 36px;
  font-size: 2rem;
  color: #3c3c3c;
}

.page-id-15164 .pick__list {
  margin-top: 9px;
}

.page-id-15164 .pick__list {
  display: flex;
}

.page-id-15164 .pick__left {
  flex: 0 0 209.18px;
  margin-left: 12px;
}

.page-id-15164 .pick__left_text {
  font-size: 1.6rem;
}

.page-id-15164 .pick__left_img {
  margin-top: 9px;
  width: 100%;
}

.page-id-15164 .pick__left_img img {
  width: 100%;
}

.page-id-15164 .pick__right {
  margin-left: 51px;
}

.page-id-15164 .pick__right_img {
  display: flex;
  flex-wrap: wrap;
  margin-top: 9px;
}

.page-id-15164 .pick__right_img img {
  width: 200px;
}

.page-id-15164 .pick__right_img img:nth-child(2) {
  margin-left: 29px;
}

.page-id-15164 .pick__right_img img:nth-child(4) {
  margin-left: 29px;
}

.page-id-15164 .pick__right_img img:nth-child(n + 3) {
  margin-top: 20px;
}

.page-id-15164 .icon::before {
  display: none !important;
}

.page-id-15164 .site-footer {
  min-width: 1280px;
}

.page-id-15164 .indo {
  margin-top: 1014px;
}

.page-id-15164 .indonesia {
  margin-top: 756px;
}

.page-id-15164 .right__head {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.42308;
  margin-top: 16px;
}

.page-id-15164 .right__about {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.875;
  color: #3c3c3c;
  margin-top: 8px;
}

.page-id-15164 .indonesia2 {
  margin-top: 1055px;
}

.page-id-15164 .pick__right_list {
  display: flex;
  flex-direction: column;
  text-align: right;
  justify-content: space-between;
  align-items: flex-end;
}

.page-id-15164 .natural {
  margin-top: 816px;
}

.page-id-15164 .mamasa {
  margin-top: 847px;
}

.page-id-15164 .abyssinia {
  margin-top: 874px;
}

.page-id-15164 .batak {
  margin-top: 846px;
}

.page-id-15164 .true-blue {
  margin-top: 1121px;
}

.page-id-15164 .goulala {
  margin-top: 707px;
}

.page-id-15164 .guinea {
  margin-top: 796px;
}

.page-id-15164 .china {
  margin-top: 787px;
}

.page-id-15164 .myanmer {
  margin-top: 827px;
}

.page-id-15164 .myanmer2 {
  margin-top: 857px;
}

.page-id-15164 .thaland {
  margin-top: 766px;
}

.page-id-15164 .iyemen {
  margin-top: 787px;
}

.page-id-15164 .YEMEN2 {
  margin-top: 696px;
}

.page-id-15164 .ethiopia {
  margin-top: 709px;
}

.page-id-15164 .ethiopia__img {
  width: 322px;
}

.page-id-15164 .ethiopia__img img {
  flex-shrink: 0;
}

.page-id-15164 .ethiopia__img img:nth-child(1) {
  width: 192px;
}

.page-id-15164 .ethiopia__img img:nth-child(2) {
  width: 91px;
}

.page-id-15164 .ethiopia__img img:nth-child(3) {
  width: 129px;
}

.page-id-15164 .ethiopia__img img:nth-child(4) {
  width: 154px;
  height: 102px;
}

.page-id-15164 .ethiopia2 {
  margin-top: 761px;
}

.page-id-15164 .ethiopia__head {
  letter-spacing: -0.05em;
}

.page-id-15164 .ethiopia3 {
  margin-top: 698px;
}

.page-id-15164 .kenya img {
  width: 173px;
}

.page-id-15164 .kenya__img {
  margin-top: 757px;
}

.page-id-15164 .kenya2 {
  margin-top: 761px;
}

.page-id-15164 .ethiopia__about p {
  height: auto;
}

.page-id-15164 .ethiopia4 {
  margin-top: 1324px;
}

.page-id-15164 .uganda__img img {
  width: 469px;
  margin-left: 0px !important;
}

.page-id-15164 .uganda__img img:nth-child(2) {
  margin-top: 17px;
}

.page-id-15164 .uganda {
  margin-top: 973px;
}

.page-id-15164 .rwanda {
  margin-top: 727px;
}

.page-id-15164 .tanzania__img {
  flex-wrap: initial;
}

.page-id-15164 .tanzania__img div img:nth-child(1) {
  margin-left: 29px;
}

.page-id-15164 .tanzania__img div img:nth-child(2) {
  margin-top: 23px;
}

.page-id-15164 .tanzania {
  margin-top: 970px;
}

.page-id-15164 .congo__img img {
  width: 140px;
}

.page-id-15164 .congo__img img:nth-child(2) {
  margin-left: 15px;
}

.page-id-15164 .congo__img img:nth-child(3) {
  margin-top: 0px;
  margin-left: 15px;
}

.page-id-15164 .congo {
  margin-top: 1176px;
}

.page-id-15164 .JAMAICA {
  margin-top: 1156px;
}

.page-id-15164 .guatemala {
  margin-top: 736px;
}

.page-id-15164 .guatemala2 {
  margin-top: 995px;
}

.page-id-15164 .guatemala3 {
  margin-top: 1047px;
}

.page-id-15164 .elsalvador {
  margin-top: 1040px;
}

.page-id-15164 .costarica {
  margin-top: 886px;
}

.page-id-15164 .panama {
  margin-top: 749px;
}

.page-id-15164 .panama2 {
  margin-top: 928px;
}

.page-id-15164 .colombia {
  margin-top: 977px;
}

.page-id-15164 .colombia2 {
  margin-top: 946px;
}

.page-id-15164 .colombia3 {
  margin-top: 1457px;
}

.page-id-15164 .colombia__head {
  letter-spacing: -0.1em;
  white-space: nowrap;
}

.page-id-15164 .colombia4 {
  margin-top: 748px;
}

.page-id-15164 .colombia5 {
  margin-top: 983px;
}

.page-id-15164 .ECUADOR {
  margin-top: 796px;
}

.page-id-15164 .peru {
  margin-top: 856px;
}

.page-id-15164 .brazil__img img:nth-child(3) {
  width: 429px;
}

.page-id-15164 .brazil {
  margin-top: 646px;
}

.page-id-15164 .brazil2 {
  margin-top: 737px;
}

.page-id-15164 .brazil4 {
  margin-top: 796px;
}

.page-id-15164 .brazil5 {
  margin-top: 706px;
}

.page-id-15164 .brazil__category {
  width: 160px !important;
}

.page-id-15164 .dominica {
  margin-top: 706px;
}

.page-id-15164 .dominica2 {
  margin-top: 1396px;
}

.page-id-15164 .button__list {
  display: flex;
  justify-content: center;
  margin-top: 47px;
}

.page-id-15164 .button__list a {
  width: 145px;
  display: inline-block;
}

.page-id-15164 .button__list a:nth-child(n + 2) {
  margin-left: 74px;
}

.page-id-15164 .button__list a img {
  width: 100%;
}
/*# sourceMappingURL=common.css.map */