@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
a {
	background-color: transparent;
}
a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	margin: .67em 0;
	font-size: 2em;
}
mark {
	color: #000;
	background: #ff0;
}
small {
	font-size: 70%;
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0;
}
legend {
	padding: 0;
	border: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-spacing: 0;
	border-collapse: inherit;
}
td, th {
	padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*, *:before, *:after {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
.navbar {
	display: none;
}
.btn > .caret, .dropup > .btn > .caret {
	border-top-color: #000 !important;
}
.label {
	border: 1px solid #000;
}
.table {
	border-collapse: collapse !important;
}
.table td, .table th {
	background-color: #fff !important;
}
.table-bordered th, .table-bordered td {
	border: 1px solid #ddd !important;
}
}
/* ================================================== */
/* Common
/* ================================================== */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	width: 100%;
	height: 100%;
	font-size: 10px;
	-webkit-tap-highlight-color: transparent;
}
body {
	width: 100%;
	height: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	font-size: 24px;
	line-height: 1.42857;
	color: #2d2d2d;
	background: #fff;
}
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
a {
	color: #0000ee;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #551a8b;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
figure {
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	margin: 0;
	padding: 0;
}
iframe {
	border: 0;
}
/* ================================================== */
/* Global
/* ================================================== */
.container {
	margin: 0 auto;
	padding: 0 20px;
	width: 640px;
}
.section {
	margin: 0 auto;
	padding: 0 40px;
	width: 640px;
}
.container:before, .container:after, .section:before, .section:after {
	content: " ";
	display: table;
}
.container:after, .section:after {
	clear: both;
}
/* ================================================== */
/* Helper
/* ================================================== */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.inline-block {
	display: inline-block !important;
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.hidden {
	display: none !important;
}
.affix {
	position: fixed;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.nomargin {
	margin: 0 !important;
}
.nopadding {
	padding: 0 !important;
}
.spacing-5, .spacing-10, .spacing-15, .spacing-20, .spacing-25, .spacing-30, .spacing-35, .spacing-40, .spacing-45, .spacing-50 {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
.spacing-5 {
	height: 5px;
}
.spacing-10 {
	height: 10px;
}
.spacing-15 {
	height: 15px;
}
.spacing-20 {
	height: 20px;
}
.spacing-25 {
	height: 25px;
}
.spacing-30 {
	height: 30px;
}
.spacing-35 {
	height: 35px;
}
.spacing-40 {
	height: 40px;
}
.spacing-45 {
	height: 45px;
}
.spacing-50 {
	height: 50px;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.required {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 1;
	background-color: #ff0006;
	color: #fff;
	vertical-align: top;
}
/* ================================================== */
/* Form
/* ================================================== */
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
button {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	outline: none;
}
.inline-label {
	margin-right: 5px;
	font-weight: normal;
	text-align: right;
}
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	/* IE8-9 */
	line-height: normal;
}
input[type="file"] {
	display: block;
}
select[multiple], select[size] {
	height: auto;
}
select optgroup {
	font-size: inherit;
	font-style: inherit;
	font-family: inherit;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
 height: auto;
}
output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
}
.form-group {
	margin-bottom: 10px;
}
.form-control {
	display: block;
	margin: 0;
	padding: 6px 12px;
	width: 100%;
	height: 37px;
	font-size: 16px;
	line-height: 1.42857;
	border: 1px solid #b0b0b0;
	background-color: #fff;
	color: #000;
}
.form-control:focus {
	border-color: #333;
	outline: 0;
}
.form-control:-moz-placeholder {
 color: #999999;
}
 .form-control::-moz-placeholder {
 color: #999999;
 opacity: 1;
}
 .form-control:-ms-input-placeholder {
 color: #999999;
}
 .form-control::-webkit-input-placeholder {
 color: #999999;
}
textarea.form-control {
	height: auto;
	resize: vertical;
}
.radio, .checkbox {
	display: block;
	min-height: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 20px;
}
.radio label, .checkbox label {
	display: inline;
	font-weight: normal;
	cursor: pointer;
}
.radio-inline label, .checkbox-inline label {
	font-weight: normal;
	cursor: pointer;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	float: left;
	margin-left: -20px;
}
.radio + .radio, .checkbox + .checkbox {
	margin-top: -5px;
}
.radio-inline, .checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 10px;
}
.help-block {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
}
.help-inline {
	display: inline;
	margin-left: 5px;
	font-size: 14px;
	color: #333;
}
/* ================================================== */
/* Table
/* ================================================== */
.table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
.table tbody tr th, .table tbody tr td {
	margin: 0;
	padding: 20px 20px;
	text-align: left;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.table tbody tr th {
	margin: 0;
	width: 185px;
	font-weight: normal;
	text-align: center;
	background-color: #f2f2f2;
}
.table tbody tr td.icon_value01{
  background: url(../img/tbl_icon_value01.png) no-repeat 20px center;
  background-size: 40px 40px;
  padding-left: 70px;
}
.table tbody tr td.icon_value02{
  background: url(../img/tbl_icon_value02.png) no-repeat 20px center;
  background-size: 40px 40px;
  padding-left: 70px;
}
.table tbody tr td.icon_value03{
  background: url(../img/tbl_icon_value03.png) no-repeat 20px center;
  background-size: 40px 40px;
  padding-left: 70px;
}
.table tbody tr td.icon_value04{
  background: url(../img/tbl_icon_value04.png) no-repeat 20px center;
  background-size: 40px 40px;
  padding-left: 70px;
}
.table dl {
	margin: 0;
	padding: 0;
	width: 100%;
}
.table dt {
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
}
.table dd {
	margin: 0 0 5px 90px;
	padding: 0;
}
/* ================================================== */
/* swiper
/* ================================================== */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
	float: left;
}
.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev, .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0;
	left: 0;
	width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0px, -50%, 0);
	-moz-transform: translate3d(0px, -50%, 0);
	-o-transform: translate(0px, -50%);
	-ms-transform: translate3d(0px, -50%, 0);
	transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000;
}
/* 3D Container */
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip {
	overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
 100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
 100% {
 transform: rotate(360deg);
}
}
/* ================================================== */
/* Button
/* ================================================== */
.btn {
	display: inline-block;
	margin: 0;
	padding: 15px 20px;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border-radius: 6px;
	letter-spacing: 2px;
}
.btn:hover, .btn:focus {
	text-decoration: none;
	color: #fff;
}
.btn .icon {
	margin-top: -2px;
	margin-left: 20px;
	vertical-align: middle;
}
.btn-primary {
	background-color: #0c87dc;
	color: #fff;
}
.btn-secondary {
  width: 90%;
  margin: 0 auto;
  background-color: #0c87dc;
  color: #fff;
  box-shadow: 0 3px 0 #005996;
  position: relative;
  display: block;
}
.btn-secondary span{
  position: relative;
}
.btn-secondary span:before{
  content: "\f521";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: -0.5em;
  font-weight: 900;
}
.btn-secondary:after{
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.5em;
  font-weight: 900;
  font-size: 140%;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff;
}
.btn-secondary.hvr-button:hover {
  box-shadow: 0 0 0 #005996;
}
.btn-secondary-g{
  background-color: #52a5de;
  color: #fff !important;
  padding: 10px 3px;
}
.btn-third {
	background-color: #f74350;
	color: #fff;
}
.btn-third.hvr-button:active {
	background-color: #af1b43;
	color: #fff;
}
.btn-third-lg {
	width: 570px !important;
}
.btn-simple {
	background-color: #52a5de;
	color: #fff;
}
.btn-simple:hover {
	color: #fff;
}
.btn-sm {
	padding: 8px 10px;
	font-size: 11px;
	line-height: 11px;
}
.btn-sm .icon {
	margin-left: 10px;
}
.btn-lg {
	padding: 20px 30px;
	font-size: 24px;
	line-height: 34px;
}
.hvr-button {
	-webkit-transition: color 0.1s, background-color 0.1s, box-shadow 0.1s -webkit-transform 0.1s;
	transition: color 0.1s, background-color 0.1s, box-shadow 0.1s, transform 0.1s;
}
.hvr-button:hover {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
.hvr-button:active {
	background-color: #05a4a9;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	transition-duration: 0.1s;
}
 @webkit-keyframes hvr-wobble-horizontal {
 16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
 33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
 49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
 66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
 83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
 16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
 33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
 49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
 66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
 83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal .icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.hvr-wobble-horizontal:hover .icon, .hvr-wobble-horizontal:focus .icon, .hvr-wobble-horizontal:active .icon {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.icon-traiangle-s {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: #484848;
  border-radius: 50%;
}
.icon-traiangle-s:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -2px;
  padding: 0;
  border-left: 4px solid #fff;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
/* ================================================== */
/* Component
/* ================================================== */
/* Line dashed */
.line-dashed {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	clear: both;
	background-image: -moz-linear-gradient(left, #fff, #fff 70%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(left, #fff, #fff 70%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(left, #fff, #fff 70%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to right, #fff, #fff 70%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background-size: 7px 7px;
}
/* rating */
/*.rating {
	color: transparent;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}
.rating:before, .rating:after {
	content: attr(data-star);
	font-size: 16px;
	line-height: 1;
	pointer-events: none;
	text-align: left;
	white-space: nowrap;
}
.rating:before {
	content: attr(data-star-bg);
	display: block;
	color: #fe7200;
	color: rgba(254,114,0,1);
}
.rating:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	overflow: hidden;
	color: #fe7200;
	color: rgba(254,114,0,1);
}*/
.rating{
  color: #ffaa0b;
}
.rating[data-rating="10"]:after {
	width: 10%;
} /* 0.5 */
.rating[data-rating="20"]:after {
	width: 20%;
} /* 1 */
.rating[data-rating="30"]:after {
	width: 30%;
} /* 1.5 */
.rating[data-rating="40"]:after {
	width: 40%;
} /* 2 */
.rating[data-rating="50"]:after {
	width: 50%;
} /* 2.5 */
.rating[data-rating="60"]:after {
	width: 60%;
} /* 3 */
.rating[data-rating="70"]:after {
	width: 70%;
} /* 3.5 */
.rating[data-rating="80"]:after {
	width: 80%;
} /* 4 */
.rating[data-rating="90"]:after {
	width: 90%;
} /* 4.5 */
.rating[data-rating="100"]:after {
	width: 100%;
} /* 5 */
/* ================================================== */
/* Icon
/* ================================================== */
.icon {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.icon-ranking {
	width: 58px;
	height: 53px;
	background: url(../img/icons/icon_ranking.png) no-repeat 0 0;
}
.icon-check-c {
	width: 52px;
	height: 53px;
	background: url(../img/icons/icon_check_c.png) no-repeat 0 0;
}
.icon-arrow-p:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  color: #fe9c51;
  display: inline-block;
  vertical-align: middle;
  text-indent: -1em;
}
.icon-arrow:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-indent: -1em;
}
/* ================================================== */
/* Layout
/* ================================================== */
#header {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	color: #fff;
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	z-index: 1000;
}
.foffset, .offset {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#main {
	margin: 0 auto;
	padding: 0;
	width: 640px;
	height: 100%;
}
#main-content {
	margin: 0 0 30px 0;
	padding: 0;
	background-color: #fff;
}
#main-content.content-area{
	background-color: #fff;
}
#main-content:before, #main-content:after {
	content: " ";
	display: table;
}
#main-content:after {
	clear: both;
}
#footer-bar {
	position: fixed;
	margin: 0;
	padding: 0;
	bottom: -140px;
	left: 0;
	width: 100%;
	border-top: 1px solid #d9d7cb;
	background: #fbf9ee;
	box-shadow: 0 -1px 10px rgba(0,0,0,0.5);
	z-index: 1000;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* ================================================== */
/* Header
/* ================================================== */
#header .container{
	padding: 0;
}
.navbar-header {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
}
.brand {
	display: table-cell;
	vertical-align: middle;
	width: 83%;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
}
.navbar-box{
	display: table-cell;
	vertical-align: middle;
	width: 17%;
	margin: 0;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}
.navbar-toggle {
	position: relative;
  padding: 0;
  right: 0;
  width: 100%;
  margin-top: -30px;
  background-color: transparent;
  background-image: none;
  -webkit-transform: translate(0, 33%);
  transform: translate(0, 33%);
}
.navbar-toggle .icon-bar {
  display: block;
  width: 100%;
  height: 10px;
  background-color: #fe9c51;
}
.navbar-toggle .icon-bar + .icon-bar {
   margin-top: 10px;
}
.navbar-toggle .icon-name{
	font-size: 80%;
  color: #fe9c51;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.collapse {
	display: none;
}
.collapse.in {
	display: block;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
}
.navbar-collapse {
	margin: 0 -20px;
	padding: 0;
	width: auto;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	-webkit-overflow-scrolling: touch;
	overflow-x: visible;
	background-color: #fff;
	z-index: 1001;
}
.navbar-collapse:before, .navbar-collapse:after {
	content: " ";
	display: table;
}
.navbar-collapse:after {
	clear: both;
}

@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-collapse {
	max-height: 200px;
}
}
.navbar-collapse.in {
	overflow-y: auto;
}
.navbar-menu {
	margin: 0;
	list-style: none;
}
.navbar-menu:before, .navbar-menu:after {
	content: " ";
	display: table;
}
.navbar-menu:after {
	clear: both;
}
.navbar-menu > li {
	display: block;
	position: relative;
}
.navbar-menu > li > a {
	position: relative;
	display: block;
	margin: 0;
	padding: 20px 0;
	height: 68px;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	background-color: #fff;
	color: #484848;
}
.navbar-menu > li > a:hover {
	border-top: 1px solid #fe9c51;
	border-bottom: 1px solid #fe9c51;
	text-decoration: none;
	background-color: #fe9c51;
	color: #fff;
}
.navbar-menu > li > a.home > span:before {
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 36px;
  color: #fe9c51;
  display: inline-block;
  vertical-align: middle;
  text-indent: -1em;
  margin-right: 3px;
  margin-top: -4px;
}
.navbar-menu > li > a.home:active span:before {
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 36px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-indent: -1em;
  margin-right: 3px;
  margin-top: -4px;
}
/* ================================================== */
/* Footer
/* ================================================== */
#footer-menu{
	background-color: #fff;
}
.footer-title {
	margin: 0;
	padding: 0;
	font-size: 26px;
	background-color: #fe9c51;
	color: #fff;
}
.footer-title a {
	display: block;
	margin: 0;
	padding: 20px;
	color: #fff;
	text-decoration: none;
}
.footer-list {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}
.footer-list > li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #fe9c51;
}
.footer-list > li > a {
	display: block;
	margin: 0;
	padding: 20px 0;
	width: 100%;
	height: 64px;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	text-decoration: none;
	color: #484848;
}
.footer-list > li > a > .icon {
	float: right;
	display: block;
	margin-top: 3px;
	line-height: 24px;
}
#footer {
	margin: 0;
	padding: 20px 0;
	background-color: #fe9c51;
	width: 100%;
	color: #fff;
}
#footer ul{
	text-align: center;
}
#footer ul li:first-child{
	border-left: 1px solid #fff;
	padding-left: 20px;
}
#footer ul li{
	padding-right: 20px;
	border-right: 1px solid #fff;
	display: inline-block;
	font-size: 22px;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
/* copyright */
#copyright {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	font-size: 20px;
	text-align: center;
}
#copyright a {
	cursor: text;
}
/* banner ranking */
.banner-ranking {
	margin: 0 0 30px 0;
	padding: 0;
}
/* ================================================== */
/* Footer bar
/* ================================================== */
#footer-bar .container {
	padding: 0 !important;
}
#footer-bar .multiple {
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
#footer-bar .multiple li {
	display: table-cell;
	margin: 0;
	padding: 15px 0;
	width: 49%;
	text-align: center;
	border-left: 1px solid #d9d7cb;
	border-right: 1px solid #d9d7cb;
}
#footer-bar .multiple li a {
	display: block;
	font-size: 26px;
	line-height: 1;
	text-decoration: none;
	color: #333;
}
#footer-bar .multiple .icon {
	display: block;
	margin: 0 auto 10px auto;
}
#footer-bar .single li {
	margin: 0;
	padding: 15px 0;
	text-align: center;
	border-left: 1px solid #d9d7cb;
	border-right: 1px solid #d9d7cb;
}
#footer-bar .single li a {
	display: block;
	height: 53px;
	font-size: 26px;
	line-height: 40px;
	text-decoration: none;
	color: #333;
}
#footer-bar .single .icon {
	margin-right: 20px;
	vertical-align: bottom;
}
/* ================================================== */
/* Back to top
/* ================================================== */
.back-to-top {
	position: fixed;
	margin: 0;
	padding: 0;
	bottom: 180px;
	right: 20px;
	width: 80px;
	height: 67px;
	background: #484848 url(../img/back_to_top.png) no-repeat 0 0;
	border-radius: 4px;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.5s ease;
	opacity: 0;
}
.back-to-top.active {
	opacity: 1;
}
/* ================================================== */
/* Key visual
/* ================================================== */
#key-visual {
	margin: 0 auto;
	padding: 0;
}
#key-visual:before, #key-visual:after {
	content: " ";
	display: table;
}
#key-visual:after {
	clear: both;
}
#ranking-key-visual {
	width: 100%;
  position: relative;
  margin: 0 0 30px;
  padding: 0;
  height: 285px; /* Adjust the htight of the key visual */
  background: #dfdfdf url(../img/ranking_title.png) no-repeat center top;
  background-size: cover;
}
#ranking-key-visual .ranking_title_more {
  position: relative;
  width: 100%;
  height: 285px;
}
#ranking-key-visual .ranking_title_more a{
  position: absolute;
  bottom: 40px;
  right: 10px;
  width: 75px;
  height: 75px;
  display: block;
}
#ranking-key-visual .ranking_title_more a img{
	width: 100%;
}
/*----------------------------
並び替え条件 （絞り込み
----------------------------*/

.sort-box {
    text-align:center;
}
.sort-box > p{
  display: block;
  width: 90%;
  text-align: center;
  margin: 0 auto 20px;
  position: relative;
  background: #fff;
  border: 3px solid #fe9c51;
  border-radius: 50px;
  padding: 10px;
  color: #fe9c51;
  font-weight: bold;
}
.sort-box > p:before{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #fe9c51;
  border-width: 14px;
  margin-left: -14px;
}
.sort-box > p:after{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
body#page .sort-box {
    width: 90%;
    margin: auto;
}
.sort-box div {
    font-size:120%;
    margin: 0;
    padding: 0;
}
.sort-box div.sub {
    text-align: inherit;
    font-size:120%;
    padding: 20px;
    color: #fff;
    letter-spacing: 2px;
    background-color: #fe9c51;
}
.sort-box div:not(.sub):not(.list) {
    text-align: inherit;
    font-size:140%;
    margin-left: -0.5em;
}
.sort-box div.list{
  padding: 20px;
  background-color: #fff;
  border: 2px solid #fe9c51;
}
.sort-box div.list a{
  color: #fe9c51;
  letter-spacing: 2px;
}
body#page .sort-box div:not(.sub):not(.list) {
    font-size:160%;
}
body#page .sort-box div.list {
    font-size:135%;
}
@media screen and (max-width: 400px)  {
  body#page .sort-box div {
      font-size: 5vw;
  }
  body#page .sort-box div:not(.sub):not(.list) {
      font-size:5.3vw;
  }
  .sort-box div.sub , .sort-box div.list{
      text-align: inherit;
      font-size:5.5vw !important;
  }
  .sort-box div.list{
      font-size:5vw !important;
  }
}
body#page .sort-box div span:before {
    content: "\A";
    white-space: pre;
}
/* ================================================== */
/* Page title
/* ================================================== */
.page-title {
	position: relative;
	margin: 0 auto 20px;
	padding: 20px 0 20px 60px;
	width: 100%;
	text-align: center;
	background-color: #f77b84;
}
.page-title h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 1;
	font-weight: normal;
	color: #fff;
}
.page-title h2 strong {
	font-size: 28px;
	line-height: 1;
	font-weight: normal;
	letter-spacing: 3px;
}
.page-title .latest-edition {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -15px;
	left: 0;
	width: 100px;
}
/* ================================================== */
/* Section
/* ================================================== */
.section-title {
	margin: 0 0 20px 0;
	padding: 10px 0;
	text-align: center;
	background-color: #fe9c51;
	color: #fff;
	letter-spacing: 2px;
}
.section-title-ttl {
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-weight: normal;
}
.section-body {
	margin: 0;
	padding: 0 20px;
}
/* ================================================== */
/* Breadcrumbs
/* ================================================== */
.breadcrumbs {
	margin: 15px 0;
	padding: 0;
}
.breadcrumbs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.breadcrumbs ul li {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}
.breadcrumbs ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #f34372;
}
/* ================================================== */
/* Top ranking
/* ================================================== */
.top-ranking {
	margin: 0 0 30px 0;
	padding: 30px 20px 0 20px;
	width: 100%;
}
.top-ranking:before, .top-ranking:after {
	content: " ";
	display: table;
}
.top-ranking:after {
	clear: both;
}
.top-ranking-more {
  margin: 40px 0;
  padding: 0;
  text-align: center;
}
.top-ranking-more .btn{
  margin-bottom: 30px;
  padding: 30px 20px;
  width: 90%;
  font-size: 36px;
  line-height: 1;
}
/* swiper customize
------------------------------ */
.swiper-container {
	width: 100%;
	height: 660px;
}
.swiper-slide {
	width: 320px;
}
.swiper-pagination-bullet-active {
	background-color: #fe9c51;
}
/* top ranking box */
.top-ranking-box {
	position: relative;
	margin: 20px 0 0 0;
	padding: 10px 8px 15px 8px;
	height: 590px;
	border: 1px solid #eae4c9;
	background-color: #fbf9ee;
	border-radius: 4px;
}
.top-ranking a {
	text-decoration: none;
	color: #fe9c51;
}
.top-ranking a .graph{
	margin: 0px; /*   レーダーチャートが画像の場合はmargin-left:20px    */
	color: #333;
}
/*.top-ranking .btn.rank01{
  background-color: #f34c4c;
  box-shadow: 0 3px 0 #cb2525;
}
.top-ranking .btn.rank02,
.top-ranking .btn.rank03{
  background-color: #77bc00;
  box-shadow: 0 3px 0 #568800;
}
.top-ranking .btn.rank04,
.top-ranking .btn.rank05{
  background-color: #e5bd00;
  box-shadow: 0 3px 0 #a08400;
}*/

.top-ranking .top-ranking-head {
	margin: 0;
	padding: 0;
	height: 230px;
}
.top-ranking .top-ranking-head .item {
	margin: 0 auto;
	/*padding: 10px 0 0;*/
	width: 150px;
}
.top-ranking .top-ranking-head h2 {
	margin: 5px 0 25px 0;
	padding: 0;
	font-size: 26px;
	line-height: 1.2;
	text-align: center;
	color: #fe9c51;
}
.top-ranking .top-ranking-head h2.gap {
	padding-top: 10px;
}
.top-ranking .ranking-icon {
	position: absolute;
	width: 46px;
	height: 42px;
	top: -10px;
	left: 8px;
}
.graph {
	text-align: center;
}
.top-ranking-btn {
	margin: 20px auto;
	text-align: center;
}
.top-ranking-btn .btn{
	width: 260px;
}

/*縦並び*/
.top-ranking-tbl {
  border-top: 4px solid #fe9c51;
  margin:0 15px 30px;
}
.top-ranking-tbl thead th{
  text-align: center;
  width: 28%;
  padding: 20px 10px 0;
  box-sizing: border-box;
  border-right:#fe9c51 1px solid;
  font-weight:400;
}
.top-ranking-tbl thead th img {
    max-width: 100%;
    width: auto;
}
.top-ranking-tbl thead th:first-child{
  width: 16%;
  background-color: #fe9c51;
  border:none;
}
.top-ranking-tbl tbody th{
  width: 16%;
  padding: 10px 5px;
  font-size: 27px;
  color: #FFFFFF;
  box-sizing: border-box;
  background-color: #fe9c51;
  border-bottom:#FFFFFF solid 1px;
  text-align: left;
  font-weight:400;
}
.top-ranking-tbl tbody td{
  padding: 10px 5px 10px;
  font-size: 26px;
  box-sizing: border-box;
  background-color: #fff;
  border-right:#fe9c51 1px solid;
  border-bottom:#fe9c51 1px solid;
  text-align: center;
  vertical-align: top;
}
.top-ranking-tbl tbody td:last-child,
.top-ranking-tbl thead th:last-child{
  border-right: 3px solid #fe9c51;
}
.top-ranking-tbl tbody tr:last-child td,
.top-ranking-tbl tbody tr:last-child th{
  border-bottom: 3px solid #fe9c51;
}
.top-ranking-tbl tbody td span {
  display:inline-block;
  text-align:left;
  margin:0 auto;
}
.top-ranking-tbl tbody td b {
  color: 	#FF0000;
  font-weight: bold;
  background: linear-gradient(transparent 50%, #fff47d 0%);
}
.top-ranking-tbl tbody td img{
  margin: 5px auto 5px;
  max-width:100%;
  width: 65%;
}
.top-ranking-tbl tbody td .cap-area{
  display: table;
  /*width: 140px;
  height: 150px;*/
}
.top-ranking-tbl tbody td .cap-area img{
  display: table-cell;
  vertical-align: middle;
  width:90%;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.top-ranking-tbl tbody td .name-area{
  margin-top: 10px;
  font-size: 22px;
}
/*
.top-ranking-tbl tbody td .name-area a{
  vertical-align: top;
  font-size:16px;
  font-weight: bold;
  color: #ff71a6;
}
.top-ranking-tbl tbody td .name-area a:hover{
  text-decoration: none;
}
*/

.top-ranking-tbl thead .cap-area p{
  position: relative;
  font-size: 24px;
  padding-top: 10px;
  margin: 0;
}
.top-ranking-tbl thead .cap-area p:before{
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  width: 24px;
  height: 24px;
  text-align: center;
  top: 0;
  left: 42%;
  margin-top: -8px;
  font-size: 14px;
}
.top-ranking-tbl thead .cap-area p.ranking-icon01:before{
  content: "";
  background:url(../img/icons/icon_table01.png) no-repeat;
  background-size: 100%;
}
.top-ranking-tbl thead .cap-area p.ranking-icon02:before{
  content: "";
  background:url(../img/icons/icon_table02.png) no-repeat;
  background-size: 100%;
}
.top-ranking-tbl thead .cap-area p.ranking-icon03:before{
  content: "";
  background:url(../img/icons/icon_table03.png) no-repeat;
  background-size: 100%;
}
.top-ranking-tbl thead .cap-area p.ranking-icon04:before,
.top-ranking-tbl thead .cap-area p.ranking-icon05:before,
.top-ranking-tbl thead .cap-area p.ranking-icon06:before,
.top-ranking-tbl thead .cap-area p.ranking-icon07:before,
.top-ranking-tbl thead .cap-area p.ranking-icon08:before,
.top-ranking-tbl thead .cap-area p.ranking-icon09:before,
.top-ranking-tbl thead .cap-area p.ranking-icon10:before{
  content: "";
  color: #cab2a5;
}

.top-ranking-tbl .middle {
vertical-align:middle;
}

.top-ranking-tbl .btn {
  padding: 10px 5px;
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: 0;
  width: 100%;
  border: 2px solid #f74350;
  position: relative;
}
.top-ranking-tbl .btn.btn-third:hover,
.top-ranking-tbl .btn.btn-third:active{
  border: 2px solid #f74350;
  background-color: #fff;
  color: #f74350;
}
.top-ranking-tbl .btn:before{
  content: "";
  bottom: 0;
  right: 0;
  border-top: 1em solid transparent;
  border-right: 1em solid #fff;
  position: absolute;
  z-index: 1000;
}
.top-ranking-tbl .btn.btn-third:hover:before,
.top-ranking-tbl .btn.btn-third:active:before{
  border-right: 1em solid #f74350;
}
.top-ranking-tbl em{
  font-style: normal;
}

/* ================================================== */
/* Ranking
/* ================================================== */
#ranking-wrapper {
	margin: 0 0 30px 0;
}
#ranking-wrapper:before, #ranking-wrapper:after {
	content: " ";
	display: table;
}
#ranking-wrapper:after {
	clear: both;
}
.ranking-page {
	background-color: #fff;
	margin: 0;
	padding: 0;
}
.ranking-page h2 {
	margin: 0;
	padding: 0;
}
.ranking-page-main{
	margin: 0 0 30px;
	padding: 0;
}
.ranking-box {
	position: relative;
	margin: 30px 0 60px 0;
	padding: 16px;
	border: 4px solid #ebebeb;
	background-color: #fff;
}
.ranking-box:last-child {
	margin-bottom: 0;
}
.ranking-inner {
  position: relative;
  margin: 0;
  padding: 0;
}
.ranking-box .ranking-title-area{
  display: table;
  width: 100%;
  padding: 0;
}
.ranking-box .ranking-icon {
  width: 20%;
  height: auto;
  display: table-cell;
  vertical-align: middle;
	padding: 0 16px 0 0;
	box-sizing: border-box;
}
.ranking-box .ranking-icon img{
  width: 100%;
}
.ranking-box .ranking-title {
  width: 80%;
  display: table-cell;
  vertical-align: middle;
	margin: 0 0 20px 0;
	padding: 0;
  color: #333;
}
.ranking-box .ranking-title.wide{
	margin: 20px 0 20px 0px;
}
.ranking-box .ranking-title h2,
.ranking-box .ranking-title-name{
	margin: 0;
	padding: 0;
	font-size: 36px;
}
.ranking-box .ranking-title h2 a,
.ranking-box .ranking-title-name a{
	display: block;
	text-decoration: none;
	color: #e76a0a;
}
.ranking-box .ranking-title-score{
  width: 440px;
  border: 2px solid #bb0000;
  padding: 40px 10px 15px;
  position: relative;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  margin: 30px auto;
  font-size: 30px;
}
.ranking-box .ranking-title-score p{
  margin: 0;
  line-height: 1;
}
.ranking-box .ranking-title-score span{
  font-size: 50px;
  color: #bb0000;
}
.ranking-box .ranking-title-score:before{
  content: "";
  position: absolute;
  width: 400px;
  height: 50px;
  margin-left: -200px;
  left: 50%;
  top: -25px;
  background: url(../img/score.png) no-repeat center center;
  background-size: 400px auto;
}
.ranking-box .ranking-header {
	margin: 0;
	padding: 20px 20px 0;
	width: 100%;
	clear: both;
}
.ranking-box .ranking-header h3,
.ranking-header-catch {
	margin: 0 0 25px 0;
	padding: 0;
	width: 100%;
	font-size: 30px;
}
.ranking-box .ranking-header-left {
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	width: 160px;
}
.ranking-box .ranking-header-right {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	width: 340px;
}
.ranking-box .ranking-header-item {
	text-align: center;
}
.ranking-box .ranking-header-item img{
	width: 400px;
}
.ranking-header-catch{
  margin-bottom: 20px;
  font-size: 32px;
  padding-bottom: 10px;
  border-bottom: 4px solid #fe9c51;
  font-weight: normal;
}
.ranking-box .ranking-description {
	margin: 0 0 30px;
}
.ranking-box .ranking-description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ranking-box .ranking-description ul li{
  margin: 0 0 20px 0;
  padding: 0 0 0 25px;
  font-size: 26px;
  letter-spacing: 1px;
  position: relative;
}
.ranking-box .ranking-description ul li:before{
  content: "\f14a";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  font-size: 20px;
  color: #f5761a;
}
.ranking-box .ranking-description ul li:last-child{
  margin-bottom:0px;
}
.ranking-box .ranking-description ul li strong {
  margin: 0 0.1em;
  padding: 0;
  line-height: 1.2;
  font-weight: bold;
  color: #fe9c51;
}
/* action */
.ranking-action {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}
.ranking-action .btn-col2{
	display: table;
	width: 100%;
}
.ranking-action ul.btn-col2 li{
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	vertical-align: middle;
}
.ranking-action ul.btn-col2 li:first-child{
	padding-right: 10px;
}
.ranking-action ul.btn-col2 li:last-child{
	padding-left: 10px;
}
.ranking-action ul.btn-col2 li a.btn{
	padding: 35px 10px 35px 0;
	font-size: 24px;
	width: 100%;
}
.ranking-action .btn {
	margin-bottom: 30px;
	padding: 30px 20px;
	width: 90%;
	font-size: 30px;
	line-height: 1;
	position: relative;
}
.ranking-action .btn:after{
	content: "\f0da";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.5em;
  font-weight: 900;
  font-size: 140%;
}
.ranking-action .btn:last-child {
	margin-bottom: 0;
}
/* ranking point */
.ranking-point {
	margin: 0 20px 20px;
	padding: 0;
	text-align: center;
}
.ranking-point img{
	width: 450px;
	margin:0 auto;
}
.ranking-point h3 {
	display: inline-block;
	margin: 0 0 15px 0;
	padding: 5px 48px;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #917734;
	background-color: #efe8d6;
	border-radius: 6px;
}
.ranking-point .point {
	margin: 0;
	padding: 0;
}
.ranking-point .col1 {
	font-size: 56px;
	line-height: 1;
	font-weight: bold;
	color: #fe9c51;
	letter-spacing: 1px;
}
.ranking-point .col2 {
	margin-left: -8px;
	font-size: 35px;
	line-height: 1;
}
.ranking-point .col3 {
	font-size: 30px;
	line-height: 1;
	color: #3f3f3f;
	letter-spacing: 1px;
}
.ranking-point .col4 {
	margin-left: -5px;
	font-size: 23px;
	line-height: 1;
	color: #3f3f3f;
}
.ranking-point table {
	margin: 10px 0 0 0;
	width: 100%;
}
.ranking-point tbody tr th, .ranking-point tbody tr td {
	padding: 12px 0 10px 20px;
	border: 1px solid #ccc6b5;
	text-align: left;
}
.ranking-point tbody tr th {
	width: 180px;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	background-color: #efe8d6;
	color: #625023;
}
.ranking-point tbody tr td {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	color: #625023;
}
/* ================================================== */
/* Ranking details faq
/* ================================================== */
.faq-box {
	margin: 50px 0 0 0;
	padding: 0;
}
.faq-box .faq-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #ff2943;
  font-weight: normal;
}
.faq-box .faq-title.campaign {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #29a8ff;
  font-weight: normal;
}
.faq-box .faq-title h2 {
	margin: 0;
	padding: 0 0 0 50px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 2px;
  position: relative;
}
.faq-box .faq-title h2:before{
  content: "\f105";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  width: 36px;
  height: 36px;
  text-align: center;
  top: 50%;
  left: 0;
  margin-top: -18px;
  font-size: 36px;
  color: #ff2943;
}
.faq-box .faq-title.campaign h2:before{
  color: #29a8ff;
}
.faq-box .faq-body {
	margin: 0;
	padding: 0;
}
.faq-box .faq-body .photo {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.faq-box .faq-body .photo.pull-right {
	margin-right: 0;
	clear: both;
}
.faq-box .faq-body .photo.pull-left {
	margin-left: 0;
	clear: both;
}
/* ================================================== */
/* Ranking details voice
/* ================================================== */
.ranking-voice {
	margin: 0;
  padding: 20px;
  border: 2px solid #e9d600;
  margin-bottom: 30px;
}
.ranking-voice h2 {
	margin: 0 0 20px 0;
	padding: 0 0 15px;
	font-size: 26px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
	color: #fe9c51;
	border-bottom: 1px solid #e9d600;

}
.ranking-voice .ranking-voice-inner {
	margin: 30px 0 0;
	padding: 0;
	height: 600px;
	overflow: scroll;
}
.ranking-voice .voice-box {
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: 1px dotted #000;
}
.ranking-voice .voice-box:last-child {
	border: none;
}
.ranking-voice .voice-box h3 {
	margin: 0;
	padding: 0;
	font-size: 26px;
}
.ranking-voice .voice-box h3 .sex {
	margin-left: 4px;
	margin-right: 4px;
	color: #fe9c51;
}
.ranking-voice .voice-box h3 .point {
	color: #fe7200;
}
.ranking-voice .voice-box p {
	line-height: 1.4;
}

/* ================================================== */
/* Ranking details speck
/* ================================================== */
.ranking-speck {
	margin: 20px 0 30px;
}
.ranking-speck-title {
	margin: 0;
	padding: 20px 0;
	font-size: 30px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
	background-color: #fe9c51;
	color: #fff;
}
/* table more */
.table-more {
	margin: 0;
	padding: 0;
	font-size: 26px;
}
.table-more .close a, .table-more .open a {
	display: block;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	background-color: #aaa;
	color: #fff;
}
/* ================================================== */
/* Bottom ranking
/* ================================================== */
/* ranking bottom iframe */
.ranking-bottom {
	margin: 30px auto;
	padding: 0;
	width: 640px;
}
.ranking-bottom iframe {
	width: 640px;
	height: 2590px;
}
#bottom-ranking {
	margin: 0;
	padding: 20px 0 30px 0;
}
#bottom-ranking:before, #bottom-ranking:after {
	content: " ";
	display: table;
}
#bottom-ranking:after {
	clear: both;
}
/* ================================================== */
/* Report
/* ================================================== */
.report {
	margin: 0;
	padding: 0;
}
.report02-title, .report-title {
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	width: 640px;
	height: 210px;
	background: url(../img/report_title_bg.png) no-repeat 0 0;
	background-size: 640px auto;
}
.report-title-simple {
  margin: 0 0 20px 0;
  padding: 15px 20px;
  background: #fe9c51;
  height: auto;
}
.report-title-simple h1{
  color: #333;
  margin: 0;
  font-size: 34px;
  font-weight: normal;
}
.report-title h2,
.report-title-main {
  position: absolute;
  width: 100%;
  top: 40%;
  transform: translateY(-40%);
	padding: 0;
	font-size: 30px;
	line-height: 1.4;
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 10px;
	box-sizing: border-box;
}
.report-title h2.index,
.report-title-main.index {
	text-align: center;
}
.report02-title h2 {
	font-size: 30px;
	line-height: 1.4;
	font-weight: normal;
	text-align: center;
}
.report-title-num {
	position: relative;
	margin: 0 0 0 20px;
	padding: 0 0 50px 0;
}
.report-title [class*=report-title-circle] {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 22px;
	left: 0;
	width: 40px;
	height: 40px;
	font-size: 27px;
	line-height: 44px;
	font-weight: normal;
	text-align: center;
	background-color: #fe9c51;
	color: #fff;
	border-radius: 50%;
}
.report-title .report-title-circle01 {
	left: 0;
}
.report-title .report-title-circle02 {
	left: 40px;
}
.report-title .report-title-strong {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 80px;
	font-size: 77px;
	line-height: 77px;
	font-weight: normal;
	color: #fe9c51;
}
.report-box {
	margin: 0 0 40px 0;
	padding: 0 20px;
}
.report-box p {
	padding: 0;
}
.report-box .photo {
	margin: 0 20px 20px 20px;
	padding: 0;
	width: 200px;
	height: auto;
}
.report-box .photo.pull-left {
	margin-left: 0;
}
.report-box .photo.pull-right {
	margin-right: 0;
}
.report-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.report-box ul li {
	margin: 0 0 5px 0;
	padding: 0;
}
.report-box ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #fe9c51;
}
.report-box ul li a:hover {
	text-decoration: underline;
}
.report-box ul li .icon {
	margin-right: 10px;
}
.report-box dl {
	margin: 0 0 20px 0;
	padding: 0 20px;
}
.report-box dl dt {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
}
.report-box dl dd {
	margin: 0;
	paddin: 0;
}
/*読み物メインサイト様 indexリスト*/
.report-box ul.report-link-list li{
	margin-bottom: 30px;
}
.report-box ul.report-link-list li a{
  text-decoration: none !important;
  color: #333 !important;
  display: table;
}
.report-box ul.report-link-list li a:active{
  color: #003f73 !important;
}
.report-box ul.report-link-list li a:active img{
  opacity: 0.7;
}
.report-link-list-photo{
	width: 200px;
	height: 134px;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.report-link-list-detail{
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
	position: relative;
	padding-right: 30px;
}
.report-link-list-detail:after{
	content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  color: #fe9c51;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  margin-top: -0.5em;
  top: 50%;
  right: -5px;
}
.report-link-list-ttl{
  font-size: 20px;
  font-weight: bold;
}
.report-link-list-ttl p{
  margin: 0;
}
.report-link-list-text{
  font-size: 20px;
  margin: 10px 0 0 0;
}
/*読み物メインサイト様 indexTOP3リスト*/
.report-ranking-box{
  padding: 0;
  background-color: #fff;
}
.report-ranking-box-ttl{
	background-color: #fe9c51;
  text-align: center;
  margin: 0;
  padding: 20px 0;
  font-size: 24px;
  color: #fff;
  letter-spacing: 2px;
}
.report-ranking-top3 li{
  background-color: #fff;
  border-bottom: 4px dotted #ccc;
}
.report-ranking-top3 li:last-child{
	border: none;
}
.report-ranking-top3 li a{
	display: table;
	padding: 20px;
  box-sizing: border-box;
  text-decoration: none !important;
  color: #000 !important;
  position: relative;
}
.report-ranking-top3 li a:active img{
  opacity: 0.6;
}
.report-ranking-top3 li a:active{
  color: #fe9c51 !important;
}
.report-ranking-top3 li a:after{
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  color: #fe9c51;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  margin-top: -0.5em;
  top: 50%;
  right: 10px;
}
.report-ranking-cap{
  width: 20%;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.report-ranking-cap img{
  box-sizing: border-box;
  width: 130px;
  height:140px;
  object-fit: cover;
  object-position: 0 0%;
}
.report-ranking-icon{
  display: none;
  width: 45px;
  height: 45px;
  margin: 0 0 5px 0;
}
.report-ranking-text{
	width: 80%;
	box-sizing: border-box;
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
  position: relative;
  padding-right: 35px;
}
.report-ranking-name{
  font-size: 26px;
  font-weight: bold;
  margin: 0;
  text-align: left;
  color: #fe9c51 !important;
}
.report-ranking-catch{
  font-size: 22px;
  margin: 10px 0 0 0;
}
/* circle title */
.circle-title {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 15px 40px;
	font-size: 28px;
	line-height: 1.3;
	font-weight: bold;
	border-bottom: 3px solid #fe9c51;
}
.circle-title .circle {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #fe9c51;
	color: #fff;
	border-radius: 50%;
}
.circle-title .circle:before {
	content: " ";
	position: absolute;
	margin: 0;
	padding: 0;
	top: 6px;
	left: 7px;
	width: 20px;
	height: 20px;
  background-color: rgba(138,138,138,0.25);
	border-radius: 50%;
}
.simple-title {
  color: #fe9c51;
}
/* ================================================== */
/* Hikaku
/* ================================================== */
#hikaku-main {
	margin: 0;
	padding: 0;
	width: 640px;
}
/* ================================================== */
/* About
/* ================================================== */
#company {
	background-color: #fff;
	padding-bottom: 30px;
}
#about {
	background-color: #fff;
	padding-bottom: 30px;
}
#about dt {
	font-weight: bold;
	color: #fe9c51;
}
#about dd {
	margin: 0;
}
#inquiry{
	background-color: #fff;
	padding-bottom: 30px;
}
#inquiry h3 {
	font-size: 24px;
	color: #fe9c51;
}
/*20170126 追加修正*/
.btn-first {
	background: #F51C00;
	background: -webkit-linear-gradient(#ec7063, #f51c00);
	background: linear-gradient(#ec7063, #f51c00);
	color: #fff;
	font-weight: bold;
	box-shadow: 1px 3px 3px #900c3f;
	line-height: 1.3 !important;
}
.arrow{
position: relative;
display: inline-block;
margin: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.icon-yajirushi::before{
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.icon-yajirushi::after{
left: 11px;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 9px solid transparent;
border-left: 12px solid #F51C00;
}
.btn-another {
	background: #28b463;
	background: -webkit-linear-gradient(#58d68d, #28b463);
	background: linear-gradient(#58d68d, #28b463);
	color: #fff;
	box-shadow: 1px 3px 3px #186a3b;
	font-weight: bold;
}
.fs_small {
	font-size:80%;
}
.fc_red {
	color: #F00;
}
.fw_normal {
	font-weight: normal !important;
}
/* ================================================== */
/* geinojin comment
/* ================================================== */
.geino{
  padding: 0;
}
.geino dl{
  border: 1px solid #fe9c51;
  border-radius: 6px;
  padding: 10px 0 0;
}
.geino dl dt{
  font-size:22px;
  font-weight: bold;
  color: #fe9c51;
  padding: 0 0 10px;
}
.geino dl dd{
  margin: 0 auto;
}
.geino dl dd p{
  padding: 0 10px;
  line-height: 1.3;
}
.geino dl dd p:after{
  content: "";
  display: block;
  clear: both;
  height: 0;
  font-size:0;
  visibility:hidden;
}
.geino dl dd p span.by{
  float: right;
  padding: 10px 0 0;
  margin-top: 5px;
  float: right;
  padding: 10px 0 0;
  margin-top: 5px;
}

/* ================================================== */
/* Google用CSS comment
/* ================================================== */
/*----------------------------
hikaku table
----------------------------*/
.form-bg{
  margin: 0 0 30px;
  padding: 0 20px 1px;
  background-color: #fff;
}
.title-container01{
  margin: 0 auto;
}
.contents_ttl{
  padding: 10px 20px;
  margin:0 -20px 30px;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.4;
  color:#fff;
  background-color: #fe9c51;
  position: relative;
}
.contents_ttl span{
  display: block;
  text-align: center;
  color:#fff;
}
.contents_ttl:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  margin-left: -20px;
  border-color: #fe9c51;
  border-style: solid;
  border-width: 20px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.t_table {
  width: 100%;
  margin-bottom:20px;
}
.t_table th{
  display: block;
  background-color:#f77b84;
  padding: 10px 15px;
  border-radius: 10px;
  text-align: left;
  color: #fff;
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 1px;
}
.t_table td{
  display: block;
  padding: 15px;
  font-size:22px;
}
.t_table td select{
  border-radius: 30px;
  padding: 14px 20px;
  font-size:24px;
  border:2px solid #ccc;
}
.t_table ul{overflow:hidden;}
/*.t_table td .orange,
.t_table td .red,
.t_table td .blue,
.t_table td .green{
  color: #333 !important;
}
.t_table td .check-group > div,
.t_table td ul li{
  margin: 0 0 5px 0;
}*/
.t_table ul.col4 li,
.t_table div.col4 > div{
  float:left;
  width:50%;
  box-sizing: border-box;
}
.t_table ul.col2 li,
.t_table div.col2 > div{
  float:left;
  width:100%;
  box-sizing: border-box;
}
.t_table input[type="radio"],
.t_table input[type="checkbox"] {
    margin: 0px 6px 0;
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
    width: 22px;
    height: 22px;
}
.t_table label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
}
/*-------------------------
チェックボックス　ボタン化
--------------------------*/
div.check-group{
  width: 100%;
}
div.check-group input[type=checkbox] {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
div.check-group div {
  cursor: pointer;
  padding: 10px 6px;
  float: left;
  border: solid 2px #C0D61B;
  margin-left: -2px;
background: #fbffd6; /* Old browsers */
background: -moz-linear-gradient(top,  #fbffd6 0%, #d0f473 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbffd6), color-stop(100%,#d0f473)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbffd6 0%,#d0f473 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffd6', endColorstr='#d0f473',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}
div.check-group.blue div {
  cursor: pointer;
  padding: 12px 6px;
  float: left;
  border: solid 2px #509FC9;
  margin-left: -2px;
background: #e8f8ff; /* Old browsers */
background: -moz-linear-gradient(top,  #e8f8ff 0%, #92d6ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f8ff), color-stop(100%,#92d6ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8f8ff 0%,#92d6ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f8ff', endColorstr='#92d6ef',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}
div.check-group.orange div {
  cursor: pointer;
  padding: 12px 6px;
  float: left;
  border: solid 2px #D6B14D;
  margin-left: -2px;
background: #fcf3d4; /* Old browsers */
background: -moz-linear-gradient(top,  #fcf3d4 0%, #fce479 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf3d4), color-stop(100%,#fce479)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcf3d4 0%,#fce479 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3d4', endColorstr='#fce479',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}
div.check-group.red div {
  cursor: pointer;
  padding: 12px 6px;
  float: left;
  border: solid 2px #FF915E;
  margin-left: -2px;
background: #ffe3dd; /* Old browsers */
background: -moz-linear-gradient(top,  #ffe3dd 0%, #ffc5aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe3dd), color-stop(100%,#ffc5aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe3dd 0%,#ffc5aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe3dd', endColorstr='#ffc5aa',GradientType=0 ); /* IE6-9 */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  margin:0 20px 20px 0;
  box-shadow:inset 2px 2px 2px #fff;
  text-align:left;
  color:#000;
  font-size:22px;
  font-weight:bold;
}

div.check-group.col4 div{
  width:48%;
}
div.check-group.col4 div:nth-child(even){
  margin-right: 0;
}
div.check-group.col4 div.wide{
  width:100%;
}
div.check-group.col2 div{
  width:100%;
}

#more-table{
  display: none;
}
#accodionBtn01,
#accodionBtn02{
  width: 90%;
  margin: 10px auto 30px;
  cursor: pointer;
  border-radius: 12px;
  background-color: #858585;
  color: #fff;
  padding: 20px 20px 20px 10px;
  font-size: 30px;
  text-align: center;
  display: none;
}
#accodionBtn01.active,
#accodionBtn02.active{
  display: block;
}
.form-search-btn{
  width: 90%;
  display: block;
  text-decoration: none;
  margin: 0 auto 30px;
  border-radius: 12px;
  background-color: #858585;
  color: #fff;
  padding: 20px 20px 20px 10px;
  text-align: center;
  box-shadow:0px 8px 8px 0px rgba(171,171,171,0.5);
  -moz-box-shadow:0px 8px 8px 0px rgba(171,171,171,0.5);
  -webkit-box-shadow:0px 8px 8px 0px rgba(171,171,171,0.5);
  background: -ms-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -moz-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -o-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -webkit-linear-gradient(top,  #ffb65e 0%,#ff6a00 100%);
  background: linear-gradient(to bottom,  #ffb65e 0%,#ff6a00 100%);
  border: 2px solid #d55a03;
  font-weight: bold;
  letter-spacing: 2px;
  font-size:32px;
}
.form-search-btn span{
  position: relative;
}
.form-search-btn span:after{content: '';
  width: 26px;
  height: 26px;
  border: 0px;
  border-top: solid 6px #fff;
  border-right: solid 6px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -40px;
  margin-top: -13px;
}
.hikakuTable table{
  border-collapse:collapse;
  }
.hikakuTable .textLeft{
  text-align:left;
  }
.hikakuTable p.textCenter{
  text-align:center;
  padding:0px;
  margin:0px;
  }
.hikakuTable table tr th,.hikakuTable table tr td{
  padding:10px;
  border:solid 2px #ccc;
  font-size:85%;
  text-align: center;
  }
.hikakuTable table tr th{
  background:#2996be;
  }
.hikakuTable table tr.attention{
  background:#a4d6ff;
  }

/*----------------------------
check.php
----------------------------*/
table.tablesorter {
background-color: #fff;
}
table.tablesorter thead{
  width: 100%;
}
table.tablesorter thead tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  background-color: #fff;
}
table.tablesorter thead tr th{
  width: 25%;
  box-sizing: border-box;
  border-collapse:separate;
  background-color: #feead1;
  font-size: 22px;
  padding: 16px 0;
  border-radius: 16px;
  border: 8px solid #fff;
}
table.tablesorter thead tr .header {
  height: 190px;
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  text-align: center;
  position: relative;
}
table.tablesorter thead tr .header span.sorter{
  white-space: nowrap;
}
table.tablesorter thead tr .header .header-sort-btn{
  position: absolute;
  bottom: 15px;
  text-align: center;
  width: 100%;
}
table.tablesorter thead tr .header a{
  color:#ff6600;
  display: inline-block !important;
  text-decoration: none;
  background-color: #fff;
  border-radius: 8px;
  padding: 6px 16px;
}
@media screen and (max-width:320px){
  table.tablesorter thead tr .header a{
    padding: 8px 14px;
  }
}
table.tablesorter thead tr .companyName {
background: #ffebb6;
}
table.tablesorter tbody{
  border-bottom: #9F9C97 2px solid;
  width: 100%;
  font-size: 22px;
}
table.tablesorter tbody tr {
  display: block;
  border-top: #9F9C97 2px solid;
  padding: 5% 13%;
}
table.tablesorter tbody tr td {
  display: block;
  padding: 20px 0;
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-bottom: #C2C0AF 2px solid;
  border-left: 0;
}
table.tablesorter tbody tr td:nth-child(1){
  display: block;
  text-align: center;
  color: #fe9c51;
  font-weight: 600;
  font-size: 32px;
  padding: 0 0 40px;
}
table.tablesorter tbody tr td:nth-child(1) img{
  margin-top:10px;
}
table.tablesorter tbody tr td:nth-child(2),
table.tablesorter tbody tr td:nth-child(3),
table.tablesorter tbody tr td:nth-child(4),
table.tablesorter tbody tr td:nth-child(5){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
table.tablesorter tbody tr td:last-child{
  border-bottom: none;
}
table.tablesorter tbody tr td div{
  text-align: right;
}
table.tablesorter tbody tr td a.btn-more{
  width: 100%;
  display: block;
  text-decoration: none;
  margin: 0 auto;
  border-radius: 12px;
  background-color: #858585;
  color: #fff;
  padding: 20px;
  text-align: center;
  box-shadow: 0px 8px 8px 0px rgba(171,171,171,0.5);
  -moz-box-shadow: 0px 8px 8px 0px rgba(171,171,171,0.5);
  -webkit-box-shadow: 0px 8px 8px 0px rgba(171,171,171,0.5);
  background: -ms-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -moz-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -o-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -webkit-linear-gradient(top, #ffb65e 0%,#ff6a00 100%);
  background: linear-gradient(to bottom, #ffb65e 0%,#ff6a00 100%);
  border: 2px solid #d55a03;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 30px;
  box-sizing: border-box;
}
/* dataTable
---------------------------------------------------------*/
#dataTable {
margin-bottom: 20px;
}
#dataTable table.tablesorter:nth-child(even) tbody tr,
#dataTable table.tablesorter tbody.first-myTables tr{
  background-color: #fffeef !important;
}
#dataTable table.tablesorter:nth-child(odd) tbody tr{
  background-color: #fff;
}
#dataTable table.tablesorter tbody{
  border-bottom: none;
}

/* amazonボタン、楽天ボタン
---------------------------------------------------------*/
.btnbtm-area {
width: 90%;
margin: 0 auto 20px;
}
.btnbtm-area a {
color:#FFFFFF;
}
.amazon {
color:#FFFFFF;
background: #df8e07;
box-shadow: 0 3px 0 #a27140;
}
.rakuten {
color:#FFFFFF;
background: #e01b1d;
box-shadow: 0 3px 0 #af1b43;
}

/* 体験ページ
---------------------------------------------------------*/
.taiken {
background: #eeeeee;
padding-bottom: 40px;
}
.taiken .taiken-head {
margin: 0 0 40px 0;
padding-bottom:40px;
background-color: #fff;
}
.taiken .taiken-head h2 {
margin-top:0;
margin-bottom:40px;
}
.taiken .taiken-head h3 {
padding:0 25px;
}
.taiken .taiken-head p {
margin: 1em 0 0 0;
padding:0 25px;
}
.taiken .ranking-box {
margin-left:20px;
margin-right:20px;
}
.taiken .ranking-header .capsule {
margin-top:0.5em;
display:flex;
flex-wrap:wrap;
}
.taiken .ranking-header .capsule li {
padding-right:10px;
width:50%;
text-align: center;
}
.taiken .ranking-header .capsule li:nth-child(2n) {
padding-right:0;
padding-left:10px;
}
.taiken .ranking-header .capsule li p {
text-align:left;
}
.taiken .faq-box {
margin-top:15px;
}

/*----------------------------
margin padding 調整
----------------------------*/
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mt0{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.pl05{padding-left:5px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
/*----------------------------
font 調整
----------------------------*/
.fs_13{font-size:13px !important;}
.fs_ss{font-size:70%;}
.fs_s{font-size:80%;}
.fs_m{font-size:120%;}
.fs_l{font-size:140%;}
.fs_ll{font-size:160%;}
.fs_lll{font-size:200%;}
.fc_red{color:#F00;}
.fc_blue{color:#057387;}
.fc_black{color:#000;}
.fc_pink{color:#F06;}
.fc_orange{color:#F60;}
.fw_b{font-weight:bold;}
.fc_brown{color:#94671e !important;}
/*----------------------------
その他 調整
----------------------------*/
.clear{clear:both;}
.bg_marker{background-color:#fff372;}
.overf_h{overflow:hidden;}
.ac{text-align:center;}
.align_right{text-align:right;}
.bg_blue{background-color:#CFF;}
.flL{float:left !important;}
.flR{float:right !important;}
.ls{ letter-spacing:0.8 !important;}
.t-indent li{
  text-indent:-1em;
  margin-left:1em;
}

.ovf-h{overflow:hidden !important;}
.bg-marker{background-color: #fffea9;}
.fc-red{color: #FF0004 !important;}
.bold{font-weight: bold !important;}

div.ranking-action.btnbtm-area ul.btn-col2 li {
	padding: 0;
}