@charset "utf-8";


/*
共通設定
-------------------------------------------------*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
margin: 0;
background-color: #fff;
color: #252525;
font-family: Noto Sans JP, Hiragino Kaku Gothic Pro, Osaka, MS PGothic, Arial, Helvetica, Verdana, sans-serif;
line-height:1.75;
word-break:normal;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
body, div, pre, p, blockquote,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
table, th, td, embed,object{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
.desktop-nav li a, .mobile-nav li a, #footer-menu a, .copyright, #drawer__open, .drawer__title {
    color: #fff;
}
small {
  font-size: 75%
}


.txt_cent {
  text-align: center;
}

/*
共通設定ここまで
---------------------------------------------------------------------------*/




/*
統合（元base_style_sp_dl_a.css）
-------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}
audio, canvas, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}

@media all and (-ms-high-contrast:none) {
  body {
    font-family: "Arial", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
a {
  background: 0 0
}
a:active, a:hover {
  outline: 0
}
h1 {
  margin: .67em 0;
  font-size: 2em
}
abbr[title] {
  border-bottom: 1px dotted
}
b, strong, .strong {
  font-weight: 700
}
dfn, em, .em {
  font-style: italic
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
pre {
  margin: 0
}
code, kbd, pre, samp {
  font-family: sans-serif;
  font-size: 1em
}
pre {
  white-space: pre-wrap
}
q {
  quotes: "\201C""\201D""\2018""\2019"
}
q:before, q:after {
  content: "";
  content: none
}

sub, sup {
  position: relative;
  font-size: 75%;
  vertical-align: baseline;
  line-height: 0
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
.dfont {
  font-family: "Quicksand", "Avenir", "Arial", YuGothic, "Yu Gothic", "Hiragino Sans", "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ã‚·ãƒƒã‚¯", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif
}
@media all and (-ms-high-contrast:none) {
  .dfont {
    font-family: "Quicksand", "Arial", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif
  }
}
dl, menu, ol, ul {
  margin: 1em 0
}
dd {
  margin: 0
}
menu {
  padding: 0 0 0 40px
}
ol, ul {
  list-style-type: none;
  padding: 0
}
nav ul, nav ol {
  list-style: none;
  list-style-image: none
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle
}
svg:not(:root) {
  overflow: hidden
}
iframe {
  max-width: 100%
}
figure {
  margin: 0
}
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid silver
}
legend {
  padding: 0;
  border: 0
}
button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%
}
button, input {
  line-height: normal
}
button, html input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}
button[disabled], html input[disabled] {
  cursor: default
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=search] {
  -webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0
}
textarea {
  overflow: auto;
  vertical-align: top
}
table {
  border-spacing: 0;
  border-collapse: collapse
}
.image-replacement, .ir {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap
}
.normal-table {
  width: 100%;
  margin-bottom: 40px
}
.normal-table th, .normal-table td {
  border: 1px solid #eee;
  padding: 8px;
  font-size: .85em
}
.normal-table th {
  background: #f2f2f2
}
.tb-responsive {
  display: inline-block;
  overflow-x: auto;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch
}
.clearfix, .cf, .comment-respond {
  zoom: 1
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  display: table;

  content: ""
}
.clearfix:after, .cf:after, .comment-respond:after {
  clear: both
}
.last-col {
  float: right;
  padding-right: 0 !important
}
@media (max-width:767px) {
  .m-all {
    float: left;
    width: 100%;
    padding-right: .75em;
    padding-right: 0
  }
  .m-1of2 {
    float: left;
    width: 50%;
    padding-right: .75em
  }
  .m-1of3 {
    float: left;
    width: 33.33%;
    padding-right: .75em
  }
  .m-2of3 {
    float: left;
    width: 66.66%;
    padding-right: .75em
  }
  .m-1of4 {
    float: left;
    width: 25%;
    padding-right: .75em
  }
  .m-3of4 {
    float: left;
    width: 75%;
    padding-right: .75em
  }
}
@media (min-width:768px) and (max-width:1029px) {
  .t-all {
    float: left;
    width: 100%;
    padding-right: .75em;
    padding-right: 0
  }
  .t-1of2 {
    float: left;
    width: 50%;
    padding-right: .75em
  }
  .t-1of3 {
    float: left;
    width: 33.33%;
    padding-right: .75em
  }
  .t-2of3 {
    float: left;
    width: 66.66%;
    padding-right: .75em
  }
  .t-1of4 {
    float: left;
    width: 25%;
    padding-right: .75em
  }
  .t-3of4 {
    float: left;
    width: 75%;
    padding-right: .75em
  }
  .t-1of5 {
    float: left;
    width: 20%;
    padding-right: .75em
  }
  .t-2of5 {
    float: left;
    width: 40%;
    padding-right: .75em
  }
  .t-3of5 {
    float: left;
    width: 60%;
    padding-right: .75em
  }
  .t-4of5 {
    float: left;
    width: 80%;
    padding-right: .75em
  }
}
@media (min-width:1030px) {
  .d-all {
    float: left;
    width: 100%;
    padding-right: .75em;
    padding-right: 0
  }
  .d-1of2 {
    float: left;
    width: 50%;
    padding-right: .75em
  }
  .d-1of3 {
    float: left;
    width: 33.33%;
    padding-right: .75em
  }
  .d-2of3 {
    float: left;
    width: 66.66%;
    padding-right: .75em
  }
  .d-1of4 {
    float: left;
    width: 25%;
    padding-right: .75em
  }
  .d-3of4 {
    float: left;
    width: 75%;
    padding-right: .75em
  }
  .d-1of5 {
    float: left;
    width: 20%;
    padding-right: .75em
  }
  .d-2of5 {
    float: left;
    width: 40%;
    padding-right: .75em
  }
  .d-3of5 {
    float: left;
    width: 60%;
    padding-right: .75em
  }
  .d-4of5 {
    float: left;
    width: 80%;
    padding-right: .75em
  }
  .d-1of6 {
    float: left;
    width: 16.6666666667%;
    padding-right: .75em
  }
  .d-1of7 {
    float: left;
    width: 14.2857142857%;
    padding-right: .75em
  }
  .d-2of7 {
    float: left;
    width: 31%;
    padding-right: .75em
  }
  .d-3of7 {
    float: left;
    width: 42.8571429%;
    padding-right: .75em
  }
  .d-4of7 {
    float: left;
    width: 57.1428572%;
    padding-right: .75em
  }
  .d-5of7 {
    float: left;
    width: 69%;
    padding-right: .75em
  }
  .single .d-5of7, .post .d-5of7, .page .d-5of7 {
    padding-right: 2em
  }
  .d-6of7 {
    float: left;
    width: 85.7142857%;
    padding-right: .75em
  }
  .d-1of8 {
    float: left;
    width: 12.5%;
    padding-right: .75em
  }
  .d-1of9 {
    float: left;
    width: 11.1111111111%;
    padding-right: .75em
  }
  .d-1of10 {
    float: left;
    width: 10%;
    padding-right: .75em
  }
  .d-1of11 {
    float: left;
    width: 9.09090909091%;
    padding-right: .75em
  }
  .d-1of12 {
    float: left;
    width: 8.33%;
    padding-right: .75em
  }
}
input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], select, textarea, .field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 14px;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eaedf2;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  -webkit-transition: background-color .24s ease-in-out;
  transition: background-color .24s ease-in-out
}
input[type=text]:focus, input[type=text]:active, input[type=password]:focus, input[type=password]:active, input[type=datetime]:focus, input[type=datetime]:active, input[type=datetime-local]:focus, input[type=datetime-local]:active, input[type=date]:focus, input[type=date]:active, input[type=month]:focus, input[type=month]:active, input[type=time]:focus, input[type=time]:active, input[type=week]:focus, input[type=week]:active, input[type=number]:focus, input[type=number]:active, input[type=email]:focus, input[type=email]:active, input[type=url]:focus, input[type=url]:active, input[type=search]:focus, input[type=search]:active, input[type=tel]:focus, input[type=tel]:active, input[type=color]:focus, input[type=color]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active {
  background-color: #f7f8fa
}
input[type=text].error, input[type=text].is-invalid, input[type=password].error, input[type=password].is-invalid, input[type=datetime].error, input[type=datetime].is-invalid, input[type=datetime-local].error, input[type=datetime-local].is-invalid, input[type=date].error, input[type=date].is-invalid, input[type=month].error, input[type=month].is-invalid, input[type=time].error, input[type=time].is-invalid, input[type=week].error, input[type=week].is-invalid, input[type=number].error, input[type=number].is-invalid, input[type=email].error, input[type=email].is-invalid, input[type=url].error, input[type=url].is-invalid, input[type=search].error, input[type=search].is-invalid, input[type=tel].error, input[type=tel].is-invalid, input[type=color].error, input[type=color].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid {
  border-color: #fbe3e4;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 99% center;
  outline-color: #fbe3e4;
  color: #fbe3e4
}
input[type=text].success, input[type=text].is-valid, input[type=password].success, input[type=password].is-valid, input[type=datetime].success, input[type=datetime].is-valid, input[type=datetime-local].success, input[type=datetime-local].is-valid, input[type=date].success, input[type=date].is-valid, input[type=month].success, input[type=month].is-valid, input[type=time].success, input[type=time].is-valid, input[type=week].success, input[type=week].is-valid, input[type=number].success, input[type=number].is-valid, input[type=email].success, input[type=email].is-valid, input[type=url].success, input[type=url].is-valid, input[type=search].success, input[type=search].is-valid, input[type=tel].success, input[type=tel].is-valid, input[type=color].success, input[type=color].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid {
  border-color: #e6efc2;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 99% center;
  outline-color: #e6efc2;
  color: #e6efc2
}
input[type=text][disabled], input[type=text].is-disabled, input[type=password][disabled], input[type=password].is-disabled, input[type=datetime][disabled], input[type=datetime].is-disabled, input[type=datetime-local][disabled], input[type=datetime-local].is-disabled, input[type=date][disabled], input[type=date].is-disabled, input[type=month][disabled], input[type=month].is-disabled, input[type=time][disabled], input[type=time].is-disabled, input[type=week][disabled], input[type=week].is-disabled, input[type=number][disabled], input[type=number].is-disabled, input[type=email][disabled], input[type=email].is-disabled, input[type=url][disabled], input[type=url].is-disabled, input[type=search][disabled], input[type=search].is-disabled, input[type=tel][disabled], input[type=tel].is-disabled, input[type=color][disabled], input[type=color].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled {
  border-color: #cfcfcf;
  opacity: .6;
  cursor: not-allowed
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active, input[type=password][disabled]:focus, input[type=password][disabled]:active, input[type=password].is-disabled:focus, input[type=password].is-disabled:active, input[type=datetime][disabled]:focus, input[type=datetime][disabled]:active, input[type=datetime].is-disabled:focus, input[type=datetime].is-disabled:active, input[type=datetime-local][disabled]:focus, input[type=datetime-local][disabled]:active, input[type=datetime-local].is-disabled:focus, input[type=datetime-local].is-disabled:active, input[type=date][disabled]:focus, input[type=date][disabled]:active, input[type=date].is-disabled:focus, input[type=date].is-disabled:active, input[type=month][disabled]:focus, input[type=month][disabled]:active, input[type=month].is-disabled:focus, input[type=month].is-disabled:active, input[type=time][disabled]:focus, input[type=time][disabled]:active, input[type=time].is-disabled:focus, input[type=time].is-disabled:active, input[type=week][disabled]:focus, input[type=week][disabled]:active, input[type=week].is-disabled:focus, input[type=week].is-disabled:active, input[type=number][disabled]:focus, input[type=number][disabled]:active, input[type=number].is-disabled:focus, input[type=number].is-disabled:active, input[type=email][disabled]:focus, input[type=email][disabled]:active, input[type=email].is-disabled:focus, input[type=email].is-disabled:active, input[type=url][disabled]:focus, input[type=url][disabled]:active, input[type=url].is-disabled:focus, input[type=url].is-disabled:active, input[type=search][disabled]:focus, input[type=search][disabled]:active, input[type=search].is-disabled:focus, input[type=search].is-disabled:active, input[type=tel][disabled]:focus, input[type=tel][disabled]:active, input[type=tel].is-disabled:focus, input[type=tel].is-disabled:active, input[type=color][disabled]:focus, input[type=color][disabled]:active, input[type=color].is-disabled:focus, input[type=color].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active {
  background-color: #d5edf8
}
input[type=password] {
  letter-spacing: .3em
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em
}
select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 97.5% center;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
select::-ms-expand {
  display: none
}
.wrap {
  width: 92%;
  margin: 0 auto
}
.single .insidesp, .page .insidesp {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 2%
}
a {
  text-decoration: none;
  transition: .3s ease-in-out
}
a:hover {
  text-decoration: underline;
  cursor: pointer
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-weight: 700
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none
}
h1, .h1 {
  font-size: 1.35em;
  line-height: 1.6
}
h2, .h2 {
  /*margin-bottom: 1em;*/
  /*margin-top: 1em;*/
  font-size: 1.5em;
  line-height: 1.56
}
h3, .h3 {
  font-size: 1.2em
}
h4, .h4 {
  font-size: 1.1em
}
h5, .h5 {
  margin-bottom: .5em;
  font-size: 1em;
  line-height: 1.5
}
.entry-content h2 {
  margin: 2.5em 0 1em;
  font-size: 1.4em;
  line-height: 1.6
}
.tos h2 {
  font-size: 16px;
  color: #966f39
}
.entry-content h3 {
  margin: 2.8em 0 .7em;
  padding: 10px 0 10px 10px;
  border-left-width: 4px;
  border-left-style: solid;
  font-size: 1.3em;
  line-height: 1.5
}
.entry-content h4 {
  margin: 2.5em 0 .7em;
  font-size: 1.2em
}
.header {
  position: relative;
  z-index: 99;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .18)
}
#inner-header {
  max-width: 96%
}
#drawer + #inner-header {
  max-width: calc(100% - 76px)
}
#logo {
  display: table;
  margin: 0;
  padding: 0 0 0 5px;
  width: 100%;
  font-size: 6vmin;
  text-align: center;
  letter-spacing: 1px
}
#logo:before {
  content: '';
  height: 62px;
  display: block;
  float: left
}
#logo a {
  display: table-cell;
  line-height: 1.5;
  vertical-align: middle
}
#logo a:hover {
  opacity: .5
}
#logo img {
  display: inline-block;
  height: 62px;
  padding: 10px 0;
  vertical-align: middle
}
.desktop-nav {
  display: none
}
.mobile-nav {
  overflow: hidden
}
.mobile-nav, .mobile-nav li, .mobile-nav li a {
  height: auto
}
.mobile-nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0;
  text-align: center
}
@keyframes RightToLeft {
  0% {
    transform: translateX(15px)
  }
}
.mobile-nav li {
  display: inline-block;
  opacity: .8
}
.mobile-nav li.current-menu-item {
  border-bottom-width: 0;
  border-bottom-style: none;
  opacity: 1
}
.mobile-nav li a {
  padding: 0 6px;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle
}
.mobile-nav li a:hover {
  opacity: 1;
  text-decoration: none
}
@media screen and (max-width:768px) {
  .mobile-nav li a {
    font-size: 10px
  }
}
#drawer__content {
  overflow: auto;
  position: fixed;
  z-index: 9999;
  width: 90%;
  max-width: 330px;
  height: 100%;
  padding-bottom: 50px;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  -webkit-overflow-scrolling: touch
}
#drawer__content .widget {
  margin: 0 0 15px
}
#drawer__content .widget_search {
  margin: 1em
}
#drawer__content input#s {
  background: #efefef;
  box-shadow: none
}
.drawer__title {
  position: relative;
  padding: 7px 15px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px
}
.drawer__title .close {
  display: inline-block;
  padding: 10px 3px
}
.drawer__title .close span {
  height: 30px;
  margin: 0 20px 0 7px
}
.drawer__title .close span:before {
  left: -13px;
  width: 30px
}
.drawer--unshown {
  display: none
}
#drawer__open {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  padding: 0;
  border: none;
  background: 0 0;
  outline: none;
  font-size: 23px;
  text-align: center;
  vertical-align: middle;
  line-height: 62px
}
#drawer__close-cover {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: .3s ease-in-out
}
#drawer__input:checked ~ #drawer__content {
  box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
  -webkit-transform: translateX(0%);
  transform: translateX(0%)
}
#drawer__input:checked ~ #drawer__close-cover {
  display: block;
  opacity: .5
}
.header-info a {
  display: block;
  padding: 10px;
  font-weight: 700;
  border-top: solid 1px rgba(255, 255, 255, .3);
  text-align: center;
  animation: fadeHeader .7s ease 0s 1 normal
}
.header-info a:hover {
  text-decoration: none;
  background-size: 140%;
  opacity: .9
}
#content {
  margin-top: 2em;
  padding-bottom: 3em
}


.sp_lank #content, .page #content {
  margin-top: 0
}


#entry {
  margin-bottom: 1.5em;
  border-radius: 3px;
  background-color: #fff
}
#entry header {
  color: #070f15
}
#entry footer {
  margin: 2em 0 0
}
#entry footer aside {
  position: relative
}
footer p {
  margin: 0
}
.post-thumbnail {
  margin: 0
}
.post-thumbnail img {
  width: 100%
}
.withspace {
  padding: 0 15px
}
.fixed-menu {
  margin-bottom: 54px
}
.fixed-menu ul {
  position: fixed;
  display: table;
  table-layout: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 98;
  box-shadow: 0 -1px 3px rgba(100, 120, 130, .25)
}
.fixed-menu ul li .fa {
  font-size: 24px;
  display: block
}
.fixed-menu ul li {
  display: table-cell;
  text-align: center
}
.fixed-menu ul li a {
  display: block;
  padding: 9px 0 6px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden
}
.fixed-menu a:hover, .fixed-menu__follow a {
  text-decoration: none
}
.single-title, .page-title, .entry-title {
  position: relative;
  margin: 0;
  padding: 20px 15px 15px;
  color: #444
}
.entry-meta {
  margin: 0 0 20px;
  padding: 0 15px;
  color: #8e949a
}
.entry-time {
  padding: 0 10px 0 0
}
.entry-header .pubdate:before {
  padding-right: 5px;
  font-family: FontAwesome;
  content: "\f133"
}
.entry-header .updated:before {
  padding-right: 5px;
  font-family: FontAwesome;
  content: "\f021"
}
.nothumb .entry-meta {
  position: relative;
  font-size: 15px
}
.nothumb .entry-meta:after, .nothumb .page-title:after {
  position: absolute;
  bottom: -40px;
  left: 15px;
  display: inline-block;
  content: "";
  width: 80px;
  height: 11px;
  background-image: url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/library/images/gizagiza.svg);
  background-size: contain;
  background-repeat: no-repeat
}
.nothumb .page-title:after {
  bottom: -15px
}
.nothumb .fab-btn {
  margin: -40px 15px 0 auto
}
.entry-content {
  padding: 40px 15px 0
}
.entry-content p {
  margin: 0 0 1.5em
}
.entry-content p a {
  text-decoration: underline
}
.entry-content p a:hover {
  text-decoration: none
}
.entry-content table {
  width: 100%;
  margin-bottom: 1.5em;
  border: 2px solid #e0e0e0
}
.entry-content table.tb-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch
}
.entry-content table caption {
  margin: 0 0 7px;
  color: #9fa6b4;
  font-size: .75em;
  letter-spacing: 1px
}
.entry-content tr:not(:last-child) {
  border-bottom: 2px solid #e0e0e0
}
.entry-content td {
  padding: 7px;
  border-right: 2px solid #e0e0e0
}
.entry-content td:last-child {
  border-right: 0
}
.entry-content th {
  padding: 7px;
  border-right: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  background-color: #f8f9fa
}
.entry-content blockquote {
  box-sizing: border-box;
  position: relative;
  margin: 1.5em 0;
  padding: 13px 15px 13px 50px;
  border: solid 2px #464646;
  color: #464646
}
.entry-content blockquote:before {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 15px;
  font-family: FontAwesome;
  font-size: 25px;
  vertical-align: middle;
  line-height: 1;
  content: "\f10d"
}
.entry-content blockquote p {
  margin: 10px 0;
  padding: 0;
  line-height: 1.7
}
.entry-content blockquote cite {
  display: block;
  color: #888;
  font-size: .9em;
  text-align: right
}
.entry-content blockquote ul, .entry-content blockquote ol {
  border: none;
  padding: 5px 0 5px 22px;
  margin: 0;
  background: 0 0
}
.entry-content ul {
  list-style-type: disc;
  margin-bottom: 1.5em;
  padding: 1.5em 1em 1.5em 2.5em;
  border: solid 2px #dcdcdc
}
.entry-content li {
  padding: 5px 0
}
.entry-content li ul li, .entry-content li ol li {
  padding: 0
}
.entry-content ol {
  list-style-type: decimal;
  margin-bottom: 1.5em;
  padding: 1.5em 1em 1.5em 2.5em;
  border: solid 2px #dcdcdc
}
.entry-content ul li ul, .entry-content ol li ul, .entry-content ol li ol {
  margin: 0;
  padding: .5em 0 .5em 1.3em;
  border: none
}
.entry-content dd {
  margin-bottom: 1.5em;
  margin-left: 0;
  color: #787878;
  font-size: .9em
}
.entry-content img {
  max-width: 100%;
  height: auto
}
.entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail {
  max-width: 100%;
  height: auto
}
.entry-content .aligncenter, .entry-content img.aligncenter {
  display: block;
  clear: both;
  margin-right: auto;
  margin-left: auto
}
.page-links {
  margin: 2em 0 0;
  text-align: center
}
.page-links a {
  display: inline-block
}
.page-links span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 3px;
  border-radius: 50%;
  background: #ececec;
  font-size: 21px;
  text-align: center;
  line-height: 40px
}
.page-links a span:hover {
  opacity: .8
}
.prev.page-numbers, .next.page-numbers {
  width: 15px;
  background: 0 0
}
.prev.page-numbers:hover, .next.page-numbers:hover {
  background: transparent !important;
  opacity: .7
}
#breads li {
  font-weight: 700
}
.cardtype, .sidelong {
  margin-bottom: 1em
}
.cat-name {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 13px;
  left: 13px;
  height: 22px;
  margin: 0;
  padding: 0 10px;
  border-radius: 14px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 22px
}
.cat-name:hover {
  text-decoration: none;
  background: silver
}
.home_bottom {
  margin: 1em 0
}
.home_top {
  margin: 0 0 .8em
}
#content.page-forfront {
  margin-top: 0;
  padding: 15px;
  background: #fff
}
#content.page-forfront .entry-content {
  padding: 0 !important
}
.sidelong__article {
  position: relative;
  width: 100%;
  margin: 0 0 1em;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  transition: .3s ease-in-out
}
.sidelong__article:hover {
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2)
}
.sidelong__link {
  display: table;
  width: 100%;
  padding: 7px;
  color: #555;
  text-decoration: none;
  cursor: pointer
}
.sidelong__link:hover {
  text-decoration: none
}
.sidelong__img, .sidelong__article-info {
  display: table-cell;
  vertical-align: middle
}
.sidelong__img {
  width: 90px;
  height: 90px
}
.sidelong__img img {
  width: 100%
}
.sidelong__article-info {
  width: calc(100% - 90px);
  padding-left: 10px
}
.sidelong time {
  display: block;
  color: #b5b5b5;
  font-size: 13px;
  font-weight: 700;
  margin: 0
}
.sidelong h2 {
  display: -webkit-box;
  overflow: hidden;
  height: 4.2em;
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}
.sidelong .newmark {
  top: 4px;
  right: auto;
  left: 4px
}
.pagination, .wp-prev-next {
  margin: 1.5em 0
}
.pagination {
  text-align: left
}
.pagination ul {
  display: block;
  clear: both;
  padding: 1.5em 0 0;
  border-radius: 3px;
  text-align: center
}
.pagination li {
  display: inline-block;
  overflow: hidden;
  margin: 3.5px;
  padding: 0;
  text-align: center
}
.pagination a, .pagination span {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 0;
  border-radius: 50%;
  background: #fff;
  font-size: 17.5px;
  font-weight: 700;
  text-decoration: none;
  line-height: 46px
}
.pagination .current {
  color: #fff;
  cursor: default
}
.page-numbers.dots {
  width: auto;
  padding: 0;
  background: 0 0
}
.wp-prev-next .prev-link {
  float: left
}
.wp-prev-next .next-link {
  float: right
}
#sidebar1 h4:first-child, #nav_drawer h4:first-child {
  margin-top: 0
}
.widget {
  margin: 0 0 2.5em;
  background: #fff;
  font-size: .98em
}
.widgettitle {
  margin-bottom: 0;
  padding: 7px 13px;
  font-size: 1.2em
}
.widget ul {
  margin: 0
}
.widget h4 + * {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 10px
}
.widget .textwidget {
  padding: 10px
}
.textwidget p {
  margin: .5em 0
}
.widget .custom-html-widget {
  padding: 0
}
.widget ul li {
  margin: 0;
  font-weight: 700
}
.widget ul li ul {
  margin: 0
}
.widget ul li ul li a {
  padding: 5px 7px 5px 13px;
  font-size: 15px;
  font-weight: 400
}
.widget ul li ul li a:before {
  padding-right: 5px;
  color: silver;
  font-family: FontAwesome;
  content: "\f105"
}
.widget ul li a {
  display: block;
  padding: 7px;
  color: #626262;
  text-decoration: none
}
.widget ul li a:hover {
  background: #efefef
}
.widget.popular-posts ul li a:hover {
  background: 0 0
}
#fixed_sidebar {
  display: none;
  margin-top: 25px
}
#fixed_sidebar .widget {
  margin-bottom: 1em
}
.sidefixed {
  position: fixed;
  top: 0
}
.widget_search {
  background: 0 0
}
#searchform div {
  position: relative;
  max-width: 400px
}
input#s {
  padding-right: 48px;
  border-bottom: solid 1px #efefef;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15), 0 3px 3px -2px rgba(0, 0, 0, .15);
  transition: .3s ease-in-out;
  -webkit-appearance: none
}
input#s:focus {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15)
}
#searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  padding: 0;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, .1);
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px
}
#searchsubmit .fa {
  transition: .4s ease-in-out
}
input#s:focus + #searchsubmit .fa {
  font-size: 24px
}
.no-widgets {
  margin-bottom: 1.5em;
  padding: 1.5em;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
  text-align: center
}
.sponsored {
  margin: 1em 0
}
.entry-content .sponsored:first-child {
  margin-top: 0
}
#main .h-undeline {
  position: relative;
  margin: 0;
  padding: 14px 10px;
  font-weight: 700;
  text-align: center;
  background: #eaedf2
}
.footer {
  position: relative;
  clear: both;
  font-size: .95em;
  background: transparent !important;
  margin-top: 40px
}
.footer .fab-btn {
  margin: -60px 10px 0 auto;
  color: #fff;
  opacity: 1
}
.footer h3 {
  color: #fff;
  margin: 20px 0 10px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 700;
  border-left: 3px solid #eda43d
}
#inner-footer {
  padding: 2em 0 3em;
  padding-bottom: 0
}
.ft_title {
  margin: 0 0 .7em;
  padding: 2px 0 2px 10px;
  border-left: solid 3px;
  font-size: 1.2em
}
.footer .widget ul li a, .footer .my-widget__text {
  opacity: .75
}
.footer .widget .my-widget li a {
  opacity: 1
}
.footer p {
  line-height: 1.55
}
.footer p a {
  text-decoration: underline
}
.footer p a:hover {
  opacity: .7
}
.footer .ft_widget, .footer .my_popular_posts {
  margin: 1.5em 0 3em;
  background: 0 0
}
.footer .widget h4 + * {
  padding: 0
}
.footer .my-widget__img img {
  border: none;
  box-shadow: 0 3px 15px rgba(0, 0, 0, .15)
}
.footer .widget ul li a {
  position: relative;
  padding: 8px 0 8px 13px
}
.footer .widget ul li a:hover {
  background: 0 0;
  text-decoration: underline
}
.footer .widget .my-widget li a {
  padding-left: 0
}
.footer .widget .my-widget li a:hover {
  text-decoration: none
}
.footer .widget ul:not(.my-widget) li a:before {
  position: absolute;
  left: 0;
  font-family: FontAwesome;
  content: "\f105"
}
.footer .widget ul li ul li a {
  margin-left: 15px
}
.footer .tagcloud a {
  background: rgba(0, 0, 0, .18);
  text-decoration: none
}
.footer select {
  background-color: #fff
}
#footer-menu {
  padding: 20px 10px 10px
}
#footer-menu a {
  color: #fff;
  text-decoration: none
}
.footer-menu__btn {
  font-size: 20px;
  transition: .3s ease-in-out
}
.footer-menu__btn:hover {
  opacity: .7
}
#footer-menu nav {
  display: inline-block
}
#footer-menu ul {
  margin: 0
}
#footer-menu li {
  padding: 0 6px;
  font-size: 14.5px
}
#footer-menu li a:hover {
  text-decoration: underline
}
.copyright {
  margin: 5px 0 0;
  font-size: 13.5px;
  opacity: .7
}
.totop {
  width: 54px;
  height: 54px;
  display: block !important;
  text-align: center;
  position: fixed;
  bottom: 15px;
  right: 10px;
  border-radius: 50%;
  opacity: .6;
  transition: none
}
.fixed-menu ~ .totop {
  bottom: 70px
}
.totop .fa {
  display: inline-block;
  height: 54px;
  line-height: 52px;
  color: #fff;
  vertical-align: middle
}
.totop:hover {
  opacity: .9
}
.raised {
  display: inline-block;
  margin: .5em 0;
  padding: .4em 1.3em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .2), 0 2px 3px -2px rgba(0, 0, 0, .15);
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  transition: .3s ease-in-out
}
.raised:hover, .raised:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, .24);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent
}
#breadcrumb {
  margin: 0;
  padding: 13px 15px;
  background: #f4f4f4
}
.archive #breadcrumb {
  padding: 0;
  background: 0 0
}
#breadcrumb ul {
  margin: 0
}
#breadcrumb li {
  display: inline;
  list-style: none;
  color: gray
}
#breadcrumb li:after {
  padding: 0 5px;
  color: #b7b7b7;
  font-family: FontAwesome;
  content: "\f105"
}
#breadcrumb li a {
  font-size: .87em;
  text-decoration: none
}
#breadcrumb li:first-child a:before {
  padding-right: 5px;
  font-family: FontAwesome;
  font-size: 1.1em;
  font-weight: 400;
  content: "\f015"
}
#breadcrumb li a:hover {
  color: gray;
  text-decoration: none
}
#archive_header {
  margin: 0 0 2em;
  padding: 10px 15px;
  border-top-width: 3px;
  border-top-style: solid;
  background: #fff
}
#archive_header h1 {
  margin: .5em 0
}
#archive_header ul {
  margin: .1em 0
}
#archive_header .cat-item {
  display: inline-block;
  overflow: hidden;
  margin: 0 5px 5px 0;
  padding: 3px 14px;
  border-radius: 20px;
  background: #eaedf2;
  font-size: .9em;
  transition: .2s ease-in-out
}
#archive_header .cat-item:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, .2)
}
#archive_header .cat-item a {
  color: #4c4c4c
}
#archive_header .cat-item a:hover {
  text-decoration: none
}
#archive_header .taxonomy-description {
  padding: 0
}
#header-image {
  min-height: 200px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  animation: fadeHeader 1s ease 0s 1 normal
}
@keyframes fadeHeader {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }
  100% {
    opacity: 1
  }
}
.header-image__text {
  max-width: 1080px;
  margin: 0 auto;
  padding: 13% 20px 15%;
  color: #fff;
  text-align: center;
  line-height: 1.5
}
.header-image__text p {
  margin: 10px 0;
  white-space: pre-wrap
}
.header-image__headline {
  font-size: 2em;
  font-weight: 700
}
.header-image__descr {
  font-size: .9em
}
.header-image__btn {
  margin: 20px 0 0
}
.header-image__btn .raised {
  font-size: 19px;
  line-height: 1.6
}
#divheader {
  -webkit-animation: fadeHeader 1s ease 0s 1 normal;
  animation: fadeHeader 1s ease 0s 1 normal
}
.divheader__img img {
  width: 100%
}
.divheader__text {
  padding: 15px
}
.divheader__headline {
  margin: 0 0 5px;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.4
}
.divheader__descr {
  margin: .5em 0;
  font-size: 1em;
  white-space: pre-wrap
}
.divheader__btn {
  margin: 15px 0;
  text-align: center
}
.divheader__btn .raised {
  font-size: 18px;
  font-weight: 700
}
.divheader__btn .raised:before {
  content: '\f0da';
  font-family: FontAwesome;
  padding-right: 8px
}
.notfound {
  margin-bottom: 2em
}
.nofound-title {
  position: relative;
  padding: 1em .5em;
  background: #fff;
  font-size: 1.1em;
  font-weight: 700;
  text-align: center
}
.nofound-title .fa-tint {
  color: #84c2ff;
  -webkit-animation: slideDown 1s ease 0s 1 normal;
  animation: slideDown 1s ease 0s 1 normal
}
.nofound-title:before {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #fff;
  content: ""
}
.nofound-img {
  position: relative
}
.nofound-img h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, .8);
  font-size: 6em;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.nofound-contents {
  padding: 1em;
  background: #fff
}
.nofound-contents #searchform input#s {
  background: #f2f2f2
}
.center, .ct {
  text-align: center
}
.withtag_list {
  margin: 1.5em 0
}
.withtag_list > span {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: 700
}
.withtag_list ul {
  list-style-type: disc;
  margin: 0;
  padding: .5em .5em .5em 2em;
  background: #f2f2f2;
  color: #878787
}
.withtag_list ul li ul {
  padding: .3em 0 .3em 1em
}
.search-title {
  margin: 0 0 1em
}
.search-title .fa-search {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 2em
}
.screen-reader-text {
  display: none
}
#inner-content .ads-title {
  margin-bottom: .5em;
  color: #878787;
  font-size: .95em;
  text-align: center
}
@media only screen and (min-width:481px) {
  #logo {
    font-size: 23px
  }
  .div-text .smltext {
    font-size: 1.1em
  }
  .home_bottom {
    margin: 1em 2%
  }
  .home_top {
    margin: 0 2% .8em
  }
  .sidelong__article {
    width: 96%;
    margin: 0 1.8% 25px
  }
  .sidelong__link {
    padding: 10px
  }
  .sidelong__img {
    width: 120px;
    height: 120px
  }
  .sidelong__article-info {
    width: calc(100% - 120px);
    padding-left: 15px
  }
  .sidelong h2 {
    font-size: 19px
  }
  #archive_header {
    margin: 0 2% 1.5em
  }
  .single-title, .page-title, .entry-title, .entry-meta, .entry-content {
    padding-right: 25px;
    padding-left: 25px
  }
  .nothumb .entry-meta:after, .nothumb .page-title:after {
    left: 25px
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
  }
  .entry-content .alignright, .entry-content img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
  }
  .share-abst {
    max-width: 294px;
    height: 180px
  }
  .nofound-contents {
    padding: 2em
  }
  .totop {
    right: 18px;
    bottom: 20px
  }
}
@media only screen and (min-width:768px) {
  .wrap {
    width: 96%
  }
  .single #content, .page #content {
    margin-top: 2em
  }
  #logo {
    display: inline-block;
    height: 62px;
    line-height: 62px;
    margin: 0 5px 0 0;
    text-align: left;
    width: auto
  }
  #logo:before {
    content: none
  }
  #logo a {
    display: inline;
    line-height: inherit;
    vertical-align: baseline
  }
  #logo img {
    vertical-align: top;
    padding: 6px 6px 6px 0
  }
  .header--center {
    height: auto;
    padding: 0
  }
  .header--center #logo {
    display: block;
    height: auto;
    margin: 0;
    padding: 10px;
    text-align: center;
    line-height: 1.5
  }
  .header--center #logo img {
    padding: 0 5px;
    vertical-align: middle
  }
  .mobile-nav {
    display: none
  }
  .desktop-nav, .desktop-nav ul, .desktop-nav li, .desktop-nav li a {
    display: inline-block;
    vertical-align: top;
    margin: 0
  }
  .desktop-nav {
    float: right;
    font-weight: 700
  }
  .desktop-nav li {
    position: relative
  }
  .desktop-nav li a {
    height: 62px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 62px
  }
  .desktop-nav li .fa {
    opacity: 1;
    padding-right: 8px;
    font-size: 16px
  }
  .desktop-nav .current-menu-item a {
    opacity: 1
  }
  .desktop-nav li a:hover {
    text-decoration: none
  }
  .desktop-nav li:after {
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    transition: transform .3s ease-in-out;
    transform: scale(0, 1);
    transform-origin: left top
  }
  .desktop-nav li:hover:after {
    transform: scale(1, 1)
  }
  .header--center .desktop-nav {
    display: block;
    float: none;
    text-align: center
  }
  .header--center .desktop-nav li a {
    height: auto;
    padding: 10px 15px 15px;
    font-size: 15px;
    line-height: 1.5
  }
  .desktop-nav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 180px;
    color: #fff;
    background-color: #545454;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .22);
    transition: .3s ease-in-out
  }
  .desktop-nav li:hover .sub-menu {
    display: block
  }
  .desktop-nav .sub-menu li {
    display: block;
    border-bottom: solid 1px #7b7b7b
  }
  .desktop-nav .sub-menu li a {
    display: block;
    height: auto;
    line-height: 1.5;
    padding: 10px;
    font-size: 13.5px;
    vertical-align: middle;
    text-align: left;
    color: rgba(255, 255, 255, .86)
  }
  .desktop-nav .sub-menu li a:hover {
    background: gray
  }
  .desktop-nav .sub-menu li:hover:after {
    content: none
  }
  #drawer__open {
    display: none
  }
  #inner-header {
    max-width: 100%
  }
  .header-image__headline {
    font-size: 3em
  }
  .header-image__descr {
    font-size: 1.1em
  }
  #divheader {
    display: table
  }
  .divheader__img, .divheader__text {
    display: table-cell;
    width: 50%;
    vertical-align: middle
  }
  .divheader__img img {
    width: 100%
  }
  .divheader__text {
    padding: 15px 30px
  }
  .divheader__headline, .divheader__descr, .divheader__btn {
    max-width: 550px;
    text-align: left
  }
  .home_bottom {
    margin: 1em 2%
  }
  .home_top {
    margin: 0 2% .8em
  }
  .article-header {
    margin: 20px 25px
  }
  .single #breadcrumb, .page #breadcrumb {
    padding: 0;
    background: 0 0
  }
  .single-title, .page-title, .entry-title {
    padding: 15px 0
  }
  .entry-meta {
    margin: 0;
    padding: 0 0 15px
  }
  .nothumb .entry-meta {
    margin-bottom: 20px;
    padding: 0
  }
  .nothumb .entry-meta:after, .nothumb .page-title:after {
    left: 0
  }
  .tb-responsive {
    display: table;
    overflow-x: visible;
    width: auto;
    white-space: normal
  }
  .entry-content {
    padding: 10px 25px 0
  }
  .entry-content table.tb-responsive {
    display: table;
    overflow-x: visible;
    width: auto;
    border: 2px solid #e0e0e0;
    white-space: normal
  }
  #fab:checked ~ .fab-btn {
    opacity: 0;
    -webkit-transform: translate(-50px, -50px) scale3d(3, 3, 1);
    transform: translate(-50px, -50px) scale3d(3, 3, 1)
  }
  #fab__contents {
    top: 50%;
    left: 50%;
    width: 350px;
    height: auto;
    padding: 30px 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  #fab:checked ~ .fab__close-cover {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: .5s ease-in-out
  }
  .close {
    padding: 20px 15px
  }
  .single .insidesp, .page .insidesp {
    padding: 0
  }
  .footer-contents {
    padding: 0 25px
  }
  .footer-meta {
    padding: 10px 0;
    text-align: right
  }
  .sns-dif + .like_box {
    padding-top: 12px;
    background: #eaedf2
  }
  .page .footer-contents {
    margin-bottom: 2em
  }
  .prnx.pr {
    float: left;
    margin: 15px 0
  }
  .prnx.nx {
    float: right;
    margin: 15px 0
  }
  .fblock {
    float: left;
    width: 47%
  }
  .fblock.first {
    margin-right: 6%
  }
  .notfound {
    margin-right: 4%
  }
  #fixed_sidebar {
    display: block
  }
  #content.one-column {
    margin-top: 0;
    background: #fff
  }
  .one-column #inner-content {
    width: 100%
  }
  .one-column #main {
    float: none;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    padding-right: 0
  }
  .one-column .author-info, .one-column .prnx_box {
    margin: 0 25px
  }
  #content.page-forfront {
    margin-top: 0;
    padding: 30px
  }
  #footer-menu li {
    display: inline-block;
    padding: 0 0 0 10px
  }
  #footer-menu li:last-child {
    border: none
  }
  .footer__base-corporate-link li {
    padding-left: 0
  }
}
@media only screen and (min-width:1030px) {
  .wrap {
    width: 1000px
  }
  .sidelong__article {
    float: left;
    width: 45.5%;
    margin: 0 3% 3% 0
  }
  .sidelong__link {
    padding: 8px
  }
  .sidelong__img {
    width: 100px;
    height: 100px
  }
  .sidelong__article-info {
    width: calc(100% - 100px);
    padding-left: 10px
  }
  .sidelong h2 {
    font-size: 16px
  }
  .maximg {
    max-width: 1000px;
    margin: 30px auto 45px
  }
  .home_bottom {
    margin: 1em 6% 1em 0
  }
  .home_top {
    margin: 0 6% 1em 0
  }
  #archive_header {
    margin: 0 6% 1.5em 0;
    padding: 20px
  }
  h1 {
    font-size: 1.5em
  }
  .article-header {
    margin: 25px 40px
  }
  .entry-content {
    padding: 10px 40px 0
  }
  .footer-contents {
    padding: 0 40px
  }
  .one-column .author-info, .one-column .prnx_box {
    margin: 0 40px
  }
  .fblock, .fblock.first {
    width: 30%;
    margin-right: 5%
  }
  .fblock.last {
    margin-right: 0
  }
}
.dokidoki {
  animation: dokidoki 1.5s infinite
}
@keyframes dokidoki {
  0% {
    transform: scale(1.05)
  }
  5% {
    transform: scale(1)
  }
  95% {
    transform: scale(1)
  }
  100% {
    -webkit-transform: scale(1.05)
  }
}

/*
（元base_style_sp_dl_a.css）ここまで
---------------------------------------------------------------------------*/










/*
ベース設定　統合（元base_style_sp_dl_b.css）
-------------------------------------------------*/
/*head設定*/
.cf,.clearfix {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
p.min,
span.min {
 font-size:.6rem !important;
 font-weight:400 !important;
 width:100%;
 display:block
}
p.min-re {
 font-size:.6rem !important;
 font-weight:400 !important;
 margin:0
}
.header {
 background-color:#262f3e;
 border-bottom:2px solid #eda43d;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:80px
}
.header__brand {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 flex-direction:column;
 width:calc(100% - 70%)
}
.header__logo {
 margin-top:0;
 margin-bottom:0;
 line-height:1
}
h1 {
 font-size:2em;
 margin:.67em 0
}
.header__logo img {
 width:30px;
 padding-right:3px;
 margin-top:-2px
}
.header__brand h2 {
 margin-top:0;
 margin-bottom:-5px;
 font-size:10px;
 font-weight:400;
 color:#fff
}
.header__logo a {
 font-size:20px;
 color:#666;
 text-decoration:none
}
.wrap.short {
 max-width:740px
}
.type__d {
 margin-right:.5em
}
@media screen and (max-width:767px) {
 .header__logo img {
  width:20px
 }
 h1 {
  font-size:10px
 }
 h1.page {
  font-size:20px;
  margin:0 0 10px
 }
 .header__logo a {
  font-size:10px
 }
 .header__brand {
  width:40%;
  flex-direction:row
 }
 header.smaller {
  position:fixed;
  width:100%;
  top:0
 }
 
/* header.smaller .header__brand {
  display:none !important
 }*/
 
/* header.smaller nav.mobile-nav {
  width:100% !important
 }*/
 
/* header.smaller nav.mobile-nav li {
  width:33.333%
 }*/
 
}
.home #content {
 margin-top:0
}
#content {
 padding-bottom:0
}
table {
 width:100%
}
.ac_input {
 display:none
}
.ac_input~label {
 display:block;
 position:relative;
 padding:5px 20px;
 font-weight:700;
 border:1px solid #47b980;
 cursor:pointer;
 transition:.3s;
 border-radius:2px;
 font-size:.8em;
 color:#47b980
}
.ac_input~label:after {
 content:"+";
 font-family:"Quicksand",sans-serif;
 position:absolute;
 right:14px;
 top:17px;
 top:calc(50% - 7.5px);
 line-height:11px;
 font-size:23px;
 font-weight:400;
 color:#47b980
}
.detail_table_wrap .ac_input~label,
.detail_table_wrap .ac_input~label:after {
 border-color:#525252;
 color:#525252
}
.ac_input:checked+label:after {
 content:"-"
}
.ac_content {
 height:0;
 padding:0;
 overflow:hidden;
 opacity:0;
 transition:.5s;
 margin-bottom:10px
}
.ac_input:checked~.ac_content {
 height:auto;
 opacity:1;
 overflow:visible
}
.rel {
 position:relative
}
.keiko_yellow,
.keiko_green,
.keiko_blue,
.red,
.green,
.orange,
.silver {
 font-weight:700
}
#item_top td span,
.cs_item td span.red,
.cs_item td span.black {
 font-size:12px
}
.cs_item td span.bold-b {
 font-weight:700;
 font-size:16px
}
.nofound-img {
 text-align:center
}
.nofound-contents form div {
 margin-left:auto;
 margin-right:auto
}
.header {
 box-shadow:none;
 padding:5px 0 8px
}
.header-info a {
 padding:4px;
 font-size:.7em
}
#logo {
 font-size:1em
}
#logo:before {
 display:none
}
#logo a {
 display:block
}
#logo span {
 display:block;
 font-size:.6em;
 line-height:1;
 color:#e1ff6f
}
#logo img {
 height:auto;
 width:180px;
 padding:0
}
.spring-nav {
 line-height:1
}
.spring-nav li {
 list-style:none;
 text-align:center;
 display:inline-block;
 width:20%;
 line-height:1;
 position:relative
}
.spring-nav li:before {
 content:'';
 position:absolute;
 display:block;
 height:80%;
 width:1px;
 left:0;
 top:50%;
 margin-top:-25%;
 background:#e6e6e6
}
.spring-nav li:first-child:before {
 display:none
}
.spring-nav li a {
 color:#a4a4a4;
 font-size:.67em;
 font-weight:700;
 line-height:1;
 display:block;
 padding:4px 0
}
.spring-nav li a span {
 display:block
}
.spring-nav li a span svg {
 width:18px;
 height:18px
}
.spring-nav li a span svg path,
.spring-nav li a span svg polygon {
 fill:#47b980
}
body .totop {
 background:#47b980
}
#mv {
 margin:1em 0
}
#custom_search_form {
 padding:20px 20px 40px;
 position:relative;
 margin-top:0
}
#custom_search_form:after {
 position:absolute;
 content:'';
 background:#f5f5f5;
 width:100%;
 height:100%;
 top:0;
 left:0;
 z-index:-10;
 border-radius:2px
}
.csf_title {
 margin:-20px -20px 0;
 background:#394959;
 color:#fff;
 padding:10px 20px;
 text-align:left;
 position:relative;
 border-top-left-radius:4px;
 border-top-right-radius:4px
}
.csf_title:before {
 content:'\f002';
 font-family:Fontawesome;
 font-size:1.2em;
 margin-right:10px
}
#custom_search_form dt {
 font-weight:700;
 padding:6px;
 padding:1px 15px;
 line-height:1;
 font-size:16px;
 font-weight:500;
 border-left:4px solid #efa53a;
 margin-bottom:15px
}
#custom_search_form table {
 width:100%
}
#custom_search_form th,
#custom_search_form td {
 border:2px solid #ddd;
 padding:10px;
 font-size:.85em
}
#custom_search_form th {
 background:#fafafa;
 width:13%;
 font-size:.75em
}
#custom_search_form td {
 position:relative
}
#custom_search_form td:after {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:#fff;
 z-index:-3
}
#custom_search_form .csf_labels,
#sp_custom_search_form .csf_labels {
 display:inline-block
}
#custom_search_form .csf_labels img {
 width:64px
}
#sp_custom_search_form .csf_labels img {
 width:32px
}
.csf_osusume {
 margin:0 0 20px
}
ul.csf_osusume li input[type=checkbox]+label>i {
 position:absolute;
 top:calc(50% - 14px);
 right:-10px;
 height:28px;
 font-size:30px
}
.csf_osusume .fa {
 display:inline-block;
 font:normal normal normal 14px/1 FontAwesome;
 font-size:inherit;
 text-rendering:auto;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
#custom_search_form .csf_labels {
 margin-right:10px
}
.csf_osusume li {
 display:inline-block;
 margin:0 1% 0 0;
 font-size:.9em;
 position:relative;
 padding:18px 30px 19px 15px;
 transition:all .3s
}
.csf_osusume li span {
 display:block;
 font-size:.8em
}
.csf_osusume li:before {
 content:'';
 display:block;
 height:100%;
 width:100%;
 background:#fff;
 z-index:-2;
 position:absolute;
 left:0;
 top:0;
 border-radius:9px;
 box-shadow:1px 1px 1px #ccc
}
.csf_osusume li:hover:before {
 background:#fafafa
}
.csf_labels span {
 font-size:.9em
}
@keyframes click-wave {
 0% {
  position:relative;
  width:24px;
  height:24px;
  opacity:.35
 }
 100% {
  width:200px;
  height:200px;
  margin-top:-86px;
  margin-left:-86px;
  opacity:0
 }
}
.csf_radio input,
.csf_check input {
 position:relative;
 top:2px;
 right:0;
 bottom:0;
 left:-5px;
 width:17px;
 height:17px;
 cursor:pointer;
 transition:all .15s ease-out 0s;
 color:#fff;
 border:none;
 outline:none;
 background-color:#f9f6f1;
 border:1px solid #ccc;
 -webkit-appearance:none;
 appearance:none;
 border-radius:50%;
 -webkit-box-shadow:1px 1px #c7c5c1 inset;
 box-shadow:inset 1px 1px #c7c5c1
}
.csf_check input {
 border-radius:2px
}
.csf_radio input:after,
.csf_check input:after {
 border-radius:50%
}
.csf_radio input:hover,
.csf_check input:hover {
 background:#f9f6f1
}
.csf_radio input:checked:before,
.csf_check input:checked:before {
 position:absolute;
 top:calc(50% - 6px);
 left:-1px;
 width:11px;
 height:11px;
 cursor:pointer;
 content:"";
 background-color:#f9f6f1;
 border:1px solid #ccc;
 border-radius:50%;
 -webkit-box-shadow:1px 1px #c7c5c1 inset;
 box-shadow:inset 1px 1px #c7c5c1
}
.csf_radio input:checked,
.csf_check input:checked {
 background-color:#fff;
 border:4px solid #b21a2d;
 -webkit-box-shadow:none;
 box-shadow:none
}
.csf_radio input:checked:before,
.csf_check input:checked:before {
 box-shadow:none;
 border:0
}
.csf_radio,
.csf_check {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding-left:5px;
 font-size:14px;
 color:#666;
 cursor:pointer;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
#sp_custom_search_form .csf_radio {
 margin:0
}
#sp_custom_search_form .csf_radio input:checked:before,
#sp_custom_search_form .csf_radio input {
 top:-1px
}
#sp_custom_search_form .csf_radio input {
 top:-1px;
 left:-1px
}
#sp_custom_search_form .csf_labels span {
 font-size:.65em
}
#sp_custom_search_form .csf_radio input#brand_1 {
 margin-left:4px
}
.csf_cover {
 margin-right:5px
}
.csf_cover input[type=checkbox] {
 position:absolute;
 z-index:-1;
 opacity:0
}
.csf_cover label {
 position:relative;
 display:inline-block;
 padding-left:25px;
 cursor:pointer;
 line-height:23px
}
.csf_cover label:before {
 position:absolute;
 top:calc(50% - 7px);
 left:0;
 width:15px;
 height:15px;
 cursor:pointer;
 content:"";
 background-color:#f9f6f1;
 background-repeat:no-repeat;
 border:1px solid #ccc;
 -webkit-box-shadow:1px 1px #c7c5c1 inset;
 box-shadow:inset 1px 1px #c7c5c1
}
.csf_osusume label:before {
 position:absolute;
 top:calc(50% - 10px);
 left:0;
 width:20px;
 height:20px;
 cursor:pointer;
 content:"";
 background-color:#fff;
 background-repeat:no-repeat;
 border:1px solid #ccc;
 -webkit-box-shadow:1px 1px #c7c5c1 inset;
 box-shadow:inset 1px 1px #c7c5c1
}
.csf_cover input[type=checkbox]+label:before {
 border-radius:4px
}
.csf_cover input[type=checkbox]:checked+label:after {
 position:absolute;
 top:calc(50% - 9px);
 left:0;
 width:18px;
 height:18px;
 content:"";
 background:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/check.png)no-repeat center center;
 background-position:4px 6px;
 background-size:10px 10px
}
.csf_osusume input[type=checkbox]:checked+label:after {
 position:absolute;
 top:calc(50% - 9px);
 left:0;
 width:22px;
 height:22px;
 content:"";
 background:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/check.png)no-repeat center center;
 background-position:4px 0;
 background-size:15px 15px
}
.csf_cover label,
.csf_cover label:before {
 -webkit-transition:.25s all ease;
 transition:.25s all ease
}
.csf_osusume .csf_cover label {
 padding-left:28px;
 padding-right:25px;
 font-weight:700;
 font-size:16px
}
.csf_osusume .csf_cover label:before {
 border-color:#ccc;
 top:50%;
 margin-top:-10px
}
.csf_osusume .csf_cover label svg {
 width:32px;
 height:33px;
 position:absolute;
 right:-12px;
 top:8px
}
.csf_osusume .csf_cover label svg path,
.csf_osusume .csf_cover label svg polygon {
 fill:#ffa23f
}
.csf_osusume .csf_cover input[type=checkbox]:checked+label svg path,
.csf_osusume .csf_cover input[type=checkbox]:checked+label svg polygon {
 fill:#fff
}
.csf_btn_wrap {
 text-align:center;
 position:relative
}
#csf_btn {
 position:relative;
 display:block;
 width:100%;
 max-width:450px;
 height:55px;
 padding:0 15px;
 margin:20px auto 0;
 font-size:16px;
 font-weight:700;
 line-height:55px;
 color:#333;
 text-align:center;
 text-decoration:none;
 letter-spacing:2px;
 background-color:#efa53a;
 border:none;
 border-radius:2px;
 -webkit-box-shadow:0 -5px #c97f2a inset;
 box-shadow:inset 0 -5px #c97f2a
}
#csf_btn:disabled {
 background:#ffd045;
 color:#fff
}
#csf_btn:hover {
 background:#ffd045
}
#csf_btn:before {
 content:'\f002';
 font-family:Fontawesome;
 position:absolute;
 left:25%;
 top:0;
 font-size:1.5em
}
#csf_btn:hover {
 background-color:#1d1d1d;
 -webkit-box-shadow:0 -5px #000 inset;
 box-shadow:inset 0 -5px #000;
 color:#fff
}
#found {
 display:inline-block;
 background:#fff;
 font-size:.9em;
 position:absolute;
 right:50px;
 top:5px;
 padding:0 10px;
 line-height:40px;
 text-align:center;
 font-size:13px;
 background-color:#fff;
 border-radius:4px;
 -webkit-box-shadow:1px 1px #ccc;
 box-shadow:1px 1px #ccc;
 color:#999
}
#found span {
 font-size:16px;
 font-weight:700;
 color:#930001
}
.sp_custom_search_form_wrap {
 margin:0 auto 1em;
 padding:25px 15px;
 background:#f5f5f5;
 border-bottom:3px solid #eee;
 animation:bgiLoop 8s linear infinite
}
@keyframes bgiLoop {
 0% {
  background-position:0 0
 }
 100% {
  background-position:-22px 78px
 }
}
.sp_csf_title {
 margin:-25px -15px 15px;
 text-align:center;
 font-size:1em;
 background:#394959;
 color:#fff;
 padding:6px;
 position:relative
}
.sp_csf_title:before {
 content:'\f002';
 font-family:Fontawesome;
 position:absolute;
 top:2px;
 left:15px;
 font-size:1.2em
}
.sp_csf_list {
 margin:0
}
.sp_csf_list li {
 margin-bottom:10px;
 display:flex;
 justify-content:space-between
}
.sp_csf_label {
 display:inline-block;
 width:20%;
 background:#fff;
 font-weight:700;
 text-align:center;
 padding:11px 4px;
 line-height:1.5;
 border-radius:4px;
 float:left;
 margin:0;
 box-shadow:0px 3px 0 0 #e2e2e2;
 font-size:.9em;
 border:1px solid #eee
}
.sp_csf_options {
 position:relative;
 font-weight:700;
 width:77%;
 float:right
}
.sp_csf_options .replace_select {
 padding:11px 2em 11px .6em;
 background:#fff;
 border-radius:4px;
 box-shadow:0px 3px 0 0 #e2e2e2;
 line-height:1.6;
 position:relative;
 font-size:.755em;
 border:1px solid #eee
}
.next .sp_csf_label,
.next .sp_csf_options .replace_select {
 background:#fbffd0;
 box-shadow:0px 3px 0 0 rgba(179,158,39,.3)
}
.next .sp_csf_options .replace_select {
 animation:flash 1s linear infinite;
 border:2px solid transparent
}
@keyframes flash {
 0%,
 100% {
  border-color:#ffa23f
 }
 50% {
  border-color:#fff
 }
}
.sp_csf_options .replace_select p {
 margin:0;
 position:relative
}
.sp_csf_options .replace_select p:before {
 content:'\f063';
 font-family:Fontawesome;
 margin-right:10px
}
.sp_csf_options .replace_select span {
 position:absolute;
 right:10px;
 top:50%;
 color:#ffa23f;
 display:block;
 width:24px;
 height:24px;
 margin-top:-12px;
 border:2px solid #ffa23f;
 border-radius:2px;
 font-weight:700;
 font-size:20px;
 line-height:20px;
 text-align:center
}
.sp_csf_options .replace_select span.done {
 background:#ffa23f;
 color:#fff
}
.sp_csf_options select {
 position:absolute;
 top:2px;
 font-size:42px;
 line-height:42px;
 height:42px;
 opacity:0;
 border:1px solid rgba(255,255,255,0)
}
#sp_custom_search_form .csf_btn_wrap {
 text-align:right
}
#sp_custom_search_form #csf_btn {
 font-size:1em;
 padding:10px 25px 10px 50px;
 color:#000;
 font-weight:400;
 border-radius:4px
}
#sp_custom_search_form #csf_btn:hover,
#sp_custom_search_form #csf_btn:active,
#sp_custom_search_form #csf_btn:focus {
 background-color:#1d1d1d !important;
 -webkit-box-shadow:0 -5px #000 inset;
 box-shadow:inset 0 -5px #000;
 color:#fff;
 opacity:.8
}
#sp_custom_search_form #found {
 right:auto;
 padding:2px 5px;
 left:0
}
.spcs_advance {
 border:1px solid #eee;
 padding:4px;
 border-radius:2px;
 margin:5px 0 14px;
 background:#fff
}
.csf_headline {
 font-size:.9em;
 font-weight:700;
 padding:3px 9px;
 background:#efefef;
 margin:-4px -4px 2px
}
#short_ranking {
 padding-bottom:20px;
 margin-top:20px
}
.s_rank_item a {
 border:1px solid #bf9763;
 -webkit-box-shadow:1px 1px #ccc;
 box-shadow:1px 1px #ccc;
 display:block;
 padding:15px 15px 25px;
 color:#555;
 font-size:.85em;
 text-decoration:none;
 position:relative
}
.s_rank_item a .rank_num {
 position:absolute;
 left:0;
 top:3px;
 display:inline-block;
 padding:2px 12px 2px 6px;
 width:48px;
 height:48px;
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/library/icon/rank_other.png);
 background-size:contain;
 background-repeat:no-repeat;
 line-height:31px;
 font-weight:700;
 text-align:center;
 font-size:1.1em;
 color:#47b980
}
.s_rank_item a .rank_ico {
 position:absolute;
 left:0;
 top:8px;
 display:inline-block;
 width:36px;
 height:36px
}
.s_rank_title,
.s_rank_img {
 text-align:center
}
.s_rank_title {
 font-weight:700;
 font-size:1.15em;
 width:85%;
 margin:0 auto
}
.s_rank_img img {
 width:50%
}
.s_rank_catch {
 min-height:4.9em;
 overflow:hidden;
 font-weight:700;
 font-size:1em;
 margin-bottom:10px
}
.s_rank_catch p {
 margin:0
}
.s_rank_item th,
.s_rank_item td {
 border:1px solid #ddd;
 font-size:.8em;
 padding:4px
}
.s_rank_item th {
 width:45%;
 background:#fafafa
}
.s_rank_item td {
 background:#fff
}
.s_rank_item .btn {
 margin-top:20px;
 border-radius:30px
}
.s_rank_item .cs_list li.none {
 height:20.89px
}
#short_ranking .swiper-pagination {
 bottom:0
}
#short_ranking .swiper-pagination-bullet-active {
 background:#ffa23f
}
#ranking {
 margin:0 -15px 24px
}
#ranking_lists {
 border-top:1px solid #999;
 margin:20px 0 20px
}
.ranking_list {
 width:50%;
 float:left
}
.ranking_list:nth-of-type(3n) a {
 border-right:1px solid #999
}
.ranking_list a {
 border:1px solid #999;
 border-right:0;
 display:block;
 padding:8px 4px;
 color:#000;
 line-height:1.4;
 font-size:.82em;
 border-top:none;
 position:relative;
 font-family:'メイリオ',Meiryo,'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳ Ｐゴシック',sans-serif;
 font-weight:400
}
.ranking_list:nth-of-type(even) a {
 border-left:none
}
.ranking_list a .rl_img {
 margin:5px 0 0;
 display:block;
 width:16%;
 float:left;
 text-align:center;
 height:49px
}
.ranking_list a .rl_title {
 margin:0 0 0 3%;
 width:73%;
 float:left
}
.ranking_list a .rl_title span {
 display:block
}
.ranking_list a .rl_title:before,
.ranking_list a .rl_title:after {
 content:'';
 position:absolute;
 height:1px;
 width:7px;
 right:4px;
 top:50%;
 margin-top:-3px;
 background:#555
}
.ranking_list a .rl_title:before {
 transform:rotate(45deg)
}
.ranking_list a .rl_title:after {
 transform:rotate(-45deg);
 bottom:50%;
 top:auto;
 margin-bottom:-3px
}
.cs_desc p.item_desc_title {
 margin-bottom:.75em
}
.cs_item.ms_item td {
 width:33.333%;
 min-width:auto;
 border:1px solid #ddd;
 padding:4px;
 text-align:center;
 font-weight:400
}
.cs_item.ms_item th {
 width:33.333%;
 min-width:auto;
 background:#fafafa;
 border:1px solid #ddd;
 padding:4px;
 font-size:.78rem;
 text-align:center;
 color:#000
}
.cs_item.ms_item table:first-child {
 margin-bottom:.5em
}
.btn.official {
 box-shadow:none;
 background:#15ad2f;
 border-radius:.65em;
 border-bottom:5px solid #084112;
 height:auto;
 letter-spacing:1px;
 position:relative;
 display:block;
 margin:1em auto 0;
 max-width:400px
}
.btn.official .card-detail__official-inner {
 letter-spacing:1px;
 font-weight:600;
 font-size:20.8px;
 display:block;
 line-height:1.075;
 padding:.675em .5em .7em;
 color:#fff;
 text-align:center
}
.btn.official .card-detail__official-inner span.sub {
 color:#ff0;
 font-size:16px;
 display:block;
 margin:0 auto 10px;
 position:relative;
 text-align:center;
 font-weight:500;
 max-width:220px
}
.btn.official .card-detail__official-inner span.sub:before {
 content:'─';
 position:absolute;
 top:0;
 left:16px;
 transform:rotate(45deg)
}
.btn.official .card-detail__official-inner span.sub:after {
 content:'─';
 position:absolute;
 top:0;
 right:16px;
 transform:rotate(-45deg)
}
.btn.official:before {
 background-size:13px 52px
}
.btn.official:after {
 background-size:8px 52px
}
.pc_btn_wrap.flexnone {
 display:block !important
}
.ms_head .item_img_slider>img {
 max-width:200px;
 margin-left:-100px
}
#cam_list {
 margin:5px -15px 5px
}
.cam_list a {
 display:block;
 color:#252525;
 background:#fff;
 padding:10px
}
.cam_list:nth-child(even) a {
 background:#fafafa
}
.cam_list_img {
 width:35%;
 float:left
}
.cam_list_body {
 width:60%;
 float:right
}
.cam_list_name {
 font-size:.8em;
 font-weight:700;
 line-height:1.5
}
.cam_list_desc {
 font-size:.8em;
 margin:5px 0
}
.cam_list_end {
 background:#fff495;
 color:#e11739;
 font-weight:700;
 font-size:.7em;
 padding:4px;
 border-radius:2px
}
#content .pagination ul {
 padding:0;
 margin:0
}
#content .pagination li a {
 color:#47b980
}
#content .pagination .current {
 background-color:#47b980
}
.item_title {
 font-size:1em;
 text-align:center;
 position:relative;
 padding:6px 15px;
 border-bottom:1px solid #ddd;
 margin-bottom:30px
}
.item_cam_alert {
 background:#fff495;
 color:#e11739;
 font-weight:700;
 font-size:.8em;
 text-align:center;
 padding:4px;
 border-radius:2px;
 margin-bottom:15px
}
#item_top {
 position:relative
}
.item_img {
 text-align:center;
 margin:1em 0
}
.item_img_slider {
 padding-top:141px;
 position:relative;
 margin:0 auto;
 text-align:center
}
.item_img_slider>img {
 position:absolute;
 left:50%;
 margin-left:-100px;
 top:0;
 transition:all .5s;
 border-radius:2px;
 max-width:200px
}
.item_img_slider input[name=ii_switch] {
 display:none
}
.item_img_slider label {
 margin:0 5px -5px;
 border-bottom:3px solid #fff;
 display:inline-block;
 cursor:pointer;
 transition:all .5s ease;
 opacity:.6;
 border-radius:1px
}
.item_img_slider label:hover {
 opacity:.9
}
.item_img_slider label img {
 display:block;
 width:50px;
 border-radius:1px
}
.item_img_slider input[name=ii_switch]:checked+label {
 border-bottom:3px solid #ff7043;
 opacity:1
}
.item_img_slider input[name=ii_switch]~img {
 opacity:0
}
.item_img_slider label:first-of-type+img {
 opacity:1
}
.item_img_slider input[name=ii_switch]:checked+label+img {
 opacity:1
}
.sp_merits {
 background:#47b980;
 padding:2px;
 border-radius:2px;
 margin:15px 0
}
.sp_merits ul {
 margin:0;
 background:#fff;
 padding:5px
}
.sp_merits li {
 font-size:.8em;
 line-height:1.5;
 border-bottom:1px solid #eee;
 padding:5px 5px 5px 25px;
 position:relative;
 font-weight:700
}
.sp_merits li:last-child {
 border:none
}
.sp_merits li:before {
 content:'';
 position:absolute;
 left:5px;
 top:50%;
 margin-top:-5px;
 width:10px;
 height:10px;
 border-radius:50%;
 background:#47b980
}
#item_top table {
 font-size:.8em;
 width:100%
}
#item_top table.bdt1 {
 border-top:1px solid #ddd
}
#item_top table.bdt1 ul {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:flex-start
}
#item_top table.bdt1 ul li img {
 width:30px
}
#item_top th,
#item_top td {
 text-align:left;
 padding:4px
}
#item_top th {
 min-width:120px
}
#item_top td {
 text-align:left
}
#item_top td span,
.cs_item td span {
 font-size:.8em
}
.btn_wrap {
 margin:20px 0
}
.single-card .btn.official {
 margin:0
}
.item_terms_wrap {
 margin:15px 0
}
.item_specs {
 margin-bottom:15px
}
.item_desc {
 border:1px solid;
 padding:20px;
 border-radius:2px
}
.item_desc p {
 font-size:.8em;
 margin:0 0 1em
}
.card-detail__description p {
 font-size:.75em;
 margin:1em 0;
 line-height:1.7
}
.basic_headline {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding-bottom:10px;
 margin-top:0;
 margin-bottom:20px;
 font-size:16px;
 font-weight:700;
 border-bottom:2px solid #e5ded0;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative
}
.basic_headline i.fa {
 margin-right:8px;
 color:#262f3e
}
.basic_headline.blk {
 background:#525252;
 color:#fff
}
.basic_headline:before {
 content:"";
 position:absolute;
 bottom:-2px;
 left:0;
 width:100px;
 height:2px;
 content:"";
 background-color:#262f3e;
 z-index:100
}
.cam_body,
#cta {
 background-image:linear-gradient(-45deg,#f2f2f2 25%,#efefef 25%,#efefef 50%,#f2f2f2 50%,#f2f2f2 75%,#efefef 75%,#efefef);
 background-size:30px 30px;
 background-attachment:fixed;
 margin:0 -15px;
 padding:15px
}
.cam_banner,
.cta_banner {
 text-align:center;
 margin-bottom:15px
}
.cam_banner p,
.cta_banner p {
 margin:0
}
.cam_content,
.cta_text {
 background:#fff
}
.cam_content p,
#cta p,
#cta li {
 font-size:.8em
}
.kuchikomi li {
 font-size:.8em;
 padding:10px
}
.kuchikomi li:nth-child(even) {
 background:#f7f7f7
}
.kuchi_img {
 width:17%;
 float:left
}
.kuchi_right {
 float:right;
 width:76%
}
.kuchi_stats_wrap {
 text-align:center
}
.kuchi_stats {
 display:block
}
.kuchi_stats .kuchi_status {
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:center;
 align-items:center
}
.stars {
 font-size:.9em;
 color:#f2ab00;
 line-height:0;
 margin-bottom:5px
}
.kuchi_review {
 margin:10px 0 0
}
.single .tablepress {
 font-size:.6em;
 border:1px solid #ddd
}
.single .tablepress th,
.single .tablepress td {
 padding:4px
}
.single .tablepress br {
 display:none
}
.single .tablepress .column-1 {
 font-weight:700;
 width:29%;
 background:#f3f3f3;
 border-right:1px solid #ddd
}
.detail_table_wrap {
 margin-top:10px
}
.stars.avg {
 float:left;
 margin-right:7px;
 margin-bottom:0;
 font-size:1.2em
}
.stars.avg i {
 margin:0 1px
}
.avg_score {
 color:#f70;
 font-weight:700;
 font-size:15px
}
.avg_score span {
 font-size:.6em
}
.kuchi_switcher {
 text-decoration:underline;
 color:orange;
 font-size:.85em;
 letter-spacing:1px;
 display:block;
 margin-bottom:10px;
 margin-left:auto;
 margin-right:auto;
 padding-top:6px;
 cursor:pointer;
 transition:all .2s;
 width:100px
}
.kuchi_switcher:hover {
 color:#ff7804
}
.kuchi_list_wrap {
 padding:0;
 margin-bottom:10px;
 display:none
}
.kuchi_list_wrap ul {
 margin:0
}
.kuchi_list_wrap li {
 border-bottom:1px dashed #d3d3d3;
 padding:10px 0
}
.kuchi_list_wrap li:last-child {
 border:none
}
.kuchi_list_wrap .stars {
 font-size:.9em;
 color:#eda43d;
 line-height:0;
 margin:0 2px
}
.kuchi_score {
 color:#903;
 font-size:.9em
}
.kuchi_list_wrap .kuchi_who {
 font-size:.7em;
 color:#888;
 margin-left:10px
}
.kuchi_list_wrap .kuchi_title {
 font-weight:700;
 margin:0;
 font-size:.7em
}
.kuchi_list_wrap .kuchi_review {
 margin:0;
 font-size:.7em
}
.card-item__feature h2 {
 padding-bottom:5px;
 margin-top:0;
 margin-bottom:10px;
 font-size:13px;
 font-weight:500;
 line-height:1;
 color:#999;
 border-bottom:1px solid #ccc
}
.btn.detail .fa-angle-right {
 margin-right:5px
}
.btn.official .card-detail__official-inner i {
 margin-left:5px;
 margin-top:3px
}
.btn.official-detail:before,
.btn.official-detail:after {
 display:none
}
.btn.official-detail {
 height:55px;
 background:-webkit-gradient(linear,left top,left bottom,from(#ebcdcd),to(#e78888));
 background:linear-gradient(180deg,#ebcdcd 0,#e78888);
 border:2px solid #570001;
 border-radius:4px
}
.btn.official-detail .card-detail__official-inner {
 background:-webkit-gradient(linear,left top,left bottom,color-stop(33%,#900),to(#620000));
 background:linear-gradient(180deg,#900 33%,#620000);
 border-radius:4px;
 width:100%;
 border:1px solid #fff;
 align-items:center;
 justify-content:center;
 font-size:16px;
 letter-spacing:3px
}
.btn.official-detail .fa-angle-right {
 margin-top:0;
 font-size:24px;
 margin-left:20px
}
.microcopy {
 display:block;
 font-size:.8em;
 position:relative;
 color:#ff3c3c;
 font-weight:700;
 text-align:center
}
.microcopy:before,
.microcopy:after {
 content:'';
 position:absolute;
 width:2px;
 height:1.5em;
 top:0;
 background:#ff3c3c
}
.microcopy:before {
 transform:rotate(-45deg);
 margin-left:-1em
}
.microcopy:after {
 transform:rotate(45deg);
 margin-left:.7em
}
@-webkit-keyframes shiny_btn {
 0% {
  -webkit-transform:scale(0) rotate(45deg);
  opacity:0
 }
 80% {
  -webkit-transform:scale(0) rotate(45deg);
  opacity:.5
 }
 81% {
  -webkit-transform:scale(4) rotate(45deg);
  opacity:1
 }
 100% {
  -webkit-transform:scale(50) rotate(45deg);
  opacity:0
 }
}
.btn.detail {
 text-align:center;
 display:block;
 color:#000;
 font-weight:400;
 height:40px;
 padding:0 8px;
 font-size:16px;
 background-color:#e5ded1;
 border-radius:4px;
 border-top-right-radius:0;
 border-top-left-radius:0;
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
 -webkit-box-shadow:0 1px #ccc;
 box-shadow:0 1px #ccc;
 margin:0;
 position:relative
}
.s_rank_item .btn.detail {
 background-color:#e5ded1;
 color:#000;
 border:none;
 -webkit-box-shadow:0 1px #ccc;
 box-shadow:0 1px #ccc;
 height:40px;
 line-height:40px;
 width:100%
}
.copyright {
 opacity:1;
 text-align:center;
 font-size:11px !important;
 margin-top:0;
 margin-bottom:30px
}
@media screen and (max-width:767px) {
 .btn.official .card-detail__official-inner {
  font-size:14px;
  letter-spacing:0px;
  justify-content:center;
  line-height:46px
 }
 .btn.official .card-detail__official-inner i {
  margin-left:3px;
  margin-top:2px
 }
 .btn.official .fa-angle-right,
 .btn.detail .fa-angle-right {
  margin-left:10px;
  font-size:24px
 }
 .btn.detail {
  height:52px
 }
 .btn.official .fa-angle-right {
  position:absolute;
  top:15px;
  right:-20px;
  font-size:24px
 }
 .sp_btn_wrap .btn.official {
  box-shadow:none;
  background:#15ad2f;
  border-radius:.65em;
  border-bottom:5px solid #cecece;
  height:auto;
  letter-spacing:1px
 }
 .sp_btn_wrap .btn.official .card-detail__official-inner {
  letter-spacing:0;
  font-weight:600;
  font-size:14px;
  display:block;
  line-height:1.075;
  padding:.675em .5em .7em
 }
 .sp_btn_wrap .btn.official .card-detail__official-inner span.sub {
  color:#ff0;
  font-size:14px;
  display:block;
  margin:0 auto 5px;
  position:relative;
  text-align:center;
  font-weight:500
 }
 .sp_btn_wrap .btn.official .card-detail__official-inner span.sub:before {
  content:'─';
  position:absolute;
  top:0;
  left:6px;
  transform:rotate(45deg)
 }
 .sp_btn_wrap .btn.official .card-detail__official-inner span.sub:after {
  content:'─';
  position:absolute;
  top:0;
  right:6px;
  transform:rotate(-45deg)
 }
 .btn.official:before {
  background-size:13px 52px
 }
 .btn.official:after {
  background-size:8px 52px
 }
 .ranking_list a {
  border:1px solid #999;
  border-top:0
 }
 .sp_btn_wrap.flexnone {
  display:block
 }
 .sp_btn_wrap.flexnone .btn_o_wrap,
 .sp_btn_wrap.flexnone .btn_d_wrap {
  margin-left:auto;
  margin-right:auto;
  width:100%
 }
 .sp_btn_wrap.flexnone .btn.detail {
  background:0 0;
  padding:0;
  text-align:center;
  border-bottom:none;
  text-decoration:underline;
  height:auto;
  margin-top:1em
 }
}
.recommend-point__heading {
 display:block;
 padding-bottom:8px;
 margin:0;
 font-size:16px;
 font-weight:500;
 border-bottom:1px solid #ccc
}
.recommend-point__heading i {
 margin:0 10px;
 font-size:24px;
 color:#c6a174
}
.recommend-point__list {
 padding:0;
 margin-top:0;
 margin-bottom:20px;
 list-style:none
}
.recommend-point__item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:15px 0;
 counter-increment:recommend-point;
 border-bottom:1px dashed #ccc
}
.recommend-point__item:before {
 height:30px;
 padding:4px 20px;
 margin-right:20px;
 font-size:24px;
 line-height:1;
 color:#fff;
 content:counter(recommend-point);
 background-color:#c6a174
}
.recommend-point__item__heading {
 display:block;
 margin-top:5px;
 margin-bottom:0;
 font-size:16px;
 font-weight:500
}
@media screen and (max-width:767px) {
 .recommend-point__item__heading {
  display:block;
  margin-top:7px;
  margin-bottom:0;
  font-size:15px;
  font-weight:400
 }
}
.search_title {
 margin:20px 0 0
}
.result_meta_wrap {
 background:#f7f7f7;
 padding:10px;
 border-radius:2px
}
.result_meta_label {
 font-weight:700;
 font-size:.8em;
 margin:0
}
.result_orders {
 margin:10px 0
}
.cs_found {
 display:inline-block;
 font-weight:700;
 font-size:.8em
}
.cs_found span {
 font-size:30px;
 color:#b48b55
}
.joken {
 margin:0;
 font-size:.75em;
 border-bottom:1px dotted #bbb
}
.joken dt {
 display:inline-block;
 width:45%;
 position:relative
}
.joken dt:after {
 content:'：';
 right:0;
 position:absolute;
 top:0
}
.joken dd {
 display:inline-block;
 width:50%;
 margin-left:5%
}
.joken dd span.on {
 color:#47b980;
 font-weight:700
}
#order {
 display:block
}
#order select,
#order .research_skip {
 background-color:#fff;
 font-size:.75em;
 height:auto;
 line-height:1.4;
 padding:6px 10px;
 margin:0;
 border-radius:2px;
 color:#47b980;
 transition:all 0s;
 border:2px solid #47b980;
 font-weight:700;
 width:60%;
 float:left
}
#order .research_skip {
 width:35%;
 float:left;
 display:block;
 margin-left:5%;
 text-align:center;
 transition:all .3s
}
#order.fixed {
 display:block;
 position:fixed;
 top:0;
 left:0;
 z-index:99;
 background:#fff;
 width:100%;
 padding:6px 12px;
 box-shadow:0 2px 2px 0 rgba(0,0,0,.2)
}
#cs_results {
 margin:0 -4% 0
}
.cs_item {
 background:#fff;
 margin:14px 0;
 position:relative
}
.cs_item .rank_num {
 width:48px;
 height:48px;
 display:block;
 line-height:37px;
 text-align:center;
 position:absolute;
 top:5px;
 left:5px;
 font-weight:700;
 font-size:1.1em;
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/library/icon/rank_other.png);
 background-size:contain;
 background-position:center center;
 background-repeat:no-repeat;
 color:#47b980
}
.cs_item .rank_ico {
 width:43.2px;
 height:43.2px;
 display:block;
 text-align:center;
 position:absolute;
 top:5px;
 left:3px
}
.cs_item .rank_ico.pr {
 top:15px
}
.cs_item .rank_ico.rank_4,
.cs_item .rank_ico.rank_5,
.cs_item .rank_ico.rank_6,
.cs_item .rank_ico.rank_7,
.cs_item .rank_ico.rank_8,
.cs_item .rank_ico.rank_9,
.cs_item .rank_ico.rank_10,
.cs_item .rank_ico.rank_11,
.cs_item .rank_ico.rank_12,
.cs_item .rank_ico.rank_13,
.cs_item .rank_ico.rank_14,
.cs_item .rank_ico.rank_15,
.cs_item .rank_ico.rank_16,
.cs_item .rank_ico.rank_17,
.cs_item .rank_ico.rank_18,
.cs_item .rank_ico.rank_19,
.cs_item .rank_ico.rank_20 {
 top:12px
}
#ranking .cs_item {
 margin:0 0 28px;
 padding:0
}
#ranking .cs_item:last-child {
 margin-bottom:40px
}
.rank_num.rank_1,
.s_rank_item a .rank_num.rank_1 {
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/library/icon/rank1.png);
 color:#f3a62e
}
.rank_num.rank_2,
.s_rank_item a .rank_num.rank_2 {
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/library/icon/rank2.png);
 color:#899a9a
}
.rank_num.rank_3,
.s_rank_item a .rank_num.rank_3 {
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/library/icon/rank3.png);
 color:#b08469
}
.cs_title {
 font-size:.95em;
 font-weight:700;
 margin-bottom:10px;
 text-align:center;
 position:relative;
 padding:0 40px
}
.cs_img {
 margin:10px auto 12px;
 width:50%;
 text-align:center
}
.cs_sp_lists {
 border:0;
 border-radius:1px;
 margin-bottom:10px
}
.cs_sp_lists:before {
 display:none
}
.cs_sp_lists table th,
.cs_sp_lists table td {
 font-weight:400;
 font-size:11px;
 width:50%;
 border-bottom:1px solid #ccc;
 padding:3px 0
}
.cs_sp_lists table th {
 text-align:left
}
.cs_head {
 margin-bottom:10px
}
.cs_half {
 width:50%;
 float:left;
 background:#f7f7f7;
 padding:4px;
 display:table
}
.cs_catch,
#cs_results .cs_right>p {
 margin:10px 0 5px;
 font-weight:700;
 line-height:1.4;
 display:block
}
.cs_catchtype03 {
 border:0;
 padding:0;
 text-align:center;
 display:block !important
}
.cs_catchtype03:before {
 display:none !important
}
.cs_catch.none {
 padding-left:0
}
p.cs_catch:before {
 content:'';
 display:inline-block;
 width:.5em;
 height:1em;
 margin-right:.3em;
 background:#ff3a3a;
 vertical-align:-2px
}
.cs_catch.none:before,
.cs_catchtype03:before {
 display:none
}
p.cs_catch span {
 font-weight:700
}
p.item_catch {
 font-size:20px;
 font-weight:700;
 margin-bottom:15px
}
.cs_list {
 text-align:center;
 margin:0;
 background:#fff
}
.cs_list li {
 display:inline-block;
 width:25%
}
.cs_list li.none {
 font-size:.7em
}
#content .cs_list_label {
 margin:0;
 text-align:center;
 font-size:.75em;
 font-weight:700
}
.cs_item table {
 width:100%;
 margin:0
}
.cs_item th,
.cs_item td {
 border-bottom:1px solid #ddd;
 padding:2px 3px;
 background:#fff;
 text-align:left;
 font-size:14px;
 font-weight:700
}
.cs_item th {
 min-width:100px;
 text-align:left;
 color:#666;
 font-weight:500;
 font-size:12px
}
.cs_points {
 margin:0;
 background:#f7f7f7;
 padding:6px 12px;
 border:3px solid #eee;
 border-top:none
}
.cs_points li {
 position:relative;
 font-size:.75em;
 border-bottom:1px solid #47b980;
 padding:2px 0 2px 20px;
 margin:4px 0;
 font-weight:700
}
.cs_points li:before {
 position:absolute;
 left:0;
 top:50%;
 content:'';
 width:10px;
 height:10px;
 background:#47b980;
 margin-top:-5px;
 border-radius:50%
}
.cs_points li:last-child {
 border-bottom:none
}
.cs_desc {
 margin-top:10px
}
.cs_desc p {
 font-size:.8em;
 margin:0
}
.sp_btn_wrap {
 width:100%;
 display:flex;
 flex-direction:row-reverse;
 margin:1em auto 0 auto;
 position:relative
}
.sp_btn_wrap .btn_o_wrap {
 width:calc(98%/2);
 text-align:center;
 margin:0 auto 5px
}
.sp_btn_wrap .btn_d_wrap {
 width:calc(98%/2);
 position:relative;
 margin-bottom:10px
}
.sp_btn_wrap .btn.official {
 font-size:15px;
 padding:1px
}
.btn.detail {
 padding:0;
 font-size:15px;
 box-shadow:none;
 height:auto;
 color:#a6a6a6;
 background:0 0;
 display:inline-block;
 border-bottom:1px solid #cecece;
 border-radius:0
}
.sp_btn_wrap .btn.detail {
 padding:23px 5px;
 font-size:14px;
 box-shadow:none;
 ?height:71px;
 ? max-height:71px;
 color:#121212;
 background:#dbdbdb;
 display:block;
 border-bottom:none;
 border-radius:.65em;
 border-bottom:5px solid #cecece
}
.sp_btn_wrap .btn.detail:hover,
.sp_btn_wrap .btn.detail:active {
 text-decoration:none
}
.sp_btn_wrap .btn.detail .fa-angle-right {
 color:#979797;
 font-size:15px;
 margin-right:5px;
 margin-left:0
}
.cam_label {
 text-align:center;
 font-size:.75em;
 background-color:#ebffe6;
 border-color:#ddd;
 position:relative;
 margin-top:10px;
 padding:5px 10px 8px
}
.cam_label_left {
 text-align:left
}
.cam_label_left a {
 margin-left:25px;
 color:#00e;
 text-decoration:underline;
 padding-top:5px;
 display:inline-block;
 font-size:16px
}
.cam_label p {
 margin:0;
 padding:0 10px 3px
}
.more_btn {
 display:block;
 width:100%;
 max-width:600px;
 padding:10px;
 margin:0 auto;
 font-size:16px;
 color:#666;
 text-align:center;
 text-decoration:none;
 background-color:#efefef;
 border:1px solid #dcdcdc;
 border-radius:4px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.more_btn:after {
 font-family:"FontAwesome";
 content:'\f105';
 margin-left:10px;
 font-size:22px;
 color:#666;
 margin-top:-3px;
 display:inline-block;
 vertical-align:middle
}
#pickup_lists {
 margin:0 -15px;
 padding:10px 10px 0
}
.pickup_list {
 width:49%;
 margin:0 2% 10px 0;
 float:left
}
.pickup_list:nth-child(even) {
 margin-right:0
}
.pickup_list a {
 display:block;
 color:#252525;
 background:#fff
}
.pl_img {
 margin:0
}
.pl_title {
 font-weight:700;
 font-size:.8em;
 margin:0;
 height:85px;
 padding:8px;
 overflow:hidden
}
.pl_desc {
 display:none
}
.ranking_head_banner {
 margin:0 -15px 15px
}
.ranking_desc {
 margin-top:20px;
 margin-bottom:20px;
 font-size:.85em
}
.header.header_link {
 text-align:center;
 padding:8px;
 color:#fff;
 font-weight:700;
 margin-bottom:20px
}
.for_waiting {
 text-align:center
}
.small_memo {
 font-size:.6em!important;
 font-weight:400!important;
 line-height:1.7!important;
 margin:0 0 15px!important;
 display:block!important
}
.top-line {
 border-top:4px solid #ddd;
 margin-top:20px;
 margin-bottom:20px
}
.page-top-seo-text__description {
 padding:10px 10px 0;
 margin:0;
 font-size:14px;
 line-height:1.4;
 color:#333
}
.footer__to-top__sp {
 display:none
}
@media screen and (max-width:767px) {
 .small_memo {
  margin:1.5em auto 0 !important
 }
 #mv {
  margin:0 auto 1em auto
 }
 #ranking .cs_item:last-child {
  margin-bottom:0
 }
 .cs_title {
  font-size:1.14em;
  text-align:left;
  padding:0 0 0 45px;
  margin-bottom:26px
 }
 .cs_title_sp {
  padding:0;
  font-size:1.1rem
 }
 .cs_title.line_1:after,
 .cs_title.line_2:after,
 .cs_title.line_3:after,
 .cs_title:after {
  display:none
 }
 .cs_item .rank_ico {
  top:8px;
  left:11px
 }
 .cs_item .rank_ico.pr {
  top:8px
 }
 .cs_item table:not(:last-child) {
  margin-bottom:10px
 }
 .cs_item table tr.bottom td:first-child {
  width:60%
 }
 .cs_item table tr.bottom td:nth-of-type(2) {
  width:40%
 }
 .cam_label_left a {
  margin-left:19px;
  color:#00e;
  text-decoration:underline;
  font-size:.8em
 }
 .item_title {
  margin-bottom:20px;
  text-align:left;
  padding-bottom:0;
  border-bottom:0;
  font-size:1.2em
 }
 .item_img_slider>img {
  max-width:240px;
  margin-left:-120px
 }
 .item_img_slider {
  padding-top:171px;
  position:relative;
  margin:0 auto;
  text-align:center
 }
 .item_cam_alert {
  display:none
 }
 .item_head {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between
 }
 .item_left {
  width:100%;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:20px
 }
 .item_right {
  width:100%
 }
 #item_top th {
  min-width:70px
 }
 h2.sp_image {
  display:none !important
 }
 .cs_desc p:first-child {
  border:0;
  padding:0
 }
 .top-line {
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:0
 }
 .cs_desc p.item_desc_title {
  font-size:16px !important;
  margin-bottom:10px !important;
  position:relative;
  line-height:1.35;
  border-bottom:1px dashed #ddd;
  padding-bottom:5px
 }
 .stars {
  font-size:1.27rem;
  margin-right:0
 }
 .stars.avg {
  float:none;
  font-size:17.6px;
  margin-right:0
 }
 .stars.ra {
  margin-right:5px;
  margin-top:1px;
  font-size:.7rem;
  display:block;
  /*margin-left:4px;*/
  margin-right:1px;
  float:none;
  text-align:center
 }
 .kuchi_stats {
  text-align:center
 }
 .avg_score {
  font-size:.9em;
  margin-top:-5px;
  display:inline-block
 }
 .kuchi_switcher {
  display:block;
  margin:0 auto;
  padding-top:0;
  line-height:1.2;
  margin-bottom:0;
  font-size:.9rem
 }
 .ra_kuchi_switcher {
  display:block;
  margin:0 auto;
  padding-top:0;
  line-height:1.2;
  margin-bottom:0;
  text-align:center;
  font-size:.77rem
 }
 .cs_catch,
 #cs_results .cs_right>p {
  font-size:16px;
  line-height:1.55;
  display:inline-block;
  margin:5px 0 0
 }
 .cs_catch {
  font-size:20px;
  line-height:1.45
 }
 #ranking .cs_item .main_wrap {
  padding:13px;
  border:2px solid #bf9763;
  -webkit-box-shadow:1px 1px #ccc;
  box-shadow:1px 1px #ccc;
  border-radius:4px
 }
 .sp_btn_wrap .btn.official {
  width:100%;
  margin-top:0;
  box-shadow:none;
  margin-bottom:0;
  padding:6px 5px;
  height:71px;
  display:flex;
  flex-direction:column;
  justify-content:center
 }
 .sp_btn_wrap .btn_o_wrap {
  width:63%
 }
 .sp_btn_wrap .btn_d_wrap {
  margin-bottom:0;
  width:34%
 }
 .sp_btn_wrap .btn.official:before,
 .sp_btn_wrap .btn.official:after {
  display:none
 }
}
.chara-box {
 width:500px;
 margin:15px auto;
 overflow:hidden;
 max-width:100%
}
.chara-img {
 float:left;
 margin-right:-90px;
 width:80px
}
.chara-img img {
 width:100%;
 height:auto
}
.chara-chat {
 width:100%
}
.chara-says {
 display:block;
 position:relative;
 margin:0;
 padding:1em;
 font-weight:700;
 text-align:center
}
.link-title {
 font-weight:700;
 font-size:20px;
 text-align:center;
 margin-bottom:1em;
 padding:0 1em
}
p.link-min {
 font-size:13px;
 text-align:center;
 font-weight:400
}
p.link-min a {
 text-decoration:udnerline !important;
 color:#03c
}
.footer {
 margin-top:70px
}
.footer-links {
 max-width:850px;
 margin:40px auto 40px auto
}
footer .footer-links li {
 padding-left:0 !important
}
.footer-links__list {
 padding:0;
 padding-left:0;
 list-style:none;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-between
}
.footer__nav ul li a {
 font-size:12px;
 color:#fff
}
.footer-links__item {
 width:calc(98%/2);
 text-align:center
}
.footer__nav {
 padding:30px 0;
 border-bottom:1px solid #999
}
nav .footer-links {
 margin-top:0;
 margin-bottom:0
}
.footer__nav ul li:not(:last-child):after {
 margin-left:10px;
 content:"/";
 color:#fff
}
.footer__base-corporate-link {
 margin:30px 0;
 text-align:center
}
.footer__base-corporate-link a {
 font-size:12px;
 color:#fff;
 padding:0 15px;
 border-right:1px solid #fff
}
.footer__to-top {
 position:absolute;
 top:-65px;
 right:0;
 width:0;
 height:0;
 border-color:transparent transparent #262f3e;
 border-style:solid;
 border-width:0 50px 50px
}
.footer__to-top a:before {
 display:block;
 content:"PAGE";
 color:#fff
}
.footer__to-top a:after {
 display:block;
 content:"TOP";
 color:#fff
}
.footer__to-top a {
 position:absolute;
 left:-50px;
 display:block;
 width:100px;
 height:50px;
 padding-top:20px;
 font-size:11px;
 font-weight:700;
 line-height:14px;
 color:#fff;
 text-align:center;
 border:none;
 cursor:pointer;
 background:0 0
}
.cam_label {
 position:relative;
 padding:5px 10px 8px;
 border:1px dashed #ddd
}
.cam_label:after {
 display:none
}
.cam_label p {
 padding:.3em 0 .3em 1.3em;
 text-align:left;
 position:relative;
 margin-left:5px
}
@media screen and (min-width:768px) {
 .cam_label p {
  font-size:16px
 }
}
.cam_label p:before {
 position:absolute;
 content:'';
 border-top:7px solid transparent;
 border-bottom:7px solid transparent;
 border-left:13px solid #ee8992;
 top:9px;
 left:0
}
.cam_label .cam_tip {
 margin:0 0 5px;
 padding-bottom:5px;
 display:block;
 text-align:left;
 padding:3px;
 font-weight:700;
 font-size:16px;
 border-bottom:1px dashed #ddd
}
.cam_banner_wrap {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:center
}
.cam_content,
.cta_text {
 width:calc(100% - 270px)
}
span.title {
 font-weight:700;
 font-size:20px;
 display:block
}
.cam_label .cam_tip:before {
 content:"●";
 color:#00bf36;
 font-size:13px;
 margin-right:3px
}
@media screen and (max-width:767px) {
 .cam_label .cam_tip {
  font-size:16px
 }
 .cam_label {
  padding:3px 5px 10px;
  font-size:15px;
  border:1px dashed #ddd
 }
 .cam_label p:before {
  top:14px
 }
}
@media screen and (min-width:768px) {
 #logo {
  display:block;
  text-align:center;
  height:auto;
  line-height:42px;
  font-size:1.3em
 }
 #logo:before {
  display:block
 }
 #logo img {
  width:260px
 }
 .basic_headline,
 .sp_csf_title {
  text-align:center
 }
 #short_ranking {
  padding-bottom:30px
 }
 #ranking {
  margin-bottom:60px
 }
 .ranking_list a {
  font-size:.9em;
  padding:8px 10px
 }
 .ranking_list:nth-child(even) a {
  border-left:none
 }
 .ranking_list a .rl_title:before,
 .ranking_list a .rl_title:after {
  right:15px;
  width:14px;
  margin-top:-5px;
  right:12px
 }
 .ranking_list a .rl_title:after {
  margin-bottom:-5px
 }
 #cs_results {
  margin:0 -2% 0
 }
 .search_title {
  margin:.67em 0
 }
 .result_orders {
  margin:30px 0 20px
 }
 .result_meta {
  display:table;
  width:100%
 }
 .joken {
  margin:0;
  display:table-cell;
  background:#fff;
  font-size:.75em;
  border:none
 }
 .joken dt {
  background:#898989;
  color:#fff;
  padding:2px;
  text-align:center;
  border:1px solid #fff;
  width:100%;
  display:block
 }
 .joken dt:after {
  content:none
 }
 .joken dd {
  padding:5px 10px;
  border:1px solid #eee;
  border-top:0;
  width:100%;
  display:block;
  margin:0
 }
 #order select,
 #order .research_skip {
  border-width:3px;
  padding:10px;
  font-size:.85em
 }
 .cs_title {
  font-size:1.05em
 }
 .cs_item {
  padding:20px 0 25px
 }
 .cs_img {
  width:20%
 }
 .cs_catch {
  text-align:center;
  width:80%;
  margin:15px auto 15px;
  font-size:22px;
  font-weight:400
 }
 .cs_list li {
  padding:5px
 }
 .cs_list li img {
  width:60px
 }
 .cs_list li.none,
 .s_rank_item .cs_list li.none {
  height:30px
 }
 .cs_item table {
  margin:0
 }
 .cs_desc,
 .sp_btn_wrap {
  margin-top:15px
 }
 .s_rank_item a:hover {
  background:#f2f2f2
 }
 .cs_item .rank_num {
  width:64px;
  height:64px;
  line-height:44px;
  top:4px;
  font-size:1.2em
 }
 .cs_item .rank_ico {
  width:54px;
  height:54px;
  left:25px;
  top:5px
 }
 .item_title {
  text-align:left;
  font-size:1.5em;
  padding:10px
 }
 .item_title:after {
  left:0;
  margin-left:0
 }
 .basic_headline {
  padding:10px 20px
 }
 .item_left {
  float:left;
  width:35%
 }
 .sp_merits {
  float:right;
  width:60%;
  margin:0
 }
 .item_right {
  float:right;
  width:60%
 }
 .cam_body,
 #cta {
  padding:0;
  border-top:none
 }
 .cam_banner,
 .cta_banner {
  width:25%;
  float:left;
  margin-bottom:15px
 }
 .cam_content,
 .cta_text {
  float:none;
  width:75%;
  margin:0 auto 15px;
  padding:5px 20px
 }
 .cam_content.with_b,
 .cta_text.with_b {
  width:70%;
  float:right
 }
 .cta_banner {
  float:right
 }
 .cta_text.with_b {
  float:left
 }
 .kuchi_img {
  width:8%;
  text-align:center
 }
 .kuchi_right {
  width:88%
 }
 .stars {
  display:inline-block;
  margin:0 10px 0 0
 }
 .single .tablepress {
  font-size:.85em
 }
 .single .tablepress th,
 .single .tablepress td {
  padding:8px
 }
 .detail_table_wrap .ac_content {
  margin-top:5px
 }
 #breads,
 .breads {
  display:table;
  width:100%
 }
 #breads li,
 .breads li {
  width:33.3%;
  display:table-cell;
  border:2px solid #ddd;
  border-right:none;
  padding:10px 20px;
  text-align:center;
  font-weight:700;
  font-size:.88em
 }
 #breads li:last-child,
 .breads li:last-child {
  border-right:2px solid #ddd
 }
 #breads li span,
 .breads li span {
  display:block;
  background:#47b980;
  color:#fff;
  font-weight:700;
  font-size:1.2em;
  width:38px;
  margin:0 auto 10px;
  border-radius:50%;
  height:38px;
  line-height:38px
 }
 .cam_list {
  width:33.3%;
  display:inline-block;
  vertical-align:top;
  float:left
 }
 .cam_list a {
  height:397.5px;
  overflow:hidden;
  padding:20px
 }
 .cam_list:nth-child(even) a {
  background:#f7f7f7
 }
 .cam_list_img,
 .cam_list_body {
  width:100%;
  float:none
 }
 .cam_list_name {
  font-size:.9em;
  margin:8px 0;
  height:46px;
  overflow:hidden
 }
 .cam_list_desc {
  height:46px;
  overflow:hidden
 }
 #pickup_lists {
  padding:15px 15px 5px
 }
 .pickup_list,
 .pickup_list:nth-child(even) {
  width:32%;
  margin-right:2%
 }
 .pickup_list.pc_r {
  margin-right:0
 }
 .pl_title {
  font-size:.9em;
  padding:10px 10px 0;
  height:63px
 }
 .pl_desc {
  display:block;
  margin:0;
  font-size:.75em;
  padding:5px 5px 10px;
  height:81px;
  overflow:hidden;
  color:#777
 }
 .ranking_head_banner {
  margin:0;
  text-align:center
 }
}
#inner-header {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-between;
 align-items:center
}
@media screen and (min-width:1024px) {
 .header {
  box-shadow:none;
  padding:0
 }
 #inner-header {
  padding:3px 0
 }
 #mv {
  margin:2em auto 2em auto;
  padding:0
 }
 #logo {
  display:inline-block;
  width:29%;
  font-size:1.2em;
  line-height:47px;
  text-align:left;
  padding:0;
  margin:11px 0 0
 }
 #logo span {
  font-size:.6em
 }
 #logo img {
  width:230px
 }
 .desktop-nav {
  width:69%
 }
 .desktop-nav ul {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center
 }
 .desktop-nav li {
  width:calc(100%/6);
  text-align:center;
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  border-right:1px solid #fff
 }
 .desktop-nav li:first-child {
  border-left:1px solid #fff
 }
 .desktop-nav li a {
  height:auto;
  line-height:1.5;
  font-size:12px;
  display:block;
  padding:15px 0;
  font-weight:400
 }
 .desktop-nav li a:hover {
  opacity:.5
 }
 .desktop-nav li a span {
  display:block
 }
 .desktop-nav li a span svg {
  width:24px;
  height:24px
 }
 .desktop-nav li a span svg path,
 .desktop-nav li a span svg polygon {
  transition:all .3s;
  fill:#fff
 }
 .desktop-nav li:hover:after {
  background:#eda43d
 }
 .desktop-nav li:hover a span svg path,
 .desktop-nav li:hover a span svg polygon {
  fill:#e1ff6f
 }
 .desktop-nav li a span svg {
  width:30px;
  height:30px
 }
 #ranking {
  margin:0
 }
 .ranking_list {
  width:33.3%;
  float:left
 }
 .ranking_list a:hover {
  background:#fafafa
 }
 .ranking_list:nth-child(even) a {
  border-left:1px solid #999
 }
 .ranking_list:nth-child(2) a,
 .ranking_list:nth-child(5) a,
 .ranking_list:nth-child(8) a {
  border-right:none
 }
 .ranking_list:last-child a {
  border-right:1px solid #999
 }
 #cs_results {
  margin:0
 }
 #order {
  display:inline-block;
  width:60%;
  float:left
 }
 #order.fixed {
  padding:10px;
  background:rgba(255,255,255,.9)
 }
 #order.fixed .pc_wrap {
  width:1000px;
  margin:0 auto
 }
 .cs_found {
  width:40%;
  float:left;
  display:block;
  font-size:1em
 }
 .cs_item .main_wrap {
  padding:10px 25px 25px;
  border:1px solid #bf9763;
  -webkit-box-shadow:1px 1px #ccc;
  box-shadow:1px 1px #ccc
 }
 #ranking .cs_item {
  margin-bottom:60px
 }
 .cs_item:nth-child(even) {
  background:#fff
 }
 .cs_title {
  text-align:left;
  font-size:1.25em;
  padding:5px 15px
 }
 .cam_on .cs_title {
  padding:5px 330px 5px 15px
 }
 .cs_title.rnk {
  padding:5px 15px 20px 60px
 }
 .line_4,
 .line_5,
 .line_6,
 .line_7,
 .line_8,
 .line_9,
 .line_10,
 .line_11,
 .line_12 {
  margin-bottom:5px !important
 }
 .cam_on .cs_title.rnk {
  padding:5px 0 15px 60px;
  margin-bottom:20px;
  color:#333;
  border-bottom:none
 }
 .cs_title:after {
  left:-20px;
  margin-left:0
 }
 .cs_flex_wrap,
 .ca_flex_wrap {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between
 }
 .cs_left {
  width:100%;
  margin-right:0
 }
 .cs_img {
  width:200px;
  margin:0 0 15px
 }
 .cs_img p {
  margin-top:0
 }
 .cs_right {
  width:100%;
  margin-top:1em
 }
 .cs_catch {
  width:100%;
  text-align:left
 }
 .cs_pc_lists {
  width:calc(95% - 200px - 47%);
  padding-top:0
 }
 .cs_pc_lists:nth-of-type(2) {
  width:47%;
  padding-top:0
 }
 .cs_pc_lists:after {
  display:none
 }
 #content .cs_list_label {
  display:table-cell;
  width:40%;
  vertical-align:middle;
  text-align:left;
  background:#fff;
  padding-left:10px
 }
 #item_top table.bdt1 {
  border-top:0
 }
 .ca_flex_wrap .item_terms_wrap {
  width:calc(97% - 250px)
 }
 .ca_flex_wrap .special_labels {
  max-width:250px
 }
 .ca_flex_wrap .item_terms_wrap {
  padding:0;
  margin:0
 }
 .ca_flex_wrap {
  margin-top:20px
 }
 ul.card {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin:0
 }
 ul.card li {
  max-width:30px
 }
 .cs_list {
  display:table-cell;
  width:65%;
  vertical-align:middle;
  padding:0 5px 0 0
 }
 td .cs_list {
  display:block;
  width:100%
 }
 .cs_list li {
  padding:5px 0
 }
 .cs_list li.none,
 .s_rank_item .cs_list li.none {
  height:32px
 }
 #item_top .cs_list li.none {
  height:40px
 }
 .cs_item table {
  margin:0
 }
 .special_labels ul {
  margin:0;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between
 }
 .special_labels li {
  font-size:.6em;
  text-align:center;
  width:calc(97%/2);
  padding:5px;
  vertical-align:middle;
  margin-bottom:3px;
  color:#ccc;
  border:1px solid #ccc;
  line-height:1.5;
  border-radius:3px
 }
 .special_labels li br {
  display:none
 }
 .special_labels li.end {
  margin-right:0
 }
 .special_labels li.on {
  color:#b48b55;
  border-color:#b48b55;
  background:#fff
 }
 .ac_input~label {
  border-radius:1px;
  font-size:.8em;
  transition:all .2s;
  background:#fff
 }
 .ac_input~label:hover {
  background:#f6f6f6
 }
 .cs_points {
  background:#fff
 }
 .cs_points li {
  border-bottom:1px solid #ddd
 }
 .cs_desc,
 .pc_btn_wrap {
  margin-top:20px
 }
 .pc_btn_wrap {
  position:relative;
  display:flex;
  flex-direction:row-reverse;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin:0 auto;
  max-width:98%
 }
 .pc_btn_wrap .flexnone {
  display:block
 }
 .pc_btn_wrap .btn_o_wrap {
  width:62%
 }
 .pc_btn_wrap .btn_o_wrap:nth-of-type(2) {
  width:35%;
  margin:0
 }
 .pc_btn_wrap.flexnone .btn_o_wrap {
  margin-left:auto;
  margin-right:auto
 }
 .pc_btn_wrap.flexnone .btn.detail {
  background:0 0;
  padding:0;
  text-align:center;
  border-bottom:none;
  text-decoration:underline
 }
 .pc_btn_wrap .btn_o_wrap .btn.official {
  width:92%;
  max-width:100%;
  margin:1em 0 0 auto
 }
 .pc_btn_wrap .btn.detail {
  padding:1.5em;
  box-shadow:none;
  height:auto;
  color:#121212;
  font-size:17px;
  background:#dbdbdb;
  display:block;
  border-radius:.65em;
  border-bottom:5px solid #cecece;
  margin:1em auto 0;
  max-width:400px
 }
 .btn_wrap {
  margin:30px 0
 }
 .single-card .btn.official {
  max-width:500px;
  margin:0 auto;
  width:100%
 }
 .btn.official:hover {
  text-decoration:none;
  opacity:.8
 }
 .btn.detail:hover {
  background:#eee;
  text-decoration:none
 }
 .kuchi_img {
  width:10%
 }
 .kuchi_img img {
  width:48px
 }
 .kuchi_right {
  width:90%
 }
 .basic_headline {
  margin:2em 0 0
 }
 .item_title {
  font-size:20px;
  margin-top:0;
  padding:10px 240px 10px 10px
 }
 .item_cam_alert {
  position:absolute;
  top:0;
  right:0;
  width:200px;
  font-size:.79em;
  letter-spacing:1px;
  margin:0;
  padding:13px 6px;
  background:#eb5252;
  color:#fff
 }
 .item_left {
  width:30%
 }
 .item_right {
  width:67%
 }
 .item_specs {
  margin:20px 0
 }
 .item_spec {
  width:33.3%;
  float:left
 }
 .item_desc {
  padding:20px 30px
 }
 .cam_body,
 #cta {
  margin:0 0 10px
 }
 .cam_banner,
 .cam_content,
 .cta_banner,
 .cta_text {
  margin-top:15px;
  margin-bottom:0
 }
 .cam_content p,
 .cta_text p {
  line-height:1.9;
  font-size:.85em
 }
 .single .tablepress .column-1 {
  width:20%;
  background-color:#f9f6f1;
  font-weight:400;
  vertical-align:middle
 }
 .single .tablepress .column-2 {
  border-right:1px solid #ddd;
  vertical-align:middle;
  width:15%
 }
 .single .tablepress th,
 .single .tablepress td {
  padding:10px
 }
 .detail_table_wrap label {
  font-weight:700;
  font-size:1em
 }
 #cam_list {
  margin:20px 0;
  border:2px solid #eee
 }
 .cam_list {
  width:25%;
  display:inline-block;
  vertical-align:top;
  float:left
 }
 .cam_list:nth-child(even) a {
  background:#fff
 }
 .cam_list:nth-child(1) a,
 .cam_list:nth-child(3) a,
 .cam_list:nth-child(6) a,
 .cam_list:nth-child(8) a,
 .cam_list:nth-child(9) a,
 .cam_list:nth-child(11) a,
 .cam_list:nth-child(14) a,
 .cam_list:nth-child(16) a {
  background:#f7f7f7
 }
 .cam_list a:hover {
  text-decoration:none;
  background:#efefef
 }
 .cam_list a:hover .cam_list_name {
  color:#47b980
 }
 .cam_list_name {
  transition:all .3s
 }
 .more_btn:hover {
  background:#dedede;
  text-decoration:none
 }
 #pickup_lists {
  margin:0;
  padding:20px 0 10px
 }
 .pickup_list {
  margin-bottom:15px
 }
 .pickup_list a {
  border:1px solid #ccc
 }
 .pickup_list a:hover {
  background:#fff;
  opacity:.7;
  text-decoration:none
 }
 .pl_title {
  padding:10px 15px 0;
  height:70px
 }
 .pl_desc {
  padding:5px 15px 10px;
  height:88px
 }
 .kuchi_stats_wrap {
  text-align:center
 }
}
.dokidoki {
 animation:dokidoki 1.5s infinite
}
@keyframes dokidoki {
 0% {
  transform:scale(1.05)
 }
 5% {
  transform:scale(1)
 }
 95% {
  transform:scale(1)
 }
 100% {
  -webkit-transform:scale(1.05)
 }
}
.card-item__description_sp table {
 margin-bottom:1em;
 font-size:15px;
 border:1px dashed;
 width:100%
}
.card-item__description_sp .t-right {
 text-align:right
}
.card-item__description_sp table td,
.card-item__description_sp table th {
 padding:3px
}
table.disc_sp1 .t-right {
 border-right:1px solid gray;
 border-bottom:1px dashed gray;
 text-align:right;
 color:#000
}
.card-detail-table {
 width:100%;
 border:1px solid #e5ded1;
 margin:0 auto 0 auto
}
table.disc_sp1 {
 margin-bottom:1em;
 font-size:15px;
 border:1px dashed;
 width:100%
}
table.disc_sp1 td {
 padding:10px;
 border-bottom:1px dashed gray;
 font-weight:400
}
table.disc_sp1 td a {
 color:#00e;
 text-decoration:underline
}
.card-detail-table .card-detail-table__title {
 line-height:1.4;
 text-align:left;
 background-color:#e5ded1
}
.card-detail-table th {
 padding:13px 20px
}
.card-detail-table thead {
 font-size:14px
}
.card-detail-table tbody {
 border:0 solid transparent;
 font-size:14px;
 color:#666
}
.card-detail-table tbody tr th:first-child {
 width:30%;
 border-right:1px solid #e5ded1;
 font-weight:400
}
.card-detail-table td {
 padding:13px 20px;
 font-size:14px;
 color:#666
}
.card-detail-table tbody tr td:last-child {
 width:70%
}
.card-detail-table td {
 padding:13px 20px;
 font-size:14px;
 color:#666
}
.card-detail-table tbody tr:nth-child(odd) {
 background-color:#f9f6f1
}
.card-detail-table tbody tr td ul {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:flex-start
}
.card-detail-table tbody tr td img {
 width:40px
}
ul.pointkokan li {
 display:none
}
ul.pointkokan li.on {
 display:inline-block;
 margin-right:8px
}
.disc_sp2 {
 background-color:#fcfad9;
 margin-bottom:0;
 font-size:15px;
 border:1px dashed #ddd;
 width:100%;
 padding:5px 10px 8px
}
.disc_sp2 .ttl:before {
 content:"●";
 color:#f80;
 font-size:13px;
 margin-right:3px
}
.disc_sp2 .ttl {
 padding:3px;
 font-weight:700;
 font-size:16px;
 border-bottom:1px dashed #ddd;
 margin-bottom:5px
}
ul.checkbox {
 margin:0 auto 0 auto;
 list-style:none;
 padding:0
}
ul.checkbox li {
 font-size:1rem;
 font-weight:400;
 padding-left:22px;
 position:relative;
 margin-bottom:.75em;
 line-height:1.35
}
ul.checkbox li:last-child {
 margin-bottom:0
}
ul.checkbox li:before {
 content:'';
 background:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/check.svg)no-repeat;
 background-size:contain;
 position:absolute;
 width:17px;
 height:17px;
 top:2px;
 left:0
}
@media screen and (max-width:768px) {
 ul.checkbox {
  margin-left:6px
 }
 ul.checkbox li {
  margin-bottom:.85em;
  font-size:.95rem
 }
 ul.checkbox li:before {
  left:2px;
  top:1px
 }
 .cs_desc.disc_sp2 .checkbox {
  border:none !important
 }
}
.diagnosis {
 padding:40px;
 margin-bottom:40px;
 color:#fff;
 background-color:#19a1a0;
 position:relative;
 overflow-x:hidden
}
.diagnosis__doctor {
 position:absolute;
 top:-15px;
 right:0
}
.diagnosis__title {
 padding-right:180px;
 margin-top:0;
 margin-bottom:0;
 font-family:"ヒラギノ明朝 ProN W6",HiraMinProN-W6,HG明朝E,"ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
 font-size:50px;
 font-weight:400;
 line-height:1
}
.diagnosis__heading {
 position:relative
}
.diagnosis__heading p {
 margin:0
}
.diagnosis__title span {
 display:block;
 margin-bottom:10px;
 font-size:30px
}
.yesno_q {
 text-align:left;
 display:block;
 padding:0;
 margin-bottom:1.5rem;
 font-size:1.5rem;
 font-weight:700;
 border:0;
 border-radius:0
}
.yesno_q dt span {
 display:inline-block;
 padding:4px 20px;
 margin-bottom:20px;
 font-size:15px;
 font-weight:700;
 color:#19a1a0;
 background-color:#fff;
 border-radius:40px
}
.yesno_q dd {
 padding:0 !important
}
.yesno_q dt {
 display:block;
 padding:0;
 margin-bottom:0 !important
}
ul#choices li button {
 position:relative;
 padding:23px;
 margin-bottom:17px;
 text-align:left;
 font-size:18px;
 font-weight:700;
 line-height:1;
 border:0;
 color:#333;
 cursor:pointer;
 background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),to(#f2eee8));
 background:linear-gradient(180deg,#fff 20%,#f2eee8);
 border-radius:10px;
 -webkit-box-shadow:0 1px #137372;
 box-shadow:0 1px #137372
}
ul#choices li button:hover {
 opacity:.85;
 background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),to(#f2eee8));
 background:linear-gradient(180deg,#fff 20%,#f2eee8);
 border-radius:10px;
 -webkit-box-shadow:0 1px #137372;
 box-shadow:0 1px #137372
}
.diagnosis-result__link {
 color:#333;
 text-decoration:none
}
.card-item__heading {
 margin:0
}
[data-is-ranking=True][data-ranking="1"] .card-item__heading a,
[data-is-ranking=True][data-ranking="2"] .card-item__heading a,
[data-is-ranking=True][data-ranking="3"] .card-item__heading a,
[data-is-ranking=True][data-ranking="4"] .card-item__heading a,
[data-is-ranking=True][data-ranking="5"] .card-item__heading a,
[data-is-ranking=True][data-ranking="6"] .card-item__heading a,
[data-is-ranking=True][data-ranking="7"] .card-item__heading a,
[data-is-ranking=True][data-ranking="8"] .card-item__heading a,
[data-is-ranking=True][data-ranking="9"] .card-item__heading a,
[data-is-ranking=True][data-ranking="10"] .card-item__heading a {
 padding-left:80px
}
[data-is-ranking=True][data-ranking="1"] .card-item__links,
[data-is-ranking=True][data-ranking="2"] .card-item__links,
[data-is-ranking=True][data-ranking="3"] .card-item__links {
 bottom:-42px
}
.card-item__heading a {
 position:relative;
 padding:20px 10px 20px 20px;
 display:block;
 font-size:20px;
 line-height:1.2;
 text-decoration:none;
 color:#333;
 border-bottom:1px solid #f9f6f1
}
.card-item__ranking-label {
 position:absolute;
 top:0;
 left:18px;
 display:block;
 width:52px
}
.diagnosis-result__card {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 padding:10px 20px 0
}
.diagnosis-result__image-wrap img {
 display:block;
 width:150px;
 height:auto;
 margin-right:20px
}
.diagnosis-result__description,
.diagnosis-result__description>p {
 margin:0
}
.card-item__more {
 -webkit-box-flex:0;
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%;
 height:40px;
 color:#000;
 text-decoration:none;
 background-color:#e5ded1;
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
 -webkit-box-shadow:0 1px #ccc;
 box-shadow:0 1px #ccc;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.card-item__official {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:1;
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 height:40px;
 margin-right:10px;
 color:#fff;
 text-decoration:none;
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/official_bg.png);
 background-repeat:repeat-x;
 background-size:1px 40px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.card-item__links {
 position:absolute;
 bottom:-41px;
 width:100%;
 padding:0 10px
}
.page p.diagnosis__sub-title {
 margin-top:24px;
 margin-bottom:30px;
 padding-right:120px;
 font-size:23px;
 font-weight:700
}
.diagnosis-result__description,
.diagnosis-result__description {
 margin:0;
 font-size:15px;
 width:calc(100% - 150px)
}
.card-item__links a:hover,
.card-item__more a:hover {
 text-decoration:none
}
.card-item__official:after,
.card-item__official:before {
 content:"";
 position:absolute;
 top:0;
 height:100%;
 display:block;
 background-repeat:no-repeat
}
.card-item__official:before {
 left:-13px;
 width:13px;
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/official_left.png);
 background-size:13px 40px
}
.card-item__official>span {
 margin-right:20px;
 font-size:15px
}
.card-item__official .fa-angle-right {
 margin-top:-1px;
 font-size:30px
}
.card-item__official:after {
 right:-8px;
 width:8px;
 background-image:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/official_right.png);
 background-size:8px 40px
}
.card-item__official:after,
.card-item__official:before {
 content:"";
 position:absolute;
 top:0;
 height:100%;
 display:block;
 background-repeat:no-repeat
}
.card-item {
 position:relative;
 margin-bottom:60px;
 list-style:none;
 background-color:#fff;
 border:1px solid #ccc;
 border-radius:4px
}
.card-item__more {
 -webkit-box-flex:0;
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%;
 height:40px;
 color:#000;
 text-decoration:none;
 background-color:#e5ded1;
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
 -webkit-box-shadow:0 1px #ccc;
 box-shadow:0 1px #ccc;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.card-item__more>span {
 margin-right:20px;
 font-size:13px
}
.card-item__links,
.card-item__more {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.card-item__more .fa-angle-right {
 margin-top:-1px;
 font-size:30px
}
[data-is-ranking=True][data-ranking="1"] {
 border:1px solid #bf9763;
 -webkit-box-shadow:1px 1px #ccc;
 box-shadow:1px 1px #ccc
}
a.diagnosis__retry {
 color:#fff
}
.diagnosis__retry-wrap {
 text-align:center;
 padding-top:20px
}
.diagnosis__retry {
 position:relative;
 font-size:20px;
 text-decoration:none;
 color:#fff;
 font-weight:700;
 letter-spacing:1px
}
ul#choices li#back {
 display:block;
 max-width:300px;
 margin-left:auto;
 margin-right:auto;
 margin-top:1em
}
ul#choices li#back button {
 padding:15px 10px;
 text-align:center;
 border-radius:6px
}
.diagnosis-result__image-wrap img {
 display:block;
 width:150px;
 height:auto;
 margin-right:20px
}
@media screen and (max-width:768px) {
 .diagnosis__doctor {
  width:70px;
  top:5px
 }
 .diagnosis__title {
  padding-right:0;
  margin-bottom:0;
  font-size:28px
 }
 .diagnosis__sub-title {
  font-size:15px !important;
  padding-right:0
 }
 .diagnosis__doctor.\--result {
  top:0;
  width:auto;
  height:150px
 }
 .diagnosis__heading.\--result {
  padding-top:10px;
  padding-left:10px;
  padding-right:110px;
  margin-bottom:30px
 }
 .diagnosis {
  width:auto;
  margin:0 -8px;
  padding:10px
 }
 .page p.diagnosis__sub-title {
  padding-right:0
 }
 .diagnosis-result__card {
  padding:10px 10px 20px
 }
 .diagnosis-result__image-wrap img {
  width:100px
 }
 .diagnosis-result__description {
  font-size:12px
 }
 [data-is-ranking=True][data-ranking="1"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="2"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="3"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="4"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="5"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="6"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="7"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="8"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="9"] .card-item__heading a,
 [data-is-ranking=True][data-ranking="10"] .card-item__heading a {
  padding-left:51px
 }
 .card-item__heading a {
  padding:13px;
  font-size:20px;
  border-bottom:0;
  padding-bottom:0
 }
 .card-item__ranking-label {
  position:absolute;
  top:0;
  left:3px;
  display:block;
  width:38px
 }
 .diagnosis__retry-wrap {
  padding-top:15px;
  margin-bottom:25px
 }
}
.tos h1,
h1.page_title {
 padding-left:12px;
 font-size:18px;
 font-weight:700;
 border-left:4px solid #b48b55
}
.mt_none {
 margin-top:0
}
.mb_none {
 margin-bottom:0
}
.mb_10 {
 margin-bottom:1.54em;
 margin-top:1.54em
}
.mt_10 {
 margin-top:1.54em
}
.page .tos p {
 font-size:14px;
 line-height:1.7
}
.wdn_responsive_table {
 width:100%;
 margin-top:20px;
 border:solid 1px #e5ded1;
 border-bottom:solid 1px #e5ded1;
 text-align:center;
 margin-top:30px;
 font-size:14px
}
.wdn_responsive_table .card-detail-table__title {
 border:1px solid #e5ded1;
 background:#f9f6f1
}
.wdn_responsive_table td {
 border:1px solid #e5ded1;
 padding:10px;
 font-size:13px
}
.wdn_responsive_table td:first-child {
 text-align:left;
 background:#f9f6f1
}
.search-result__heading h2 {
 margin-top:0;
 margin-right:10px;
 margin-bottom:0;
 font-size:20px;
 font-weight:700;
 line-height:1;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:flex-start;
 align-items:center
}
.search-result__heading {
 border-bottom:2px solid #e5ded0;
 padding-bottom:10px;
 margin-bottom:20px;
 line-height:1;
 position:relative
}
.search-result__heading span {
 margin-left:10px
}
.search-result__heading span.kensu {
 font-size:15px;
 color:#999;
 font-weight:400
}
.search-result__heading:after {
 content:'';
 width:140px;
 height:2px;
 bottom:-2px;
 left:0;
 position:absolute;
 background-color:#bf9609
}
.card-table__body {
 width:100%;
 margin:0 auto 70px auto;
 display:block
}
.card-table__body .row-wrap {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 background-color:#fff;
 border-bottom:4px solid #f9f6f1;
 -webkit-box-align:stretch;
 -ms-flex-align:stretch;
 align-items:stretch
}
.card-table__body .row-wrap:hover {
 outline:none;
 cursor:pointer
}
.card-table__body .row-wrap .td {
 display:flex;
 text-align:center;
 align-items:center;
 flex-wrap:wrap;
 flex-direction:column;
 justify-content:center;
 border-right:1px dashed #ddd;
 padding:10px;
 font-size:15px;
 width:calc((100% - 160px)/6);
 min-width:85px
}
.card-table__col--card {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:0;
 -ms-flex:0 0 20%;
 flex:0 0 20%;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 padding:10px;
 -webkit-box-align:start !important;
 -ms-flex-align:start !important;
 align-items:flex-start !important;
 min-width:160px
}
.card-table__body .space-around {
 justify-content:space-between
}
.card-table__body .body {
 border:1px solid #ccc;
 border-radius:4px;
 padding:13px
}
.card-table__title {
 margin-top:0;
 margin-bottom:10px;
 font-weight:700;
 color:#966f39;
 width:100%;
 text-align:left
}
.card-table__title {
 font-size:16px !important;
 font-weight:700;
 color:#24526f
}
.card-table__image-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start
}
.card-table__card-image {
 display:block;
 max-width:160px;
 height:auto
}
.card-table__title,
.card-table__col--point,
.card-table__col--annual-fee,
.card-table__col--issuing-speed {
 font-size:14px;
 font-weight:700
}
.card-table__col--annual-fee,
.card-table__col--first-annual-fee,
.card-table__col--point {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 max-width:8.5%
}
.card-table__col--annual-fee strong,
.card-table__col--issuing-speed strong {
 font-weight:700;
 color:#903
}
.card-table__col--description {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-between;
 align-items:center;
 padding-right:20px;
 padding-left:15px
}
.card-table__col--e-money img {
 width:auto;
 height:15px;
 margin-bottom:9px
}
.card-table__col--e-money li {
 list-style:none
}
.card-table__col--e-money img {
 height:auto !important;
 width:40px !important
}
.page p.card-table__description {
 font-size:13px;
 text-align:left;
 font-weight:400;
 width:calc(98% - 160px)
}
.page p.card-table__description strong,
.page p.card-table__description span.keiko_yellow {
 font-weight:400
}
.card-table__links {
 display:flex;
 flex-direction:column;
 max-width:150px;
 width:100%;
 align-items:center
}
.card-table__official {
 position:relative;
 padding:21px 15px 26px;
 margin-bottom:15px;
 max-width:150px;
 font-size:13px;
 color:#fff;
 text-align:center;
 text-decoration:none;
 background-color:#ef0606;
 border-radius:3px;
 -webkit-box-shadow:0 -5px #920c0c inset;
 box-shadow:inset 0 -5px #920c0c;
 position:relative;
 width:100%
}
.card-table__official i.fa.fa-angle-right {
 position:absolute;
 right:9px;
 font-size:22px;
 top:45%;
 transform:translateY(-45%)
}
.card-table__official:hover {
 background-color:#1d1d1d;
 -webkit-box-shadow:0 -5px #000 inset;
 box-shadow:inset 0 -5px #000;
 text-decoration:none
}
.card-table__to-detail {
 font-size:13px;
 color:#966f39;
 text-decoration:none;
 border-bottom:1px solid #966f39;
 padding-bottom:3px
}
.card-table__head {
 position:relative;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:flex-start;
 background-color:#e5ded1
}
.card-table__head .row-wrap {
 position:relative;
 font-size:12px;
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:center;
 text-align:center;
 padding:20px 10px;
 font-weight:700;
 width:calc((100% - 160px)/6);
 min-width:85px;
 align-items:center;
 max-width:85px
}
.card-table__head .card {
 width:200px;
 min-width:200px;
 max-width:100%
}
.card-table__head .point {
 width:100%;
 max-width:100%
}
#order select,
#order .research_skip {
 border:2px solid #e5ded1;
 color:#272727
}
.search-result__button {
 padding:8px 15px;
 margin-left:10px;
 color:#fff;
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:center;
 cursor:pointer;
 background-color:#b48b55;
 border:none;
 border-radius:4px;
 -webkit-box-shadow:0 5px #966f39;
 box-shadow:0 5px #966f39;
 font-size:15px
}
.search-result_wrap {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:flex-start
}
.search-result__button:hover {
 opacity:.8;
 text-decoration:none
}
.footer__seo-text div * {
 font-size:10px !important;
 margin:0;
 color:#fff
}
.footer__seo-text {
 padding:0 0 40px;
 border-bottom:1px solid #999
}
.column-wrap {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:flex-start;
 margin-top:20px;
 margin-bottom:20px
}
.column-wrap .fourth {
 width:calc(94%/4);
 margin-right:2%;
 position:relative
}
.column-wrap .fourth:nth-of-type(4n) {
 margin-right:0
}
.column-wrap .fourth-list {
 margin-bottom:20px
}
.column-wrap .fourth a {
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.column-wrap .fourth:hover {
 opacity:.8
}
p.article-narrow__heading,
.page p.article-narrow__heading {
 margin-top:10px;
 margin-bottom:0;
 font-size:14px;
 font-weight:700;
 width:100%;
 height:3.2em;
 overflow:hidden;
 color:#333
}
.article-narrow__body,
.page p.article-narrow__body {
 margin-top:0;
 margin-bottom:0;
 font-size:12px;
 width:100%;
 color:#666
}
@media screen and (max-width:768px) {
 .column-wrap .fourth {
  width:calc(98%/2);
  padding:0 .5em
 }
 .column-wrap .fourth:nth-of-type(even) {
  margin-right:0
 }
 .column-wrap .fourth:nth-of-type(odd) {
  border-right:1px solid #ccc
 }
}
.btn_green {
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:center;
 background:#15ad2f;
 color:#fff;
 padding:1em .5em;
 border-radius:.45em;
 min-height:65px;
 text-align:center;
 font-size:16.5px;
 font-weight:700;
 margin-bottom:1em;
 position:relative;
 border-bottom:4px solid #084112
}
.btn_red {
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:center;
 background:#e80000;
 background:-moz-linear-gradient(top,#e80000 0%,#b50000 100%);
 background:-webkit-linear-gradient(top,#e80000 0%,#b50000 100%);
 background:linear-gradient(to bottom,#e80000 0%,#b50000 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e80000',endColorstr='#b50000',GradientType=0);
 color:#fff;
 padding:1em .5em;
 border-radius:.5em;
 min-height:80px;
 text-align:center;
 font-size:12px;
 font-weight:400;
 margin-bottom:.5em;
 position:relative
}
.btn_green span i,
.btn_red span i {
 font-size:11px;
 margin-left:6px
}
.btn_org {
 display:flex;
 flex-direction:column;

 flex-wrap:wrap;
 justify-content:center;
 background:#eda43d;
 color:#fff;
 padding:.5em;
 border-radius:.45em;
 min-height:65px;
 text-align:center;
 font-size:1em;
 font-weight:700;
 margin-top:1em;
 position:relative;
 border-bottom:4px solid #c58634
}
@media screen and (max-width:768px) {
 #content {
  margin-top:20px
 }
 html,
 body {
  overflow-x:hidden
 }
 #cs_results {
  margin:0 auto 0
 }
 .single #inner-content,
 .page #inner-content,
 #inner-content {
  padding:0 8px;
  box-sizing:border-box
 }
 #before_footer {
  padding:0 4px;
  margin-top:20px
 }
 .header {
  height:auto;
  padding:6px 2px
 }
 #inner-header {
  max-width:100%
 }
 .mobile-nav li {
  border-right:1px solid #fff
 }
 .header__brand h2 {
  display:none
 }
 .mobile-nav li a {
  line-height:1;
  display:block;
  padding:4px
 }
 .mobile-nav {
  width:53%
 }
 .mobile-nav ul {
  flex-wrap:nowrap;
  justify-content:flex-end
 }
 .mobile-nav li {
  padding-left:5px;
  padding-right:5px
 }
 .mobile-nav .current-menu-item {
  border-bottom-color:none !important
 }
 .wrap {
  width:100%;
  margin:0 auto
 }
 #ranking {
  margin:0 auto 24px
 }
 .ranking_head_banner {
  margin:0 -8px auto
 }
 #pickup_lists,
 #cam_list {
  margin-left:-8px;
  margin-right:-8px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between
 }
 .pickup_list {
  width:49%;
  margin:0 2% 10px 0;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc
 }
 .pl_title {
  height:auto;
  padding:10px 8px
 }
 .cs_head {
  width:50%;
  margin-bottom:0
 }
 .ms_head {
  width:55.5%;
  padding-right:0
 }
 .type03 .ms_head {
  width:80%;
  margin-left:auto;
  margin-right:auto
 }
 .cs_img {
  width:100%;
  margin:0 0 15px
 }
 .cs_head_wrap {
  padding:0 15px 0 12px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between
 }
 .cs_sp_lists {
  width:48%;
  border-width:1px
 }
 .ms_sp_lists {
  width:36%;
  border-width:1px;
  padding-top:2px
 }
 .cs_item table {
  border:0
 }
 .cs_item th {
  width:60%;
  min-width:100%
 }
 .cs_item th,
 .cs_item td {
  font-size:12px;
  padding:2px 0;
  color:#000
 }
 .cs_item td ul {
  margin-top:0;
  margin-bottom:0
 }
 .cs_item td {
  width:70%
 }
 .cs_item td ul li {
  display:inline-block;
  width:48px;
  margin-bottom:5px
 }
 .cs_item td ul li img {
  min-width:48px
 }
 .kuchi_stats_wrap {
  text-align:left;
  margin-top:10px
 }
 table.disc_sp1 {
  border:1px dashed;
  margin-top:10px
 }
 table.disc_sp1 td:first-child {
  width:30%;
  text-align:right;
  font-size:14px
 }
 table.disc_sp1 td {
  width:70%;
  padding:3px
 }
 table.disc_sp1 td a {
  font-size:14px
 }
 .basic_headline {
  margin-bottom:10px
 }
 .page-top-seo-text__description {
  padding:0;
  margin-bottom:20px
 }
 .page-top-seo-text__description {
  padding:10px 2px 0;
  font-size:12px
 }
 .more_btn {
  margin-bottom:30px;
  margin-top:10px
 }
 #ranking .ms_item {
  margin-bottom:.75em;
  margin-top:.5em
 }
 .ms_item td {
  width:33.333%;
  min-width:auto;
  border:1px solid #ddd;
  padding:4px;
  text-align:center;
  font-weight:400
 }
 .ms_item th {
  width:33.333%;
  min-width:auto;
  background:#fafafa;
  border:1px solid #ddd;
  padding:4px;
  font-size:.78rem;
  text-align:center;
  color:#000
 }
 .ms_item td.bold {
  font-weight:700
 }
 .ms_item td.bold font {
  font-weight:400
 }
 .ms_item td.curcle {
  background:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/maru.svg)no-repeat center center;
  background-size:40px 40px
 }
 .ms_item td.triangle {
  background:url(//xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/themes/hikakuTheme/img/sankaku.svg)no-repeat center center;
  background-size:40px 40px
 }
 @media screen and (max-width:767px) {
  .single-card-detail td {
   text-align:center !important
  }

  .single-card-detail th {
   border:1px solid #ddd !important;
   text-align:center !important
  }
 }
 .card-table__head {
  display:none
 }
 .search-result__button {
  font-size:12px;
  padding:5px;
  box-shadow:none;
  background:0 0;
  border:1px solid #b48b55;
  color:#b48b55;
  border-radius:3px
 }
 #order select,
 #order .research_skip {
  margin-right:3px
 }
 .search-result_wrap {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap
 }
 .search-result__heading h2 {
  font-size:13px
 }
 .cs_found span {
  font-size:20px
 }
 .search-result__heading span.kensu {
  font-size:12px;
  margin-left:2px
 }
 .search-result__heading {
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:10px
 }
 .search-result__heading:after {
  display:none
 }
 p.result_meta_label {
  font-size:12px !important;
  color:#666
 }
 .joken {
  color:#666
 }
 .btn.official.btn-single {
  width:100%;
  margin:20px auto 30px;
  border-radius:4px
 }
 .cam_content,
 .cta_text {
  width:100%
 }
 .cam_banner {
  width:100%
 }
 .single .tablepress .column-1 {
  background-color:#f9f6f1
 }
 .single .tablepress {
  font-size:.75rem
 }
 h2,
 .h2 {
  font-size:1.25rem;
  /*margin-bottom:10px*/
 }
 .card-detail-table {
  font-size:.75rem
 }
 .card-detail-table th,
 .card-detail-table td {
  padding:4px;
  font-size:.75rem
 }
 span.title {
  font-size:15px
 }
 .recommend-point__item:before {
  height:22px;
  padding:5px 12px;
  margin-right:10px;
  margin-top:3px;
  font-size:14px;
  line-height:22px
 }
 #csf_btn:before {
  content:'\f002';
  font-family:Fontawesome;
  position:absolute;
  left:50px;
  top:18px;
  font-size:1.2em
 }
 #sp_custom_search_form #csf_btn {
  padding:20px 25px 20px 40px;
  height:auto;
  line-height:1.2
 }
 .card-table__body .row-wrap {
  border-bottom:none
 }
 .result_orders #order .pc_wrap {
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap
 }
 #order .research_skip {
  padding:4px 10px;
  border:1px solid #966f39;
  border-radius:2px;
  background-color:transparent;
  font-size:11px;
  color:#966f39;
  line-height:33px
 }
 .joken dd span.on {
  color:#966f39;
  font-weight:400
 }
 #ranking_lists {
  margin-top:5px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start
 }
 .ranking_list {
  width:50%
 }
 .ranking_list a {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center
 }
 .footer {
  margin-top:20px
 }
 .footer__to-top {
  display:none
 }
 .footer__to-top__sp {
  width:100%;
  background-color:#999;
  border:medium none currentColor;
  display:block
 }
 .footer__to-top__sp a {
  display:block;
  padding:15px;
  text-align:center;
  color:#fff !important;
  font-size:.8rem;
  font-weight:700
 }
 .footer__nav {
  padding:0;
  border-bottom:none
 }
 #inner-footer {
  padding:0
 }
 .ranking_list a {
  font-size:.76em
 }
 #footer-menu nav {
  display:block
 }
 #footer-menu a {
  display:block;
  padding:10px;
  font-size:13px;
  border-bottom:1px solid #fff
 }
 .copyright {
  margin:15px 0
 }
 .wdn_responsive_tablewrap {
  overflow:auto
 }
 .footer-links__item {
  width:100%;
  text-align:center
 }
 .footer-links__item:first-child {
  margin-bottom:15px
 }
 .footer__seo-text {
  border-bottom:0;
  padding-bottom:15px
 }
}
.footer-menu-acd {
 width:100%;
 padding:0
}
.footer-menu-acd ul {
 border-bottom:1px solid #fff
}
.footer-menu-acd input {
 display:none
}
.footer-menu-acd label {
 cursor:pointer;
 display:block;
 text-decoration:none;
 color:#fff;
 line-height:1;
 position:relative;
 margin:0;
 padding:15px 10px;
 font-size:12px
}
.footer-menu-acd ul {
 margin:0;
 padding:0;
 list-style:none;
 margin-bottom:1px
}
.footer-menu-acd li {
 height:0;
 overflow-y:hidden;
 transition:padding-bottom .5s,padding-top .5s;
 padding:0
}
#menu_bar01:checked~#links01 li,
#menu_bar02:checked~#links02 li {
 height:auto;
 opacity:1;
 background:#fff;
 font-size:12.5px

}
#menu_bar01:checked~#links01 li:last-child,
#menu_bar02:checked~#links02 li:last-child {
 margin-bottom:20px
}
.footer-menu-acd ul li a {
 padding:10px;
 color:#1a1a1a !important;
 border-bottom:1px solid #ccc !important;
 background:#fff;
 display:block
}
.footer-menu-acd ul li:last-child {
 border-bottom:0
}
.footer-menu-acd label:after {
 content:"";
 display:block;
 width:8px;
 height:8px;
 border-top:#eda43d 2px solid;
 border-right:#eda43d 2px solid;
 -webkit-transform:rotate(135deg);
 -ms-transform:rotate(135deg);
 transform:rotate(135deg);
 position:absolute;
 right:2%;
 top:0;
 bottom:15%;
 margin:auto
}
.footer-menu-acd input[type=checkbox]:checked+label:after {
 content:"";
 display:block;
 width:8px;
 height:8px;
 border-top:#eda43d 2px solid;
 border-right:#eda43d 2px solid;
 -webkit-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg);
 position:absolute;
 right:2%;
 top:7%;
 bottom:0;
 margin:auto
}
.s_nonclick_full img {
 pointer-events:none;
 width:100%;
 margin:0 auto
}
.s_nonclick_w90 img {
 pointer-events:none;
 width:90%;
 margin:0 auto;
 display:block
}
.s_nonclick_w85 img {
 pointer-events:none;
 width:85%;
 margin:0 auto;
 display:block
}
.s_nonclick_w50 img {
 pointer-events:none;
 width:50%;
 margin:0 auto;
 display:block
}
.s_box_simple1 {
 position:relative;
 margin:2em 0;
 padding:25px 10px 7px;
 border:solid 2px #ffc107
}
.s_box_simple1 .box-title {
 position:absolute;
 display:block;
 top:-2px;
 left:-2px;
 padding:10px;
 height:30px;
 line-height:30px;
 font-size:17px;
 background:#ffc107;
 color:#fff;
 font-weight:700
}
.s_box_simple1 ul {
 margin:10px 0
}
.s_box_simple1 ul li {
 list-style:inside
}
.s_attention01 {
 color:#ff4500;
 font-weight:700;
 font-size:1.2em;
 text-align:center
}
.s_box_simple2 {
 display:flex;
 justify-content:center;
 flex-direction:column;
 padding:0 1rem;
 box-sizing:border-box;
 background-color:#fefefe
}
.s_box_simple2 h2 {
 position:relative;
 padding:15px;
 border-radius:5px;
 border:2px solid #333;
 color:#333;
 font-weight:700;
 font-size:26px;
 text-align:center
}
.s_box_simple2 h2:before {
 position:absolute;
 top:100%;
 left:50%;
 transform:translateX(-50%);
 height:3px;
 width:20px;
 background-color:#fff;
 content:""
}
.s_box_simple2 h2:after {
 position:absolute;
 top:90%;
 left:50%;
 transform:translateX(-50%);
 height:20px;
 width:2px;
 background-color:#333;
 content:""
}
.s_box03 {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-around;
 width:100%;
 margin:25px 0 10px
}
.s_box03_item {
 width:calc(95%/3);
 padding:10px;
 text-align:center;
 border:2px solid #e5e5e5;
 border-radius:10px;
 background-color:#fff
}
.s_box03_item img {
 width:80%;
 margin-bottom:5px
}
@media screen and (max-width:767px) {
 .s_box03 {
  flex-wrap:nowrap
 }
}
.s_box04 {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-around;
 width:100%;
 margin:25px 0 10px
}
.s_box04_item {
 width:calc(95%/2);
 padding:10px;
 text-align:center
}
.s_table table {
 border-collapse:collapse;
 border-spacing:0;
 width:100%
}
.s_table table tr {
 border-bottom:solid 1px #eee
}
.s_table table th {
 text-align:center;
 width:50%;
 padding:15px 0;
 background-color:#282f3e;
 color:#fff
}
.s_table table td {
 text-align:left;
 width:30%;
 padding:10px
}
.s_table table td img {
 text-align:left;
 width:35%;
 padding:3px
}
.s_tbl-r02 table th {
 background-color:#282f3e!important;
 color:#fff!important;
 padding:10px!important;
 width:25%!important;
 font-size:1.2em!important
}
.s_tbl-r02 table td {
 border:solid 1px #ccc!important;
 padding:10px!important;
 width:25%!important;
 text-align:left!important
}
.s_tbl-r02 table td img {
 width:20%!important;
 display:inline-block!important
}
.s_midashi01 {
 font-size:1.5em!important;
 font-weight:700;
 text-align:center;

 color:orange;
 display:block
}
.s_midashi02 {
 font-size:1.3em!important;
 font-weight:700;
 text-align:center;
 display:block
}
.s_midashi03 {
 font-size:1.1em!important;
 font-weight:700;
 text-align:center;
 color:orange;
 display:block
}
.b {
 font-weight:700
}
.s_kome01 {
 font-size:.5em;
 text-align:right;
 color:#999
}
.under_yel {
 text-decoration:underline;
 text-decoration-thickness:.5em;
 text-decoration-color:rgba(255,228,0,.2);
 text-underline-offset:-.2em;
 text-decoration-skip-ink:none
}
.x10 {
 font-size:10px;
 line-height:1.1em;
 display:block;
 margin-top:5px
}
.x0-8em {
 font-size:.8em
}
.x1-2em {
 font-size:1.2em
}
.x1-3em {
 font-size:1.3em
}
.x1-5em {
 font-size:1.5em
}
.x2em {
 font-size:2em
}
.x2-5em {
 font-size:2.5em
}
.s_reason01 {
 font-size:1.2em;
 background-color:#f5f5f5;
 border:2px solid #dcdcdc;
 border-radius:10px;
 padding:20px 20px 10px
}
.heading08 {
 font-size:20px;
 font-weight:700
}
.heading08 span {
 display:flex;
 align-items:center;
 color:orange;
 font-size:15px;
 text-transform:uppercase
}
.heading08 span:before {
 content:'';
 display:inline-block;
 margin-right:20px;
 width:40px;
 height:1px;
 background-color:orange
}
.s_back01 {
 margin-top:5px;
 background-color:#fffaf0;
 padding:10px;
 border-radius:10px
}
.s_table_best {
 color:#ff4500;
 font-size:40px;
 line-height:1em!important;
 font-weight:700
}
.s_table_good {
 color:#ff8900;
 font-size:40px;
 line-height:1em!important
}
.s_table_bad {
 color:#1e90ff;
 font-size:40px;
 line-height:1em!important
}
.s_table_soso {
 color:#000;
 font-size:40px;
 line-height:1em!important;
 vertical-align:-.0667em
}
.s_table01 {
 text-align:center;
 max-width:100%!important
}
.s_table01 th {
 background-color:#e5e5e5;
 font-weight:700;
 font-size:.8em;
 border:1px solid #ececec;
 padding:5px;
 min-width:60px
}
.s_table01 td {
 border:1px solid #ececec;
 padding:8px
}
.s_tabele td .notes {
 font-size:10px;
 line-height:1.1em
}
.s_table01 td img {
 width:60%;
 margin:0 auto
}
.s_table01 .btn_green {
 border-radius:5px;
 margin-bottom:0;
 padding:5px;
 min-height:auto
}
.s_table02 {
 text-align:center;
 table-layout:fixed
}
.s_table02 th {
 background-color:#e5e5e5;
 font-weight:700;
 font-size:.8em;
 border:1px solid #ececec;
 padding:5px;
 min-width:60px
}
.s_table02 td {
 border:1px solid #ececec;
 padding:8px
}
.s_table03 th {
 background-color:#f5f5f5;
 font-weight:700;
 font-size:.8em;
 border:1px solid #ececec;
 padding:5px;
 min-width:60px;
 width:60%
}
.s_table03 td {
 border:1px solid #ececec;
 padding:8px;
 color:orange;
 text-align:center
}
.s_table03pc {
 table-layout:fixed;
 width:100%
}
.s_table03pc th {
 background-color:#f5f5f5;
 font-weight:700;
 font-size:.8em;
 border:1px solid #ececec;
 padding:5px
}
.s_table03pc td {
 border:1px solid #ececec;
 padding:10px;
 color:orange;
 text-align:center
}
.hi__wrap {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-between;
 margin-top:10px
}
.hi__wrap .Contents {
 width:calc(99%/2);
 display:flex;
 flex-direction:column
}
.hi__wrap .Contents figure.image {
 margin:0 auto .3em
}
.hi__wrap .Contents .title {
 font-size:1.2rem;
 font-weight:700;
 text-align:center
}
.hi__wrap .Contents a {
 margin:1em auto 0;
 min-height:auto
}
.hi__wrap .Contents .btn_green {
 padding:10px;
 border-radius:5px;
 width:100%
}
.hi__wrap .Contents .text {
 padding:.7em;
 border:5px solid #fafaf9;
 margin:.5em auto;
 flex:1 0 auto;
 width:100%;
 font-size:.8em;
 user-select:none
}
@media only screen and (min-width:750px) {
 .hi__wrap .Contents .image {
  width:75%;
  margin:0 auto
 }
 .hi__wrap .Contents .text {
  font-size:.9em
 }
}
.hi__wrap .Contents .text .point {
 font-weight:700;
 color:#ff4500;
 text-align:center;
 margin-block-start:0em
}
.mt {
 margin-top:2em
}
#pickup .cs_item {
 margin:0 0 28px;
 padding:0
}
#pickup .cs_item:last-child {
 margin-bottom:40px
}
#pickup .cs_item .main_wrap {
 padding:10px 13px 13px;
 border:4px solid #ff4500;
 box-shadow:none
}
@media screen and (max-width:767px) {
 #pickup .cs_item:last-child {
  margin-bottom:0
 }
 #pickup .cs_item .main_wrap {
  padding:17px 13px 13px;
  border:4px solid #ff4500
 }
}
#pickup {
 margin:0 auto 24px
}
#pickup .ms_item {
 margin-bottom:.75em;
 margin-top:.5em
}
#pickup .cs_item .rank_ico {
 left:10px;
 top:15px
}
@media screen and (min-width:1024px) {
 #pickup .cs_title {
  padding-left:50px
 }
}
.pickup_title {
 font-size:1.5em;
 font-weight:700;
 color:#fff;
 text-align:center;
 margin:2em auto -1.6em;
 padding:.3em 0 .8em;
 background-color:#ff4500
}
.pc {
 display:block !important
}
.sp {
 display:none !important
}
@media only screen and (max-width:750px) {
 .pc {
  display:none !important
 }
 .sp {
  display:block !important
 }
}
.s_beginner {
 background-color:#47b980;
 color:#fff;
 font-size:1.5em;
 font-weight:700;
 text-align:center;
 border-radius:8px;
 padding:5px!important
}
.s_beginner img {
 max-height:35px;
 pointer-events:none;
 margin-right:5px
}
.s_beginner p {
 margin-block-start:0em!important;
 margin-block-end:0em!important;
 padding-top:2px
}
.gakusei1 {
 width:95%;
 margin:8px auto 20px;
 text-align:center
}
.s_title01 {
 background-color:#15ad2f;
 color:#fff;
 text-align:center;
 padding:0 10px
}
.s_title01 p {
 padding:5px 0
}
.ScrollTop {
 opacity:0;
 width:54px;
 height:54px;
 text-align:center;
 position:fixed;
 bottom:15px;
 right:10px;
 border-radius:50%;
 transition:all .65s;
 background:#47b980
}
.ScrollTop.isActive {
 opacity:.6;
 transition:all .65s !important
}
.ScrollTop .fa {
 display:inline-block;
 height:54px;
 line-height:52px;
 color:#fff;
 vertical-align:middle
}
.ScrollTop:hover {
 opacity:.9
}
@media screen and (max-width:767px) {
 .totop {
  right:18px;
  bottom:20px
 }
}
.flashing01 {
 animation:flash 1s linear infinite
}
@keyframes flash {
 0%,
 100% {
  opacity:1
 }
 50% {
  opacity:0
 }
}
.prupru02 {
 animation-name:puru;
 animation-duration:2s;
 animation-timing-function:ease;
 animation-iteration-count:infinite;
 animation-play-state:running;
 animation-direction:normal;
 animation-delay:0s;
 position:relative;
 bottom:0;
 transition:all .1s
}
@keyframes puru {
 3% {
  transform:scale(.93)
 }
 9% {
  transform:scale(1)
 }
 15% {
  transform:scale(.96)
 }
 19% {
  transform:scale(1)
 }
 23% {
  transform:scale(.99)
 }
 26% {
  transform:scale(1)
 }
}
.s_jump01 {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-between;
 margin-top:10px
}
.s_jump01 .Contents {
 width:calc(99%/2);
 display:flex;
 flex-direction:column
}
.s_jump01 .Contents figure.image {
 margin:0 auto .3em;
 text-align:center;
 width:60%
}
.s_jump01 .Contents figure p {
 background-color:orange;
 font-weight:700;
 color:#fff;
 padding:5px;
 border-radius:30px;
 margin-top:3px
}
@media screen and (max-width:767px) {
 .s_jump01 .Contents figure.image {
  width:90%
 }
 .s_jump01 .Contents .text {
  font-size:.8em
 }
}
.s_jump01 .Contents .text {
 padding:.2em .7em;
 border:1px dotted orange;
 margin:0 auto 2em;
 flex:1 0 auto;
 width:90%;
 user-select:none;
 background-color:#fff
}
.s_orange1 {
 color:#f15a24;
 font-weight:700
}
.s_recommend_back {
 background:repeating-linear-gradient(-45deg,#f7e593 0,#f7e593 5px,#fff 5px,#fff 10px);
 margin-top:50px;
 position:relative;
 z-index:1
}
.s_recommend_in {
 border:2px solid #e1e1e1;
 background-color:#fff;
 width:95%;
 margin:0 auto;
 position:relative;
 z-index:2;
 top:-15px
}
.s_recommend_in p {
 background:#fafafa;
 border-bottom:2px solid #e1e1e1;
 text-align:center;
 padding:5px;
 margin:0;
 font-weight:700;
 font-size:1.3em
}
.s_recommend_text {
 text-align:center;
 padding:5px
}
.s_recommend_text ul li {
 padding-bottom:10px
}
.s_recommend_text ul li:last-child {
 padding-bottom:0
}
.s_recommend_text ul li:before {
 content:'\f00c';
 font-family:"Font Awesome 5 Free";
 font-weight:900;
 color:#f15a24
}
.s_reason {
 border:2px solid #282f3e;
 background-color:#fff;
 margin-top:20px
}
.s_reason_title {
 background:#282f3e;
 color:#fff;
 text-align:center;
 padding:5px;
 margin:0;
 font-weight:700;
 font-size:1.3em
}
.s_reason_in {
 padding:0 15px
}
.s_reason_in li {
 font-weight:700;
 color:#f15a24
}
.s_reason_in ul li:before {
 content:'\f058';
 font-family:"Font Awesome 5 Free";
 font-weight:900;
 color:#f15a24
}
.s_reason_text p {
 font-size:.9em;
 margin-top:3px;
 margin-bottom:15px;
 padding-bottom:5px;
 border-bottom:1px dotted #b1bacc
}
.s_reason_text p:last-child {
 border-bottom:none
}
.point__wrap {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.short-d .point__wrap {
 height:100%
}
.point__wrap .Item {
 width:calc(96%/3);
 border:4px solid #c78137;
 border-radius:1.4em
}
.point__wrap .Item .title {
 border-top-left-radius:1em;
 border-top-right-radius:1em;
 background:#c78137;
 color:#fff;
 text-align:center;
 padding:.3em;
 font-size:.8rem
}
.point__wrap .Item .text {
 background:#fff;
 display:flex;
 flex-direction:column;
 text-align:center;
 justify-content:center;
 width:100%;
 height:calc(100% - 27px);
 padding:.5em;
 text-align:center;
 line-height:1.25;
 color:#c78137;
 border-bottom-left-radius:1.4em;
 border-bottom-right-radius:1.4em
}
.point__wrap .Item .text span.bold-b {
 font-size:28px;
 font-weight:900;
 display:block
}
.point__wrap .Item.blue .title {
 background:#748dcb
}
.point__wrap .Item.blue {
 border-color:#748dcb
}
.point__wrap .Item.blue .text {
 color:#748dcb !important
}
.point__wrap .Item.green .title {
 background:#7ea050
}
.point__wrap .Item.green {
 border-color:#7ea050
}
.point__wrap .Item.green .text {
 color:#7ea050 !important
}
.type03__review {
 position:relative;
 margin-top:1em
}
.type03__review .kuchi_stats {
 display:flex;
 flex-direction:row-reverse;
 justify-content:center;
 align-items:center
}
.type03__review .ra_kuchi_switcher {
 font-size:1rem;
 width:auto;
 margin:0
}
.type03__review .ra_kuchi_switcher:before {
 content:'\f13a';
 font-family:"FontAwesome";
 display:block;
 color:#eda43d;
 font-size:24px;
 display:inline-block;
 margin-right:.5em;
 transform:rotate(0deg);
 transition-duration:.3s
}
.type__d:before {
 content:'\f13a';
 font-family:"FontAwesome";
 display:block;
 color:#eda43d;
 font-size:24px;
 display:inline-block;
 margin-right:.25em;
 transform:rotate(0deg);
 transition-duration:.3s
}
.is-active .type__d:before {
 transform:rotate(180deg)
}
.type03__review .stars.ra {
 font-size:1rem
}
.type03__review .avg_score {
 font-size:1.25rem;
 text-decoration:none
}
.accordion {
 margin-top:1em
}
.accordion__container {
 width:100%;
 margin:0 auto
}
.accordion__title {
 background-color:#999;
 color:#121212;
 font-size:1.25em;
 padding:.625em .625em .625em 2em;
 position:relative;
 cursor:pointer;
 user-select:none;
 margin:.5em auto;
 border-radius:1.46em
}
.accordion__title:before {
 content:'\f13a';
 font-family:"FontAwesome";
 display:block;
 color:#333;
 font-size:24px;
 position:absolute;
 top:50%;
 line-height:0;
 left:12px
}
.accordion__title:before {
 transform:rotate(0deg);
 transition-duration:.3s
}
.accordion__title:hover,
.accordion__title:active,
.accordion__title.is-active {
 background-color:#00aaa7
}
.accordion__title.is-active:before {
 transform:rotate(180deg)
}
.accordion__content {
 border-left:1px solid transparent;
 border-right:1px solid transparent;
 padding:0 1em;
 line-height:0;
 height:0;
 overflow:hidden;
 opacity:0;
 transition-duration:.3s
}
.accordion__content.is-open {
 padding:1em;
 line-height:normal;
 height:auto;
 opacity:1
}
.wrap.short .cs_pc_lists:nth-of-type(2) {
 width:calc(100% - 320px);
 margin-top:2em
}
.cam__type03 {
 font-weight:700;
 margin-top:.5em
}
.point__wrap .Item .text br {
 display:none
}
.point__wrap .Item .text sup {
 top:-.5em;
 right:-2.5em
}
@media screen and (min-width:768px) {
 .type03.item_img_slider>img {
  max-width:400px;
  margin-left:-150px
 }
 .type03.item_img_slider {
  padding-top:220px
 }
 .type03.item_img_slider label img {
  width:80px
 }
 .wrap.short .cs_img {
  width:380px;
  margin:0 auto
 }
 .point__wrap .Item .title {
  font-size:1.1rem
 }
 .point__wrap .Item .text {
  height:calc(100% - 35px)
 }
 .wrap.short .special_labels li {
  font-size:1rem
 }
 .wrap.short .card-item__feature h2 {
  font-size:19px;
  margin-top:2em
 }
 .wrap.short .cs_catch.none:before {
  display:none
 }
 .wrap.short .cs_catch {
  text-align:center;
  padding:0
 }
 .wrap.short .pc_btn_wrap {
  width:100%;
  max-width:100%;
  justify-content:space-between
 }
 .wrap.short .cs_pc_lists {
  width:100%
 }
 .wrap.short .type03__review .ra_kuchi_switcher {
  font-size:1.3rem
 }
 .type__d>div {
  display:flex
 }
}
@media screen and (max-width:767px) {
 .type03.item_img_slider {
  padding-top:150px
 }
}
.title_01 {
 font-size:1.2em;
 font-weight:700;
 color:orange;
 margin-bottom:0!important
}
.box_01 {
 position:relative;
 margin:0 0 2em;
 padding:5px 10px 7px;
 border:solid 2px #ffc107
}
.box_01 ul {
 margin:10px 0
}
.box_01 ul li {
 list-style:inside
}
.wrap.short-d .cs_img {
 width:230px
}
.wrap.short-d .cs_pc_lists {
 width:calc(100% - 270px)
}
.wrap.short-d .cs_catch {
 text-align:left;
 margin-top:0
}
.wrap.short-d .cam__type03 {
 margin-top:0
}
.short-d .cs_flex_wrap {
 max-width:97%
}
.type__d__icon .ra_kuchi_switcher {
 font-size:.9rem !important
}
@media screen and (max-width:767px) {
 .wrap.short-d .cs_head_wrap {
  padding:0
 }
 .short-d .cs_flex_wrap {
  max-width:100%
 }
 .wrap.short-d .ms_head {
  width:40%;
  margin:.5em 0 0
 }
 .wrap.short-d .ms_item {
  width:57%
 }
 .wrap.short-d .ms_item {
  margin-top:0
 }
 .wrap.short-d .point__wrap .Item {
  width:100%;
  display:flex;
  border-radius:0;
  padding:0 0 5px 10px;
  border:none;
  border-left:4px solid #282f3e;
  border-bottom:2px solid #282f3e;
  margin-bottom:10px;
  padding:0
 }
 .wrap.short-d .point__wrap .Item .title {
  border-radius:0;
  background:0 0 !important;
  color:#282f3e;
  padding:0 .3em;
  font-size:.7rem;
  width:25%;
  text-align:left;
  font-weight:700;
  display:flex;
  justify-content:center;
  flex-direction:column
 }
 .wrap.short-d .point__wrap .Item .text {
  padding:0 0 5px;
  width:60%;
  text-align:left;
  display:block;
  font-size:13px
 }
 .wrap.short-d .point__wrap .Item .text span {
  font-size:13px !important;
  display:inline;
  color:#282f3e
 }
 .type__d02 .point__wrap .Item .text {
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  height:100%
 }
}
.s_m0 {
 margin-bottom:0!important
}
.s_m5 {
 margin-bottom:5px!important
}
.s_mt5 {
 margin-top:5px!important
}
.b0 {
 padding-bottom:0!important
}
.t0 {
 padding-top:0!important
}
.wrap.short-d.short-d02 .cs_img {
 width:280px;
 margin-bottom:0
}
.wrap.short-d.short-d02 .cs_pc_lists {
 width:calc(100% - 300px)
}
.short-d.short-d02 .cs_flex_wrap {
 margin-bottom:2em
}
.type03__review.type__d__icon {
 line-height:1.0
}
.type__d__icon .ra_kuchi_switcher:before {
 display:none !important
}
.type__d__icon .ra_kuchi_switcher.is-active+.type__d:before {
 transform:rotate(180deg)
}
.type__d__icon .ra_kuchi_switcher {
 padding-top:0
}
.short-d02 .kuchi_switcher {
 text-decoration:none
}
.short-d02 .kuchi_switcher span.under {
 text-decoration:underline;
 display:inline-block;
 margin-left:.2em
}
@media screen and (max-width:767px) {
 .short-d02 .kuchi_switcher span.under {
  display:block;
  margin-top:.2em;
  margin-bottom:.2em
 }
 .type__d02 {
  margin-bottom:1em
 }
 .type__d02 .kuchi_stats .kuchi_status {
  flex-wrap:wrap;
  flex-direction:column-reverse
 }
 .short-d02 .kuchi_switcher span.under:before {
  content:'\f13a';
  font-family:"FontAwesome";
  color:#eda43d;
  font-size:16px;
  display:inline-block;
  margin-right:.5em;
  transform:rotate(0deg);
  transition-duration:.3s;
  display:inline-block !important;
  font-size:18px
 }
 .is-active span.under:before {
  transform:rotate(180deg) !important
 }
 .type__d:before {
  display:none
 }
 .type__d .stars.ra {
  font-size:.7rem;
  display:inline-block
 }
 .type03__review.type__d__icon .kuchi_stats {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  flex-direction:column-reverse
 }
 .type__d__icon .ra_kuchi_switcher {
  margin-top:.25em;
  font-size:.8rem
 }
 .type03__review.type__d__icon {
  margin-top:.5em
 }
 .type03__review .avg_score {
  font-size:1rem
 }
 .type__d {
  margin-right:0;
  font-size:.8rem
 }
 .mb_none {
  margin-bottom:0 !important
 }
}
.readmore {
 position:relative;
 box-sizing:border-box
}
.readmore-content {
 position:relative;
 overflow:hidden;
 height:200px
}
.readmore-content:before {
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 content:"";
 height:150px;
 background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.8) 50%,#fff 100%);
 background:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.8) 50%,#fff 100%)
}
.readmore-label {
 display:table;
 bottom:5px;
 position:absolute;
 bottom:5px;
 left:50%;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 margin:0 auto;
 z-index:2;
 padding:0 10px;
 background-color:#eda43d;
 border-radius:20px;
 color:#fff
}
.readmore-label:before {
 content:'続きを読む'
}
.readmore-check {
 display:none
}
.readmore-check:checked~.readmore-label {
 position:static;
 transform:translateX(0);
 -webkit-transform:translateX(0)
}
.readmore-check:checked~.readmore-label:before {
 content:'閉じる'
}
.readmore-check:checked~.readmore-content {
 height:auto
}
.readmore-check:checked~.readmore-content:before {
 display:none
}
.boxQA {
 position:relative;
 margin:0 0 2em;
 padding:.5em;
 background:#edf1f5;
 border-radius:10px
}
@media screen and (max-width:767px) {
 .boxQA {
  width:95%;
  margin:0 auto 2em
 }
}
.boxQA .box-title {
 position:relative;
 background:#fff;
 padding:10px 5px 10px 40px;
 color:#454545;
 border-radius:10px
}
.boxQA .box-title:before {
 content:"Q";
 display:inline-block;
 line-height:40px;
 position:absolute;
 padding:0;
 color:#fff;
 background:#9ed1ff;
 font-weight:700;
 width:40px;
 text-align:center;
 height:40px;
 line-height:40px;
 left:-1.2em;
 top:20px;
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 border:solid 3px #fff;
 border-radius:50%
}
.boxQA .box-title:after {
 content:"A";
 display:inline-block;
 line-height:40px;
 position:absolute;
 padding:0;
 color:#fff;
 background:#ffab8b;
 font-weight:700;
 width:40px;
 text-align:center;
 height:40px;
 line-height:40px;
 left:-1.2em;
 bottom:-80px;
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 border:solid 3px #fff;
 border-radius:50%
}
.boxQA p {
 padding:20px 20px 15px 40px;
 margin:0
}
.boxQA ul {
 padding:0 1em;
 position:relative
}
.boxQA ul li {
 line-height:1.5;
 padding:.5em 0 .5em 4.2em;
 list-style-type:none!important
}
.boxQA ul li:before {
 font-family:"FontAwesome";
 content:"\f138";
 position:absolute;
 left:3.5em;
 color:#ffab8b
}
.obi {
 background-color:red;
 color:#fff;
 padding:.5em;
 font-weight:700;
 text-align:center
}



/*
（元base_style_sp_dl_b.css）ここまで
---------------------------------------------------------------------------*/




/*
ベース設定　統合（元ca_css10_2_ver2.css）
-------------------------------------------------*/
html{
    font-size: 62.5%;
}
body {
font-family:'メイリオ', Meiryo, Helvetica, Arial;
font-size: 1.0rem;
line-height:24px;
margin: 0 auto;
color:#333333;
}

img {max-width:100%;}

a {
color:#069;
/*font-size: 1.6rem;*/
}

a:visited {
color:#069;
/*font-size: 1.6rem;*/
}

a:hover {color:red;}
a img {border:none;text-decoration:none;}
* { margin: 0; padding: 0; }

#contener{
margin:0;
padding:0;
	text-align: center;
}

.f_box{
	display: flex;
	flex-direction:column;
	overflow: hidden;
}

p{
text-align: left;
/*margin: 5px 20px;*/
line-height:20px;	
}

.b{ font-weight:bold;}
.red{color: #E00;}
.ore{color: #FF7905;}
.blue{color: #006BBA;}
.gray{color: #585858;}
.yello{color:#FFFF99;}
.black{color: #000000;}
.br {color:#EE0000;font-weight:bold;}
.line {background-color:#FFFF99; color:#FF0000; font-weight:bold;}
.line_u {background: linear-gradient(transparent 70%, yellow 70%); font-weight:bold;}
.line_bk {background-color:#FFFF99; color:#000000; font-weight:bold;}
.x6{font-size: 0.6rem;}
.x7{font-size: 0.7rem;}
.x8{font-size: 0.8rem;font-weight:bold;}
.x10{font-size: 1.0rem;}
.x10_wh{font-size: 1.0rem; color: white;}
.x10b{font-size: 1.0rem;font-weight:bold;}
.x12{font-size: 1.2rem;}
.x13{font-size: 1.3rem;}
.x14{font-size: 1.4rem;}
.x15{font-size: 1.5rem;}
.x16{font-size: 1.6rem;}
.x18{font-size: 1.8rem;}
.x22{font-size: 2.2rem;}
.x24{font-size: 2.4rem;}
.x26{font-size: 2.6rem;}
.x28{font-size: 2.8rem;}
.x30{font-size: 3.0rem;}
.x32{font-size: 3.2rem;}
.x34{font-size: 3.4rem;}
.x36{font-size: 3.6rem;}
.x38{font-size: 3.8rem;}
.x40{font-size: 4.0rem;}
.cimg{margin:5px 10px;}
.fimg{margin:0 0 10px 0}
.timg{margin:5px 0 0 0}


form select{
	background:url(../img/cardloan/arrow_select.png) no-repeat scroll 98% center #fff;
	background-size:10px auto;
	border:1px solid #ddd;
	width:98%;
	margin:4px 0 0 5%;
	font-size:13px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	line-height: 1;
	float: right;
	padding: 4px 8px;
	height: 28px;
}


.f_box{
	display: flex;
	flex-direction:column;
}

.button-simple-cubhikaku-pinkk {
	position: relative;
	font-weight: bold;
	width: 90%;
	padding: 10px 0px ;
	margin: 2px auto;
	border-radius: 5px;/*角の丸み*/
	font-size: 15px;/*文字サイズ*/
	text-align: center;
	line-height: 20px;
	background-color: #FA007F;/*背景色*/
	color: #fff;/*文字色*/
	display: inline-block;
	text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
a:hover .button-simple-cubhikaku-pinkk {
	background-color: #FA007F;/*触れたときの背景色*/
	color: #fff;/*触れたときの文字色*/
	box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
	animation-play-state: paused;
	top: 3px;
}

.sen-blue {
  width: 100%;
  position: relative;
  padding: 0px auto;
  border-bottom: 6px solid #46BCF2;
}

.sen-blue:before {
  position: absolute;
  bottom: -6px;
  left: 0px;
  width: 20%;
  height: 6px;
  content: '';
  background: #00309A;
}

/* 擬似要素で下三角形を作成 */
.ac-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}

/* クリックしたら表示される領域 */
.ac-child {
  display: none;
  padding: 2em 1em;
  background-color: #F4F4F4;
  text-align: left;
}
.ac-child2 {
  padding: 2em 1em;
  background-color: #F4F4F4;
  text-align: left;
}

.ac2 {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}

/* クリック領域 */
.ac2-parent {
	position: relative;  /* 追加 */
	height: 50px;
	border-radius: 10px;
	border-bottom: 1px solid #fff;
	background-color: #F90081;
	color: #fff;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

/* 擬似要素で下三角形を作成 */
.ac2-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}

/* クリックしたら表示される領域 */
.ac2-child {
  display: none;
  padding: 2em 1em;
  background-color: #F2FAFE;
  text-align: left;
}
.ac2-child2 {
  padding: 2em 1em;
  background-color: #F2FAFE;
  text-align: left;
}
.ac3 {
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
}

/* クリック領域 */
.ac3-parent {
	position: relative;  /* 追加 */
	height: 50px;
	border-radius: 10px;
	border-bottom: 1px solid #fff;
	background-color: #00309A;
	color: #fff;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

/* 擬似要素で下三角形を作成 */
.ac3-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}

/* クリックしたら表示される領域 */
.ac3-child {
  display: none;
  padding: 2em 1em;
  background-color: #F4F4F4;
  text-align: left;
}
.ac3-child li{
  list-style: none;
  font-size: 14px;
}
.ac3-child2 {
  padding: 2em 1em;
  background-color: #F4F4F4;
  text-align: left;
}
.ac3-child2 li{
  list-style: none;
  font-size: 14px;
}
.boxyk {
    padding: 0.5em 1em;
	width: 33.3333%;
    margin: 5px 5px;
    color: #FFF;
	background: #46BCF2;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
}
.boxyk p {
    margin: 0; 
    padding: 0;
}
.box0824{
  margin: 5px 5px;
  border: 2px solid #00309A;
  border-radius: 10px;
  position: relative;
  margin-top: 1em;
  text-align: center;
  color: #00309A;
  background: #F2FAFE;
}
.box0824 h3{
  position: absolute;
  font-size: 18px;
  right: 0;
  left: 0;
  top: -1em;
}
.box0824 c{
  padding: 0.2em 1em;
  background: #00309A;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  color: #FFF;
  display: inline-block;
  border-radius: 5px;
}
.box0824 .inner{
  text-align: left;
  font-size: 16px;
  padding: 1.5em 1em;
}
.boxsiro {
  background: #fff;
  border: 1px solid ;
  border-radius: 10px;
  margin: 5px 10px;
  padding: 0.5em 1em;
}
.box0826{
  margin: 0px 0px;
  border: 2px solid #00309A;
  position: relative;
  text-align: center;
  color: #00309A;
  background: #fff;
}
.box0826 h3{
  position: absolute;
  font-size: 16px;
  right: 0;
  left: 0;
  top: -1em;
}
.box0826 c{
  padding: 0.2em 1em;
  background: #00309A;
  color: #FFF;
  display: inline-block;
  border-radius: 5px;
}
.box0826 .inner{
  text-align: left;
  font-size: 16px;
  padding: 1.5em 1em;
}

table {
  border-collapse: collapse;
}

/* 横並び */
.flex {
  display: flex; /*横並び*/
}
.flex .image {
  width: 40%; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex p {
  margin: 0 20px 0 5px;
  padding: 0;
}

/*
（元ca_css10_2_ver2.css）ここまで
---------------------------------------------------------------------------*/






















/*
ベース設定　統合（元base_style_tp03.css）
-------------------------------------------------*/
/* おすすめカード*/
#footer-menu nav {
    text-align: left;
}

.footer-menu-acd {
    text-align: left;
}

.footer h3 {
    text-align: left;
}

.btn_ca_wrapp {
background-color:#66bcb0;
}

.card_wrapp {
background-color:#faf8eb;
}

.x20 {
	font-size: 20px;
}

.caution_txt p {
  font-size: 11px;
  color:#807e7e!important;
  text-align: left;
  padding: 0 2%;
}

.caution_txt_02 p {
  font-size: 12px;
  color:#818181!important;
  text-align: left;
    position: relative;
    left: 5px;
}

.caution_txt_02 {
    padding: 3% 2% 3% 2%;
}

/* カテゴリボタン */
.category_btn_box {
  padding: 5% 0 8% 0;
}

.btn_block {
  width: 90%;
      overflow: hidden;
      margin: 0 auto;
      padding: 3% 0 0 0;
}

.btn_cent {
    float: left;
    margin-left: 5%;
}

.fl_left {
 float: left;
}

.fl_right {
 float: right;
}

.btn_boxset {
  width: 30%;
}

.left_pd01 {
 padding-left: 2%;
}

.btn_img {
  position:static!important;
  left: 0px!important;
  width: 100%!important;
  margin: 0;
}

.btn_img img:hover {
  opacity: 0.6 ;
}


/* カテゴリボタン */
.card_category_box {
  overflow: hidden;
  padding: 2%;
    border-bottom: 2px #66BCB1 dotted;
}

.card_category_box .card_txt_a span {
    display: inline;
}

.card_category_box :hover {
  opacity: 0.7 ;
}

.oss_box {
  width: 100%;
  padding: 5% 0 0 0;
}

.card_img {
  float: left;
  width: 26%!important;
  left: 10px!important;
  margin: 0px;
  position: static!important;
}

.card_txt_box {
  width: 70%!important;
  margin: 0px;
  padding-left: 2%;
 overflow: hidden;
}

.ttl_card_a {
  width: 100%!important;
  overflow: hidden;
  margin: 0px;
  font-weight: bold;
   left: 0%!important;
}

.card_txt_a {
  float: left;
  font-size: 13px!important;
  margin: 0px;
  width: 100%!important;
  left: 0%!important;
    color: #000;
}

.card_official {
    width: 100%!important;
    margin: 0px;
    font-size: 13px!important;
    text-align: right;
    float: left;
    background-image: url("https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/btn_icon01.png");
    background-repeat: repeat-y;
    background-position: right;
    background-size:contain;
    left: 0%!important;
    padding: 0 11% 0 0;
}

.card_official a{
    font-size: 13px!important;
}

.card_category_01 {
  float: left;
  width: 100%;
}
/* おすすめカード*/

/*
（元base_style_tp03.css）ここまで
---------------------------------------------------------------------------*/



/*
ベース設定　統合（元common_header.css）
-------------------------------------------------*/
/* ヘッダロゴ設定 */
.desktop-nav {
	width: 58%!important;
}
.header__brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
    width: calc(100% - 58%); 
}
.ttl_logo {
    width: 115px;
}
.ttl_logo img {
    max-width: 76%;
}
.ttl_logo p {
    margin: 0px 0 0 0 !important;
}
.ttl_letter {
    width: 177%;
    padding: 7% 0 0 0;
    text-align: left;
}

@media screen and (min-width:768px) {
.ttl_letter {
    width: 177%;
    padding: 2% 0 0 0;
    text-align: left;
}
}
/* ヘッダロゴ設定 */
/*
（元common_header.css）ここまで
---------------------------------------------------------------------------*/







/*
ベース設定　統合（元re_rate_style.css）
-------------------------------------------------*/
.fv_sub_set {
    margin: 18px auto 0px auto;
    width: 96%;
}

.fv_sub_set02 {
    margin: 6px auto -10px auto;
    width: 100%;
}

.fv_sub_set03 {
    margin: 14px auto 8px auto;
    width: 92%;
}

.re_rate_wrap .re_rate_content .re_rate_txt01 {
	font-size: 13px!important;
    text-align: left;
}

.re_rate_wrap .re_rate_content .re_rate_txt02 {
	font-size: 10px!important;

}

.re_rate_wrap .re_rate_content .txt_red {
	color: #EC0003;
    display: inline;
}

.re_rate_wrap {
	border: 4px solid #076a5b;
    margin: 8px auto 20px auto;
	border-radius: 10px;
	width: 95%;
}

.re_rate_wrap p {
	padding: 0;
    margin: 0;
}

.re_rate_wrap .re_rate_ttl p {
	text-align: center;
	
}

.shinsa_card_top3 .card_2set_b {
    margin: 0px 0px 0px 105px;

}


.re_rate_wrap .re_rate_ttl_main {
	border-radius: 4px 4px 0 0;
    background-color: #038b77;

}

.re_rate_wrap .re_rate_content {

}

.re_rate_wrap .re_rate_content .icon_set {
	border: 1px solid #FF2D31;
	display: flex;
	justify-content: flex-end;
	gap:10px;
	/*width: calc(100% / 4) ;*/
	/*width: 75%;*/
}

.re_rate_wrap .re_rate_content .re_rate_tb_icon td {
	font-size: 13px;
	font-weight: bold;
	width: 25%;
	height: 10%;
	line-height: 18px;
	padding: 1%;
	background-color: #e4e4e4;
}


.re_rate_wrap .re_rate_content table th,
.re_rate_wrap .re_rate_content table td{
	border: none;
}
 
.re_rate_wrap .re_rate_content .re_rate_tb_01 td {
	border: 2px solid #fff;
	font-size: 12px;
	font-weight: bold;
	width: 25%;
	height: 53px;
	line-height: 18px;
	padding: 2%;
	vertical-align: middle;
}

.re_rate_wrap .re_rate_content .tb_bk01 td {
	background-color: #fff8d7;
}

.re_rate_wrap .re_rate_content .tb_bk02 td {
	background-color: #e8f7f5;
}

.re_rate_wrap .re_rate_content .tb_bk03 td {
	background-color: #fff4fc;
}



.re_rate_wrap .re_rate_content .xx01{
	font-size: 9px;
	display: inline;
}

.re_rate_wrap .re_rate_content .xx02{
	font-size: 10px;
	display: inline;
}

.re_rate_wrap .re_rate_content .card_txt {
	text-align: center;
}

.re_rate_wrap .re_rate_content .re_rate_tb_icon .icon_txt {
	text-align: center;
	line-height: 1.2;
}

.re_rate_wrap .re_rate_content .re_rate_tb_icon .icon_box {
	vertical-align: middle;
}

.re_rate_wrap .re_rate_content .re_rate_tb_icon .icon_box img {
	width: 54%;
}

.re_rate_wrap .re_rate_content .card_set {
	vertical-align: top;
	width: 90%;
	margin: 0 auto;
}

.re_rate_wrap .re_rate_content .re_rate_tb_01 .bk_img {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/re_rate_icon_05.png?01) no-repeat;
	background-size: 45px;
	background-position: center;
	color: #fff;
}

/* 還元率項目背景カラー設定 */
.re_rate_wrap .re_rate_content .re_rate_tb_01 .bk_color01 {
	background-color: #fff8d7;
}

.re_rate_wrap .re_rate_content .re_rate_tb_01 .bk_color02 {
	background-color: #e8f7f5;
}

.re_rate_wrap .re_rate_content .re_rate_tb_01 .bk_color03 {
	background-color: #fff4fc;
}

.re_rate_wrap .re_rate_content .ann_txt {
	width: 80%;
	margin: 10px auto;
}

.re_rate_wrap .re_rate_content .ann_txt p {
	font-size: 11px;
}

/*
（元re_rate_style.css）ここまで
---------------------------------------------------------------------------*/





/*
ベース設定　統合（元style_form02.css）
-------------------------------------------------*/
/* 検索項目設定 */

/* newform */
#new_form_wrap{
    background: #FEFBE8;
    margin: auto;
    width: 750px;
    border: solid 1px #008F7B;
    border-radius: 10px;
  }
  #new_form_wrap h2{
    display: block;
    background: #008F7B;
    padding: 8px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
  }
  #new_form_wrap h3{
    display: block;
    margin: 0px 0px 4px 0px;
    font-size: 1.4rem;
      text-align: left;
  }
  #new_form_wrap h3::before{
    content: '';
    padding: 0px 0px 0px 6px;
    border-left: solid 8px #008F7B;
  }
  #new_form_inner{
    padding: 20px 60px;
    font-size: 1.6rem;
  }
  #new_form_inner ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px auto 4px auto;
  }
  #new_form_inner ul::after{
    content:"";
    display: block;
    width:32%;
  }
  #new_form_inner ul li{
    display: block;
    margin: 0px 0px 6px 0px;
    width: 32%;
    list-style: none;
  }
  #new_form_inner ul li label.radio{
    display: block;
    background: #fff;
    padding: 14px;
    width: 100%;
    border: solid 2px #D0D0D0;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
  }
  #new_form_inner ul li label.radio input{
    margin: 0px 6px 0px 0px;
    accent-color: #008F7B;
  }
  #new_form_inner ul li label.radio:has(input:checked){
    border: solid 2px #008F7B;
  }
  #new_form_inner ul li label.checkbox{
    display: table;
    background: #fff;
    padding: 2px 10px 2px 10px;
    width: 100%;
    border: solid 2px #D0D0D0;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
  }
  #new_form_inner ul li label.checkbox input{
    display: block;
    accent-color: #008F7B;
  }
  #new_form_inner ul li label.checkbox:has(input:checked){
    border: solid 2px #008F7B;
  }
  #new_form_inner ul li label.checkbox span{
    width: 90%;
  }
  #new_form_inner ul li label.checkbox span:first-child{
    width: 10%;
  }
  #new_form_inner ul li label.checkbox span:first-child input{
    display: none;
  }
  #new_form_inner ul li label.checkbox span img{
    height: 30px;
  }
  #new_form_inner ul li label.checkbox span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  #new_form_inner ul li label.checkbox span i{
    color: #A0A0A0;
    font-size: 3.0rem;
  }
  #new_form_inner ul li label.checkbox span input:checked + i{
    color: #008F7B;
  }
  #new_form_inner ul li label.txt{
    padding: 20px 14px;
  }
  #new_form_btn{
    text-align :center;
  }
  #new_form_btn button{
    background: #E94A02;
    padding: 10px 40px;
    color: #fff;
    font-size: 2.0rem;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    cursor: pointer;
  }
  #new_form_btn i{
    margin: 0px 0px 0px 8px;
    font-size: 2.0rem;
  }
  @media only screen and (max-width: 768px){
    #new_form_wrap{
      width: 90%;
    }
    #new_form_inner{
      padding: 12px;
    }
    #new_form_inner ul li{
      width: 49%;
      font-size: 1.3rem;
    }
    #new_form_inner ul li label.txt {
      padding: 5px 8px;
    }
  }


/* 検索項目設定 */
/*
（元style_form02.css）ここまで
---------------------------------------------------------------------------*/







/*
ベース設定　統合（元hikaku_ver03.css）
-------------------------------------------------*/
/* 比較表設定 ver03 */
table th, table td {
	border: none;
}

.hikakubox_ver3 {
	width: 97%;
    height: 100%;
	margin: 10px auto 0 auto;
	font-size: 13px;
	background-color: #008f7b;
	padding-bottom: 5px;
	margin-bottom: 16px;
	border-radius: 4px;
	border: solid 4px #008f7b;
}
.hikakubox_ver3 .img_crown_hikaku {
    text-align: center;
    padding: 5px 0;
}
.hikakubox_ver3 .img_hikaku_card img {
	width: 70px;
	padding-top: 22px;
}
.hikakubox_ver3 .img_hikaku_card p {
	text-align: center;
}

.hikakubox_ver3 .ttl_set_index_card {
    /*height: 106px;*/
    text-align: center;
    display: flex;
    justify-content: center;
	align-items: center;
    font-weight: bold;
}

.hikakubox_ver3 .ttl_set_index_card_02 {
    /*height: 130px;*/
    text-align: center;
    display: flex;
    justify-content: center;
	align-items: center;
    font-weight: bold;
}



.hikakubox_ver3 .ttl_set_index {
    /*height: 70px;*/
    text-align: center;
    display: flex;
    justify-content: center;
	align-items: center;
    font-weight: bold;
}
.hikakubox_ver3 .ttl_set_index_line02 {
    /*height: 86px;*/
    text-align: center;
    display: flex;
    justify-content: center;
	align-items: center;
    font-weight: bold;
}
.hikakubox_ver3 .ttl_set_index_line03 {
    /*height: 110px;*/
    text-align: center;
    display: flex;
    justify-content: center;
	align-items: center;
    font-weight: bold;
}


.icon_line_c3 {
	background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_line_c.jpg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 60px center;
	padding: 74px 0px 0px 0px !important;
	height: 58px;
}


.hikakubox_ver3 .tb_ver3_wrap {
	border: 1px solid #F74346;
    width: 100%;
}
.hikakubox_ver3 .tb_ver3_wrap tr {
	background-color: #fff;
    width: 100%;
}
.hikakubox_ver3 .tb_ver3_wrap td {
	border: 1px solid #BBB;
    line-height: 1.3;
	vertical-align: middle;
}
.hikakubox_ver3 td:nth-child(1) {
    /*width: 26%;*/
	background-color: #ebfbf6;
    font-weight: bold;
}

.hikakubox_ver3 td:nth-child(2), 
.hikakubox_ver3 td:nth-child(3), 
.hikakubox_ver3 td:nth-child(4) {
	width: 26%;
	vertical-align: bottom;
	background-color: #fff;
}

.hikakubox_ver3 .hikaku_card_box {
	vertical-align: top!important;
}

.hikakubox_ver3 .tb_ver3_wrap .pd_45 {
	padding-top: 45px;
}

.hikakubox_ver3 .ant_01 {
	font-size: 8px;
}

.hikakubox_ver3 .btn_hikaku01 .btn_hikaku_box {
    height: 104px;
}
.hikakubox_ver3 .btn_hikaku01 .btn_hikaku_set {
    width: 84%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (min-width:480px) {
    
.hikakubox_ver3 .btn_hikaku01 .btn_hikaku_set {
    width: 50%;
}
.hikakubox_ver3 .img_crown_hikaku .img_crown_b {
    width: 70%;
    padding: 5px 0 5px 0;
}
  
}

@media screen and (max-width:480px) {
    
.hikakubox_ver3 .ttl_txt_a {
    font-size: 11px;
}
  
}
/* 比較表設定 ver03 */ 

/*
（元hikaku_ver03.css）ここまで
---------------------------------------------------------------------------*/











/*
（元category_btn_set.css）
-------------------------------------------------*/
/* 人気ランキング */
/* 比較表設定 ver03 */
.category_btn_box_02 .ttl_osusume {
	background-color: #008f7b;
}

.category_btn_box_02 p {
	padding: 0;
    margin: 0;
}

.category_btn_box_02 .ttl_osusume img {
	width: 520px;
}


.category_btn_box_02 {
	width: 100%;
    margin: 5% 0 8% 0;
    background-color: #66bcb0;
}

.category_btn_box_02 .ca_btn_wrapp {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 40px;
    text-align: center;
    padding: 10px 0 30px 0;
}

.category_btn_box_02 .btn_box_a{
	width: 26%;
    background-color: #66bcb0;
    margin: 24px 0 0 0;
}

.category_btn_box_02 .btn_img02 img:hover {
	opacity: 0.6;
}




@media screen and (max-width:480px) {    
.category_btn_box_02 .ttl_osusume img {
	width: 100%;
}

.category_btn_box_02 .ca_btn_wrapp {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 16px;
	text-align: center;
	padding: 10px 0 30px 0;
}
    
.category_btn_box_02 .btn_box_a {
	width: 29%;
	background-color: #66bcb0;
	margin: 18px 0 0 0;
} 
}
/* 比較表設定 ver03 */ 

/* 人気ランキング */
/*
（元category_btn_set.css）ここまで
---------------------------------------------------------------------------*/




/*
（元new_footer_style.css）
-------------------------------------------------*/

/* コラム詳細 */
#column_data_wrapp {
    margin: 40px 0 40px 0;
}

#column_data_wrapp .ttl_data_column {
	width: 80%;
	margin: 10px auto 20px auto;
	padding: 15px 15px;
	background-color: #008f7b;
	text-align: center;
	color: #FFFFFF;
	border-radius: 10px;
	font-size: 18px;
	font-weight: bold;
}

#column_data_wrapp .column_data_inner {
	background-color: #eff4f7;
	margin: 10px 0;
	padding: 20px 0 35px 0;
}

#column_data_wrapp .txt_data_box {
		width: 90%;
	margin: 10px auto 10px auto;
	padding: 20px 0 35px 0;
    font-size: 16px;
    line-height: 2em;
    text-align: left;
}

#column_data_wrapp .txt_data_box p {
    line-height: 2;
}

#column_data_wrapp .data_ttl_a {
    width: 100%;
    margin: 15px 0 5px 0;
    color: #008f7b;
    border-bottom: 2px solid #008f7b;
}
/* コラム詳細 */


/* コラムリスト */
#column_list_wrapp {
margin: 0 0 40px 0;
}

#column_list_wrapp .ttl_column {
    width: 62%;
    margin: 10px auto 20px auto;
    padding: 10px 0;
 background-color:#008f7b;
 text-align: center;
    color: #FFFFFF;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

#column_list_wrapp .column_list_box {
 background-color:#eff4f7;
        margin: 10px 0;
    padding: 20px 0 23px 0;
}

#column_list_wrapp .column_list_box li {
 background-color:#fff;
    width: 90%;
    margin-inline: auto;
    padding: 10px 20px;
    margin-top: 10px;
    font-size: 16px;
        border-radius: 10px;
}

#column_list_wrapp .column_list_box .li_bk {
 background-color:#fff;
    width: 400px;
    margin-inline: auto;
    padding: 10px 0;
    margin-top: 10px;
    font-size: 16px;
    text-align: right;
}

#column_list_wrapp .column_list_box .list_data {
    position: relative;
    display: flex;
        justify-content: center;
	align-items: center;

}

#column_list_wrapp .column_list_box .list_data a {
    position: absolute;
    width: 100%;
    height: 100%;
        cursor: pointer;
                border-radius: 10px;
}

#column_list_wrapp .column_list_box .list_data a:hover {
    
            border-radius: 10px;
    border: 1px solid #eda43d;
}




#column_list_wrapp .column_list_box .list_data .column_txt {
    text-align: left;
    padding-right: 10px;
    width: 380px;
}




#column_list_wrapp .column_list_box .icon_set {
    width: 22px;
    aspect-ratio: 1 / 1;
    background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/bt_icon_arrow.png);
    display: block;
    background-size: contain;
    margin: 0 0 0 auto;
}

@media screen and (min-width:680px) {
#column_list_wrapp {
width: 750px;
margin: 0 auto;
}
}



/* コラムリスト */



/* 新footer設定 */
#new_footer_set .footer_top_01 a:visited {
 color: #fff;
}

#new_footer_set {
 background-color:#262f3e;
 border-bottom:2px solid #eda43d;
	    padding-bottom: 85px;
}

#new_footer_set .footer_top_01 {
 background-color:#999;
 padding: 10px 0;
    font-weight: 700;
    text-align: center;
}

#new_footer_set .footer_top_01 a:link {
 color: #FFFFFF;
 padding: 10px 0;
}

#new_footer_set .nav_box02 {

}

#new_footer_set .nav_box02 li {
    width: 70%;
    margin-inline: auto;
    padding: 1em 0 1em 1em;
    border-top: 1px solid #fff;
    color: #FFFFFF;
    text-align: left;

}

#new_footer_set .nav_box02 .nav_end {
    border-bottom: 1px solid #fff;
}

#new_footer_set .nav_box02 li a {
    color: #FFFFFF;
}
#new_footer_set .nav_box02 li a:link {
  color: #FFFFFF;
}

#new_footer_set .nav_box02 li a:hover {color:#00846C;}



#new_footer_set .footer_logo_box {
   margin: 20px 0 20px 0;
}
#new_footer_set .footer_logo_box p {
    width: 233px;
    margin-inline: auto;
}

#new_footer_set .bt_column {
   margin: 10px 0 40px 0;
}
#new_footer_set .bt_column p {
    width: 300px;
    margin-inline: auto;
}

#new_footer_set .bt_column a:hover {
    opacity: 0.6;
}

#new_footer_set .copyright_02 {
	opacity: 1;
	text-align: center;
	font-size: 11px !important;
	margin-top: 20px;
	margin-bottom: 30px;
    color: #fff;
}

/* footer設定 */


/*
（元new_footer_style.css）ここまで
---------------------------------------------------------------------------*/





















.small_txt {
	font-size: 11px;
	text-align: right;
	width: 100%;
	padding-right: 2%;
}

.oricon_txt02 {
	width: 100%;
	padding: 7px 8px;
	margin: 0 auto;
	color: #818181 !important;
}

.oricon_txt02 a:visited {
	color: #818181 !important;
}



/* メニュー作成 */
#fixed_menu {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #262f3e;
	z-index: 10000;
	padding-bottom: 3%;
}

#fixed_menu .menu_box {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 12%;
	color: #FFFFFF;
	font-weight: bold;
}

#fixed_menu .menu_box li {
	width: 17%;
	padding: 3% 0 0% 0;
}

#fixed_menu .menu_box li img {

}


#fixed_menu .menu_box a {
	color: #FFFFFF;
}

@media screen and (min-width:640px) {
#fixed_menu {
    display: none;
}
}



/* メニュー作成 */












/* 申込コンテンツ */
#request_content {
	margin: 20px 0 30px 0;
	padding: 2% 0%;
	background-color: #cdf5ef;
}

#request_content .ttl_box {
	margin: 20px 0 15px 0;
	padding-bottom: 1%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 3px solid #000000;
}

#request_content .body_box {
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 36px 0;
}

#request_content .body_box .cl_red {
	color: #ff4800;
}

#request_content .body_box .inner_txt {
	display: block;
	width: 98%;
	padding: 0 0 0 5%;
}


#request_content .box_inner {
	margin: 50px 0 30px 0;
}

#request_content .box_inner .conte_box {
	width: 90%;
	margin: 55px auto 30px auto;
	padding: 20px 0px;
	background-color: #fff6de;
	border-radius: 10px 10px 10px 10px;
}

#request_content .box_inner .conte_box .box_a {
	width: 90%;
	margin: 0 auto 0 auto;

}

#request_content .box_inner .conte_box .request_ttl_01 {
	width: 100%;
	margin: -30px auto 0 auto;

}



#request_content .box_inner .conte_box .img_a {
	width: 100%;
	margin:  20px auto 0 auto;
}



#request_content .box_inner .conte_02 {
	margin: 20px 0 30px 0;
	border: 1px solid #F74346;
	background-color: #fff6de;
}
/* 申込コンテンツ */






/* 案件部 カード・アイコン設定 */
#card_content {
	margin: 20px 0 30px 0;
}

#card_content .card_content_inner {
    display: flex;
	width: 100%;
	margin: 0 auto;
}

#card_content .card_img_b {
    width: 47%;
    display: flex;
    align-items: center;
}

#card_content .card_icon td {
    padding: 3px;
}

#card_content .card_icon {
	width: 367px;
    padding: 0 0 0 4px;
	margin-top: -3px;
}
/* 案件部 カード・アイコン設定 */



/* 案件部 タイトル設定 */
.ranking_conte_01 .ttl_card_a {
    padding: 0 0 0 10px;
}

.ranking_conte_01 .ttl_card_a h3 .ttl_main {
	font-size: 18px;
	border-bottom: 5px solid #fec322;
	font-weight: bold;
	line-height: 1.6;
}

/*.ranking_conte_01 .x8 {
		border-bottom: 5px solid #fec322;
}*/

/* 案件部 タイトル設定 */


.ranking_conte_01 .oricon_logo_set {
    width: 98%;
	margin: 0 auto;
}




/* 比較表設定 */  
.hikakubox_ver2 .ttl_hikaku01 {
    padding: 16% 0px 6px 0px !important;
}

.hikakubox_ver2 .ttl_hikaku02 {
	padding: 5% 0px 6px 0px !important;
}

.hikakubox_ver2 .ttl_hikaku03 {
	padding: 7% 0px 6px 0px !important;
}

.hikakubox_ver2 .ttl_hikaku04 {
	padding: 12% 0px 6px 0px !important;
}


.hikakubox_ver2 .ttl_hikaku08 {
	padding: 8% 0px 6px 0px !important;
}
.hikakubox_ver2 .ttl_hikaku12 {
	padding: 12% 0px 6px 0px !important;
}
.hikakubox_ver2 .ttl_hikaku07{
	padding: 7% 0px 6px 0px !important;
}
.hikakubox_ver2 .ttl_hikaku10 {
	padding: 10% 0px 6px 0px !important;
}
.hikakubox_ver2 .ttl_hikaku14 {
	padding: 14% 0px 6px 0px !important;
}
/* 比較表設定 */ 



/* おすすめポイント */



.ranking_wrapp .ranking_conte_04_b .point_box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}
.ranking_wrapp .ranking_conte_04_b .check_icon {
    width: 28px;

}
.ranking_wrapp .ranking_conte_04_b .check_icon img {
	width: 19px;
    vertical-align: top;
}



.ranking_wrapp .ranking_conte_04_b .cp_conte_txt {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0 0 0;
	width: 94%;
    margin: 15px auto 0 auto;
}

/*.ranking_wrapp .ranking_conte_04_b .ttl_point01_box {
    position: relative;
    border: 1px solid #F74346;

}*/
.ranking_wrapp .ranking_conte_04_b .conte_inner {
  position: relative;
  border-radius: 10px 10px 10px 10px;
  border: 2px solid #66bcb1;
  margin: 46px 2px 5px 2px;
  /*padding: 0 0 0 4%;*/
  background-position: 8px center;
  background-size: 63px;
}

.ranking_wrapp .ranking_conte_04_b .conte_inner02 {
  position: relative;
  border-radius: 10px 10px 10px 10px;
  border: 2px solid #66bcb1;
  margin: 46px 2px 5px 2px;
  padding: 0 0 0 4%;
  background-position: 8px center;
  background-size: 63px;
}


.ranking_wrapp .ranking_conte_04_b .ttl_point01 {
      /*position: absolute;
      top: -9%;
      left: 0%;*/
    margin: -50px 0 0 0;
}

.ranking_wrapp .ranking_conte_04_b .ttl_point01_b {
      position: absolute;
      top: -19%;
      left: 0%;
}

.ranking_wrapp .ranking_conte_04_b .ttl_point01 img {
    width: 300px;
}

.ranking_conte_04_b .cp_conte_wrapp .tx_red {
	font-weight: bold;
	color: #EA4A00;
	/*font-size: 14px !important;*/
	/* border-bottom: #ffd94d solid 5px; */
}

.ranking_conte_04_b .cp_conte_txt .cp_ttl_set_02 {
    width: 100%;
	font-size: 15px;
	margin: 0px;
}

.ranking_conte_04_b ul .cp_conte_txt li {
	padding: 12px 0 0 0;
}





.ranking_wrapp .ranking_conte_04_b {
  position: relative;
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
  margin: 2% 2%;
  padding: 0 0 8px 0px;
}
.ranking_wrapp .ranking_conte_04_b .ttl_cp_set {
  text-align: center;
  background-color: #007162;
  padding: 8px 0 0 0;
  border-radius: 10px 10px 10px 10px;
  line-height: 21px;
  height: 40px;
  width: 100%;
  color: #fff;
  font-weight: bold;
}

.ranking_wrapp .ranking_conte_04_b .icon_ranking_arrow01 {
  position: absolute;
  background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_arrow_02.webp) no-repeat;
  background-size: 24px;
  width: 26px;
  top: 7px;
  left: 4px;
  height: 28px;
  z-index: 10;
}
.ranking_wrapp .ranking_conte_04_b .icon_ranking_arrow02 {
  position: absolute;
  background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_arrow.webp) no-repeat;
  background-size: 24px;
  width: 26px;
  top: 7px;
  right: 4px;
  height: 28px;
}

.ranking_wrapp .ranking_conte_04_b .ttl_cp_set {
  background-size: 26px;
}


.ranking_conte_04_b .cp_radius {
	border-radius: 10px 10px 0px 0px!important;
}



.ranking_conte_04_b ul.cp_conte_txt li {
  padding: 0 0 0 0;
}


@media screen and (max-width:480px) {
.ranking_wrapp .ranking_conte_04_b .ttl_point01 img {
    width: 80%;
} 
    
.ranking_wrapp .ranking_conte_04_b .ttl_point01_b img {
    width: 80%;
}
}














/* おすすめポイント */






/* 還元率イラスト コンテンツ */
.comic_wrapp {
    margin: 40px auto 10px auto;
    padding: 10px;
    background-color: #faf8eb;
}
.comic_wrapp .comic_content {
    margin: 40px auto 10px auto;
    padding: 10px 15px 10px 15px;
    text-align: center;
    width: 98%;
    background-color: #fff;

}
.comic_wrapp .conte_main_ttl {
    text-align: center;
}
.comic_wrapp .conte_01_ttl img {
width: 80%;
}
.comic_wrapp .ant_01 {
    font-size: 13px;
    color: #757575!important;
    text-align: right;
}

.comic_wrapp .caution_txt {
    width: 94%;
    margin: 0px auto 0px auto;
    font-size: 13px;
    color: #757575!important;
    text-align: right;
}
.point_txt_01 {
    margin: 6px auto 0px auto;
    font-size: 15px;
    color: #fff!important;
    font-weight: bold;

}

.point_txt_01 img {
    width: 198px;
}

.point_btn_02 img {
    width: 158px;
}
/* 還元率イラスト コンテンツ */












body {
font-family:Noto Sans JP, Hiragino Kaku Gothic Pro, Osaka, MS PGothic, Arial, Helvetica, Verdana, sans-serif;
line-height:22px;
font-size:12px;
margin: 0 auto;
color:#333333;
text-align: center;
-webkit-text-size-adjust: 100%;
}
html{	scroll-behavior: smooth;}
img {max-width:100%;}
a {color:#069;}
a:visited {color:#069;}
a:hover {color:#FF3300;}
a img {border:none;text-decoration:none;}





/* 案件 追加設定240805 */

.ranking_wrapp .cont_box_a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60%;
}






.ranking_wrapp .cp_conte_wrapp03 {
	position: relative;
	border-top: 3px solid #ea4a00;
	border-bottom: 3px solid #ea4a00;
	margin: 39px 15px 10px 15px;
	padding: 0 0 0 0;
	font-weight: bold;
}

.ranking_wrapp .cp_conte_wrapp03 p {
	text-align: center;
    margin: -14px;
}

.ranking_wrapp .cp_conte_wrapp03 .cp_ttl_img img {
   width: 45%;
}

.ranking_wrapp .cp_conte_wrapp03 span {
	padding: 0% 0% 0% 0%!important;
	/* display: block; */
}




.ranking_wrapp .cp_conte_wrapp03 .cp_box01 {
	padding: 5% 2% 3% 2%;
	text-align: center;
	font-weight: bold;
}

.ranking_wrapp .caution_txt02 p {
	font-size: 11px;
	color: #807e7e !important;
	text-align: left;
	padding: 0 7%;
}




@media screen and (max-width:800px) {
.ranking_wrapp .cp_conte_wrapp03 .cp_ttl_img img {
   width: 60%;
}
.ranking_wrapp .cp_conte_wrapp03 {
	margin: 23px 15px 10px 15px;
	padding: 0 0 0 0;
	font-weight: bold;
}
.ranking_wrapp .cp_conte_wrapp03 .cp_box01 {
	padding: 7% 2% 3% 2%;
	text-align: center;
}

.ranking_wrapp .ranking_conte_01 h3 {
	font-size: 15px!important;
	text-align: center;
	padding: 3% 0% 3% 0%;
	color: #004e43;
	margin: 0 auto;
	width: 100%;
}

.ranking_wrapp .tokuten_txt01 {
    width: 100%!important;
}
  
.ranking_wrapp .rnk_box04_b span {
    /*font-size: 12px!important;*/
}
.ranking_wrapp .rnk_box04_b .card_data_txt01 .x7 {
    font-size: 0.7rem!important;
}   
    
}

/* 案件 追加設定240805 */



@media screen and (min-width:720px) {
.ranking_wrapp .tokuten_txt01 {
    text-align: center;
    font-size: 13px;
     width: 100%!important; 
    padding-top: 20px;
}
}







/* 案件部ポイント強調設定 */
.cant_data_box .rnk_txt_a {
  font-size: 12px!important;
}
/* 案件部ポイント強調設定 */




/* 案件部ポイント強調設定 */


.cp_conte_txt .cp_ttl_set {
    line-height: 24px!important;
}

.cp_conte_wrapp .tx_line_a {
    /*font-size: 16px!important;
    border-bottom: #ffd94d solid 3px;*/
}
.cp_conte_wrapp .tx_a {
    font-weight: bold;
    color: #EA4A00;
    font-size: 14px!important;
    /*border-bottom: #ffd94d solid 5px;*/
}

/* 案件部ポイント強調設定 */




/* 案件部アコーディオン設定 */
@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}

.shiny-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #384878;
    overflow: hidden;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
/* 案件部アコーディオン設定 */


/* 審査 BK コンテンツ */
.shinsa_conte_01 .shinsa_ttl_bk_01 {
    text-align: center;
    padding: 16px 0px 10px 0px;
    font-weight: bold;
    font-size: 19px;
}
.shinsa_conte_01 .shinsa_ttl_bk_01 span {
    text-align: center;
    font-weight: bold;
    border-bottom: #ffd94d solid 5px;
}

.shinsa_conte_01 .shinsa_md_txt01 {
  padding: 2px 0 10px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}

.shinsa_conte_01 .shinsa_ttl_bk_set {
  width: 100%;
  border: 1px solid #cdeee5;
  background-color: #cdeee5;
  padding: 10px 0 10px 0;
}

.shinsa_conte_01 .shinsa_ttl_bk_set_inner {
  width: 300px;
  margin: 0 auto;
  border: 1px solid #cdeee5;
  background-color: #fff;
  border-radius: 8px;
}

.shinsa_conte_01 .shinsa_img_conte01 {
  padding: 10px 0 0 0;
}
/* 審査 BK コンテンツ */


/* 案件部 ボタン設定 */
.ranking_wrapp .re_ranking_box_bottom .btn_txt01 {
  padding: 2px 0 10px 0;
  text-align: center;
  font-size: 14px;
  color: #fff700;
}
/* 案件部 ボタン設定 */




/* 即日コンテンツ */
.shinsa_conte_01 .caution_txt_conte01 {
margin: 0px 10%;
font-size: 11px;
color: #807e7e;
padding-bottom: 3%;
}

.shinsa_conte_01 .icon_spd {
font-size: 11px;
color: #807e7e;
padding: 6px 0px 5px 0px;
}

/* 即日コンテンツ */





/* NEW案件設定 */
.ranking_wrapp {
margin: 0px 5px;
font-size: 14px;
letter-spacing: 0.05em;
}

.ranking_wrapp .ranking_inner {

}

.ranking_wrapp .re_ranking_box_wrapp {
padding: 42px 0  0  0;

}
.ranking_wrapp .re_ranking_box_top {
  background: #66bcb1;
  border-radius: 10px 10px 0px 0px;
  padding: 2px 0 10px 0;
}
.ranking_wrapp .re_ranking_box_bottom {
  background: #ebecec;
  border-radius: 0px 0px 10px 10px;
  padding: 12px 0 20px 0;
}

.ranking_wrapp .caution_txt p {
	font-size: 11px;
	color: #807e7e !important;
	text-align: left;
	padding: 0 7%;
}


.ranking_wrapp .re_ranking_ttl {
  height: 56px;
  font-size: 20px;
  color: #fff;
  margin: 15px 0 0 0;
  background-color: #008c77;
}

.ranking_wrapp .re_best01 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re01.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best02 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re02.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best03 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re03.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best04 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re04.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best05 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re05.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best06 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re06.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best07 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re07.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best08 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re08.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
}
.ranking_wrapp .re_best09 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re09_b.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best10 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re10.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best11 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re11.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}
.ranking_wrapp .re_best12 {
	background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_re12.webp) no-repeat;
	background-size: 48px;
	margin: 0px 10px 0;
	height: 100%;
  background-position: 0px 3px;
}


.ranking_wrapp .ttl_line01 {
	padding: 19px 0px 0px 58px;
  display: block;
}

.ranking_wrapp .ttl_line02 {
	padding: 11px 0px 0px 58px;
  display: block;
}

.ranking_wrapp .ttl_line03 {
	padding: 11px 0px 0px 58px;
  display: block;
  font-size: 17px;
}


.ranking_wrapp .re_ranking_ttl a {
	color: #fff;
  font-weight: bold;
}



.ranking_wrapp .ranking_conte_01 {
/*  display: flex;
  flex-wrap: wrap;
  gap:2%;*/
  background-color: #fff;
  padding: 10px 10px;
  border-radius: 10px 10px 10px 10px;
  margin: 2% 2%;
}
.ranking_wrapp .ranking_conte_01 h3 {
  font-size: 16px;
  text-align: center;
  padding: 3% 0% 3% 0%;
  color: #004e43;
  margin: 0 auto;
  width: 100%;
}
.ranking_wrapp .ranking_conte_01 .ttl_ranking_set {
  text-align: center;
  background-color: #ebebec;
  padding: 2% 0% 0% 0%;
  border-radius: 10px 10px 0px 0px;
  line-height: 16px;
  height: 40px;
}
.ranking_wrapp .ranking_conte_01 .ttl_line_he {
  line-height: 36px;
  font-weight: bold;
}
.ranking_wrapp .ranking_conte_01 .ttl_line_he02 {
  line-height: 17px;
  font-weight: bold;
}
.ranking_wrapp .ranking_conte_01 span {
  padding: 6% 0% 0% 0%;
  /*display: block;*/
}

.ranking_wrapp .rnk_box01 {
  position: relative;
  width: 70%;
  margin: 0 auto;
  text-align: left;
  
}
.ranking_wrapp .rnk_box01 img {
  width: 64%;
}

.ranking_wrapp .rnk_box01 .card_set_a {

}

.ranking_wrapp .rnk_box01 .btn_card_offical {
  position: absolute;
  top: 8px;
  right: 0px;
}

.ranking_wrapp .cant_data_box {
  display: flex;
  flex-wrap: wrap;
  gap:2%;
  justify-content: center;
  margin: 10px 0px 0px 0px;
}






.ranking_wrapp .rnk_box02,
.ranking_wrapp .rnk_box03,
.ranking_wrapp .rnk_box04 {
	width: 32%;
  border: 1px solid #c9caca;
  border-radius: 11px 11px 11px 11px;
height: 100px;
}


.ranking_wrapp .bottom_box {
  margin: 5px 0 5px 0;
  width: 100%;
}

.ranking_wrapp .rnk_box05 {
  background-color: #fff!important;
}
.ranking_wrapp .rnk_box05 img {
  width: 90px;
}

.ranking_wrapp .rnk_box06 {
  border-radius: 10px 10px 10px 10px;
  height: 30px!important;
  font-weight: bold;
}

.ranking_wrapp .rnk_box_line img {
	/*width: 52px;*/
}


.ranking_wrapp .rnk_box_line {
	border: 1px solid #c9caca;
  border-radius: 11px 11px 11px 11px;
}

.ranking_wrapp .rnk_box_line_inner {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
	padding: 1% 5%;
	text-align: center;
	align-items: center;
}



.ranking_wrapp .ranking_conte_02,
.ranking_wrapp .ranking_conte_03 {
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
  margin: 2% 2%;
}
.ranking_wrapp .ranking_conte_02 .ttl_line_he,
.ranking_wrapp .ranking_conte_03 .ttl_line_he {
  text-align: center;
  background-color: #ebebec;
  padding: 2% 0% 2% 0%;
  border-radius: 10px 10px 0px 0px;
  width: 100%;
  font-weight: bold;
}
.ranking_wrapp .icon_money_wrapp {
  display: flex;
  flex-wrap: wrap;
  gap:2%;
  justify-content: center;
  /*padding: 1% 5%;*/
  text-align: center;
  align-items: center;
  /*height: 52px;*/
  padding: 12px 0px 12px 0px;
}

.ranking_wrapp .icon_yutai_wrapp {
  display: flex;
  flex-wrap: wrap;
  gap:5%;
  justify-content: center;
  padding: 3% 5% 3% 5%;
  text-align: center;
  align-items: center;
}

.ranking_wrapp .icon_box_01 {
  width: 13%;
  vertical-align: middle;
}

.ranking_wrapp .ranking_conte_04,
.ranking_wrapp .ranking_conte_05 {
  position: relative;
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
  margin: 2% 2%;
  padding: 0 0 8px 0px;
}
.ranking_wrapp .ranking_conte_04 .ttl_cp_set,
.ranking_wrapp .ranking_conte_05 .ttl_voice_set {
  text-align: center;
  background-color: #007162;
  padding: 8px 0 0 0;
  border-radius: 10px 10px 10px 10px;
  line-height: 21px;
  height: 40px;
  width: 100%;
  color: #fff;
  font-weight: bold;
}

.ranking_wrapp .ranking_conte_04 .icon_ranking_arrow01,
.ranking_wrapp .ranking_conte_05 .icon_ranking_arrow01 {
  position: absolute;
  background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_arrow_02.webp) no-repeat;
  background-size: 24px;
  width: 26px;
  top: 7px;
  left: 4px;
  height: 28px;
  z-index: 10;
}
.ranking_wrapp .ranking_conte_04 .icon_ranking_arrow02,
.ranking_wrapp .ranking_conte_05 .icon_ranking_arrow02 {
  position: absolute;
  background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_ranking_arrow.webp) no-repeat;
  background-size: 24px;
  width: 26px;
  top: 7px;
  right: 4px;
  height: 28px;
}

.ranking_wrapp .ranking_conte_04 .ttl_cp_set {
  background-size: 26px;
}







.ranking_conte_04 .cp_radius,
.ranking_conte_05 .cp_radius {
	border-radius: 10px 10px 0px 0px!important;
}

.ranking_wrapp .sld_cp_box_01,
.ranking_wrapp .sld_cp_box_02,
.ranking_wrapp .sld_cp_box_03,
.ranking_wrapp .sld_cp_box_04,
.ranking_wrapp .sld_cp_box_05,
.ranking_wrapp .sld_cp_box_06 {
	/*display: none;*/
}

.ranking_wrapp .ranking_conte_04 .conte_inner {
  position: relative;
  border-radius: 10px 10px 10px 10px;
  border: 2px solid #66bcb1;
  margin: 46px 2px 5px 2px;
  padding: 0 0 0 4%;
  /*background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_good_point_chara_02.webp) no-repeat;*/
  background-position: 8px center;
  background-size: 63px;
}

.ranking_wrapp .ranking_conte_04 .conte_inner02 {
  position: relative;
  border-radius: 10px 10px 10px 10px;
  border: 2px solid #66bcb1;
  margin: 46px 2px 5px 2px;
  padding: 0 0 0 4%;
  /*background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_bad_point_chara_02.webp) no-repeat;*/
  background-position: 8px center;
  background-size: 63px;
}

.ranking_wrapp .ranking_conte_04 .ttl_point01 {
  position: absolute;
  top: -7%;
  left: 0%;
}

.ranking_wrapp .ranking_conte_04 .ttl_point01 img {
  width: 96%;
}

.ranking_wrapp .cp_conte_wrapp {
  justify-content: center;
  padding: 2px 6px;
  text-align: center;
  align-items: center;
  padding: 10px 0 0 0;
    
}

.ranking_wrapp .cp_box01 {
  position: relative;
  padding: 7% 2% 4% 2%;
  text-align: center;
}
.ranking_wrapp .cp_conte_wrapp02 .cp_ttl_img {
  position: absolute;
  top: -15px;
  left: 50px;
}
.ranking_wrapp .cp_conte_wrapp02 .cp_ttl_img img {
  height: 26px;
}

.ranking_wrapp .cp_conte_wrapp02 {
  position: relative;
  border-top: 3px solid #ea4a00;
  border-bottom: 3px solid #ea4a00;
  margin: 28px 15px 10px 15px;
  padding: 0 0 0 0;
  font-weight: bold;
}

.ranking_wrapp .triangle {
	padding: 0.5em 1em 0.5em 2.3em;
	margin: 1em 0 0.5em;
	position: relative;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	width: 197px;
	border: 1px solid;
}

.ranking_wrapp .ranking_conte_04 .cp_conte_txt {
	position: relative;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	width: 95%;
}

.ranking_conte_04 ul.cp_conte_txt li {
  padding: 12px 0 0 0;
}


.ranking_conte_04 .cp_conte_txt .cp_ttl_set {
  background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp02/icon_check01.webp) no-repeat;
  background-position: 10px center;
  background-size: 22px;
  padding: 0 0 8px 44px;
  color: #007162;
  font-size: 16px;
  margin: 14px 0px;
  
  border-bottom:dotted  3px #009999;
}

.ranking_wrapp .cp_conte_txt span {
	/*font-size: 12px;*/
}










.ranking_wrapp .voice_box_body {
	width: 86%;
  padding: 10px 0px 0px 10px;
  margin: 0 auto;
	border-bottom: 1px dashed #d3d3d3;
}

.ctabtn_big_re {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  background: #EA4A00;
  border: 2px solid #EA4A00;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 22px;
  font-weight: bold;
  width: 90%;
  margin: 0PX auto;
  padding: 10px 10px 10px 10px;
  text-align: center;
}

.ranking_wrapp .tokuten_img {
	height: 45px;
	vertical-align: middle;
	display: flex;
	align-items: center;
}

.ranking_wrapp .tokuten_txt01 {
  text-align: center;
  font-size: 13px;
  width: 50px;
}

.ranking_wrapp .voice_box {
  margin: 10px 0px 5px 0px;
  padding: 5px 0 0 0;
}


.ranking_wrapp .kuchi_spc {
  padding: 5px 0 14px 0;
}


.ranking_wrapp .cp_box01 span {
    display: inline-block;
    color: #EA4A00;
}

.ranking_wrapp .x7 {
    font-size: 0.7rem!important;
}

.ranking_wrapp .x8 {
    font-size: 0.7rem;
    display: inline!important;
}


.ranking_wrapp .btn_offical_set {
    padding: 0px 0px 20px 0px;
}

.ranking_wrapp .bnd_logo {
    padding: 10px 0px 10px 0px;
    text-align: center;
    width: 43px;
}

.ranking_wrapp .bnd_logo img {
    /*width: 42%*/
}

.ranking_wrapp .rnk_box02 span,
.ranking_wrapp .rnk_box03 span,
.ranking_wrapp .rnk_box04 span {
    padding: 5px 0 5px 0px;
    font-weight: bold;
    font-size: 13px;
}

.ranking_wrapp .rnk_box02 .card_data_txt01,
.ranking_wrapp .rnk_box03 .card_data_txt01,
.ranking_wrapp .rnk_box04 .card_data_txt01 {
    padding: 6px 0 6px 0px;
    font-weight: bold;
    text-align: center;
}


.ranking_wrapp .rnk_box02 .card_data_txt02,
.ranking_wrapp .rnk_box03 .card_data_txt02,
.ranking_wrapp .rnk_box04 .card_data_txt02 {
    padding: 15px 0 6px 0px;
    font-weight: bold;
    text-align: center;
}

.ranking_wrapp .rnk_box02 .card_data_txt03,
.ranking_wrapp .rnk_box03 .card_data_txt03,
.ranking_wrapp .rnk_box04 .card_data_txt03 {
    padding: 19px 0 6px 0px;
    font-weight: bold;
    text-align: center;
}

.ranking_wrapp .rnk_box01 p {
    text-align: center;
}

.ranking_wrapp .txt_ranking03 {
    text-align: center;
    padding: 12px 0 0 0!important;


}





/* NEW案件設定 */


















/* 注釈用設定 */
.midashi_box span{
  display: inline;
}



/* おすすめコンテンツ */

/* 審査 */
.shinsa_conte_01 .shinsa_ttl {
    text-align: center;
    padding: 16px 0px 12px 0px;
    font-weight: bold;
    font-size: 18px;
}

.shinsa_conte_01 .shinsa_ttl_02 {
    text-align: center;
    padding: 0px 0px 10px 0px;
    margin: 0 auto;
    width: 68%;
}

.shinsa_conte_01 .shinsa_txt02 {
    text-align: center;
    padding: 16px 0px 10px 0px;
    font-weight: bold;
    font-size: 18px;
    color: #006456;
    line-height: 1.4;
}

.shinsa_conte_01 .shinsa_card_top3 {
    margin: 0 auto;
}

.shinsa_conte_01 .card_area {
    margin: 0 auto;
    width: 90%;
}

.shinsa_conte_01 .card_area li {
    width: 30%;
}

.shinsa_conte_01 .card_area img {
    width: 100%;
    height: 100%;
}

.shinsa_conte_01 .card_flt {
    float: left;
}

.shinsa_conte_01 .card_sps {
    margin-left: 5%;
}

.shinsa_conte_01 .shinsa_txt01 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0px 0px 0px;
}

.shinsa_conte_01 .shinsa_arow {
    text-align: center;
    padding: 4px 0px 0px 0px;
}

.shinsa_conte_01 .shinsa_arow img {
    width: 20%;
}
/* 審査 */

 
 
 
 
 

/* 比較表SP ver2 */
.shinsa_txt03 {
    font-size: 13px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.hikakubox_ver2 {
    width: 97%;
    margin: 10px auto 0 auto;
    font-size: 13px;
    background-color: #008f7b;
    padding-bottom: 5px;
    margin-bottom: 16px;
    border-radius: 4px;
    border: solid 4px #008f7b;
}
.img_crown_hikaku {
    text-align: center;
    /*background-color: #008f7b;*/
    padding: 5px 0;
}
.img_crown_b {
    width: 96%;
}

.hikakubox_ver2 table {
    /*border: solid 4px #008f7b;*/ /*表全体を線で囲う*/

}

.hikakubox_ver2 .txt_set_01 {
  font-size: 12px;
}

.hikakubox_ver2 td {
    margin: 10px auto 0 auto;
    /*padding: 44px 0px 6px 0px !important;*/
    line-height: 16px;
    border-color: #c6c6c6;
}

.tbl_set {
  margin: 0;
}

.tbl_set td {
  margin: 0;
  padding: 0px 0px 0px 0px !important;

}

.tbl_set p {
  margin: 0;
  font-size: 13px;
  text-align: center;
}

.hikakubox_ver2 .img_hikaku_card img {
	width: 70px;
	padding-top: 22px;
}

.hikakubox_ver2 td:nth-child(1){
  background-color:#ebfbf6;
  width: 22%;
  padding: 3% 0px 6px 0px;
  font-weight: 700;
}

.hikakubox_ver2 td:nth-child(2),.hikakubox_ver2 td:nth-child(3),.hikakubox_ver2 td:nth-child(4) {
  width: 26%;
  vertical-align: bottom;
  background-color: #fff;
    padding-top: 47px;
  /*font-weight: 700;*/
}


.hikakubox_ver2 .ant_01 {
  font-size: 8px;
}

.hikakubox_ver2 span {
  display: inline;
}


.hikakubox_ver2 .btn_hikaku01 td {
  padding-top: 10px!important;
  padding-bottom: 9px!important;
}
.hikakubox_ver2 .btn_hikaku01 td img {
  width: 84%;
}



.hikakubox_ver2 .ofc_link {
 padding: 6px 0px 0px 0px;
}

.caution_txt p {
	margin: 1% 0;
}

.ttl_bk01 {
	background-color: #f7e9ba!important;
}

.ttl_bk02 {
	background-color: #E2C17E!important;
}

.txt11 {
	font-size: 11px;
}

.ttl_txt_set01 {
	font-size: 12px!important;
}
/* 比較表SP ver2 */







.osusume_wrapp {
border: 2px solid #018d77;
width: 99%;
margin: 22px auto;
}


.osusume_wrapp .card_box01 {
/*border: 2px solid #018d77;*/
text-align: center;
width: 40%!important;
margin: 22px auto;
padding: 15px 0 0 0;
}


.osusume_wrapp .x20_ttl {
	font-size: 20px;
	padding: 20px 0px 0px 0px;
  text-align: center;
  margin: 0px auto;
}

.osusume_wrapp .x14_ttl {
	font-size: 14px;
	padding: 20px 0px 5px 0px;
}

.osusume_wrapp .osusume_ttl02 {
	color: #020202;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
  text-decoration: underline;
}




.lp-size .osusume_wrapp p {
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	left: 0px;
	width: 100%;
	margin: 0 auto;
}





.lp-size .card_data {
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	left: 0px;
	width: 100%;
  margin: 0 auto;
  padding: 0px 0 0 0px;
}











/* 案件部修正処理 */
.yutaibox table thead th {
	border: none;
	padding: 0 5px !important;
}




/* 比較表本番 */
.hikakubox #txt_set_a {
	width: 100%;
  line-height: 1;
}
.hikaku_txt13pxb {
	font-size: 13px !important;
	font-weight: 700;
	padding: 0px 0 0 0;
	margin: 0px 0px!important;
}

.circle_a {
    background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_circle_a.webp);
	background-repeat: no-repeat;
	background-size: 34px;
	background-position: top 10px center;
}

.circle_b {
    background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_circle_c.webp);
	background-repeat: no-repeat;
	background-size: 34px;
	background-position: top 10px center;
    padding: 46px 0px 0px 0px !important;
    height: 58px;
}

.triangle_a {
    background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_triangle.webp);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 10px center;
    padding: 46px 0px 0px 0px !important;
    border: 1px solid #F74346;
    height: 58px;
}

.icon_none_a {
    background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_none_b.webp);
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: top 16px center;
  border: 1px solid #F74346;
}

.icon_line_a {
    background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_line_a.webp);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 10px center;
    padding: 46px 0px 0px 0px !important;
    height: 58px;
}

.icon_line_c {
  background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_line_c.jpg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: top 24px center;
  padding: 46px 0px 0px 0px !important;
  height: 58px;
}

.icon_line_c2 {
  background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_line_c.jpg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: top 35px center;
  padding: 46px 0px 0px 0px !important;
  height: 58px;
}

.icon_line_c3 {
  background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_line_c.jpg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: top 49px center;
  padding: 46px 0px 0px 0px !important;
  height: 58px;
}


.img_crown_hikaku {
    width: 100% !important;
    left: 0px!important;
    margin: 0px 0px 0px 0px!important;
}

.img_crown_b {
    width: 90%;
}


.table_hikaku3 .btn_official img {
	width: 85px;
}

.table_hikaku .img_hikaku_card img {
	width: 70px;
  padding-top: 15px;
}


.table_hikaku .img_flag img {
	width: 38px;
}

.hikaku_txt01 b {
    font-size: 13px!important;
    padding: 0px 3px;
}

.subtitle {
	height: 24px;
}


.img_rank_crown {
	padding: 20px 0px 8px 0px;
}


.table_hikaku .subtitle b {
	font-size: 14px !important;
}

/*.table_hikaku .font_set_hikaku {
    font-size: 14px;
    border: 1px solid #F74346;
}*/

.table_hikaku .hikaku_base_set td,
.table_hikaku2 .hikaku_base_set td {
    font-size: 13px;
    padding: 35px 0px 0px 0px !important;
}


.table_hikaku .font_set_hikaku_emp {
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #F74346;
}

.hikaku_txt02 {
    font-size: 13px!important;
    font-weight: 700;
    padding: 2px 0 0 0;
}


.hikaku_txt14px {
    font-size: 14px!important;
    padding: 6px 0 0 0;
}

.hikaku_txt15pxb {
    font-size: 15px!important;
    font-weight: 700;
    padding: 6px 0 0 0;
}

.hikaku_txt14pxb {
    font-size: 14px!important;
    font-weight: 700;
    padding: 6px 0 0 0;
}




.font_set_ss {
    font-size: 12px!important;
}


.ttl_bk_set {
    background-color: #f7d767!important;
}













/* 追加230829 */
.x20_ttl {
    font-size: 20px;
    padding: 15px 0 0 58px
}

.x17_ttl {
    font-size: 17px;
    padding: 6px 0 0 58px;
}

.csf_btn_wrap #found span {
    display: inline;
}


.x2table span {
	display: inline-block;
}

ul.triangle span {
	display: inline-block;
}

.table_hikaku tbody td span{
  display: inline-block;
}
.table_hikaku2 tbody td span{
  display: inline-block;
}


.table_hikaku3 .btn_official {
width: 160px;
height: 68px;
}


.img_crown {
width: 160px;
}

.ttl_hikaku {
font-size: 25px!important;
}





.hikaku_txt01 {
padding: 8px 0px;
}

.hikaku_txt01 a {
font-size: 16px!important;
}




.table_hikaku2 .subtitle b {
font-size: 17px!important;
}

.table_hikaku2 .hikaku_txt03 {
font-size: 14px!important;
}





.ttl_rnk {
font-size: 17px!important;
padding: 20px 0px 10px 0px;
}

.ttl_rnk02 {
font-size: 25px!important;
font-weight: bold;
padding: px 0px 0px 0px;
}


.icon_set img {
width: 46px;
}

.icon_set02 img {
width: 46px;
padding: 10px 0px 0px 0px;
}

.img_brand_01 img {
width: 66px;
}

/*  */









.sgtb{
width:97%;
height:auto;
margin:3px 0 3px 5px;
background: #003399;
line-height:18px;
}
.sgtb1{
padding:7px 0 5px 5px;
height:auto;
font-size:14px;
color:#fff;
font-weight:bold;
text-align:left;
background:url(img/sgktb.png) repeat-x;
border:#fff 1px solid;
line-height:15px;
}

select{
width:93%;
height: 24px;
line-height: 32px;
margin:5px;
}
.sgtb-1{
width:60%;
padding:1px 0;
height:auto;
font-size:13px;
color:#333;
text-align:left;
background-color:#fff;
}



.kuro{color:#333;}
.red{color: #E00;}
.red2{color: #FF2B2E;}
.orange{color: #EA4A00}
.blue{color: #006BBA;}
.bblue{color: #006BBA;font-weight:bold;}
.yello{color:#FFFF99;}
.yellow2{color:#FFF728;}
.br {color:#EE0000;font-weight:bold;}
.line {background-color:#FFFF99; color:#FF0000; font-weight:bold;}
.line000 {background-color:#FFFF99; color:#000000; font-weight:bold;}
.x08{font-size:8px;}
.x10{font-size: 10px;}
.x11{font-size: 11px;}
.t_left{text-align: left;display: inline-block;line-height: 170%;margin: 10px 15px;}
.t_left_02{text-align: left;display: inline-block;line-height: 170%;margin: 10px 15px;}
.x11lh{font-size: 11px;line-height:18px;}
.x13{font-size: 13px;}
.x14{font-size: 14px;}
.x15{font-size: 15px;}
.x16{font-size: 16px;}
.x14b{font-size: 14px;font-weight:bold;}
.x17{font-size: 17px;}
.x18{font-size: 18px;}
.x19{font-size: 19px;}
.x20{font-size: 20px;}
.x22{font-size: 22px;}
.x24b{font-size: 24px;font-weight:bold;}
.x24{font-size: 24px;}
.x26{font-size: 26px;}
.x28{font-size: 28px;}
.red16{color:#c00; font-size: 16px; font-weight:bold;}
.red20{color:#c00; font-size: 20px; font-weight:bold;}
.b{font-weight:bold;}
.bb{font-weight:bold; font-size:12px;}
.frig{text-align:right; margin:15px 5px 0 0; }
.d_u{text-decoration:underline;}
.t_cen{text-align:center; margin:5px 0 10px; font-size:18px; font-weight:bold; color:#F0181B;}
.text_link {text-align: center;font-size: 15px;}
.glo_ko {
width:auto;
height:auto;
margin:0 auto 0px auto;
padding:0 3px 0 0;
font-size:12px;
font-weight:bold;
text-decoration:underline;
color:#06F;
text-align:right;
}
.glo_ko:hover {
width:auto;
height:auto;
color: #F00;
}
.glo_ko_txt {
width:auto;
height:auto;
background:#FFF;
margin:0;
padding:0;
}

.accordion_head {cursor:pointer;}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*26701用クレカラボから移植*/
@media screen and (min-width:824px) {
.lp-size{width:750px;
	margin:0 auto;border: 1px solid #fff;
	overflow:hidden;}}

.lp-size p{
	/*font-size: 16px;*/
	/*line-height: 1.5;*/
	/*position: relative;*/
  /*left: 10px;*/
	/*width: 85%;*/
}
.back_01{
	background-color: #fff;
}
.back_02{
	background-color: #66BCB1;
	box-sizing: border-box;
	padding: 0 0 15px;
}
.back_02 p{
	display:inline-block;
    text-align: center;
	font-size: 20px;
    left: auto;
	width: 80%;
	color: #fff;
	margin: 0 auto;
}

.box59501 {
    padding: 0 0 0em;
    margin: 15px 10px;
    background: #fff;/*背景色*/
    border-top: solid 10px #46BCF2;
	border: solid 3px #46BCF2;
	border-radius: 10px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.box59501 p {
    margin: 0; 
    padding: 0.5em 12px;
	line-height: 140%;
	font-size: 16px;
}

.box59501 a{
	font-size: 14px;
   text-decoration-line: none;
}


.box59501 .box-title {
    font-size: 1.2em;
    background: #46BCF2;
    padding: 2px 0px 2px 0px;
	margin:-1px -1px 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
	border: solid 10px #46BCF2;
	border-radius: 5px 5px 0 0;
    letter-spacing: 0.05em;
	height:35px;
}
.box59501 .box-title a{
    color: #fff;
	text-decoration-line: underline;
}
.box59501_img{
	height: 100px;
	margin: 0px auto;
	display: flex;
	width: 92%;
	justify-content: space-around;
}

.box59501pink {
    position: relative;
	width: 86%;
    margin: 2em auto;
    padding: 1em 0.5em 0.5em;
    border: solid 3px #F90081;
    border-radius: 8px;
}
.box59501pink .box-t {
    position: absolute;
    display: inline-block;
    top: -10px;

    padding: 0 9px;
    line-height: 1;
    font-size: 18px;
    background: #FFF;
    color: #F90081;
    font-weight: bold;
    left: 54%;
}
.box59501pink p {
    margin: 0.5em; 
    padding: 0;
    font-size: 16px;
}
.box59501pink .under{
	border-bottom: dashed 1px #A4A4A4;
	text-align: left;
	line-height: 25px;
	font-weight:bold;
	color: #E80003;
	font-size: 15px;
}

.rankingbox {
	box-sizing: border-box;
    padding: 0 0 0em;
    margin: 15px 15px;
    background: #fff;/*背景色*/
    border-top: solid 10px #008F7B;
	border-left: solid 3px #fff;
	border-right: solid 3px #fff;
	border-bottom: solid 3px #fff;
	border-radius: 5px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.rankingbox p {
    margin: 0; 
    padding: 0.5em 2px;
	font-size: 16px;
}
.rankingbox a{
	font-size: 14px;
   text-decoration-line: none;
}
.rankingbox .box-title {
    font-size: 1.2em;
    background: #008F7B;
    padding: 0px 0px 2px 0px;
	margin:-10px -3px 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
	border-radius: 5px 5px 0 0;
    letter-spacing: 0.05em;
	height:57px;
}
.rankingbox .box-title a{
    color: #fff;
	text-decoration-line: underline;
}
.rankingbox_img{
	/*height: 114px;*/
	margin: 0px auto;
	display: flex;
	width: 92%;
	/*justify-content: space-around;*/
	align-items: center;
    /*height: 185px;*/
}

.midashi_box {
    color: #008F7B;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
    width: 90%;
    margin: 0 auto;
}


.midashi_box p {
    color: #008F7B!important;
}




.rankingbox_in {
	width: 100%;
    margin: 0 auto;
    padding: 10px 0px 24px 0px;
}


.card_img_box {
    width: 70%!important;
    /*width: 40%!important;*/
    /*max-width: 63%!important;*/
    /*min-width: 100px!important;*/
    padding: 0!important;
}

.rankingbox_img img {
width: 240px;
/*width: 60%!important;
min-width: 50%!important;*/
}




.osusumebox {
	background: #FAF8EB;
	position: relative;
	width: 90%;
    margin: 2em auto 1em;
    padding: 1em 0.5em 0.5em;
    border: solid 1px #DBD077;
	color: #531A00;
}
.osusumebox .box-t {
    position: absolute;
    display: inline-block;
    top: -23px;
	left: 0%;
	/*transform: translateX(-60%);*/
    padding: 0px auto;
    width: 100%;

}
.osusumebox .box-t img {
	position: relative;
	max-width: 120%;
    width: 200px;
	
}
.osusumebox p {
	color: #EA4A00;
    margin: 0.5em; 
    padding: 0;
    font-size: 12px;
	font-weight: bold;
}
.yutaibox {
	background: #fff;
	position: relative;
	width: 90%;
    margin: 2em auto 1em;
    padding: 2.5em 0.5em 1em;
    border: solid 1px #DBD077;
	color: #EA4A00;
}
.yutaibox .box-t {
    position: absolute;
    display: inline-block;
    top: -15px;
	left: 50%;
	transform: translateX(-50%);
}


.yutaibox .box-t img {
	position: relative;
	width: 190px;
    min-width: 140px;
}
.yutaibox p {
	color: #EA4A00;
    margin: 0.5em; 
    padding: 0;
    font-size: 12px;
	font-weight: bold;
}
.yutaibox span {
	display: inline;
}
.yutaibox table{
	border: none;
	width: 90%;
	table-layout: fixed;
    margin: 0 auto;
}
.yutaibox table thead th{
	border: none;
	padding: 0 0 0.5em;
}
.yutaibox table thead td{
	border: none;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.campbox {
	background: #FAF8EB;
	position: relative;
	width: 90%;
    margin: 2em auto 1em;
    padding: 2em 0.5em 0.5em;
    border: solid 1px #DBD077;
	color: #EA4A00;
}
.campbox .box-t {
    position: absolute;
    display: inline-block;
    top: -15px;
	left: 50%;
	transform: translateX(-50%);
    padding: 0px auto;
}
.campbox .box-t img {
	position: relative;
    width: 190px;
	min-width: 140px;
	
}
.campbox p {
	color: #000;
    margin: 0.5em; 
    padding: 0;
    font-size: 14px;
	font-weight: bold;
	width: 95%;
}
.campbox span {
	display: inline-block;
	color: #EA4A00
}





/* ランキング部分設定0828 */
.best01 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flag1.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 1% 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best02 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flag2.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best03 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flag3.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best04 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flg_04.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best05 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flg_05.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best06 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flg_06.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best07 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flg_07.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best08 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flg_08.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best09 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flg_09.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}
.best10 {
    background: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/flg_10.webp) no-repeat;
    background-size: 48px;
	margin: -10px 10px 0;
	/*padding: 0 0 0 60px;*/
    /*line-height: 48px;*/
	text-align: left;
    height: 100%;
}

.boxpink {
    margin: 0px 5px;
    background: #fff;
	border: 1px solid #F90081;
	border-radius: 10px;
	width: 50%;
    height: 115%;    
}
.boxpink .box-ti {
    font-size: 18px;
    background: #F90081;
    padding: 0px;
    text-align: center;
	line-height: 35px;
	border-radius: 9px 9px 0px 0px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxpink p {
	font-size: 12px;
    padding: 2px;
    margin: 3px 0;
	line-height: 150%;
}

.table_zz2{
	width:96%;
	box-sizing: border-box;
	border: none;
	border-collapse: separate;
	border-spacing: 10px 0px;
	margin: 5px auto;
	
}
.table_zz2 thead th,
.table_zz2 tbody td {
  width: 32%;
  padding: 5px 0px;
}
.table_zz2 thead th {
  background-color: #F4F5F3;
  padding: 5px 5px 2px 5px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #9E9E9E;
  border-bottom: none;  
}
.table_zz2 tbody td  {
  background-color: #fff;
  padding: 5px 5px 5px 5px;
  font-size: 11px;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #9E9E9E;
}

.table_zy2{
	width:96%;
	box-sizing: border-box;
	border: none;
	border-collapse: separate;
	border-radius: 6px;
	border-spacing: 10px 0px;
	margin: 5px auto;
	
}
.table_zy2 thead th,
.table_zy2 tbody td {
  width: 48%;
  padding: 5px 0px;
}
.table_zy2 thead th {
  background-color: #F4F5F3;
  padding: 5px 5px 2px 5px;
  font-size: 13px;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #9E9E9E;
  border-bottom: none;  
}
.table_zy2 tbody td  {
  background-color: #fff;
  padding: 2px 5px 2px 5px;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #9E9E9E;
}
.x2table {
	width:90%;
	box-sizing: border-box;
	border: none;
	border-collapse: separate;
	margin: 5px auto;
}
.x2table thead th,
.x2table tbody td {
  width: 45%;
  padding: 5px 0px;
}
.x2table thead th {
  background-color: #FAF8EB;
  padding: 1px 5px 1px 5px;
  font-size: 14px;
  border: 1px solid #DBD077;
  border-bottom: none;  
}
.x2table tbody td  {
  background-color: #fff;
  padding: 10px 5px 10px 5px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  border: 1px solid #DBD077;
}
.x1table {
	width:90%;
	box-sizing: border-box;
	border: none;
	border-collapse: separate;
	margin: 5px auto;
}
.x1table thead th,
.x1table tbody td {
  padding: 5px 0px;
}
.x1table thead th {
  background-color: #FAF8EB;
  padding: 1px 5px 1px 5px;
  font-size: 14px;
  border: 1px solid #DBD077;
  border-bottom: none;  
}
.x1table tbody td  {
  background-color: #fff;
  padding: 10px 5px 10px 5px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  border: 1px solid #DBD077;
}

.hikakubox {
  background-color: #008F7B;
  margin: 10px 10px;
  padding: 3px 5px 3px 5px;
  border: #008F7B;
  border-radius: 5px;
  font-size: 16px;
}
.hikakubox p{
  display:inline-block;
  font-size: 16px;
  text-align: center;
  width: 90%;
}
.table_hikaku{
	background-color: #008F7B;
	width:96%;
	box-sizing: border-box;
	border: none;
	border-collapse: separate;
	border-spacing: 2px 0px;
	margin: 5px auto 0px;
}
.table_hikaku a {
	font-size: 12px;
}
.table_hikaku thead th,
.table_hikaku tbody td {
  width: 32%;
  padding: 5px 0px;
}
.table_hikaku thead th {
  background-color: #fff;
  padding: 5px 5px 2px 5px;
  font-size: 13px;
  line-height: 18px;
  border: none;  
}
.table_hikaku tbody td{
  background-color: #fff;
  padding: 5px 2px 5px 2px;
  font-size: 17px;
  /*font-weight: bold;*/
  line-height: 15px;
  position: relative;
  border: none;
}
.table_hikaku2{
	background-color: #008F7B;
	width:96%;
	box-sizing: border-box;
	border: none;
	border-collapse: separate;
	border-spacing: 2px 0px;
	margin: -25px auto 5px;
}
.table_hikaku2 a {
	font-size: 12px;
}
.table_hikaku2 thead th,
.table_hikaku2 tbody td {
  width: 32%;
  padding: 5px 0px;
}
.table_hikaku2 thead th {
  background-color: #E2C17E;
  font-size: 14px;
　text-align: center;
  margin: auto;
  border: none;  
}
.table_hikaku2 tbody td{
  background-color: #fff;
  padding: 5px 2px 5px 2px;
  font-size: 17px;
  /*font-weight: bold;*/
  line-height: 15px;
  position: relative;
  border: none;
}
.table_hikaku3{
	background-color: #008F7B;
	width:96%;
	box-sizing: border-box;
	border: none;
	border-collapse: separate;
	border-spacing: 2px 0px;
	margin: -5px auto 5px;
}
.table_hikaku3 {
	font-size: 12px;
}
.table_hikaku3 thead th,
.table_hikaku tbody td {
  width: 32%;
  padding: 3px 0px;
}
.table_hikaku3 thead th {
  background-color: #fff;
  font-size: 14px;
　text-align: center;
  margin: auto;
  border: none;  
}
.table_hikaku3 tbody td{
  background-color: #fff;
  padding: 5px 2px 5px 2px;
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  position: relative;
  border: none;
}
.subtitle td[colspan] {
  background-color: #AFDCD7;
  font-size: 14px;
　text-align: center;
}
.nijumaru {
	background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/icon_ellipse2.webp);
	background-repeat: no-repeat;
    background-size: 35px;
    background-position: center center;
	height: 60px;
}
.maru {
	background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/maru2.webp);
	background-repeat: no-repeat;
    background-size: 40px;
    background-position: center center;
	height: 60px;
}
.sankaku {
	background-image: url(https://xn--q9ji3c6dwfxa7duezbl49aqg.net/wp-content/uploads/tp01/sankaku2.webp);
	background-repeat: no-repeat;
    background-size: 35px;
    background-position: center center;
	height: 60px;
}

.acsub {
  background-color: #E2C17E;
  font-size: 14px;
　text-align: center;
  margin: auto;
}

/* クリック領域 */
.acsub-parent {
	cursor: pointer;
}
.acsub-parent td[colspan] {
  background-color: #E2C17E;
  font-size: 14px;
　text-align: center;
  margin: auto;
}
/* 擬似要素で下三角形を作成 */
/*
.acsub-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}
*/

/* クリックしたら表示される領域 */
.acsub-child {
  display: none;
}
.acsub-child th[colspan] {
  background-color: #AFDCD7;
  font-size: 14px;
　text-align: center;
}
.acsub-child td[colspan] {
  background-color: #AFDCD7;
  font-size: 14px;
　text-align: center;
}
.acsub-child2 {
  display: none;
  }
  
.acsub-child3 {
  display: none;
}

.acsub-child4 {
  display: none;
}

.acsub-child33 {
  display: none;
}


.notes_ttl {
  border: 1px solid #04775e;
  width: 90%;
  margin: 3% auto;
  font-size: 13px;
  color: #fff;
}

.notes_ttl_02 {
  border: 1px solid #04775e;
  width: 90%;
  margin: 3% auto;
  font-size: 13px;
  color: #fff;
}


.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 0.5em 2.8em 0.5em;
  padding: 7px 4px;
  min-width: 130px;
  max-width: 100%;
  color: #008F7B;
  font-size: 16px;
  font-weight: bold;
  background: #FFF;
  border: solid 3px #008F7B;
  border-radius: 10px;
  box-sizing: border-box;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #008F7B;
  z-index: 1;
}

.balloon2-left p {
  color: #008F7B;
  margin: 0;
  padding: 0;
}

ul.triangle{
  padding: 0.5em 1em 0.5em 2.3em;
  margin: 1em 0 0.5em;
  position: relative;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}
ul.triangle li{
  line-height: 1.5em;
  padding: 0.5em 0;
  font-size: 14px;
  list-style-type: none!important;
}
ul.triangle li:before{
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #EA4A00; /*アイコン色*/
}


.ctabtn_big {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  background: #EA4A00;
  border: 2px solid #EA4A00;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 22px;
  font-weight: bold;
  width: 90%;
  margin: 10PX auto;
  padding: 20px;
  text-align: center;
}

.ctabtn_big.reverse{
  transition: .3s cubic-bezier(0.5, 1, 0.89, 1);
}
.ctabtn_big.reverse:hover {
  background: #fff;
  color: #EA4A00;
  transform: scale(1.1);
}

.ichioshi_img {
    width: 87%;
    padding: 10px 0px 25px 0;
	cursor: pointer;
}

.txt_set_b_red_01 {
    font-size: 14px;
    color: #F30004;
    font-weight: bold;
}


.txt_x7 {
    font-size: 0.7rem!important;
    color: #000!important;
}


@media screen and (min-width:740px) {
.ichioshi_img {
    width: 70%;
    padding: 10px 0px 25px 0;
	cursor: pointer;
}
}




/*
ベース設定　統合（元content_style_set.css）
-------------------------------------------------*/

/* コンテンツ設定 */
.ranking_wrapp .rnk_box02,
.ranking_wrapp .rnk_box03,
.ranking_wrapp .rnk_box04 {
	font-size: 14px;
	font-weight: bold!important;
}
.ranking_wrapp .rnk_box02 span ,
.ranking_wrapp .rnk_box03 span ,
.ranking_wrapp .rnk_box04 span {
	font-size: 14px;
	font-weight: bold!important;
}

.ranking_wrapp .rnk_box02 span,
.ranking_wrapp .rnk_box03 span,
.ranking_wrapp .rnk_box04 span {
	font-weight: bold;
	font-size: 14px;
}


.ranking_wrapp .rnk_box02 .tx_red,
.ranking_wrapp .rnk_box03 .tx_red,
.ranking_wrapp .rnk_box04 .tx_red {
	color: red;
}

.ranking_wrapp .rnk_box03 .tx_red span {
	color: red;
}

.ranking_wrapp .cont_box_a .tx_red {
	color: red;
}
/* コンテンツ設定 */

/*
（元content_style_set.css）ここまで
---------------------------------------------------------------------------*/






























