/*
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700);
@import url(https://fonts.googleapis.com/css?family=Philosopher:400,700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
*/


@font-face {
	font-family: 'Lora';
	src: url(/static/webfont/Lora/Lora-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	src: url(/static/webfont/Montserrat/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Philosopher';
	src: url(/static/webfont/Philosopher/Philosopher-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Raleway';
	src: url(/static/webfont/Raleway/Raleway-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Dancing Script';
	src: url(/static/webfont/Dancing_Script/DancingScript-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Josefin Sans';
	src: url(/static/webfont/Josefin_Sans/JosefinSans-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Josefin Slab';
	src: url(/static/webfont/Josefin_Slab/JosefinSlab-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Sawarabi Gothic';
	src: url(/static/webfont/sawarabi-gothic/sawarabi-gothic-medium.ttf) format('truetype');
}


:root {
/*	--main-font-family: 'Raleway', sans-serif; */
/*	--pointup-font-family: 'Montserrat', sans-serif; */
	--main-font-family: 'Sawarabi Gothic', 'Raleway', sans-serif;
	--navibar-font-family: 'Josefin Sans', 'Lora', 'Sawarabi Gothic', serif;
	--pointup-font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
	--section-font-family: 'Dancing Script', 'Sawarabi Gothic', cursive;
	--hover-font-color: #ffffff;
	--main-font-color:  #737373;
	--navibar-bg-color: #fbd0d0;	// 	251	208	208
	--subttl-txt-color: #737373;
	--overlay-bg-color: #fbd0d0;
	--dropdown-bgcolor: #ffb3b3;
	--blockquote-bg-color: #fbd0d0;
	--notice-ttl-bg-color: #00e6e6;
	--notice-sub-bg-color: #e6ffff;
	--notice-txt-color: #000000;
	--notice-alrt-color: #90a878;
	--breadcrumbs-bg-color: rgba(251, 208, 208, 0.5);
	--dropdown-menu-bg-color: rgba(251, 208, 208, 0.8);
}


/* -----------------------------
 *  カルーセル画像
 * -------------------------- */
img.crslimg_md { display: none; }
@media screen and (min-width: 768px) {
	img.crslimg_md { display: none; }
	img.crslimg_lg { display: block; }
}
@media screen and (max-width : 768px) {
	img.crslimg_md { display: block; }
	img.crslimg_lg { display: none; }
}


.jumbotron {
	padding:1.5rem 1rem;
}

.page-normal .breadcrumb {
	padding-top: 80px;
}
.breadcrumb {
	padding: .60rem .75rem;
	font-size: 75%;
	background-color: rgba(251, 208, 208, 0.5);
	color: #737373;
}
#breadcrumb a {
	text-decoration: none;
	color: #737373;
--	color: #c0a375;
}
#breadcrumb a:hover {
	color: #ffffff;
--	color: #90a878;
}

/* ---------------- */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

/* ------------------------------------------------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1020px) {
	.navbar-dropdown .navbar-logo img {
		height: 2.125rem;
	}
}


.mbr-overlay {
	background-color: #fbd0d0;
}

body,
input,
textarea,
.mbr-company .list-group-text {
  font-family: 'Sawarabi Gothic', 'Raleway', sans-serif;
}
.mbr-footer-content li,
.mbr-footer .mbr-contacts li {
  font-family: 'Sawarabi Gothic', 'Raleway', sans-serif;
}
.btn,
.alert,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.mbr-figure .mbr-figure-caption,
.mbr-gallery-title,
.mbr-map [data-state-details],
.mbr-price {
  font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
}
.mbr-footer-content h1,
.mbr-footer .mbr-contacts h1,
.mbr-footer-content h2,
.mbr-footer .mbr-contacts h2,
.mbr-footer-content h3,
.mbr-footer .mbr-contacts h3,
.mbr-footer-content h4,
.mbr-footer .mbr-contacts h4,
.mbr-footer-content p strong,
.mbr-footer .mbr-contacts p strong,
.mbr-footer-content strong,
.mbr-footer .mbr-contacts strong {
  font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
}
.btn-sm,
.lead a,
.lead blockquote,
.mbr-section-subtitle,
.mbr-section-hero .mbr-section-lead,
.mbr-cards .card-subtitle,
.mbr-testimonial .card-block {
  font-family: 'Josefin Sans', 'Lora', 'Sawarabi Gothic', serif;
}
.mbr-author-name {
  font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
}
.mbr-author-desc {
  font-family: 'Josefin Sans', 'Lora', 'Sawarabi Gothic', serif;
}
.mbr-plan-title {
  font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
}
.mbr-plan-subtitle,
.mbr-plan-price-desc {
  font-family: 'Josefin Sans', 'Lora', 'Sawarabi Gothic', serif;
}
.bg-primary {
  background-color: #c0a375 !important;
}
.bg-success {
  background-color: #90a878 !important;
}
.bg-info {
  background-color: #7e9b9f !important;
}
.bg-warning {
  background-color: #f3c649 !important;
}
.bg-danger {
  background-color: #f28281 !important;
}
.btn-primary {
  background-color: #c0a375;
  border-color: #c0a375;
  color: #737373;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #a07e49;
  border-color: #a07e49;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #737373 !important;
  background-color: #a07e49 !important;
  border-color: #a07e49 !important;
}
.btn-secondary {
  background-color: #bfcecb;
  border-color: #bfcecb;
  color: #737373;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active {
  color: #737373;
  background-color: #94ada8;
  border-color: #94ada8;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #737373 !important;
  background-color: #94ada8 !important;
  border-color: #94ada8 !important;
}
.btn-info {
  background-color: #7e9b9f;
  border-color: #7e9b9f;
  color: #737373;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
  color: #737373;
  background-color: #597478;
  border-color: #597478;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #737373 !important;
  background-color: #597478 !important;
  border-color: #597478 !important;
}
.btn-success {
  background-color: #90a878;
  border-color: #90a878;
  color: #737373;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
  color: #ffffff;
  background-color: #6a8153;
  border-color: #6a8153;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #737373 !important;
  background-color: #6a8153 !important;
  border-color: #6a8153 !important;
}
.btn-warning {
  background-color: #f3c649;
  border-color: #f3c649;
  color: #737373;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
  color: #737373;
  background-color: #e1a90f;
  border-color: #e1a90f;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #737373 !important;
  background-color: #e1a90f !important;
  border-color: #e1a90f !important;
}
.btn-danger {
  background-color: #f28281;
  border-color: #f28281;
  color: #737373;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
  color: #737373;
  background-color: #eb3d3c;
  border-color: #eb3d3c;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #737373 !important;
  background-color: #eb3d3c !important;
  border-color: #eb3d3c !important;
}
.btn-primary-outline {
  background: none;
  border-color: #8e7041;
  color: #8e7041;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active {
  color: #737373;
  background-color: #c0a375;
  border-color: #c0a375;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #737373 !important;
  background-color: #c0a375 !important;
  border-color: #c0a375 !important;
}
.btn-secondary-outline {
  background: none;
  border-color: #85a29c;
  color: #85a29c;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active {
  color: #737373;
  background-color: #bfcecb;
  border-color: #bfcecb;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #737373 !important;
  background-color: #bfcecb !important;
  border-color: #bfcecb !important;
}
.btn-info-outline {
  background: none;
  border-color: #4e6669;
  color: #4e6669;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline.active {
  color: #737373;
  background-color: #7e9b9f;
  border-color: #7e9b9f;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #737373 !important;
  background-color: #7e9b9f !important;
  border-color: #7e9b9f !important;
}
.btn-success-outline {
  background: none;
  border-color: #5d7149;
  color: #5d7149;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline:active,
.btn-success-outline.active {
  color: #737373;
  background-color: #90a878;
  border-color: #90a878;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #737373 !important;
  background-color: #90a878 !important;
  border-color: #90a878 !important;
}
.btn-warning-outline {
  background: none;
  border-color: #c9970d;
  color: #c9970d;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline:active,
.btn-warning-outline.active {
  color: #737373;
  background-color: #f3c649;
  border-color: #f3c649;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #737373 !important;
  background-color: #f3c649 !important;
  border-color: #f3c649 !important;
}
.btn-danger-outline {
  background: none;
  border-color: #e82625;
  color: #e82625;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline:active,
.btn-danger-outline.active {
  color: #737373;
  background-color: #f28281;
  border-color: #f28281;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #737373 !important;
  background-color: #f28281 !important;
  border-color: #f28281 !important;
}
.text-primary {
  color: #c0a375 !important;
}
.text-success {
  color: #90a878 !important;
}
.text-info {
  color: #7e9b9f !important;
}
.text-warning {
  color: #f3c649 !important;
}
.text-danger {
  color: #f28281 !important;
}
.alert-success {
  background-color: #90a878;
}
.alert-info {
  background-color: #7e9b9f;
}
.alert-warning {
  background-color: #f3c649;
}
.alert-danger {
  background-color: #f28281;
}
.btn-social {
  border-color: #c0a375;
}
.btn-social:hover {
  background: #c0a375;
}
.mbr-company .list-group-item.active .list-group-text {
  color: #c0a375;
}
.mbr-footer p a,
.mbr-footer ul a {
  color: #c0a375;
}
.mbr-footer-content li::before,
.mbr-footer .mbr-contacts li::before {
  background: #c0a375;
}
.mbr-footer-content li a:hover,
.mbr-footer .mbr-contacts li a:hover {
  color: #c0a375;
}
.lead a,
.lead a:hover {
  color: #c0a375;
}
.lead blockquote {
  border-color: #c0a375;
  background-color: #fbd0d0;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #e8ddcd;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #d0dac6;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #c7d4d5;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #737373;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #737373;
}
.mbr-small-footer a,
.mbr-gallery-filter li:hover {
  color: #c0a375;
}
.scrollToTop_wraper {
  opacity: 0 !important;
}
#ext_menu-b .hide-buttons .nav-btn {
  display: none !important;
}
#ext_menu-b .navbar-caption {
  color: #737373;
  font-family: 'Josefin Sans', 'Lora', 'Sawarabi Gothic', serif;
  font-size: 17px;
}
#ext_menu-b .navbar-toggler {
  color: #737373;
}
#ext_menu-b .close-icon::before,
#ext_menu-b .close-icon::after {
  background-color: #ffffff;
}
#ext_menu-b .link,
#ext_menu-b .dropdown-item {
  color: #737373;
  font-family: 'Josefin Sans', 'Lora', 'Sawarabi Gothic', serif;
}
#ext_menu-b .link {
  font-size: 0.8rem;
}
#ext_menu-b .dropdown-item,
#ext_menu-b .nav-dropdown-sm .link {
  font-size: 0.912rem;
}
#ext_menu-b .link:hover,
#ext_menu-b .dropdown-item:hover,
#ext_menu-b .link:focus,
#ext_menu-b .dropdown-item:focus {
--  color: #c0a375;
  color: #ffffff;
}
#ext_menu-b .dropdown .dropdown-toggle:hover {
--  color: #c0a375;
  color: #ffffff;
}

/* --------- */
#ext_menu-b .nav-item .nav-link.link:hover {
  color: var(--hover-font-color) !important;
}

#ext_menu-b .link[aria-expanded="true"],
#ext_menu-b .dropdown-menu {
--  background: #b3b3b3;
--  background: none !important;
	background-color: rgba(251, 208, 208, 0.8);
}
#ext_menu-b .nav-dropdown-sm .link:focus,
#ext_menu-b .nav-dropdown-sm .link:hover,
#ext_menu-b .nav-dropdown-sm .dropdown-item:focus,
#ext_menu-b .nav-dropdown-sm .dropdown-item:hover {
--  background: #c4c4c4!important;
--	background-color: #fbd0d0 !important;
	background-color: #ffb3b3 !important;
}
#ext_menu-b .navbar,
#ext_menu-b .nav-dropdown-sm,
#ext_menu-b .nav-dropdown-sm .link[aria-expanded="true"],
#ext_menu-b .nav-dropdown-sm .dropdown-menu {
	background-color: #fbd0d0;
}
#ext_menu-b .bg-color.transparent .link {
  color: #737373;
  transition: none;
}
#ext_menu-b .bg-color.transparent.opened .link {
  transition: color 0.2s ease-in-out;
}
#ext_menu-b .bg-color.transparent.opened .link:hover,
#ext_menu-b .bg-color.transparent.opened .link:focus {
--  color: #c0a375;
  color: var(--hover-font-color) !important;
}
#ext_menu-b .link[aria-expanded="true"],
#ext_menu-b .dropdown-item[aria-expanded="true"] {
--  color: #c0a375!important;
  color: var(--hover-font-color) !important;
}
#ext_menu-b .link[aria-expanded="false"],
#ext_menu-b .dropdown-item[aria-expanded="false"] {
  color: #737373;
}
#ext_menu-b .btn {
  font-family: 'Josefin Sans', 'Lora', 'Sawarabi Gothic', serif;
}
#features4-4 .card-subtitle {
  color: #bcbcbc;
}
#features4-4 .iconbox {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

#contacts2-7 {
	background-color: #fbd0d0;
	padding-top: 90px;
	padding-bottom: 90px;
}

#contacts2-7 .mbr-footer-content p,
#contacts2-7 .text-white {
	color: #737373 !important;
}


/* -----------------------------
 *  レスポンス制御
 * -------------------------- */
@media screen and (max-width: 500px) {
	#ext_menu-b .navbar-caption {
		font-size: 14px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1028px) {
	#ext_menu-b .navbar-caption {
		width: 60%;
		font-size: 12px;
	}
}
@media screen and (max-width: 500px) {
	#slider3-2 .boxed-slider{
		background-color: #fbd0d0;
		padding-top: 80px;
		padding-bottom: 0px;
	}
	.mbr-sub-title h1,
	.nrml-pg-hedline h1 {
		font-size: 5vw;
	}
	#slider3-2 .carousel-control {
		width: 35px;
		height: 35px;
	}
	#slider3-2 .icon-prev, #slider3-2 .icon-next {
		margin-top: -15px;
		font-size: 1.125rem !important;
	}
	#slider3-2 .btn-success, #slider3-2 .btn-white-outline {
		width: 90px;
		padding: 5px;
	}
	#slider3-2 .btn-success {
		color: #000 !important;
		font-size: 0.625rem !important;
	}
	#slider3-2 .container-slide .row {
		padding: 0px 20px;
	}
	#slider3-2 .mbr-section-title {
		font-size: 2.125rem !important;
	}
	#slider3-2 .mbr-section-lead {
		font-size: 1.125rem !important;
	}
	#call-me {
		position: fixed;
		z-index: 10;
		left: 5%;
		bottom: 25px;
		width: 75%;
		font-size: 100%;
		margin-right: 20%;
	}
}

@media screen and (max-width: 450px) {
	#contactus .cntct-tel a {
		font-size: 2.0rem;
		padding: 5px 0;
	}
	#contactus .cntct-mail a {
		font-size: 1.0rem;
		padding: 2px 0;
	}
}
@media screen and (max-width: 500px) {
	#call-me {
		position: fixed;
		z-index: 10;
		left: 8%;
		bottom: 25px;
		width: 75%;
		font-size: 80%;
	}
}

@media screen and (min-width: 500px) {
	#slider3-2 .boxed-slider{
		padding-top: 0px;
		padding-bottom: 10px;"
	}
}
@media screen and (min-width: 500px) and (max-width: 700px) {
	#call-me {
		position: fixed;
		z-index: 10;
		left: 5%;
		bottom: 25px;
		width: 75%;
		font-size: 90%;
	}
	.call-tel {
		display: inline-block;
		width: 37%;
		float: left;
		padding-right: 30px;
	}
	.call-mail {
		display: inline-block;
		width: 63%;
		float: left;
		padding-right: 30px;
	}
}

@media screen and (min-width: 700px) and (max-width: 1024px) {
	.notice .ntc-sub {
		height: 50px;
	}
	#call-me {
		position: fixed;
		z-index: 10;
		left: 5%;
		bottom: 25px;
		width: 60%;
		font-size: 100%;
	}
	.call-tel {
		display: inline-block;
		width: 37%;
		float: left;
		padding-right: 30px;
	}
	.call-mail {
		display: inline-block;
		width: 63%;
		float: left;
		padding-right: 30px;
	}
}
@media screen and (min-width: 1024px) {
	.notice .ntc-sub {
		height: 100%;
	}
	#call-me {
		position: fixed;
		z-index: 10;
		left: 5%;
		bottom: 20px;
		width: 100%;
		font-size: 120%;
	}
	.call-ttl, .call-tel, .call-mail {
		float: left;
		padding-right: 30px;
	}
}
/*
.mbr-sub-title {
	padding: 15px 20px 5px 20px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 4px solid #CCC;
}
*/
.mbr-sub-title {
	margin-top: 10px;
}
.mbr-sub-title .container, 
.nrml-pg-hedline .container {
	width: 100%;
	padding: 15px 20px 5px 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 4px solid #CCC;
}

.mbr-sub-title small,
.nrml-pg-hedline small {
	color: #737373;
}

.mbr-cards .cart-block a {
	text-decoration: none;
}
.mbr-cards-col {
	padding-top: 80px;
	padding-bottom: 60px;
}

/* -----------------------------
 *  好転反応　部品
 * -------------------------- */
.notice, .panelflow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.notice .ntc-ttl {
	border: 1px solid #CCC;
	margin-bottom: 0;
	font-size: 1.25rem;
	background-color: #00e6e6;
	color: #000000;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.7857;
	text-align: center;
}

.notice .ntc-sub {
	border: 1px solid #CCC;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 400;
	font-size: 0.925rem;
	background-color: #e6ffff;
	color: #90a878;
	margin-top: 0.4rem;
	padding-top: 0.2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.3rem;
	text-align: center;
}

.notice .ntc-txt {
	border: 0px solid #CCC;
	margin-top: 0.4rem;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}

/* -----------------------------
 *  共通　TOPへ戻る
 * -------------------------- */
#page-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 77%;
}
#page-top a {
--    background: #90a878;
    background: #8c8c8c;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
--    background: #fbd0d0;
    background: #b3b3b3;
}
@media screen and (max-width: 650px) {
	#page-top {
	    position: fixed;
	    bottom: 10px;
	    right: 10px;
	    font-size: 45%;
	}
	#page-top a {
    width: 40px;
	}
}

/* -----------------------------
 *  共通　問合せ
 * -------------------------- */
#contactus .cntct-ttl {
--	font-size: 4.0vw;
	font-size: 2rem;
}
#contactus .cntct-img {
	padding: 5px 0;
}
#contactus .cntct-tel {
--	font-size: 5.5vw;
	font-size: 2.3rem;
	padding: 5px 0;
}
#contactus .cntct-mail {
	font-size: 1.5rem;
	padding: 6px 0;
}
#contactus .cntct-img a
, #contactus .cntct-tel a
, #contactus .cntct-mail a
, #contactus .cntct-mail-md a {
	text-decoration: none;
	color: #90a878;
}
#contactus .cntct-img a:hover
, #contactus .cntct-tel a:hover
, #contactus .cntct-mail a:hover
, #contactus .cntct-mail-md a:hover {
	color: #c0a375;
}
#contactus .cntct-mail-md {
	font-size: 1.2rem;
	padding: 6px 0;
}

/* --------------------- 
#call-me {
	position: fixed;
	left: 10%;
	bottom: 25px;
	width: 70%;
	font-size: 100%;
	margin-right: 20%;
}
*/
#call-me .call-ttl
, #call-me .call-tel
, #call-me .call-mail {
--	background: #fbd0d0;
	background: rgba(102, 102, 102, 0.6);
	padding: 2px 0px 2px 15px;
}
#call-me .call-ttl, 
#call-me a {
	cursor: pointer;
	text-decoration: none;
--	color: #90a878;
	color: #ffffff;
}
#call-me a:hover {
--	color: #c0a375;
	color: #d9d9d9;
}

/* -----------------------------
 *  共通　問合せ：サイドバー
 * -------------------------- */
#contact-tag {
	position: fixed;
	left: 5px;
	bottom: 25px;
	width: 35px;
	font-size: 70%;
}
#contact-tag .contact-tag-show {
	padding: 10px 0px 10px 0px;
	background: rgba(102, 102, 102, 0.6);
	writing-mode: tb-rl;
	direction: ltr;
}
#contact-tag a {
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
}
#contact-tag a:hover {
	color: #d9d9d9;
}


/* -----------------------------
 *  個別ページ
 * -------------------------- */
.nrml-pg-hdln {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.nrml-pg-pnl ,
.nrml-pg-prc-pnl,
.nrml-pg-opt-pnl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.nrml-pg-info .nrml-pg-ttl {
	margin-top: 20px;
	padding: 5px 20px;
	background: #fbd0d0;
	font-style: italic;
	font-size: 5vw;
	font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
}
.nrml-pg-info .nrml-pg-ttl small {
	color: #737373;
	font-style: italic;
	font-size: 3vw;
	font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
}
.nrml-pg-info .nrml-pg-lnk {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
	font-size: 3vw;
}
.nrml-pg-info .nrml-pg-pnl {
	margin-top: 10px;
	margin-bottom: 60px;
	padding: 10px;
	background: rgba(251, 208, 208, 0.5);
	font-size: 2vw;
}
.nrml-pg-info .nrml-pg-img {
	padding-top: 20px;
}
.nrml-pg-info .nrml-pg-bdy {
	padding: 20px;
}

.nrml-pg-info .nrml-pg-ctgy ,
.nrml-pg-info .nrml-pg-prc-ctgy {
	margin-top: 10px;
	margin-bottom: 1px;
	padding-left: 20px;
--	font-size: 2vw;
	font-size: 1.15rem;
	background-color: rgba(251, 208, 208, 0.5);
}

.nrml-pg-info .nrml-pg-opt-ctgy {
--	font-size: 2vw;
	font-size: 1.15rem;
	margin-top: -40px;
	background-color: rgba(251, 208, 208, 0.5);
	text-align: center;
}

.nrml-pg-info .nrml-pg-opt-pnl {
	margin-top: 10px;
	margin-bottom: 60px;
	padding: 10px;
	background: rgba(251, 208, 208, 0.5);
	font-size: 2vw;
}

.nrml-pg-info .nrml-pg-prc-pnl {
	margin: 10px;
	background-color: #ffb3b3;
}
.nrml-pg-prc-base ,
.nrml-pg-prc-extd {
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
}

.nrml-pg-info .nrml-pg-ntc-ttl {
	border: 1px solid #CCC;
	margin-bottom: 0;
	font-size: 1.25rem;
	background-color: #00e6e6;
	color: #000000;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.7857;
	text-align: center;
}
.nrml-pg-info .nrml-pg-ntc-lead {
	border: 1px solid #CCC;
	margin-bottom: 0;
	padding-left: 0rem;
	padding-right: 0.8rem;
	font-style: italic;
	font-size: 1.3rem;
	background-color: #e6ffff;
	color: #000000;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.7857;
	text-align: center;
}
.nrml-pg-info .nrml-pg-ntc-sub ,
.nrml-pg-info .nrml-pg-ntc-body, 
.nrml-pg-info .nrml-pg-ntc-price {
	clear: both;
	border: 1px solid #CCC;
	margin-bottom: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 0.925rem;
	background-color: #e6ffff;
	color: #000000;
	margin-top: 0.4rem;
	padding-top: 0.2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.3rem;
	text-align: left;
}
.nrml-pg-info .nrml-pg-ntc-price {
	margin-bottom: 5px;
}
.nrml-pg-info .nrml-pg-ntc-eff {
	border: 1px solid #CCC;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 400;
	font-size: 0.925rem;
	background-color: #e6ffff;
	color: #90a878;
	margin-top: 0.4rem;
	margin-bottom: 0.5rem;
	padding-top: 0.2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.3rem;
	text-align: left;
}
.nrml-pg-info .nrml-pg-ntc-ptup {
	border: 1px solid #CCC;
	margin-bottom: 0;
	font-weight: 900;
	font-size: 0.975rem;
	background-color: #e6ffff;
	color: #90a878;
	margin-top: 0.4rem;
	margin-bottom: 1rem;
	padding-top: 0.2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.3rem;
	text-align: left;
}


/* -----------------------------
 *  個別ページ　ベース
 * -------------------------- */
@media screen and (max-width: 450px) {
	.nrml-pg-info .nrml-pg-lnk {
		margin-bottom: 0px;
		padding: 10px 20px 0px 20px;
	}
	.nrml-pg-info .nrml-pg-lnk,
	.nrml-pg-info .nrml-pg-bdy p {
		font-size: 5vw;
	}
}
@media screen and (min-width: 451px) and (max-width: 550px) {
	.nrml-pg-info .nrml-pg-lnk,
	.nrml-pg-info .nrml-pg-bdy p {
		font-size: 4vw;
	}
}
@media screen and (min-width: 550px) and (max-width: 650px) {
	.nrml-pg-info .nrml-pg-lnk,
	.nrml-pg-info .nrml-pg-bdy p {
		font-size: 3vw;
	}
}
@media screen and (min-width: 650px) and (max-width: 1024px) {
	.nrml-pg-info .nrml-pg-lnk,
	.nrml-pg-info .nrml-pg-bdy p {
		font-size: 2.5vw;
	}
}
@media screen and (min-width: 1024px) {
	.nrml-pg-info .container {
		width: 80%;
	}
	.nrml-pg-info .nrml-pg-ttl {
		font-size: 4vw;
	}
	.nrml-pg-info .nrml-pg-ttl small {
		font-size: 2.5vw;
	}
	.nrml-pg-info .nrml-pg-lnk {
		font-size: 2vw;
	}
	.nrml-pg-info .nrml-pg-pnl p {
		font-size: 1.8vw;
	}
}

/* -----------------------------
 *  FAQ　パネル
 * -------------------------- */
.nrml-pg-faq .container {
--	width: 70%;
}
.nrml-pg-faq .panel-heading {
	cursor: pointer;
}
.accordion-toggle a:after {
	font-family: FontAwesome;
	content : "\f056";
	font-size: 1.275rem;
	float: right;
	color: #90a878;
}
.accordion-toggle a.collapsed:after {
	font-family: FontAwesome;
	content : "\f055";
	font-size: 1.275rem;
	float: right;
	color: #90a878;
}

.all-toggle {
	text-align: right;
	cursor : pointer;
	padding: 0px 25px 5px 20px;
}
.all-toggle a {
	text-decoration: none;
	color: #90a878;
}
all-toggle a:hover {
	color: #d9d9d9;
}

/* -----------------------------
 *  アクセス
 * -------------------------- */
.access-map .route-idx {
	vertical-align: middle;
	margin-bottom: -0.2rem;
}
.access-route img ,
.modal-img img {
	cursor: pointer;
  position: relative;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}

@media screen and (max-width: 750px) {
	.access-map {
		padding-left: 1.0rem;
		padding-right: 1.0rem;
	}
}

.route-ttl {
	padding-left: 1.0rem;
}
.route-txt {
	padding-left: 1.5rem;
}

/* -----------------------------
 *  問合せ
 * -------------------------- */
.nrml-pg-cntct {
	padding: 20px 30px 10px 30px;
}

.nrml-pg-cntct-idx {
	padding: 15px 10px 20px 10px;
}

.nrml-pg-cntct-first {
	border: 1px solid #CCC;
	margin-top: 1.4rem;
	padding-top: 1.2rem;
	padding-bottom: 1rem;
	background-color: #e6ffff;
}
.nrml-pg-cntct-icon {
	text-align: center;
}
.nrml-pg-cntct-text {
	font-size: 1.2rem;
}

@media screen and (max-width: 500px) {
	.nrml-pg-cntct {
		padding: 20px 10px 10px 10px;
	}
	.nrml-pg-cntct-icon {
		width: 10%;
		text-align: left;
	}
	.nrml-pg-cntct-text {
		float: right;
		width: 90%;
		text-align: left;
	}
}

/* -----------------------------
 *  問合せ　フォーム
 * -------------------------- */
.cntct-frm-ttl {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.5rem;
//	background-color: #e6ffff;
	background: #fbd0d0;
	text-align: center;
}
.bs-docs-section ,
.bs-docs-section button ,
.bs-docs-section input ,
.bs-docs-section textarea {
	font-size: 1.0rem;
}
.form-group div {
	margin-bottom: 20px;
}
.cntct-frm-alrt {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* -----------------------------
 *  問合せ　エラー
 * -------------------------- */
.errorList li {
	padding: 10px 10px 0px 10px;
	font-size: 1.0rem;
	color: #90a878;
}

@media only screen and (min-width : 768px) {
	/* デスクトップ表示ではホバー操作でドロップダウンを表示 */
	#ext_menu-b .dropdown:hover .dropdown-menu {
		display: block;
	}
}

/* -----------------------------
 *  ガイドメニュー
 * -------------------------- */

#guidemenu1 ul li {
	padding-left: 0em;
	text-indent: 1em;
	list-style-position: inside;
}

#guidemenu1 .guidemenu-menu {
	position: fixed;
	top: 70px;
	left: 0px;

	display: table;
	width: 100%;
	background: #FFF;

	padding: 0.5em 1em 0.5em 1em;
	background: rgba(251, 208, 208, 0.8);
}
#guidemenu1 .guidemenu-item {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#guidemenu1 .guidemenu-item + .guidemenu-item {
	border-left: 1px solid #CCC;
}
#guidemenu1 .guidemenu-item a {
	display: block;
	padding: 1px 0;
	text-decoration: none;
	font-size: 0.6rem;
	color: #737373;
}
#guidemenu1 .guidemenu-item a:hover {
	color: #ffffff;
}
#guidemenu1 .guidemenu-item {
	position: relative;
}
#guidemenu1 .guidemenu-item:before {
	font-size: 0.4rem;
	font-family: FontAwesome;
	content: "\f138";/*アイコンの種類*/
	position: absolute;
	left : 3px;/*左端からのアイコンまでの距離*/
	color: #737373;/*アイコン色*/
}

/* ---------------------------------------------------------- */

#guidemenu2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	position: fixed;
	top: 80px;
	right: 0px;
	font-size: 0.6rem;
}
#guidemenu2 .guidemenu-menu {
	list-style-type: none !important;
/*
	--dropdown-menu-bg-color: rgba(251, 208, 208, 0.8);
*/
	background: rgba(251, 208, 208, 0.8);
	border: solid 2px #fbd0d0;
	border-radius: 5px;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}
#guidemenu2 .guidemenu-item {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;
}
#guidemenu2 .guidemenu-item a {
	text-decoration: none;
	color: #737373;
}
#guidemenu2 .guidemenu-item a:hover {
	color: #ffffff;
}
#guidemenu2 .guidemenu-item:before {
	font-family: FontAwesome;
	content: "\f138";/*アイコンの種類*/
	position: absolute;
	left : 0.5em;/*左端からのアイコンまでの距離*/
	color: #737373;/*アイコン色*/
}

/* ---------------------------------------------------------- */

@media only screen and (max-width : 500px) {
	#guidemenu1 .nav {
		top: 60px;
	}
}
@media only screen and (max-width : 768px) {
	#guidemenu1 .nav li:before {
		left : -10px;
	}
	#guidemenu2 {
		display: none;
	}
}

/* ---------------------------------------------------------- */
@media only screen and (max-width : 500px) {
	#guidemenu {
		position: fixed;
		top: 60px;
		left: 0px;
		font-size: 0.6rem;
		width: 100%;
	}
	#guidemenu ul li {
		display: inline-block;
		padding-left: 0em;
		text-indent: 1em;
		list-style-position: inside;
	}
	#guidemenu .guidemenu-menu {
		display: table;
		width: 100%;

		padding: 0.5em 1em 0.5em 1em;
		background: rgba(251, 208, 208, 0.8);
	}
	#guidemenu .guidemenu-item {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
--		width: 90px;
		line-height: 20px;;
		float: left;
	}
	#guidemenu .guidemenu-item + .guidemenu-item {
		border-left: 1px solid #CCC;
	}
	#guidemenu .guidemenu-item a {
		display: inline;
		padding: 1px 0;
		text-decoration: none;
		font-size: 0.6rem;
		color: #737373;
	}
	#guidemenu .guidemenu-item a:hover {
		color: #ffffff;
	}
	#guidemenu .guidemenu-item:before {
		font-size: 0.4rem;
		font-family: FontAwesome;
		content: "\f138";/*アイコンの種類*/
		position: absolute;
		left : 1px;/*左端からのアイコンまでの距離*/
		color: #737373;/*アイコン色*/
	}
}

@media only screen and (min-width : 500px) and (max-width : 1048px) {
	#guidemenu {
		position: fixed;
		top: 70px;
		left: 0px;
		font-size: 0.6rem;
		width: 100%;
	}
	#guidemenu ul li {
		display: inline-block;
		padding-left: 0em;
		text-indent: 1em;
		list-style-position: inside;
	}
	#guidemenu .guidemenu-menu {
		display: table;
		width: 100%;

		padding: 0.5em 1em 0.5em 1em;
		background: rgba(251, 208, 208, 0.8);
	}
	#guidemenu .guidemenu-item {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
--		width: 140px;
		float: left;
	}
	#guidemenu .guidemenu-item + .guidemenu-item {
		border-left: 1px solid #CCC;
	}
	#guidemenu .guidemenu-item a {
		display: inline;
		padding: 1px 0;
		text-decoration: none;
		font-size: 0.6rem;
		color: #737373;
	}
	#guidemenu .guidemenu-item a:hover {
		color: #ffffff;
	}
	#guidemenu .guidemenu-item:before {
		font-size: 0.4rem;
		font-family: FontAwesome;
		content: "\f138";/*アイコンの種類*/
		position: absolute;
		left : 2px;/*左端からのアイコンまでの距離*/
		color: #737373;/*アイコン色*/
	}
}

/* ---------------------------------------------------------- */

@media only screen and (min-width : 1048px) {
	#guidemenu {
		position: fixed;
		top: 110px;
		right: 10px;

		display: block;
		font-size: 0.6rem;
	}
	#guidemenu ul li {
		display: block;
		text-indent: 0.5em;
		margin-right: 0.2em;
		list-style-position: inside;
	}
	#guidemenu .guidemenu-menu {
	/*
		--dropdown-menu-bg-color: rgba(251, 208, 208, 0.8);
	*/
		background: rgba(251, 208, 208, 0.8);
		border: solid 2px #fbd0d0;
		border-radius: 5px;
		padding: 0.5em 1em 0.5em 2.3em;
		position: relative;
	}
	#guidemenu .guidemenu-item {
		line-height: 1.5;
		padding: 0.5em 0 0 0.2em;
	}
	#guidemenu .guidemenu-item:before {
		font-family: FontAwesome;
		content: "\f138";/*アイコンの種類*/
		position: absolute;
		left : 0.5em;/*左端からのアイコンまでの距離*/
		color: #737373;/*アイコン色*/
	}
	#guidemenu .guidemenu-item a {
		text-decoration: none;
		color: #737373;
	}
	#guidemenu .guidemenu-item a:hover {
		color: #ffffff;
	}
}

/* -----------------------------
 *  会社情報
 * -------------------------- */
.cmpny-info {
	background-color: #e6e6ff;
}
.cmpny-info ul {
	padding-left: 30px;
	margin-bottom: 1px;
}
.cmpny-info .cmpny-item .cmpny-ttl {
	display:inline-block;
	padding: 10px 5px;
	width: 90px;
	vertical-align: top;
	text-align: right;
}
.cmpny-info .cmpny-item .cmpny-txt {

		display: block;
--	display:inline-block;
	padding: 10px 5px 10px 30px;
	vertical-align: middle;
	text-align: left;
}

@media only screen and (max-width : 450px) {
	.cmpny-info ul {
		padding: 1px;
	}
	.cmpny-info .cmpny-item .cmpny-ttl {
		display: block;
		padding: 5px 5px 5px 5px;
		text-align: left;
	}
	.cmpny-info .cmpny-item .cmpny-txt {
		display: block;
		padding: 5px 5px 5px 15px;
		text-align: left;
	}
}
@media only screen and (min-width : 450px) and (max-width : 1024px) {
	.cmpny-info ul {
		padding-left: 5px;
	}
	.cmpny-info .cmpny-item .cmpny-ttl {
		padding-left: 20px;
		text-align: left;
	}
	.cmpny-info .cmpny-item .cmpny-txt {
		padding-left: 40px;
		text-align: left;
	}
}
@media only screen and (min-width : 1024px) {
	.cmpny-info .cmpny-item .cmpny-ttl, 
	.cmpny-info .cmpny-item .cmpny-txt {
		display: inline-block;
	}
}

/* -----------------------------
 *  スタッフ紹介
 * -------------------------- */
.nrml-pg-prl {
	padding: 0px 20px 20px 20px;
}
.nrml-pg-prl .nrml-pg-stf {
	padding: 10px 0;
}
.nrml-pg-prl .nrml-pg-stf-icon {
	max-width: 100%;
	color: #fbd0d0;
	text-align: center;
}
.nrml-pg-prl .nrml-pg-stf-img {
	max-width: 100%;
	padding-bottom: 10px;
	text-align: center;
}
.nrml-pg-prl .nrml-pg-stf-img img {
	max-width: 100%;
}
.nrml-pg-prl .nrml-pg-stf-img i, 
.nrml-pg-prl .nrml-pg-stf-icon i {
	font-size: 12em;
	color: #fbd0d0;
}
.nrml-pg-prl .nrml-pg-stf-info {
	padding: 30px 10px 30px 30px;
}
.nrml-pg-prl .nrml-pg-stf-nm small, 
.nrml-pg-prl .nrml-pg-stf-pstn {
	padding-left: 10px;
	font-style: italic;
	color: #737373;
}

@media only screen and (max-width : 500px) {
	.nrml-pg-prl {
		padding: 0px 10px 10px 10px;
	}
	.nrml-pg-stf {
		padding: 0px;
	}
	.nrml-pg-prl .nrml-pg-stf-nm, 
	.nrml-pg-prl .nrml-pg-stf-nm small, 
.nrml-pg-prl .nrml-pg-stf-pstn {
		padding: 0px;
		text-align: center;
	}
}
@media only screen and (max-width : 768px) {
	.nrml-pg-stf {
		padding: 0px 10px 20px 10px;
	}
	.nrml-pg-prl .nrml-pg-stf-info {
		padding: 30px 2px;
	}
	.nrml-pg-prl .nrml-pg-stf-nm small {
		display: block;
	}
	.nrml-pg-prl .nrml-pg-stf-img i, 
	.nrml-pg-prl .nrml-pg-stf-icon i {
		font-size: 10em;
	}
}
@media only screen and (min-width : 980px) {
	.nrml-pg-prl .nrml-pg-stf {
		padding-bottom: 50px;
	}
}

.trim-image-to-circle {
--    background-image: url('/assets/images/menu/bodymake.jpg');  /* 表示する画像 */
    width:  200px;       /* ※縦横を同値に */
    height: 200px;       /* ※縦横を同値に */
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position: center center;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
}

/*　トリミングする外側の枠　*/
.trim-image-frame {
    overflow: hidden;
    width: 200px;/* トリミングしたい枠の幅 */
    height: 200px;/* トリミングしたい枠の高さ */
    position: relative;
    border: 1px solid #222;
    border-radius: 50%
  margin: 0 auto;
}
.trim-image-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
--	max-width: 100%;
}

/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
/*
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
*/
/* 高さに合わせてリサイズ、はみ出た分をトリミング */
/*
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
	max-width: 100%;
}
*/
/* 中央に合わせて、リサイズせずに、はみ出た分をトリミング */
/*
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
*/


/* -----------------------------
 *  Site Map
 * -------------------------- */
.mbr-footer-content .ftr-sitemap a {
	color: #737373;
	font-family: 'Sawarabi Gothic', 'Raleway', sans-serif;
	font-size: 0.857em;
	height: 10px;
}

.mbr-footer-content .ftr-sitemap a:hover {
	color: #ffffff;
}
.mbr-footer-content .ftr-sitemap li {
	padding: 0.32em 0.72em;
}

/* Tooltip */
.tooltip-inner {
    background-color: rgba(251, 208, 208, 0.8);
    color: #737373;
    border: 1px solid #FFFFFF;
    padding: 4px;
    font-size: 11px;
}


/* --------------------------------------------------------------------
 *  Topics Information | What's New : Customer Feedback : Campaign
 * ----------------------------------------------------------------- */
.topics h1, 
.campaign-bar h1, 
.feedback-bar h1, 
.article-widget-bar h1 {
	font-size: 1.2em;
}
.lyot-1 {
	margin-bottom: 10px;
	margin-left: 0%;
}
.lyot-2 {
	margin-bottom: 10px;
	margin-left: 5%;
}

.csmtr-fdbk-cntnt, 
.campaign-cntnt {
	max-height: 350px;
	overflow: auto;
}

.csmtr-fdbk, 
.csmtr-fdbk-1, 
.csmtr-voice, 
.information-info, 
.campaign-info, 
.feedback-info, 
.voice-info {
	color: #737373;
	max-height: 350px;
	overflow: auto;
	padding: 5px 0;
	margin-bottom: 5px;
	cursor: pointer;
}
.csmtr-fdbk-1:nth-child(even), 
.csmtr-voice:nth-child(even), 
.information-info:nth-child(even), 
.campaign-info:nth-child(even), 
.feedback-info:nth-child(even), 
.voice-info:nth-child(even) {
	border-radius: 5px;
	background-color: rgba(251, 208, 208, 0.8);
}
.csmtr-fdbk-1:nth-child(odd):hover, 
.csmtr-voice:nth-child(odd):hover, 
.information-info:nth-child(odd):hover,
.campaign-info:nth-child(odd):hover, 
.feedback-info:nth-child(odd):hover, 
.voice-info:nth-child(odd):hover, 
.csmtr-fdbk-1:nth-child(even):hover, 
.csmtr-voice:nth-child(even):hover, 
.information-info:nth-child(even):hover,
.campaign-info:nth-child(even):hover, 
.feedback-info:nth-child(even):hover, 
.voice-info:nth-child(even):hover {
	border-radius: 5px;
	background-color: #fbd0d0;
}
.csmtr-fdbk .csmtr-fdbk-icn, 
.csmtr-fdbk-1 .csmtr-fdbk-icn, 
.csmtr-voice .csmtr-fdbk-icn {
	vertical-align: middle;
	text-align: center;
}
.csmtr-fdbk .csmtr-fdbk-cstmr, 
.csmtr-fdbk-1 .csmtr-fdbk-cstmr, 
.csmtr-voice .csmtr-fdbk-cstmr {
	font-size: 0.8em;
}
.csmtr-fdbk .csmtr-fdbk-ttl, 
.csmtr-fdbk-1 .csmtr-fdbk-ttl, 
.csmtr-voice .csmtr-fdbk-ttl {
	font-size: 1.0em;
}

.information-info .information-info-ttl {
	padding: 5px 10px;
	font-size: 1.1em;
	word-wrap: break-word;
}
.information-info .information-info-rng {
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 0.8em;
}
.information-info .information-info-lad {
	padding-left: 20px;
	font-size: 0.9em;
	word-wrap: break-word;
}
.information-info .information-info-bdy {
	padding: 10px 20px;
	font-size: 0.9em;
	word-wrap: break-word;
}

.campaign-info .campaign-info-ttl {
	padding: 5px 10px;
	font-size: 1.1em;
	word-wrap: break-word;
}
.campaign-info .campaign-info-rng {
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 0.8em;
}
.campaign-info .campaign-info-lad {
	padding-left: 20px;
	font-size: 0.9em;
	word-wrap: break-word;
}
.campaign-info .campaign-info-bdy {
	padding: 10px 20px;
	font-size: 0.9em;
	word-wrap: break-word;
}

.feedback-info .feedback-info-ttl, 
.voice-info .voice-info-ttl {
	padding: 5px 10px;
	font-size: 1.1em;
	word-wrap: break-word;
}
.feedback-info .feedback-info-rng, 
.voice-info .voice-info-rng {
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 0.8em;
}
.feedback-info .feedback-info-lad, 
.voice-info .voice-info-lad {
	padding-left: 20px;
	font-size: 0.9em;
	word-wrap: break-word;
}
.feedback-info .feedback-info-bdy, 
.voice-info .voice-info-bdy {
	padding: 10px 20px;
	font-size: 0.9em;
	word-wrap: break-word;
}

.paging-bar{
	margin: 10px;
	text-align: center;
}

.article-widget-bar {
	margin-bottom: 10px;
}
.article-widget-content-bar {
	margin: 0px 10px;
}

.article-widget-info {
	color: #737373;
	max-height: 350px;
	overflow: auto;
	padding: 5px 0;
	margin: 0px 10px 5px 10px;
	cursor: pointer;
}
.article-widget-info:nth-child(even) {
	border-radius: 5px;
	background-color: rgba(251, 208, 208, 0.8);
}
.article-widget-info:nth-child(odd):hover, 
.article-widget-info:nth-child(even):hover {
	border-radius: 5px;
	background-color: #fbd0d0;
}
.article-widget-info .article-widget-info-ttl {
	font-size: 0.8em;
}
.article-widget-info .article-widget-info-rng {
	font-size: 0.7em;
	padding-top: 5px;
	text-align: right;
}

.article-widget-search {
	margin: 0px 10px;
}
.article-widget-search #btn-search {
	height: 30px;
	padding: 5px 10px 10px 10px;
	margin-top:5px;
}
.article-widget-search .article-widget-search-str {
	font-size: 0.7em;
	padding-top: 5px;
	text-align: right;
}
.article-widget-search-Ym {
	font-size: 1em;
	padding-top: 5px;
}
.article-widget-search-Ym ul {
	padding: 0px 0px 0px 15px;
	text-align: left;
}
.article-widget-search-Ym ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 10px;
}
.article-widget-search-Ym ul li a {
	color: #737373;
	font-family: 'Sawarabi Gothic', 'Raleway', sans-serif;
}
.article-widget-search-Ym ul li a:hover {
	text-decoration: none;
	color: #90a878;
}
.article-widget-search-Ym hr {
	margin-top: 5px;
}

#btn-search {
	height: 30px;
	padding: 5px 10px 10px 10px;
	margin-top:5px;
}
#btn-re-search {
	font-size: 1.1em;
	width: 40%;
	height: 30px;
	margin: 15px 10px 10px 10px;
	padding: 5px 0px 33px 0px;"
}


@media screen and (max-width: 450px) {
	.article-widget-search-Ym {
		font-size: 6vw;
	}
	.article-widget-search-Ym ul {
		text-align: center;
	}
}
@media screen and (min-width: 450px) and (max-width: 600px) {
	.article-widget-search-Ym {
		font-size: 4vw;
	}
	.article-widget-search-Ym ul {
		text-align: center;
	}
}
@media screen and (min-width: 600px) and (max-width: 768px) {
	.article-widget-search-Ym {
		font-size: 3vw;
	}
}
@media only screen and (max-width : 768px) {
	.topics h1, 
	.campaign-bar h1, 
	.feedback-bar h1, 
	.article-widget-bar h1 {
		font-size: 5vw;
	}
	.csmtr-fdbk-cntnt, 
	.campaign-cntnt {
		max-height: 150px;
		margin-bottom: 10px;
		overflow: auto;
	}
	.article-widget-search #btn-search {
		font-size: 1.8em;
		width: 100%;
		height: 100%;
		margin: 15px 0px;
		padding: 5px 10px 5px 10px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1028px) {
	.container {
		max-width: 800px;
	}
	.topics-bar h1 {
		font-size: 1.8em;
	}
}
@media only screen and (min-width : 1028px) {
	.topics h1 {
		font-size: 1.5em;
	}
	.topics-bar h1 {
		font-size: 2.2em;
	}
}

/* --------------------------------------------------------------------
 *  Article Detail Page
 * ----------------------------------------------------------------- */
.feed-icon, 
.voice-feed-icon{
	font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
	padding: 0px 0px;
	text-align: center;
	vertical-align: bottom;
}
.bktolist-icon {
	font-size: 1.2em;
	font-family: 'Philosopher', 'Sawarabi Gothic', sans-serif;
	padding: 1px;
	text-align: right;
}
.feed-icon a, 
.voice-feed-icon a, 
.bktolist-icon a {
	text-decoration: none;
	color: #737373;
}
.feed-icon a:hover, 
.voice-feed-icon a:hover, 
.bktolist-icon a:hover {
	text-decoration: none;
	color: #90a878;
}
.voice-icon {
	text-align: center;
	color: #fbd0d0;
}
.voice-icon .voice-icon-fa {
	font-size: 5.5em;
}
.voice-icon img {
	padding-top: 10px;
}
.voice-cstmr {
	padding-top: 10px;
}
.voice-ttl {
	font-size: 1.8em;
	font-style: italic;
	padding: 10px 0px;
	text-align: center;
}

.infos-detail-ttl {
	font-size: 1.8em;
	font-style: italic;
	padding: 10px 0px 5px 0px;
	text-align: center;
}
.infos-detail-rng {
	font-size: 1.8em;
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 520px) {
	.voice-ttl, 
	.infos-detail-ttl {
		font-size: 6vw;
	}
	.infos-detail-rng {
		font-size: 5vw;
	}
	.voice-icon .voice-icon-fa {
		font-size: 4em;
	}
}
@media screen and (max-width: 768px) {
	.bktolist-icon {
		font-size: 5vw;
	}
}

/* --------------------------------------------------------------------
 *  Privacy Policy
 * ----------------------------------------------------------------- */
.prvcyplcy-str, 
.prvcyplcy-ttl {
	font-size; 2em;
	margin-top: 10px;
}

.prvcyplcy-ttl {
	font-weight: bold;
	margin-left: 20px;
}

.prvcyplcy-txt {
	margin-top: 10px;
	padding-left:10px;
}
.btn-prvcyplcy {
	cursor: pointer;
}

/* --------------------------------------------------------------------
 *  MainPage Pagination | Extend
 * ----------------------------------------------------------------- */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
--  background-color: #337ab7;
--  border-color: #337ab7;
  background-color: rgba(251, 208, 208, 0.8);
  border-color: rgba(251, 208, 208, 0.8);
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}