/*2025.2.1 n.y. サイトカラーを読み込み*/
@import url("site-color.php");

.form-inverse .form-control {
	background: #fefefe;
	border-color: #333a41;
	color: #111;
}
.form-inverse .form-control:focus {
	background: #fefefe;
	border-color: var(--site-color);
}
label {
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: none;
}
.form-user-footer-links a {
	font-size: 0.8rem;
	color: #111;
	text-decoration: underline;
}
.c-base {
	color: var(--site-color);
}
.c-req {
	color: red !important;
	font-size: 150%;
}
body {
	color: #111;
}
.btn-base-2:active, .btn-base-2.active, .btn-base-2:focus, .btn-base-2:hover {
	background-color: #fff;
	color: var(--site-color);
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler, .navbar-inverse .navbar-toggler {
	background-color: #fff;
	color: var(--site-color) !important
}
.slice {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.mask-base-1--style-2 {
	background: rgba(36, 36, 36, 0.5);
}
.heading-md {
	line-height: 1.75rem;
	font-size: 90%;
}
.b_under {
	border-bottom: 2px solid;
}
.z-depth-2-top {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}
.form-default .form-control:focus {
	background: #ffffff;
}
.table > tbody > tr > td.td-label {
	font-weight: 600;
	color: #111;
	padding: .25rem;
}
.btn-styled.btn-xs {
	font-size: 0.6rem !important;
	padding: 0.5rem 1rem !important;
}
.navbar-nav .dropdown-menu .dropdown-item {
	padding: 0.5rem 0.5rem;
}
.form-default .form-control {
	background: #FFF;
	border-color: #808080;
	color: #111;
}
.hr_m {
	border: 1px solid #CAC4FF;
	margin-top: 0rem;
	margin-bottom: 0rem;
}
.hr_m05 {
	border: 1px solid #CAC4FF;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.hr_m80p {
	background-image:url(/image/line.png);
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	width:100%;
	border: 0;
	height: 2px;
}
.btn-styled.btn-sm {
	font-size: 0.8rem !important;
	padding: 0.525rem 1rem !important;
	text-transform: none;
}
.round {
	border-radius: 4px;
}
.table-cart > tbody > tr > td {
	padding: 0rem 0 !important;
}
.navbar--uppercase .navbar-nav .nav-link {
	text-transform: none;
}
.table-active, .table-active > td, .table-active > th, .table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #dee6fe;
}
.badge-md {
	padding: 0.7em 1em;
}
.badge {
	font-size: 0.725rem;
	font-weight: 400;
}
.block-date-over {
	padding: 6px 7px;
}
.block--style-3 {
	border-color: rgba(0, 0, 0, 0.24);
}
.parallax-section-xl {
	padding-top: 12rem;
	padding-bottom: 10rem;
}
.sct-color-3 .sct-inner :not(.btn):not(.alert):not(.form-control):not(code) {
	color: #fff;
	text-shadow: 1px 1px #000;
}
.heading-7 {
		font-size: 0.95rem !important;
}
.block-ribbon-right {
	right: 5px;
}
.block-ribbon {
	position: absolute;
	top: 5px;
	z-index: 100;
}
.block-ribbon-fixed {
	font-size: 0.75rem;
}
.block-ribbons {
	position: absolute;
	top: -28px;
	z-index: 100;
	width: 74px;
	padding: 5px 1px 4px 1px;
	text-align: center;
	font-size: 0.85rem;
	font-weight: 600;
	border-radius: 0.25rem;
	left: 10px;
	text-shadow: none !important;
}
.bg-gray {
	background-color: #636c72;
	color:white;
}
.bb {
	border-bottom: 1px solid #e0e0e0;
}
.block--style-1 {
	border: 1px solid rgba(0, 0, 0, 0.24);
}
.a_under {
	text-decoration: underline;
}
ul.meta-info-cells-v4 > li, ul.meta-info-cells-v5 > li {
	margin-right: 14px;
	color: #444;
}
.table-1 td, .table-1 th {
	padding: .25rem;
	font-size: 0.8rem;
	font-weight: bold;
	color: #484747;
}
.table-1 {
	width: 100%;
}
.table-2 td, .table-2 th {
	padding: .35rem;
	font-size: 0.85rem;
	font-weight: 600;
	border: 1px solid #eee;
	text-align: center;
}
.table-2 {
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 1rem;
}
.bg-pink2 {
	background-color: #ffe4ee;
}
.c-green {
	color: #008617 !important;
}
.bg-pink {
	background-color: #ff4b6d !important;
	color: #FFF;
}
.bg-base-1 {
	background-color: var(--site-color) !important;
	color: #FFF !important;
}
.card-body {
	padding: 1rem 1rem;
}
.br_s {
	display: block;
}
.f-small {
	font-size: 0.85rem !important;
	line-height: 1.2rem !important;
}
.bage_left_b {
		position: absolute;
		bottom: 10px;
		z-index: 100;
		left: 10px;
}
.bage_left_t {
		position: absolute;
		top: 10px;
		z-index: 100;
		left: 10px;
}
.link-menu > a {
	padding: 0.2em 0.6em;
	margin-right: 0.15rem;
}
.badge12 {
		line-height: 1.2rem;
}
.space-xs-md {
		margin-bottom: 1.5rem;
}
.line1 {
		line-height: 1.3rem !important;
}
.block-ribbons2 {
		position: relative;
		z-index: 100;
		width: 74px;
		padding: 4px;
		text-align: center;
		font-size: 0.85rem;
		font-weight: 600;
		border-radius: 0.25rem;
		text-shadow: none !important;
}
.lazyload{
	opacity: 0;
}
.lazyloaded{
	opacity: 1;
	transition: all 0.5s;
}
.block-ribbon-fixed {
		width: 88px;
}
.social-button-syncer > li {
		display: inline-block;
		vertical-align: top;
}
.navbar-nav .dropdown-menu .dropdown-item {
		font-weight: 600;
		color: #333;
		background-color: white;
}

.normal {
		font-weight: 400 !important;
		text-align: left !important;
}

@media (min-width: 992px) {
	.container-over-top {
			min-height: 200px;
			max-width: 1200px;
			margin: -50px auto 0;
			z-index: 100;
			position: relative;
			padding-top: 0;
	}
}
.navbar-nav .nav-link {
		font-weight: 600;
		color: #333;
}
.borders {
	background-color: #fff;
		padding: 1rem;
		border: 1px solid rgba(0, 0, 0, 0.05);
		border-radius: 0.25rem;
		position: relative;
}
.area {
	padding-left: 0px;
}
ul.area li {
		list-style: none;
		margin: 5px 0 0;
		padding-left: 5px;
		vertical-align: top;
		font-size: 0.875rem;
}
.link-menu--style-3 > a.active, .link-menu--style-3 > a:hover {
		box-shadow: none;
}
div.line {
	width: 112px;
	height: 28px;
	background: url(/image/share-a.png) no-repeat;
	vertical-align: bottom;
}
div.line:hover {
	background: url(/image/share-b.png) no-repeat;
}

@media (max-width: 991px) {
	.navbar-inverse .navbar-nav .nav-link {
		padding: 0.5rem 0rem !important;
	}
	.mega-dropdown-menu .dropdown-header {
		padding: 0rem 0.2rem;
	}
	.navbar-nav .dropdown-menu .dropdown-item {
		padding: 0.5rem 1rem;
	}
	.mega-dropdown-menu .megadropdown-links {
		padding-bottom: 0.5rem;
	}
	.navbar-collapse {
		background-color: #000;
		padding: 0 0.5rem;
		border-radius: 4px;
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
			font-size: 0.75rem;
	}
	.badge {
		font-size: 0.75rem;
	}
	.navbar {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}
