.bgora1 {
  background-color: #f3ecca;
  box-shadow: 10px 0 50px -5px rgba(0, 0, 0, 0.2)inset;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  overflow: visible;
}

body {
 	width: 100%;
 	height: 100%;
 }
 body {
 	position: relative;
 	background-color: #fff;
 	color: #696969;
 	margin: 0;
 	padding: 0;
 	font-size: 0.8rem;
 line-height: 2rem;
 }
p {
    margin-top: 0;
    margin-bottom: .5rem;
}

 #top_spa {
 	padding-top: 60px
 }
 .container {
 	padding-right: 0px;
 	padding-left: 0px;
 }
 .row {
 	margin-right: 0px;
 	margin-left: 0px;
 }
 .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
 	padding-right: 10px;
 	padding-left: 10px;
 }
 .form-control, .input-group-text {
 	font-size: 0.95rem;
 	line-height: 1.2rem;
 }
 .backbg-overlay:before {
 	position: absolute;
 	z-index: -1;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	content: '';
 	background-color: rgba(0, 0, 0, 0.6);
 	background-position: center center;
 -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}
 .backbg-overlay:after {
 	position: absolute;
 	z-index: -2;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	content: '';
 	background-repeat: no-repeat;
 	background-position: center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
 }
 .backbg-overlay {
 	position: absolute;
 	z-index: -3;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background-repeat: no-repeat;
 	background-position: center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
 }
 .backbg-fix:after, .backbg-fix {
 	background-attachment: fixed;
 }
 @media (max-width: 767.98px) {
 	.navbar-expand-md #navbarResponsive {
 		max-height: 80vh;
 		overflow: auto;
 		margin-left: -15px;
 		margin-right: -15px;
 		padding-left: 15px;
 		padding-right: 15px;
 	}
 	.navbar-expand-md .container {
 		max-width: 100%;
 	}
 }
 @media (max-width: 991.98px) {
 	.navbar-expand-lg .navbar-collapse {
 		max-height: 80vh;
 		overflow: auto;
 		margin-left: -15px;
 		margin-right: -15px;
 		padding-left: 15px;
 		padding-right: 15px;
 	}
 	.navbar-expand-lg .container {
 		max-width: 100%;
 	}
 }
 @media (max-width: 1199.98px) {
 	.navbar-expand-xl .navbar-collapse {
 		max-height: 80vh;
 		overflow: auto;
 		margin-left: -15px;
 		margin-right: -15px;
 		padding-left: 15px;
 		padding-right: 15px;
 	}
 	.navbar-expand-xl .container {
 		max-width: 100%;
 	}
 }
 .btn, .page-link {
 	margin-top: 5px;
 	margin-bottom: 5px
 }
 .nav-pills .nav-item {
 	margin-top: 2px
 }
 .overflow-xsc {
 	overflow-x: auto;
 	overflow-y: hidden;
 	flex-wrap: nowrap;
 }
 .row.borders div {
 	border: 1px solid grey;
 }
 @media (max-width: 575.98px) {
 	.block50sm, .blocksm {
 		display: block !important;
 	}
 	.blocksm, .blocksm li {
 		display: block;
 		width: 100%;
 	}
 	.block50sm {
 		border-top: 1px solid grey;
 		border-left: 1px solid grey;
 	}
 	.block50sm li {
 		width: 50%;
 		padding: 5px;
 		margin: 0rem !important;
 		border-right: 1px solid grey;
 		border-bottom: 1px solid grey;
 		border-collapse: collapse;
 		display: inline-block !important;
 	}
 	.block50sm .nav-item {
 		text-align: center;
 	}
 }
 @media (max-width: 767.98px) {
 	.block50md, .blockmd {
 		display: block !important;
 	}
 	.blockmd, .blockmd li {
 		display: block;
 		width: 100%;
 	}
 	.block50md {
 		border-top: 1px solid grey;
 		border-left: 1px solid grey;
 	}
 	.block50md li {
 		width: 50%;
 		padding: 5px;
 		margin: 0rem !important;
 		border-right: 1px solid grey;
 		border-bottom: 1px solid grey;
 		display: inline-block !important;
 	}
 	.block50md .nav-item {
 		text-align: center;
 	}
 }
  @media (max-width: 991.98px) {
 	.block50lg, .blocklg {
 		display: block !important;
 	}
 	.blocklg, .blocklg li {
 		display: block;
 		width: 100%;
 	}
 	.block50lg {
 		border-top: 1px solid grey;
 		border-left: 1px solid grey;
 	}
 	.block50lg li {
 		width: 50%;
 		padding: 5px;
 		margin: 0rem !important;
 		border-right: 1px solid grey;
 		border-bottom: 1px solid grey;
 		display: inline-block !important;
 	}
 	.block50lg .nav-item {
 		text-align: center;
 	}
 }


.nav-tabs .nav-link {
 	padding: 0.6rem 1rem;
 }
 .badge {
 	padding: 8px;
 	font-weight: normal
 }
 .p0m0 {
 	padding: 0px;
 	margin: 0px;
 }
 .mb-100 {
 	margin-bottom: 100px;
 }
 a, a:hover {
 	text-decoration: none;
 }
 .both {
 	clear: both
 }
 .carousel-control-prev, .carousel-control-next {
 	z-index: 6;
 }
 .dropdown-item {
 	white-space: normal;
 	width: 100%;
 }
 a, .box-link, .box-cc {
 	outline: none;
 	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 	overflow: hidden;
 	-webkit-touch-callout: none;
 }
 .card {
 	position: relative;
 	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s;
 	-o-transition: all 0.3s;
 	transition: all 0.3s;
 }
 .cardlink [class*="box-link"] {
 	z-index: 5;
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0%;
 	left: 0%;
 	overflow: hidden;
 }
 .cardlink [class*="box-link"]:after {
 	position: absolute;
 	speak: none;
 	content: "";
 	-webkit-transition: all 0.5s ease;
 	transition: all 0.5s ease;
 	background: rgba(0, 0, 0, 0.5);
 	opacity: 0;
 }
 .cardlink [class*="box-cc"] {
 	width: 70%;
 	display: block;
 	text-align: center;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	padding: 10px;
 	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 	color: rgba(255, 255, 255, 1);
 	border: 5px solid rgba(255, 255, 255, 1);
 	opacity: 0;
 }
 .cardlink:hover *:after {
 	opacity: 1;
 }
 .cardlink:hover .box-cc {
 	z-index: 1;
 	opacity: 1;
 }
 .cardlink:hover .box-link .box-cc {
 	opacity: 0;
 	display: none;
 }
 .cardlink [class^="card-body"] {
 	display: block;
 }
 .card-title, .card-text {
 	z-index: 1;
 }
 .divrs {
 	width: 100%;
 	display: block;
 	position: relative;
 }
 .divrs:before {
 	display: block;
 	content: "";
 }
 .hi100vh {
 	height: 100vh;
 }
 .hi100:before {
 	padding-top: 100%;
 }
 .hi75:before {
 	padding-top: 75%;
 }
 .hi60:before {
 	padding-top: 61%;
 }
 .hi60da:before {
 	padding-top: 60%;
 }
 .hi55:before {
 	padding-top: 53%;
 }
 .hi50:before {
 	padding-top: 50%;
 }
 .hi40:before {
 	padding-top: 45%;
 }
 .hi30:before {
 	padding-top: 30%;
 }
 .hi25:before {
 	padding-top: 25%;
 }
 .hi10:before {
 	padding-top: 10%;
 }
 .hi0:after {
 	padding-top: 0%;
 }
 @media all and (-ms-high-contrast:none) {
 	*::-ms-backdrop, .divrs:before {
 		//    padding-top: 230px;
 	}
 	/* IE11???X?y?[?X????????????? */
 	*::-ms-backdrop, .divrs.bai:before {
 		//    padding-top: 470px;
 	}
 	/* IE11???X?y?[?X????????????? */
 }
 .popimg {
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	overflow: hidden;
 	background: #ffffff;
 }
 .popimg.inver {
 	background: #000000;
 }
 .popimg.yohaku {
 	margin: 15px;
 }
 .popimg .resposnojs {
 	height: 100% !important;
 }
 .resposnojs:after, .img-box:after {
 	z-index: 1;
 	height: 100%;
 	width: 100%;
 	position: absolute;
 	speak: none;
 	content: "";
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	opacity: 1;
 }
 .resposnojs {
 	overflow: hidden;
 	width: 100%;
 	height: 100% position: relative;
 }
 .resposnojs img {
 	width: auto;
 	height: auto;
 	min-width: 100%;
 	min-height: 100%;
 	max-width: 200%;
 	position: absolute;
 	top: -40%;
 	right: -40%;
 	bottom: -40%;
 	left: -40%;
 	margin: auto;
 }
 .resposnojs img.img150 {
 	/*kaitensasenaitoki*/
 	min-width: 100%;
 	min-height: 100%;
 	max-width: 200%;
 }
 .img-box {
 	display: block;
 	overflow: hidden;
 	width: 100%;
 	height: 100%;
 }
 .hi100vh .img-box img {
 	width: 100%;
 	height: calc(100vh);
 	object-fit: cover;
 	object-position: 50% 50%;
 	font-family: 'object-fit: cover;object-position: 50% 50%;';
 }
 .img-box img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	object-position: 50% 50%;
 	font-family: 'object-fit: cover;object-position: 50% 50%;';
 }
 .img-box img.left-bottom {
 	object-position: 0% 100%;
 	font-family: 'object-fit: cover;object-position: 0% 100%;';
 }
 .img-box img.right-bottom {
 	object-position: 100% 100%;
 	font-family: 'object-fit: cover;object-position: 100% 100%;';
 }
 .img-box img.left-top {
 	object-position: 0% 0%;
 	font-family: 'object-fit: cover;object-position: 0% 0%;';
 }
 .img-box img.right-top {
 	object-position: 100% 0%;
 	font-family: 'object-fit: cover;object-position: 100% 0%;';
 }
 .popimgtxt .popimgtit, .popimgtxt .popimgdesp, .popimg img, .popimgtxt::after, .popimgtxt::before {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 }
 .popimgtxt {
 	z-index: 4;
 	width: 100%;
 	height: 100%;
 	display: table;
 	overflow: hidden;
 	text-align: center;
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	font-weight: normal;
 	padding-left: 10%;
 	padding-right: 10%;
 	font-weight: normal;
 	table-layout: fixed;
 	word-break: break-all;
 	word-wrap: break-word;
 }
 .popimgtxtcell {
 	width: 100%;
 	display: table-cell;
 	vertical-align: middle;
 }
 .popimg .popimgtit {
 	width: 100%;
 	height: 50px;
 	display: table;
 }
 .popimgtit div {
 	display: table-cell;
 	vertical-align: middle;
 }
 .popimg .popimgdesp {
 	letter-spacing: 1px;
 	font-size: 95%;
 	font-weight: normal;
 	opacity: 0;
 }
 .thumbicon_t {
 	z-index: 4;
 	position: absolute;
 	top: 0;
 	right: 0;
 }
 .thumbicon_b {
 	z-index: 4;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 }
 i.thumbicon {
 	-moz-text-shadow: none;
 	-webkit-text-shadow: none;
 	-ms-text-shadow: none;
 	font-size: 85%;
 	text-shadow: none;
 	padding: 10px 10px 10px 10px;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	background: rgba(25, 181, 254, 0.4);
 	color: #fff;
 }
 .shadow {
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
 }
 .shadow_zen {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
 }
 .shadow_zen:hover {
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0);
 }
 .shadow_ato {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0);
 }
 .shadow_ato:hover {
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
 }
 .shadow_all {
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
 }
 .shadow_in {
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4) inset;
 }
 .shadow_inzen {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4) inset;
 }
 .shadow_inzen:hover {
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0) inset;
 }
 .shadow_inato {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0) inset;
 }
 .shadow_inato:hover {
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4) inset;
 }
 .shadow_ef:after, .shadow_efato:after, .shadow_efzen:after {
 	z-index: -1;
 	position: absolute;
 	speak: none;
 	content: "";
 	top: 0;
 	bottom: 0;
 	left: 5px;
 	right: 5px;
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
 	border-radius: 50px / 10px;
 }
 .shadow_efato:after, .shadow_efzen:hover:after {
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0);
 }
 .shadow_efato:hover::after {
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
 }
 .cardup {
 	-webkit-transform: translateY(0%);
 	transform: translateY(0%);
 	-webkit-font-smoothing: antialiased;
 }
 .cardup:hover {
 	-webkit-transform: translateY(-5%);
 	transform: translateY(-5%);
 	-webkit-font-smoothing: antialiased;
 	-webkit-filter: blur(0.000001px);
 }
 .box-linkbd {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	box-sizing: border-box;
 	border: 3px solid rgba(25, 181, 254, 1);
 }
 .box-linkbd:hover {
 	border: 3px solid rgba(25, 181, 254, 0);
 }
 .box-linkbdato {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	box-sizing: border-box;
 	border: 3px solid rgba(25, 181, 254, 0);
 }
 .box-linkbdato:hover {
 	border: 3px solid rgba(25, 181, 254, 1);
 }
 .cardlink .box-linkbg:after {
 	width: 100%;
 	height: 100%;
 	right: 0;
 	top: 0;
 }
 .cardlink .box-linkbg .box-cc {
 	-webkit-transform: translate(-50%, -50%) scale3d(0.5, 0.5, 1);
 	transform: translate(-50%, -50%) scale3d(0.5, 0.5, 1);
 }
 .cardlink:hover .box-linkbg .box-cc {
 	-webkit-transform: translate(-50%, -50%) scale(1);
 	transform: translate(-50%, -50%) scale(1);
 }
 .cardlink .box-linkbgdown:after {
 	width: 100%;
 	height: 0%;
 	right: 0;
 	top: 0;
 	opacity: 1;
 }
 .cardlink .box-linkbgdown .box-cc {
 	-webkit-transform: translate(-50%, 150%);
 	transform: translate(-50%, 150%);
 }
 .cardlink:hover .box-linkbgdown:after {
 	height: 100%;
 }
 .cardlink:hover .box-linkbgdown .box-cc {
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 }
 .cardlink .box-linkbghado:after {
 	width: 0px;
 	height: 0px;
 	left: 50%;
 	top: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	border-radius: 50%;
 }
 .cardlink .box-linkbghado .box-cc {
 	-webkit-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1);
 	transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1);
 }
 .cardlink:hover .box-linkbghado:after {
 	width: 800px;
 	height: 800px;
 }
 .cardlink:hover .box-linkbghado .box-cc {
 	-webkit-transform: translate(-50%, -50%) scale(1);
 	transform: translate(-50%, -50%) scale(1);
 }
 .cardlink .card-bodyflash {
 	-webkit-transition: all 1.3s;
 	-moz-transition: all 1.3s;
 	-o-transition: all 1.3s;
 	transition: all 1.3s;
 	background-color: rgba(0, 0, 0, 0);
 }
 .cardlink:hover .card-bodyflash {
 	-webkit-animation: flash 1s;
 	animation: flash 1s;
 }
 .cardlink .card-bodygray {
 	position: relative;
 	-webkit-transition: all .5s;
 	-moz-transition: all .5s;
 	-o-transition: all .5s;
 	transition: all .5s;
 	background-color: rgba(0, 0, 0, 0);
 }
 .cardlink:hover .card-bodygray {
 	-webkit-an width: 100%;
 	imation: flash 0.3s;
 	animation: flash 0.3s;
 	background-color: rgba(0, 0, 0, 0.5);
 	color: rgba(255, 255, 255, 1);
 }
 .card-bodybg {
 	z-index: 1;
 	position: relative;
 }
 .cardlink .card-bodybg:before {
 	z-index: -1;
 	width: 100%;
 	height: 0%;
 	position: absolute;
 	speak: none;
 	content: "";
 	right: 0;
 	top: 0;
 	-webkit-transition: all.3s;
 	-moz-transition: all .3s;
 	-o-transition: all.3s;
 	transition: all .3s;
 	background-color: rgba(0, 0, 0, 0.5);
 }
 .cardlink:hover .card-bodybg:before {
 	height: 100%;
 }
 .cardlink:hover .card-bodybg {
 	color: rgba(255, 255, 255, 1);
 }
 .card-bodybgup {
 	z-index: 1;
 	position: relative;
 }
 .cardlink .card-bodybgup:before {
 	z-index: -1;
 	width: 100%;
 	height: 0%;
 	position: absolute;
 	speak: none;
 	content: "";
 	right: 0;
 	bottom: 0;
 	-webkit-transition: all .2s ease-in-out;
 	transition: all .2s ease-in-out;
 	background-color: rgba(0, 0, 0, 0.5);
 }
 .cardlink:hover .card-bodybgup:before {
 	height: 100%;
 }
 .cardlink:hover .card-bodybgup {
 	color: rgba(255, 255, 255, 1);
 }
 .card-bodybgx {
 	z-index: 1;
 	position: relative;
 	height: 100%;
 }
 .cardlink .card-bodybgx:before {
 	z-index: -1;
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	speak: none;
 	content: "";
 	top: 0;
 	left: 0;
 	-webkit-transition: all.3s;
 	-moz-transition: all .3s;
 	-o-transition: all.3s;
 	transition: all .3s;
 	-webkit-transform: scale(0.5, 1);
 	transform: scale(0.5, 1);
 	background-color: rgba(0, 0, 0, 0.5);
 	opacity: 0;
 }
 .cardlink:hover .card-bodybgx:before {
 	-webkit-transform: scale(1, 1);
 	transform: scale(1, 1);
 	opacity: 1;
 }
 .cardlink:hover .card-bodybgx {
 	color: rgba(255, 255, 255, 1);
 }
 .card-bodyline {
 	z-index: 1;
 	position: relative;
 	height: 100%;
 }
 .cardlink .card-bodyline:before {
 	z-index: -1;
 	width: 0%;
 	height: 10px;
 	position: absolute;
 	speak: none;
 	content: "";
 	top: 0;
 	left: 0;
 	-webkit-transition: all.3s;
 	-moz-transition: all .3s;
 	-o-transition: all.3s;
 	transition: all .3s;
 	background-color: rgba(0, 0, 0, 0.5);
 	opacity: 1;
 }
 .cardlink:hover .card-bodyline:before {
 	width: 100%;
 	opacity: 1;
 }
 .card-bodyup {
 	z-index: 3;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	-o-transition: all .3s;
 	transition: all.3s;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-transform: translateY(0px);
 	transform: translateY(0px);
 	background-color: rgba(255, 255, 255, 255.1);
 }
 .cardlink:hover .card-bodyup {
 	-webkit-transform: translateY(-25px);
 	transform: translateY(-25px);
 	background-color: rgba(255, 255, 255, 255.1);
 }
 .popimg.op img {
 	opacity: 0.7;
 }
 .popimg.inver.op img {
 	opacity: 0.9;
 }
 .cardlink:hover .popimg.op img {
 	opacity: 0.1;
 }
 .cardlink:hover .popimg.inver.op img {
 	opacity: 0.5;
 }
 .popimg.opa img {
 	opacity: 0.1;
 }
 .popimg.inver.opa img {
 	opacity: 0.5;
 }
 .cardlink:hover .popimg.opa img {
 	opacity: 0.7;
 }
 .cardlink:hover .popimg.inver.opa img {
 	opacity: 0.9;
 }
 .popimg:after, .popimg:before {
 	z-index: 2;
 }
 .popimg .popimgtxt::before, .popimg .popimgtxt::after {
 	border: 0px solid #000;
 }
 .popimg.inver .popimgtxt::before, .popimg.inver .popimgtxt::after {
 	border: 0px solid #fff;
 }
 .popimg .popimgtxt{
 	-moz-text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 	-webkit-text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 	rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 	text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 	color: #000000;
 }
.sirofuchi {
 	-moz-text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 	-webkit-text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 	rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 	text-shadow: rgba(255, 255, 255, 0.5) 2px 0px, rgba(255, 255, 255, 0.5) -2px 0px, rgba(255, 255, 255, 0.5) 0px -2px, rgba(255, 255, 255, 0.5) 0px 2px, rgba(255, 255, 255, 0.5) 2px 2px, rgba(255, 255, 255, 0.5) -2px 2px, rgba(255, 255, 255, 0.5) 2px -2px, rgba(255, 255, 255, 0.5) -2px -2px, rgba(255, 255, 255, 0.5) 1px 2px, rgba(255, 255, 255, 0.5) -1px 2px, rgba(255, 255, 255, 0.5) 1px -2px, rgba(255, 255, 255, 0.5) -1px -2px, rgba(255, 255, 255, 0.5) 2px 1px, rgba(255, 255, 255, 0.5) -2px 1px, rgba(255, 255, 255, 0.5) 2px -1px, rgba(255, 255, 255, 0.5) -2px -1px;
 ;
 }
 .cardlink:hover .popimg .popimgtxt {
 	color: #000000;
 }
 .popimg.inver .popimgtxt {
 	-moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
 	-webkit-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
 	-ms-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
 	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
 	color: #ffffff;
 }
 .cardlink:hover .popimg.inver .popimgtxt {
 	color: #ffffff;
 }
 .popimg:after, .popimg:before {
 	background: rgba(255, 255, 255, 0.4);
 }
 .popimg.inver:after, .popimg.inver:before {
 	background: rgba(0, 0, 0, 0.3);
 }
 .cardlink:hover .popimg::after, .cardlink:hover .popimg::before {
 	background: rgba(255, 255, 255, 0.6);
 }
 .cardlink:hover .popimg.inver:after, .cardlink:hover .popimg.inver:before {
 	background: rgba(0, 0, 0, 0.5);
 }
 .cardlink:hover .popimg .popimgdesp {
 	opacity: 1;
 }
 [class^="trans_"] {
 	-webkit-transition: all 11.35s ease-in-out;
 	transition: all 11.35s ease-in-out;
 }
 .trans_zoom {
 	-webkit-transform: scale(1);
 	transform: scale(1);
 }
 .cardlink:hover .trans_zoom {
 	-webkit-transform: scale(1.2);
 	transform: scale(1.2);
 }
 .trans_zoomin {
 	-webkit-transform: scale(1);
 	transform: scale(1);
 }
 .cardlink:hover .trans_zoomin {
 	-webkit-transform: scale(0.85);
 	transform: scale(0.85);
 }
 .trans_top {
 	-webkit-transform: translate3d(0, 30px, 0);
 	transform: translate3d(0, 30px, 0);
 }
 .cardlink:hover .trans_top {
 	-webkit-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 }
 .trans_bottom {
 	-webkit-transform: translate3d(0, -30px, 0);
 	transform: translate3d(0, -30px, 0);
 }
 .cardlink:hover .trans_bottom {
 	-webkit-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 }
 .trans_left {
 	-webkit-transform: translate3d(30px, 0, 0);
 	transform: translate3d(30px, 0, 0);
 }
 .cardlink:hover .trans_left {
 	-webkit-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 }
 .trans_right {
 	-webkit-transform: translate3d(-30px, 0, 0);
 	transform: translate3d(-30px, 0, 0);
 }
 .cardlink:hover .trans_right {
 	-webkit-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 }
 .trans_naname {
 	max-width: none;
 	width: -webkit-calc(100% + 10px);
 	width: calc(100% + 10px);
 	margin: -10px 0 0 70px;
 	-webkit-transform: translate3d(30px, 30px, 0);
 	transform: translate3d(30px, 30px, 0);
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 }
 .cardlink:hover .trans_naname {
 	-webkit-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 }
 .trans_nanamesita {
 	max-width: none;
 	width: -webkit-calc(100% + 60px);
 	width: calc(100% + 60px);
 	-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
 	transform: translate3d(-30px, 0, 0) scale(1.12);
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 }
 .cardlink:hover .trans_nanamesita {
 	-webkit-transform: translate3d(0, 0, 0) scale(1);
 	transform: translate3d(0, 0, 0) scale(1);
 }
 .trans_blur {
 	-webkit-transform: translate3d(-30px, 0, 0);
 	transform: translate3d(-30px, 0, 0);
 }
 .cardlink:hover .trans_blur {
 	-webkit-filter: blur(5px);
 	filter: blur(5px);
 }
 .cardlink:hover .trans_gray {
 	-webkit-filter: grayscale(100%);
 	filter: grayscale(100%);
 }
 .cardlink:hover .trans_brightness {
 	-webkit-filter: brightness(150%);
 	filter: brightness(150%);
 	transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 	-webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 }
 .cardlink:hover .trans_saturate {
 	-webkit-filter: saturate(200%);
 	filter: saturate(200%);
 	transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 	-webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 }
 .cardlink:hover .trans_sepia {
 	-webkit-filter: sepia(100%);
 	filter: sepia(100%);
 	transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 	-webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 }
 .cardlink:hover .trans_contrast {
 	-webkit-filter: contrast(150%);
 	filter: contrast(150%);
 	transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 	-webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 }
 .cardlink:hover .trans_huerotate {
 	-webkit-filter: hue-rotate(90deg);
 	filter: hue-rotate(90deg);
 	transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 	-webkit-transition: filter 0.4s cubic-bezier(0, 2.5, 0.2, 2.5);
 }
 .trans_rotate {
 	-webkit-transform: scale(1);
 	transform: scale(1);
 }
 .cardlink:hover .trans_rotate {
 	-webkit-transform: scale(1.5);
 	transform: scale(1.5);
 	-webkit-transform: rotate(20deg);
 	-moz-transform: rotate(20deg);
 	-o-transform: rotate(20deg);
 	-ms-transform: rotate(20deg);
 	transform: rotate(20deg);
 }
 @-webkit-keyframes flash {
 	0% {
 		opacity: .4;
 	}
 	100% {
 		opacity: 1;
 	}
 }
 @keyframes flash {
 	0% {
 		opacity: .4;
 	}
 	100% {
 		opacity: 1;
 	}
 }
 .cardlink:hover i.thumbicon {
 	background: rgba(25, 181, 254, 1);
 }
 .cardlink:hover i.thumbicon_radius {
 	-webkit-border-radius: 25px;
 	-moz-border-radius: 25px;
 	border-radius: 25px;
 }
 .cardlink i.thumbicon_spin {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	-webkit-transform: rotate(0deg);
 	transform: rotate(0deg);
 	-webkit-border-radius: 25px;
 	-moz-border-radius: 25px;
 	border-radius: 25px;
 }
 .cardlink:hover i.thumbicon_spin {
 	-webkit-transform: rotate(360deg);
 	transform: rotate(360deg);
 }
 .cardlink i.thumbicon_spin2 {
 	-webkit-transition: all .35s ease-in-out;
 	transition: all .35s ease-in-out;
 	-webkit-transform: rotateX(0deg);
 	-ms-transform: rotateX(0deg);
 	transform: rotateX(0deg);
 }
 .cardlink:hover i.thumbicon_spin2 {
 	-webkit-transform: rotateX(360deg);
 	-ms-transform: rotateX(360deg);
 	transform: rotateX(360deg);
 	-webkit-border-radius: 25px;
 	-moz-border-radius: 25px;
 	border-radius: 25px;
 }
 .cardlink .thumbicon_t i.thumbicon_border {
 	margin-top: 10px;
 	margin-right: 10px;
 	padding: 10px 10px 10px 10px;
 	-webkit-transform: rotate(0deg);
 	-ms-transform: rotate(0deg);
 	transform: rotate(0deg);
 	-webkit-border-radius: 25px;
 	-moz-border-radius: 25px;
 	border-radius: 25px;
 	background: rgba(25, 181, 254, 1);
 	color: rgba(255, 255, 255, 1);
 	border: 2px solid rgba(25, 181, 254, 0);
 }
 .cardlink:hover .thumbicon_t i.thumbicon_border {
 	margin-top: 10px;
 	margin-right: 10px;
 	padding: 10px 10px 10px 10px;
 	-webkit-transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	transform: rotate(180deg);
 	background: rgba(255, 255, 255, 1);
 	color: rgba(25, 181, 254, 1);
 	border: 2px solid rgba(25, 181, 254, 1);
 }
 .card-title_b2 span {
 	display: block;
 	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s;
 	-o-transition: all 0.3s;
 	transition: all 0.3s;
 	-webkit-transform: translate(0px, 0px);
 	transform: translate(0px, 0px);
 	opacity: 1;
 }
 .cardlink:hover .card-title_b2 span {
 	-webkit-transform: translate(0px, -40px);
 	transform: translate(0px, -40px);
 	opacity: 0;
 }
 .card-title_b2:before {
 	content: attr(data-text);
 	right: 0;
 	left: 0;
 	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s;
 	-o-transition: all 0.3s;
 	transition: all 0.3s;
 	position: absolute;
 	-webkit-transform: translate(0, 40%);
 	transform: translate(0, 40%);
 	opacity: 0;
 }
 .cardlink:hover .card-title_b2:before {
 	-webkit-transform: translate(0, 0);
 	transform: translate(0, 0);
 	opacity: 1;
 }
 .card-title_b3 span {
 	display: block;
 	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s;
 	-o-transition: all 0.3s;
 	transition: all 0.3s;
 	-webkit-transform: translate(0px, 0px);
 	transform: translate(0px, 0px);
 	opacity: 1;
 }
 .cardlink:hover .card-title_b3 span {
 	-webkit-transform: translate(40%, 0px);
 	transform: translate(40%, 0px);
 	opacity: 0;
 }
 .card-title_b3:before {
 	content: attr(data-text);
 	position: absolute;
 	right: 0;
 	left: 0;
 	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s;
 	-o-transition: all 0.3s;
 	transition: all 0.3s;
 	-webkit-transform: translate(-20%, 0);
 	transform: translate(-20%, 0);
 	opacity: 0;
 }
 .cardlink:hover .card-title_b3:before {
 	-webkit-transform: translate(0, 0);
 	transform: translate(0, 0);
 	opacity: 1;
 }
 .movie-wrap {
 	position: relative;
 	padding-bottom: 56.25%;
 	/*?A?X?y?N?g?? 16:9?????c??*/
 	height: 0;
 	overflow: hidden;
 }
 .movie-wrap iframe {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 }
 .cardlink a .card-titlelink {
 	color: #029ce2;
 }
 .cardlink a:hover .card-titlelink {
 	color: rgba(255, 255, 255, 1);
 }
 .cardpack .card {
 	font-size: 1em;
 	overflow: hidden;
 	padding: 0;
 	border: none;
 	border-radius: .28571429rem;
 	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 }
 .cardpack .card-block {
 	font-size: 1em;
 	position: relative;
 	margin: 0;
 	padding: 1em;
 	border: none;
 	border-top: 1px solid rgba(34, 36, 38, .1);
 	box-shadow: none;
 }
 .cardpack .card-title {
 	font-size: 1.28571429em;
 	font-weight: 700;
 	line-height: 1.4em;
 }
 .cardpack .card-text, .cardlink .card-text {
 	clear: both;
 	margin-top: .5em;
 	color: rgba(0, 0, 0, .68);
 }
 .cardpack .card-footer {
 	font-size: 1em;
 	position: static;
 	top: 0;
 	left: 0;
 	max-width: 100%;
 	padding: .75em 1em;
 	color: rgba(0, 0, 0, .4);
 	border-top: 1px solid rgba(0, 0, 0, .05) !important;
 	background: #fff;
 }
 .cardpack .card-inverse .btn {
 	border: 1px solid rgba(0, 0, 0, .05);
 }
 .cardpack .profile {
 	z-index: 3;
 	position: absolute;
 	top: -18px;
 	display: inline-block;
 	overflow: hidden;
 	box-sizing: border-box;
 	width: 36px;
 	height: 36px;
 	margin: 0;
 	border: 1px solid #fff;
 	border-radius: 50%;
 }
 .cardpack .profile-avatar {
 	display: block;
 	width: 100%;
 	height: 100%;
 	border-radius: 50%;
 }
 .cardpack .profile-inline {
 	position: relative;
 	top: 0;
 	display: inline-block;
 }
 .cardpack .profile-inline~.card-title {
 	display: inline-block;
 	margin-left: 4px;
 	vertical-align: top;
 }
 .cardpack .text-bold {
 	font-weight: 700;
 }
 .cardpack .meta {
 	font-size: 1em;
 	color: rgba(0, 0, 0, .4);
 }
 .cardpack .meta a {
 	text-decoration: none;
 	color: rgba(0, 0, 0, .4);
 }
 .cardpack .meta a:hover {
 	color: rgba(0, 0, 0, .87);
 }
 .cardpack .ribbon {
 	z-index: 2;
 	width: 160px;
 	height: 32px;
 	font-size: 12px;
 	text-align: center;
 	color: #fff;
 	font-weight: bold;
 	box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
 	background: #4dbe3b;
 	transform: rotate(45deg);
 	position: absolute;
 	right: -55px;
 	top: 10px;
 	padding-top: 7px;
 }
 .ribbon14 {
 	display: inline-block;
 	position: absolute;
 	top: 0;
 	right: 10px;
 	margin: 0;
 	padding: 5px 0;
 	z-index: 2;
 	width: 28px;
 	text-align: center;
 	font-size: 14px;
 	color: white;
 	background: #EA4335;
 }
 .ribbon14:after {
 	content: '';
 	position: absolute;
 	left: 0;
 	top: 100%;
 	height: 0;
 	width: 0;
 	border-left: 14px solid #EA4335;
 	border-right: 14px solid #EA4335;
 	border-bottom: 7px solid transparent;
 }
 /* Ribbon 1 */

 .top-cross-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	padding: 3px 50px;
 	color: #FFF;
 	position: absolute;
 	top: 0;
 	right: -55px;
 	transform: rotate(45deg);
 	border: 1px dashed #FFF;
 	box-shadow: 0 0 0 3px #EA4335;
 	margin: 5px;
 }
 /* Ribbon 2*/

 .arrow-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	padding: 5px 15px 5px 15px;
 	position: absolute;
 	top: 10px;
 	right: -1px;
 }
 /* Ribbon 3 */

 .bottom-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	padding: 5px 20px;
 	position: absolute;
 	top: 10px;
 	right: -1px;
 	border-radius: 20px 0 0 20px;
 }
 /*Ribbon 4 */

 .half-circle-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	height: 60px;
 	width: 60px;
 	text-align: right;
 	padding-top: 7px;
 	padding-right: 7px;
 	position: absolute;
 	top: -1px;
 	right: -1px;
 	flex-direction: row;
 	border-radius: 0 0 0 100%;
 	border: 1px dashed #FFF;
 	box-shadow: 0 0 0 3px #EA4335;
 	line-height: 14px
 }
 /* Ribbon 5 */

 .cross-shadow-ribbon {
 	z-index: 2;
 	position: absolute;
 	background: #EA4335;
 	top: -10px;
 	padding: 5px 8px;
 	margin-left: 15px;
 	color: #FFF;
 	border-radius: 0 0 2px 2px;
 }
 .cross-shadow-ribbon:before {
 	content: "";
 	position: absolute;
 	left: -10px;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	width: 0;
 	height: 0;
 	border-bottom: 10px solid #A42F25;
 	border-left: 10px solid transparent;
 }
 /* Ribbon 6 */

 .cover-ribbon {
 	z-index: 2;
 	height: 115px;
 	width: 115px;
 	position: absolute;
 	right: -8px;
 	top: -8px;
 	overflow: hidden;
 }
 .cover-ribbon .cover-ribbon-inside {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	transform: rotate(45deg);
 	position: absolute;
 	right: -35px;
 	top: 15px;
 	padding: 10px;
 	min-width: 127px;
 	text-align: center;
 }
 .cover-ribbon .cover-ribbon-inside:before {
 	width: 0;
 	height: 0;
 	border-left: 7px solid transparent;
 	border-right: 7px solid transparent;
 	border-bottom: 10px solid #992C23;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	content: "";
 	top: 35px;
 	transform: rotate(-45deg);
 }
 .cover-ribbon .cover-ribbon-inside:after {
 	width: 0;
 	height: 0;
 	border-top: 7px solid transparent;
 	border-left: 10px solid #992C23;
 	border-bottom: 7px solid transparent;
 	position: absolute;
 	left: 95%;
 	right: 0;
 	top: 34px;
 	bottom: 0;
 	content: "";
 	transform: rotate(-45deg);
 }
 .ribbon12 {
 	z-index: 2;
 	display: inline-block;
 	position: absolute;
 	top: 10px;
 	box-sizing: border-box;
 	padding: 7px 10px 7px 10px;
 	margin: 0 0 0 -10px;
 	width: calc(100% + 10px);
 	color: white;
 	background: #EA4335;
 	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
 }
 .ribbon12:before {
 	position: absolute;
 	content: '';
 	top: 100%;
 	left: 0;
 	border: none;
 	border-bottom: solid 5px transparent;
 	border-right: solid 10px #6081b7;
 }
 th {
 	max-width: 220px
 }
 .fc {
 	height: 150px;
 	text-align: center;
 	/* Center slide text vertically */
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	align-items: center;
 }
 [class^="swiper-container"] {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 }
 .swiper-navisoto {
 	position: relative;
 	over-flow: hidden;
 	width: 100%;
 }
 .swiper-navisoto .swiper-container380 {
 	width: calc(100% - 80px);
 	box-sizing: content-box;
 	margin-left: 40px;
 }
 .swiper-navisoto .swiper-button-prev {
 	left: 5px;
 }
 .swiper-navisoto .swiper-button-next {
 	right: 5px;
 }
 .swiper-navisoto .swiper-pagination {
 	width: 100%;
 }
 .swiper-navisoto .swiper-pagination>span {
 	margin: 10px 5px;
 }
 .tdth_pad td, .tdth_pad th {
 	padding-top: 7px;
 	padding-bottom: 7px;
 }
 [class^="swiper-container"] {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 }
 .swiper-navisoto {
 	position: relative;
 	over-flow: hidden;
 	width: 100%;
 }
 .swiper-navisoto .swiper-container380 {
 	width: calc(100% - 80px);
 	box-sizing: content-box;
 	margin-left: 40px;
 }
 .swiper-navisoto .swiper-button-prev {
 	left: 5px;
 }
 .swiper-navisoto .swiper-button-next {
 	right: 5px;
 }
 .swiper-navisoto .swiper-pagination {
 	width: 100%;
 }
 .swiper-navisoto .swiper-pagination>span {
 	margin: 10px 5px;
 }
 .logbox {
 	border: solid 0px #fff;
 	width: 100%;
 	height: 450px;
 	padding: 0.5em;
 	overflow: auto;
 	padding: 10px 20px
 }








 .popimg {
 	background: rgba(255, 255, 255, .5);
 }
 .p_center:after, .p_center:before {
 	width: 100%;
 	height: 0px;
 	position: absolute;
 	speak: none;
 	content: "";
 	bottom: 50%;
 	left: 0;
 	-webkit-transition: all 0.7s ease;
 	transition: all 0.7s ease;
 	background: rgba(0, 0, 0, 0.7);
 	z-index: -3
 }
 .p_center:before {
 	bottom: 50%;
 }
 .p_center:after {
 	top: 50%;
 }
 .p_center.inver:after, .p_center.inver:before {
 	background: rgba(255, 255, 255, 0.8);
 }
 .cardlink:hover .p_center:after, .cardlink:hover .p_center:before {
 	height: 100%;
 	overflow: hidden;
 	background: rgba(255, 255, 255, 0.9);
 }
 .cardlink:hover .p_center.inver:after, .cardlink:hover .p_center.inver:before {
 	background: rgba(0, 0, 0, 0.6);
 }
 a.nav-link, a {
 	color: #029ce2;
 }
 a.nav-link:hover, a:hover {
 	color: #0254a6;
 }
 .cardlink.bglight2 a, .cardlink.bglight a, .cardlink.bgfff a {
 	color: #262626;
 }
 .cardlink.bgdark2 a, .cardlink.bgdark a, .cardlink.bg000 a {
 	color: #fff;
 }
 .dropdown-menu {
 	color: #212529;
 	background-color: rgba(0, 0, 0, 0.5);
 	border: 1px solid rgba(0, 0, 0, 0.15);
 	border-radius: 0rem;
 }
 .cardpack .card {
 	font-size: 1em;
 	overflow: hidden;
 	padding: 0;
 	border: none;
 	border-radius: .28571429rem;
 	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 }
 .cardpack .card-block {
 	font-size: 1em;
 	position: relative;
 	margin: 0;
 	padding: 1em;
 	border: none;
 	border-top: 1px solid rgba(34, 36, 38, .1);
 	box-shadow: none;
 }
 .cardpack .card-title {
 	font-size: 1.28571429em;
 	font-weight: 700;
 	line-height: 1.4em;
 }
 .cardpack .card-text {
 	clear: both;
 	margin-top: .5em;
 	color: rgba(0, 0, 0, .68);
 }
 .cardpack .card-footer {
 	font-size: 1em;
 	position: static;
 	top: 0;
 	left: 0;
 	max-width: 100%;
 	padding: .75em 1em;
 	color: rgba(0, 0, 0, .4);
 	border-top: 1px solid rgba(0, 0, 0, .05) !important;
 	background: #fff;
 }
 .cardpack .card-inverse .btn {
 	border: 1px solid rgba(0, 0, 0, .05);
 }
 .cardpack .profile {
 	z-index: 3;
 	position: absolute;
 	top: -18px;
 	display: inline-block;
 	overflow: hidden;
 	box-sizing: border-box;
 	width: 36px;
 	height: 36px;
 	margin: 0;
 	border: 1px solid #fff;
 	border-radius: 50%;
 }
 .cardpack .profile-avatar {
 	display: block;
 	width: 100%;
 	height: 100%;
 	border-radius: 50%;
 }
 .cardpack .profile-inline {
 	position: relative;
 	top: 0;
 	display: inline-block;
 }
 .cardpack .profile-inline~.card-title {
 	display: inline-block;
 	margin-left: 4px;
 	vertical-align: top;
 }
 .cardpack .text-bold {
 	font-weight: 700;
 }
 .cardpack .meta {
 	font-size: 1em;
 	color: rgba(0, 0, 0, .4);
 }
 .cardpack .meta a {
 	text-decoration: none;
 	color: rgba(0, 0, 0, .4);
 }
 .cardpack .meta a:hover {
 	color: rgba(0, 0, 0, .87);
 }
 .cardpack .ribbon {
 	z-index: 2;
 	width: 160px;
 	height: 32px;
 	font-size: 12px;
 	text-align: center;
 	color: #fff;
 	font-weight: bold;
 	box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
 	background: #4dbe3b;
 	transform: rotate(45deg);
 	position: absolute;
 	right: -55px;
 	top: 10px;
 	padding-top: 7px;
 }
 .ribbon14 {
 	display: inline-block;
 	position: absolute;
 	top: 0;
 	right: 10px;
 	margin: 0;
 	padding: 5px 0;
 	z-index: 2;
 	width: 28px;
 	text-align: center;
 	font-size: 14px;
 	color: white;
 	background: #EA4335;
 }
 .ribbon14:after {
 	content: '';
 	position: absolute;
 	left: 0;
 	top: 100%;
 	height: 0;
 	width: 0;
 	border-left: 14px solid #EA4335;
 	border-right: 14px solid #EA4335;
 	border-bottom: 7px solid transparent;
 }
 /* Ribbon 1 */

 .top-cross-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	padding: 3px 50px;
 	color: #FFF;
 	position: absolute;
 	top: 0;
 	right: -55px;
 	transform: rotate(45deg);
 	border: 1px dashed #FFF;
 	box-shadow: 0 0 0 3px #EA4335;
 	margin: 5px;
 }
 /* Ribbon 2*/

 .arrow-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	padding: 5px 15px 5px 15px;
 	position: absolute;
 	top: 10px;
 	right: -1px;
 }
 /* Ribbon 3 */

 .bottom-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	padding: 5px 20px;
 	position: absolute;
 	top: 10px;
 	right: -1px;
 	border-radius: 20px 0 0 20px;
 }
 /*Ribbon 4 */

 .half-circle-ribbon {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	height: 60px;
 	width: 60px;
 	text-align: right;
 	padding-top: 7px;
 	padding-right: 7px;
 	position: absolute;
 	top: -1px;
 	right: -1px;
 	flex-direction: row;
 	border-radius: 0 0 0 100%;
 	border: 1px dashed #FFF;
 	box-shadow: 0 0 0 3px #EA4335;
 	line-height: 14px
 }
 /* Ribbon 5 */

 .cross-shadow-ribbon {
 	z-index: 2;
 	position: absolute;
 	background: #EA4335;
 	top: -10px;
 	padding: 5px 8px;
 	margin-left: 15px;
 	color: #FFF;
 	border-radius: 0 0 2px 2px;
 }
 .cross-shadow-ribbon:before {
 	content: "";
 	position: absolute;
 	left: -10px;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	width: 0;
 	height: 0;
 	border-bottom: 10px solid #A42F25;
 	border-left: 10px solid transparent;
 }
 /* Ribbon 6 */

 .cover-ribbon {
 	z-index: 2;
 	height: 115px;
 	width: 115px;
 	position: absolute;
 	right: -8px;
 	top: -8px;
 	overflow: hidden;
 }
 .cover-ribbon .cover-ribbon-inside {
 	z-index: 2;
 	background: #EA4335;
 	color: #FFF;
 	transform: rotate(45deg);
 	position: absolute;
 	right: -35px;
 	top: 15px;
 	padding: 10px;
 	min-width: 127px;
 	text-align: center;
 }
 .cover-ribbon .cover-ribbon-inside:before {
 	width: 0;
 	height: 0;
 	border-left: 7px solid transparent;
 	border-right: 7px solid transparent;
 	border-bottom: 10px solid #992C23;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	content: "";
 	top: 35px;
 	transform: rotate(-45deg);
 }
 .cover-ribbon .cover-ribbon-inside:after {
 	width: 0;
 	height: 0;
 	border-top: 7px solid transparent;
 	border-left: 10px solid #992C23;
 	border-bottom: 7px solid transparent;
 	position: absolute;
 	left: 95%;
 	right: 0;
 	top: 34px;
 	bottom: 0;
 	content: "";
 	transform: rotate(-45deg);
 }
 .ribbon12 {
 	z-index: 2;
 	display: inline-block;
 	position: absolute;
 	top: 10px;
 	box-sizing: border-box;
 	padding: 7px 10px 7px 10px;
 	margin: 0 0 0 -10px;
 	width: calc(100% + 10px);
 	color: white;
 	background: #EA4335;
 	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
 }
 .ribbon12:before {
 	position: absolute;
 	content: '';
 	top: 100%;
 	left: 0;
 	border: none;
 	border-bottom: solid 5px transparent;
 	border-right: solid 10px #6081b7;
 }
 footer i.fa {
 	display: inline-block;
 	width: 20px;
 	text-align: center;
 	font-size: 1.2em;
 }
 .cardlink .bgno-link {
 	overflow: hidden;
 }
 body {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	font-size: .95rem;
 	line-height: 1.2rem;
 	word-wrap: break-word !important;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	font-weight: 500;
 }
 body:before {
 	content: "";
 	display: block;
 	position: fixed;
 	top: 0;
 	left: 0;
 	z-index: -5;
 	width: 100%;
 	height: 100vh;
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: cover;
 -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;

}
 #loading {
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 0;
 	z-index: -10000;
 	width: 100%;
 	height: 100%;
 	background: #ffffff;
 }
 #loadimg {
 	position: relative;
 	top: 50%;
 	text-align: center;
 	-webkit-transform: translateY(-50%);
 	/* Safari?p */
 	transform: translateY(-50%);
 	margin-top: -70px;
 }
 #gotop {
 	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
 	-ms-transition: all 0.5s ease;
 	-o-transition: all 0.5s ease;
 	transition: all 0.5s ease;
 	vertical-align: middle;
 	*zoom: 1;
 	position: fixed;
 	bottom: 20px;
 	right: 20px;
 	display: none;
 	color: #ffffff !important;
 	background-color: #777;
 	background-color: rgba(0, 0, 0, 0.3);
 	padding: 5px 15px;
 	z-index: 970;
 	text-decoration: none;
 }
 #gotop:hover {
 	padding: 5px 15px 20px 15px;
 	background-color: #333;
 	background: rgba(0, 0, 0, 0.8);
 }
 #gotop>i {
 	margin: 0px;
 	padding: 0px;
 	position: relative;
 	display: block;
 }
 @media screen and (max-width: 767px) {
 	#gotop i {
 		font-size: 21px !important;
 	}
 	#gotop:hover {
 		padding: 5px 7px 15px 7px;
 		background-color: #333;
 		background: rgba(0, 0, 0, 0.8);
 	}
 	#gotop {
 		text-align: center;
 		left: 50%;
 		right: 50%;
 		bottom: 0px;
 		width: 40px;
 		margin: 0 auto;
 		padding: 5px 7px;
 		margin-left: -20px;
 		border: 0px dotted #000000;
 	}
 }
 .fixed-top {
 	transition: .5s;
 }
 .hi100vh {
 	height: 100vh;
 }
 .hi70vh {
 	height: 70vh;
 }
 .hi50vh {
 	height: 50vh;
 }
 .hi30vh {
 	height: 30vh;
 }
 .h30:after {
 	display: block;
 	content: "";
 	padding-top: 30%;
 }
 .h50:after {
 	display: block;
 	content: "";
 	padding-top: 50%;
 }
 .h70:after {
 	display: block;
 	content: "";
 	padding-top: 70%;
 }
 .h100:after {
 	display: block;
 	content: "";
 	padding-top: 100%;
 }
 .full-fluid {
 	position: relative;
 	padding: 70px 30px;
 	width: 100%;
 	background-color: transparent;
 	z-index: 1
 }
 .bg, .parallax {
 	position: relative;
 	overflow: hidden;
 	text-align: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 }
 .parallax:before {
 	content: "";
 	height: 100%;
 	width: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 1;
 }
 .parlx-children {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	background-attachment: scroll;
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: cover;
 	-webkit-background-size: cover;
 }
 .backbg-cover {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: cover;
 	-webkit-background-size: cover;
  -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}
 .backbg-cover.cover {
 	background-attachment: fixed;
 }
 .backbg-overlay {
 	position: absolute;
 	z-index: -3;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	display: block;
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: cover;
 	-webkit-background-size: cover;
  -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}
 .backbg-overlay::after {
 	position: absolute;
 	z-index: -2;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	content: '';
 	display: block;
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: cover;
 	-webkit-background-size: cover;
 }
 .backbg-overlay::before {
 	position: absolute;
 	z-index: -1;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	content: '';
 	display: block;
 	background-color: transparent;
 	background-position: top left;
 	background-repeat: repeat;
 }
 .bgfff {
 	background-color: #fff;
 	color: #262626;
 }
 .bgfffback {
 	background-position: top left;
 	background-repeat: repeat;
 }
 .bg000 {
 	background-color: #000;
 	color: #fff;
 }
 .bgdark {
 	background-color: rgba(0, 0, 0, 0.9) !important;
 	color: #fff;
 }
 .bgdark2 {
 	background-color: rgba(0, 0, 0, 0.4) !important;
 	color: #fff;
 }
 .bgdark3 {
 	background-color: rgba(0, 0, 0, 0.6) !important;
 	color: #fff;
 }
 .bglight {
 	background-color: rgba(255, 255, 255, 0.8) !important;
 	color: #262626;
 }
 .bglight2 {
 	background-color: rgba(255, 255, 255, 0.5) !important;
 	color: #262626;
 }
 .bgnone {
 	background-color: rgba(221, 192, 55, 0) !important;
 }
 .bgora {
 	background-color: #fff7eb;
 	color: #262626;
 }
 .ora {
 	color: #f19601 !important;
 }
 .bgdark, .bggra {
 	color: #fff;
 }
 .bglight {
 	color: #262626;
 }
 .bggra .backbg-overlay::before, .bggra.parallax::before, .centering_item.bggra, .parall_center.bggra {
 	background: linear-gradient(135deg, rgba(241, 111, 92, .6) 0, rgba(52, 124, 247, .6) 0, rgba(246, 41, 12, .6) 99%, rgba(231, 56, 39, .6) 100%);
 }
 .bgdark .backbg-overlay::before, .bgdark.parallax::before, .centering_item.bgdark, .parall_center.bgdark, .full-fluid.bgdark {
 	background-color: rgba(0, 0, 0, 0.6);
 }
 .bglight .backbg-overlay::before, .bglight.parallax::before, .centering_item.bglight, .parall_center.bglight, .full-fluid.bglight {
 	background-color: rgba(255, 255, 255, 0.7);
 }
 .backbg-fix:after, .backbg-fix {
 	background-attachment: fixed;
 }
 .f-inherit {
 	color: inherit;
 }




 .centering_item {
 	position: absolute;
 	/* ??u?w?? */
 	top: 50%;
 	/* ?e?v?f???????????? */
 	left: 50%;
 	/* ?e?v?f??????E????? */
 	transform: translateY(-50%) translateX(-50%);
 	/* ?v?f?????????A????????? */
 }
 .centering_item.left20 {
 	position: absolute;
 	/* ??u?w?? */
 	top: 50%;
 	/* ?e?v?f???????????? */
 	left: 0%;
 	/* ?e?v?f??????E????? */
 	transform: translateY(-50%) translateX(-0%);
 	/* ?v?f?????????A????????? */
 	width: 80%
 }
 .parall_center {
 	position: relative;
 	padding: 5%;
 	margin: 12%;
 	z-index: 2;
 	max-width: 95%;
 }
 .title {
 	position: relative;
 	font-size: 2.5rem;
 }
 .sub_title, .parall_title {
 	font-size: 1.2rem;
 }
 .parall_desp {
 	position: relative;
 }
 .split-view {
 	margin: 0px auto;
 	padding: 10px;
 	width: calc(100%);
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex
 }
 .one .split {
 	width: 100%;
 	margin: 0 5px
 }
 .two .split {
 	width: calc(100% / 2);
 	margin: 0 5px
 }
 .split:first-child {
 	margin-left: 0
 }
 .split:last-child {
 	margin-right: 0
 }
 .menu-trigger, .menu-trigger span {
 	display: inline-block;
 	transition: all .4s;
 	box-sizing: border-box;
 }
 .menu-trigger:focus {
 	outline: 0px auto -webkit-focus-ring-color;
 }
 .menu-trigger {
 	position: relative;
 	width: 20px;
 	height: 18px;
 }
 .menu-trigger span {
 	position: absolute;
 	left: 0;
 	width: 100%;
 	height: 2px;
 	background-color: #262626;
 	border-radius: 2px;
 }
 .bg-dark .menu-trigger span, .navbar-dark .menu-trigger span {
 	background-color: #fff;
 }
 .menu-trigger span:nth-of-type(1) {
 	top: 0;
 }
 .menu-trigger span:nth-of-type(2) {
 	top: 8px;
 }
 .menu-trigger span:nth-of-type(3) {
 	bottom: 0;
 }
 .menu-trigger:not(.collapsed) span:nth-of-type(1) {
 	-webkit-transform: translateY(8px) rotate(-315deg);
 	transform: translateY(8px) rotate(-315deg);
 }
 .menu-trigger:not(.collapsed) span:nth-of-type(2) {
 	opacity: 0;
 }
 .menu-trigger:not(.collapsed) span:nth-of-type(3) {
 	-webkit-transform: translateY(-8px) rotate(315deg);
 	transform: translateY(-8px) rotate(315deg);
 }
 .navbar-toggler {
 	border: none;
 }
 .nav-link {
 	font-size: 1rem;
 	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
 	margin-left: .5rem;
 	margin-right: .5rem;
 }
 .dropdown-item {
 	white-space: normal;
 	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
 	line-height: 20px
 }
 .dropdown-menu {
 	min-width: 15rem;
 }
 .dropdown-item {
 	color: rgba(255, 255, 255, 0.5);
 }
 .dropdown-item:hover {
 	color: rgba(0, 0, 0, 1);
 }
 .Sma.navbar-dark .dropdown-item {
 	color: rgba(255, 255, 255, 0.5);
 }
 .Sma.navbar-dark .dropdown-item:hover {
 	color: rgba(255, 255, 255, 1);
 }
 .Sma .nav-link {
 	padding: 0.75rem 0.5rem 0.75rem 0.5rem;
 	margin-left: 0rem;
 	margin-right: 0rem;
 }
 .Sma .dropdown-item {
 	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
 }
 .Sma .navbar-collapse {
 	padding-top: 20px;
 	padding-bottom: 20px
 }
 .Sma .nav-item {
 	border-bottom: 1px solid rgba(241, 150, 1, 0.5);
 }
 .Sma .dropdown-menu {
 	background-color: transparent;
 	border: none;
 	padding: 0;
 }
 .Sma .dropdown-menu>.dropdown-item {
 	background-color: transparent;
 	border: none;
 }
 .Sma .navbar-collapse {
 	max-height: 80vh;
 	overflow: auto;
 	margin-left: -15px;
 	margin-right: -15px;
 	padding-left: 15px;
 	padding-right: 15px;
 }
 .Sma .container {
 	max-width: 100%;
 }
 h1 {
 	//  background: linear-gradient(110deg, #ff0000, #e89114 45%, #ff0000);
 	//  background: linear-gradient(110deg, #0575e6, #5fb52e 45%, #0575e6);
 	//  background: linear-gradient(110deg, #5fac33, #f19601 45%, #1b92d0);
 	//  -webkit-background-clip: text;
 	//  -webkit-text-fill-color: rgba(255,255,255,0.0);
 	color: #fff;
 	-moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), 2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
 	-webkit-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
 	-ms-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
 	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
 }
 @media (max-width: 991.98px) {
 	h1 {
 		font-size: 2em;
 	}
 	h6 {
 		font-size: 1em;
 	}
 }
 .s3 {
 	font-size: 2.2rem;
 	color: #9f0505;
 	display: flex;
 	align-items: center;
 	margin-bottom: 50px
 }
 .s3:before, .s3:after {
 	content: "";
 	flex-grow: 1;
 	height: 2px;
 	display: block;
 }
 .s3:before {
 	margin-right: .4em;
 	background: linear-gradient(-90deg, #9f0505, transparent);
 }
 .s3:after {
 	margin-left: .4em;
 	background: linear-gradient(90deg, #9f0505, transparent);
 }
 .s4 {
 	font-size: 1.5rem;
 	color: rgba(0, 0, 0, 0.3);
 	padding-top: 0px;
 	margin-top: -10px;
 }
 /*IE???????????????w?i???\????*/

 @media all and (-ms-high-contrast:none) {
 	h1 {
 		background: none;
 	}
 }
 body:before {
 	background-image: url(../images_s/full20.jpg);
 }

 .fullbefore6 {
 	background-image: url(../images_s/full20.jpg);
 }
 @media (min-width: 576px) {
 	body:before {
 		background-image: url(../images_l/full20.jpg);
 	}

 	.fullbefore6 {
 		background-image: url(../images_l/full20.jpg);
 	}
 }
 .fullbefore_jassor{
background-size: cover;background-position: center;position:relative;width:100%;height:100%;
}


 .sitemap li {
 	margin-top: 15px
 }
 .navbar-dark .navbar-nav .nav-link, .dropdown-item {
 	color: rgba(255, 255, 255, 0.7);
 }
 .navbar-dark .navbar-nav .nav-link:hover, .dropdown-item:hover, .dropdown-item:hover:active {
 	color: rgba(255, 255, 255, 1);
 	background-color: transparent;
 }

 .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
 	padding: 0;
 	margin: 0;
 	border: 0;
 	outline: none;
 	vertical-align: top;
 }
 .fancybox-wrap {
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 8020;
 }
 .fancybox-skin {
 	position: relative;
 	background: #f9f9f9;
 	color: #444;
 	text-shadow: none;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }
 .fancybox-opened {
 	z-index: 8030;
 }
 .fancybox-opened .fancybox-skin {
 	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 }
 .fancybox-outer, .fancybox-inner {
 	position: relative;
 }
 .fancybox-inner {
 	overflow: hidden;
 }
 .fancybox-type-iframe .fancybox-inner {
 	-webkit-overflow-scrolling: touch;
 }
 .fancybox-error {
 	color: #444;
 	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
 	margin: 0;
 	padding: 15px;
 	white-space: nowrap;
 }
 .fancybox-image, .fancybox-iframe {
 	display: block;
 	width: 100%;
 	height: 100%;
 }
 .fancybox-image {
 	max-width: 100%;
 	max-height: 100%;
 }
 #fancybox-loading {
 	position: fixed;
 	top: 50%;
 	left: 50%;
 	margin-top: -22px;
 	margin-left: -22px;
 	background-position: 0 -108px;
 	opacity: 0.8;
 	cursor: pointer;
 	z-index: 8060;
 }
 #fancybox-loading div {
 	width: 44px;
 	height: 44px;
 	background: url('/baseimg/fancybox_loading.gif') center center no-repeat;
 }
 .fancybox-close {
 	position: absolute;
 	top: -18px;
 	right: -18px;
 	width: 36px;
 	height: 36px;
 	cursor: pointer;
 	z-index: 8040;
 }
 .fancybox-nav {
 	position: absolute;
 	top: 0;
 	width: 40%;
 	height: 100%;
 	cursor: pointer;
 	text-decoration: none;
 	background: transparent url('/baseimg/blank.gif');
 	/* helps IE */
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 	z-index: 8040;
 }
 .fancybox-prev {
 	left: 0;
 }
 .fancybox-next {
 	right: 0;
 }
 .fancybox-nav span {
 	position: absolute;
 	top: 50%;
 	width: 36px;
 	height: 34px;
 	margin-top: -18px;
 	cursor: pointer;
 	z-index: 8040;
 	visibility: hidden;
 }
 .fancybox-prev span {
 	left: 10px;
 	background-position: 0 -36px;
 }
 .fancybox-next span {
 	right: 10px;
 	background-position: 0 -72px;
 }
 .fancybox-nav:hover span {
 	visibility: visible;
 }
 .fancybox-tmp {
 	position: absolute;
 	top: -99999px;
 	left: -99999px;
 	visibility: hidden;
 	max-width: 99999px;
 	max-height: 99999px;
 	overflow: visible !important;
 }
 /* Overlay helper */

 .fancybox-lock {
 	overflow: hidden !important;
 	width: auto;
 }
 .fancybox-lock body {
 	overflow: hidden !important;
 }
 .fancybox-lock-test {
 	overflow-y: hidden !important;
 }
 .fancybox-overlay {
 	position: absolute;
 	top: 0;
 	left: 0;
 	overflow: hidden;
 	display: none;
 	z-index: 8010;
 	background: url('/baseimg/fancybox_overlay.png');
 }
 .fancybox-overlay-fixed {
 	position: fixed;
 	bottom: 0;
 	right: 0;
 }
 .fancybox-lock .fancybox-overlay {
 	overflow: auto;
 	overflow-y: scroll;
 }
 /* Title helper */

 .fancybox-title {
 	position: fixed;
 	bottom: 0px;
 	left: 0px;
 	right: 0px;
 	wdth: 100%;
 	font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
 	text-shadow: none;
 	z-index: 8050;
 	border: 0px solid blue;
 }
 .fancybox-title div.child {
 	-webkit-transition: all .5s;
 	-moz-transition: all .5s;
 	-o-transition: all .5s;
 	transition: all .5s;
 	position: relative;
 	margin-right: 25px;
 	margin-left: 10px;
 	text-align: center;
 	opacity: 1
 }
 .fancybox-title div.child div {
 	display: inline-block;
 	padding: 4px 15px;
 	color: #FFF;
 	background-color: #009ee3;
 	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
 	border-radius: 15px;
 }
 .fancybox-opened .fancybox-title {
 	visibility: visible;
 }
 .fancybox-title-outside-wrap {
 	position: relative;
 	margin-top: 10px;
 	color: #fff;
 }
 .fancybox-title-inside-wrap {
 	padding-top: 10px;
 }
 .fancybox-title-over-wrap {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	color: #fff;
 	padding: 10px;
 	background: #000;
 	background: rgba(0, 0, 0, .8);
 }
 /*Retina graphics!*/


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {


 	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 		background-image: url('/baseimg/fancybox_sprite@2x.png');
 		background-size: 44px 152px;
 		/*The size of the normal image, half the size of the hi-res image*/
 	}
 	#fancybox-loading div {
 		background-image: url('../baseimg/fancybox_loading@2x.gif'); 
background-size: 24px 24px;
 		/*The size of the normal image, half the size of the hi-res image*/
 	}


 }

.portfolioFilter {
  padding: 15px 0;
}

.portfolioFilter a {
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 4px 15px;
  border-radius: 50px;
  display: inline-block;
}

.portfolioFilter a.current {
  background: #1e1e1e;
  border: 1px solid #1e1e1e;
  color: #f9f9f9;
}
.portfolioContainer{
width:100%
}
.grid-item-content {
  height: 100px;
  background: #0D8;
  border: 2px solid hsla(0, 0%, 0%, 0.7);
}
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}





.content-section {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.content-section-heading h2 {
  font-size: 3rem;
}

.content-section-heading h3 {
  font-size: 1rem;
  text-transform: uppercase;
}
.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 530px;
  margin: auto auto 1rem;
}

.portfolio-item .caption {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.portfolio-item .caption .caption-content {
  color: #fff;
  margin: auto 2rem 2rem;
}

.portfolio-item .caption .caption-content h2 {
  font-size: 0.8rem;
  text-transform: uppercase;
}

.portfolio-item .caption .caption-content p {
  font-weight: 300;
  font-size: 1.2rem;
}
.borderred {
box-sizing: border-box;
transition: all 1s ease-out;
  background-color: rgba(0,0,0,  0.3);
border:1px solid #ffffff;
height:30vh;
position:relative;
}
.centercenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.borderred:hover {
transition: all 0.25s ease-out;
  background-color: rgba(0,0,0, 0.3);
border:30px solid #ffffff;

}

@media (min-width: 992px) {
  .portfolio-item {
    max-width: none;
    margin: 0;
  }
  .portfolio-item .caption {
    -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px);
  }
  .portfolio-item .caption .caption-content {
    transition: opacity 0.25s;
    margin-left: 5rem;
    margin-right: 5rem;
    margin-bottom: 5rem;
  }
  .portfolio-item img {
    -webkit-transition: -webkit-clip-path 0.25s ease-out;
    -webkit-clip-path: inset(-1px);
    clip-path: inset(-1px);
  }
  .portfolio-item:hover img {
    -webkit-clip-path: inset(2rem);
    clip-path: inset(2rem);
  }
  .portfolio-item:hover .caption {
    background-color: rgba(0, 0,0, 0.6);
    -webkit-clip-path: inset(2rem);
    clip-path: inset(2rem);
  }
}

  .swiper-containermenu .swiper-slide a, a.menulink {
 	color: #fff;
 	border: 1px solid #fff;
	padding: 3px 10px;
 }
  .swiper-slide span{
 	border: 1px solid #ab0707;
	padding: 3px 10px;
 }
 a.menulink {
	padding: 3px 10px;
margin:1px 3px;
display:inline-block
 }
 .swiper-slide a:hover, a.menulink:hover {
 	color: #fff;
 	background-color: #061b54;
 }

 .breadcrumb {
 	background: transparent;
 }
 .breadcrumb a,.breadcrumb span{
font-weight:bold;
font-size: 1.1rem;
padding: 3px 5px;
margin-bottom:1px;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0rem;
}
.breadcrumb-item + .breadcrumb-item::before{
    padding-right: 0rem;
    color: #e3c037;
}
@media (max-width: 767.98px) {
 .breadcrumb a,.breadcrumb span{
font-size: 1rem;
}
}

.breadcrumbactive,a.breadcrumbactive,a.breadcrumbactive:hover{
 	background-color: #ab0707;
 	color: #fff;
cursor:none;
}

 .fancybox-close {
 	background: url("../baseimg/closec.png") no-repeat scroll 0 0 transparent;
 	height: 25px;
 	right: 0;
 	top: 0;
 	width: 25px;
 }
 .fancybox-next span {
 	background: url("../baseimg/rightc.png") no-repeat scroll center center #009ee3;
 	height: 25px;
 	width: 25px;
 	right: 0;
 }
 .fancybox-prev span {
 	background: url("../baseimg/leftc.png") no-repeat scroll center center #009ee3;
 	height: 25px;
 	width: 25px;
 	left: 0;
 }
 .fancybox-title h3 {
 	font-size: 15px;
 	margin: 0;
 }
 .fancybox-title {
 	padding: 5px 8px;
 }
 #fancybox-thumbs {
 	position: fixed;
 	left: 0;
 	width: 100%;
 	overflow: hidden;
 	z-index: 8050;
 }
 #fancybox-thumbs.bottom {
 	bottom: 2px;
 }
 #fancybox-thumbs.top {
 	top: 2px;
 }
 #fancybox-thumbs ul {
 	position: relative;
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
 #fancybox-thumbs ul li {
 	float: left;
 	padding: 1px;
 	opacity: 0.5;
 }
 #fancybox-thumbs ul li.active {
 	opacity: 1;
 	padding: 0;
 	border: 3px solid #fff;
 }
 #fancybox-thumbs ul li:hover {
 	opacity: 1;
 }
 #fancybox-thumbs ul li a {
 	display: block;
 	position: relative;
 	overflow: hidden;
 	border: 1px solid #222;
 	background: #111;
 	outline: none;
 }
 #fancybox-thumbs ul li img {
 	display: block;
 	position: relative;
 	border: 0;
 	padding: 0;
 	max-width: none;
 }
 table.thmiddle th {
 	vertical-align: middle;
 }
 table.allmiddle td, table.allmiddle th {
 	vertical-align: middle;
 }
 .hiddeninput div.panel-default {
 	position: relative;
 	margin-bottom: 1px;
 	width: 100%;
 	overflow: hidden;
 }
 .hiddeninput input {
 	width: 70px;
 	height: 60px;
 	position: absolute;
 	right: 0;
 	top: 0px;
 	border: 1px dotted green !important;
 	line-height: 3;
 	opacity: 0;
 	display: block;
 	z-index: 50 !important;
 	cursor: pointer;
 }
 .hiddeninput label, .hiddeninput .labeldayo, .nocursor {
 	position: relative;
 	background: #CEECF5 url('../baseimg/subtitback5.gif') top center repeat;
 	border: 0px dotted green !important;
 	display: block;
 	padding: 0.9em 1.5em 0.5em 0.8em;
 	overflow: hidden;
 	font-weight: bold;
 	margin: 0px 0px 5px 0px
 }
 .hiddeninput .panel .panel-body {
 	height: 0em;
 	max-height: 0px;
 	overflow: hidden;
 	padding: 0px;
 	-webkit-transition: max-height 1.5s;
 	transition: max-height 1.5s;
 	text-align: left;
 }
 .hiddeninput .blue .panel-body {
 	background: #3498db;
 }
 .hiddeninput .panel.checked .panel-body {
 	height: auto;
 	max-height: 500px;
 	padding-bottom: 5px;
 }
 .hiddeninput .panel-body p {
 	margin: 1em;
 }
 /* Icon */

 .hiddeninput label::after, .hiddeninput .labeldayo::after {
 	border: 0px dotted blue;
 	position: absolute;
 	right: 0;
 	top: 0;
 	clear: both;
 	width: 3em;
 	height: 3em;
 	padding-top: 0px;
 	padding-bottom: 5px;
 	line-height: 3;
 	text-align: center;
 	-webkit-transition: all .35s;
 	transition: all .35s;
 	font-weight: normal !important;
 }


 .yajirusi label::after, .yajirusi .labeldayo::after {
 	content: "\25BC";
 }
 .plus label::after, .plus .labeldayo::after {
 	content: "\2795";
 	font-size: 90%
 }
 .yajirusi .panel.checked label::after, .yajirusi .panel.checked .labeldayo::after {
 	-webkit-transform: rotate(180deg);
 	transform: rotate(180deg);
 	padding-top: 0px
 }
 .plus .panel.checked label::after, .plus .panel.checked .labeldayo::after {
 	-webkit-transform: rotate(315deg);
 	transform: rotate(315deg);
 	margin-right: 1px;
 }
 .borderline>div>div.panel-default {
 	border-top: 0px dotted #000000;
 }
 .borderline>div>div.panel-default:last-child {
 	border-bottom: 0px dotted #000000;
 }
 .newstime {
 	float: left;
 	display: block;
 	width: 120px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 }
 .newstime1 {
 	float: left;
 	display: block;
 	width: 230px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 }
 .newscategory {
 	float: left;
 	display: block;
 	width: 100px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 }
 .newsinfo {
 	float: left;
 	display: block;
 }
 .newstitle {
 	float: left;
 	display: block;
 	padding-left: 20px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 }
 .newstitle a {
 	text-shadow: none !important;
 	font-weight: bold
 }
 .accordion .toggle {
 	font-size: .8rem;
 	line-height: .8rem;
 	cursor: pointer;
 	opacity: 0.7;
 	position: absolute;
 	right: 0px;
 	top: 0px;
 	margin: 0;
 	padding: 1rem;
 	transition: all .5s ease-out;
 	-webkit-transition: all .5s ease-out;
 	transform-origin: center center;
 	-webkit-transform: rotate(0deg);
 	-ms-transform: rotate(0deg);
 	transform: rotate(0deg);
 }
 .accordion .toggle:hover {
 	opacity: 1;
 }
 .accordion .toggle.rotate {
 	transform-origin: center center;
 	-webkit-transform: rotate(-180deg);
 	-ms-transform: rotate(-180deg);
 	transform: rotate(-180deg);
 }
 .accordion .list-group-item .badge {
 	float: right;
 	min-width: 36px;
 }
 .accordion .card-header a {
 	float: left;
 	width: 100%;
 	cursor: pointer;
 }
 .q {
 	text-align: left
 }
 .qmark {
 	background-color: red;
 	color: #fff;
 	padding: 12px;
 	margin-right: 10px;
 }
 .amark {
 	background-color: blue;
 	color: #fff;
 	padding: 12px;
 	margin-right: 10px;
 }
 .panel-body.a p {
 	padding-bottom: 30px
 }
 .ora {
 	padding: 15px 10px 15px 10px;
 	color: #fff! important;
 	background-color: orange;
 	text-align: center;
 	font-size: 16px;
 	font-weight: bold
 }
 .gallery-top, .gallery-thumbs, .swiper-slide {
 	background-color: #ffffff;
 	color: #000000;
 }
 .swiper-slide:nth-child(2n) {
 	background-color: #f0f8ff;
 }
 .gallery-top.btwhite, .gallery-thumbs.btwhite, .btwhite .swiper-slide {
 	background-color: #000000;
 	color: #ffffff;
 }
 .btwhite .swiper-slide:nth-child(2n) {
 	background-color: #4c4c4c;
 }
 .gallery-top.btblack, .gallery-thumbs.btblack, .btblack .swiper-slide {
 	background-color: #ffffff;
 	color: #000000;
 }
 .btblack .swiper-slide:nth-child(2n) {
 	background-color: #efefef;
 }

.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'%23061b54'%2F%3E%3C%2Fsvg%3E");
margin-top: -18px;
}
.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'%23061b54'%2F%3E%3C%2Fsvg%3E");
margin-top: -18px;
}

 body {
 	word-wrap: break-word !important;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
 	line-height: 1.5rem;
 	font-weight: 500;
 	color: #595959;
padding-right: 0px !important;	
 }
 .bgora {
 	background-color: #f3ecca;
 	box-shadow: 10px 0 50px -5px rgba(0, 0, 0, 0.2)inset;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}
 .bgoraora {
 	background-color: #f3ecca;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
 }
 .bgora2 {
 	background: linear-gradient(227deg, rgba(221, 192, 55, 0.8), rgba(193, 115, 5, 0.7)) !important;
 }
 .bgfff {
 	box-shadow: 10px 0 50px -5px rgba(0, 0, 0, 0.2);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}
 .bgffffff {
 	background-color: #fff;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
 }
 .bg000 {
 	background-color: #000;
 }
 .bsnone {
 	box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0);
 }
 .bgdark {
 	background-color: rgba(0, 0, 0, 0.8) !important;
 	color: #fff;
 }
 .imgsetu {
 	padding: 0.5rem 0;
 	line-height: 1.2rem;
 	text-align: left;
 }
 h1 {
 	letter-spacing: 0.2em;
 }
 .s3 {
 	letter-spacing: 0.1em;
 	color: #ab0707;
 }
 .s4 {
 	letter-spacing: 0em;
 	color: #ab0707;
 	font-size: 1.25rem
 }
 .s5 {
 	letter-spacing: 0.1em;
 	color: #ab0707;
 }
 .osusume {
 	position: absolute;
 	bottom: 15px;
 	right: 0px;
 	z-index: 100;
 	background-color: #fff;
 	color: #ab0707;
 	padding: 5px 10px;
 }
 .bglight {
 	background-color: rgba(255, 255, 255, 0.9) !important;
 	color: #262626;
 }
 .bgdark1 {
 	background-color: rgba(14, 25, 55, 0.8) !important;
 	color: #262626;
 }
 .backbg-fix:after, .backbg-fix {
 	background-position: center center;
 	background-size: cover;
 	-webkit-background-size: cover;
 }
 .btn-primary {
 	color: #fff;
 	background-color: #061b54;
 	border-color: #061b54;
 }
 .btn-primary:hover {
 	color: #fff;
 	background-color: #000;
 	border-color: #000;
 }
 a.nav-link, a {
 	color: #0a3096;
 	font-size: 1rem;
 	letter-spacing: 0em;
 }
 .centering_item h4 {
 	letter-spacing: 0.2em;
 	color: #0a3096;
 }
 a.nav-link:hover, a:hover {
 	color: #000;
 }
 .linkbox {
 	background-color: #061b54;
 	background-color: #061b54 !important;
 }
 .synced>div {
 	border: 3px solid #ab0707;
 }
 .owl-carousel .card-title {
 	color: #ab0707;
 }
 .linkbox, .submenutit {
 	color: #be9d1c;
}
 .submenutit {
 	font-size: 1.1rem;
 	line-height: 1.8rem;
 	padding-bottom: 20px
 }
 .navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-brand a, .dropdown-item, .linkbox a {
 	color: #fff;
 }
.navbar-dark .navbar-brand a {
display: inline-block;
 }
 .navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-brand a:hover, .dropdown-item:hover, .linkbox a:hover {
 	color: #be9d1c;
 }
 .swiper-containermenu .swiper-slide, .swiper-containermenu .swiper-slide:nth-child(2n) {
 	background-color: transparent;
 	height: 40px;
 }

.navbar-expand-lg .navbar-nav .nav-link {
   padding-right: 0.2rem;
    padding-left: 0.2rem;
}










 .swiper-pagination-bullets .swiper-pagination-bullet {
 	background-color: rgba(6, 27, 84, .5);
 	color: #ffffff;
 }
 .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-scrollbar-drag, .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 	background-color: rgba(6, 27, 84, .8);
 	opacity: 1;
 }
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
 	margin-top: -15px;
 	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'%23061b54'%2F%3E%3C%2Fsvg%3E");
 }
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
 	margin-top: -15px;
 	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'%23061b54'%2F%3E%3C%2Fsvg%3E");
 }
 [class^="swiper-button-"] {
 	width: 25px;
 }
 .tdthleft {
 	text-align: left
 }
 .tdthleft th {
 	background-color: #f7f7f7;
 }
 .swiper-container {
 	position: relative;
 	width: 100%;
 	height: 300px;
 	margin-left: auto;
 	margin-right: auto;
 }
 .swiper-container .swiper-slide {
 	background-size: cover;
 	background-position: center;
 }
 .gallery-top555 {
 	height: 80%;
 	width: 100%;
 }
 .gallery-thumbs555 {
 	height: 20%;
 	box-sizing: border-box;
 	padding: 10px 0;
 }
 .gallery-thumbs555 .swiper-slide {
 	height: 100%;
 	opacity: 0.4;
 }
 .gallery-thumbs555 .swiper-slide-thumb-active {
 	opacity: 1;
 }
 .swiper-containermenu {
 	width: calc(100% - 80px);
 	box-sizing: content-box;
 	margin-left: 40px;
 }
 .swiper-containermenu .swiper-wrapper {
 	width: 80%;
 }
 .swiper-containermenu .swiper-slide {
 	text-align: center;
 	font-size: 16px;
 	width: auto;
 	height: 40px;
 	background-color: tranparent !important;
 	/* Center slide text vertically */
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	align-items: center;
 }
 .full-fluid {
 	padding: 0px 5px 100px 5px;
 }
@media (min-width: 992px) {
 .full-fluid {
 	padding: 0px 30px 120px 30px;
 }
 }



 .full-fluid h2 {
 	padding-top: 120px;
 }
 .padt120 {
 	padding-top: 120px;
 }
 .padb120 {
 	padding-bottom: 120px;
 }
 .cardlink .popimgtxtcell {
 	transform: translate3d(0, 15%, 0);
 	transition: all .3s ease-in-out;
 }
 .cardlink:hover .popimgtxtcell {
 	transform: translate3d(0%, 0%, 0);
 }
 i.thumbicon {
 	color: #061b54;
 	background: #fff;
 	padding: 8px 10px 10px 10px;
 	opacity: .5;
 }
 .cardlink:hover i.thumbicon {
 	background: #fff;
 	color: #061b54;
 	opacity: 1;
 }
.p_chico .popimgtxt {
    padding: 30px 10px;
}

 /*
.p_chico .popimgdesp {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.p_chico:hover .popimgdesp {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.popimg .popimgdesp {
    opacity:.7;
}
*/

 .cardlink:hover .popimg .popimgtxt {
 	color: #ffffff;
 }
 .cardlink .popimg .popimgtxt {
 	color: #ffffff;
 }
 .card {
 	background-color: transparent;
 }
 .hi150:before {
 	padding-top: 155%;
 }
 .hi200:before {
 	padding-top: 200%;
 }
 .logbox hr {
 	margin-top: .5rem;
 	margin-bottom: .5rem;
 }
 .logbox, .logbox a, .linkbox a, .linkbox .row {
 	font-size: 1rem;
 	line-height: 1.8rem;
 }
 .card-title {
 	line-height: 1.2rem;
 }
 h4.card-title {
 	line-height: 2rem;
 }
 h5.card-title {
 	line-height: 1.6rem;
 }
 .trans_blur {
 	-webkit-transform: translate3d(0px, 0, 0);
 	transform: translate3d(0px, 0, 0);
 }
 .popimg.p_chico:hover img {
 	opacity: 1;
 }

 .big {
 	font-size: 150%;
 	letter-spacing: 0.1em;
 	padding-right: 5px
 }
 .small {
 	font-size: 90%;
 }
 .table.kyaku th, .table.kyaku td {
 	padding: 0.4rem;
 }
 .subtit1 {
 	background-color: #fff;
 	padding: 0.4em 0.2em 0.4em 0.2em;
 	color: #b94242;
 	border-top: 1px solid #b94242;
 	border-bottom: 1px solid #b94242;
 	font-size: 120%;
 	font-weight: 700;
 	margin: 3px 0;
 }
 .bgfff .subtit1, .bgffffff .subtit1 {
 	background-color: #f3ecca;
 }
 .sitemap div {
 	padding-top: 10px;
 	padding-top: 10px;
 }



 .backbg-overlay:before {
 	z-index: -1;
 }
 .backbg-overlay:after {
 	z-index: -2;
 }
 .backbg-overlay {
 	z-index: -3;
 }
 .carousel-control-prev, .carousel-control-next {
 	z-index: 6;
 }
 .cardlink [class*="box-link"] {
 	z-index: 5;
 }
 .cardlink:hover .box-cc {
 	z-index: 1;
 }
 .card-title, .card-text {
 	z-index: 1;
 }
 .resposnojs:after, .img-box:after {
 	z-index: 1;
 }
 .popimgtxt {
 	z-index: 4;
 }
 .thumbicon_t {
 	z-index: 4;
 }
 .thumbicon_b {
 	z-index: 4;
 }
 .shadow_ef:after, .shadow_efato:after, .shadow_efzen:after {
 	z-index: -1;
 }
 .card-bodybg {
 	z-index: 1;
 }
 .cardlink .card-bodybg:before {
 	z-index: -1;
 }
 .card-bodybgup {
 	z-index: 1;
 	position: relative;
 }
 .cardlink .card-bodybgup:before {
 	z-index: -1;
 }
 .card-bodybgx {
 	z-index: 1;
 }
 .cardlink .card-bodybgx:before {
 	z-index: -1;
 }
 .card-bodyline {
 	z-index: 1;
 }
 .cardlink .card-bodyline:before {
 	z-index: -1;
 }
 .card-bodyup {
 	z-index: 3;
 }
 .popimg:after, .popimg:before {
 	z-index: 2;
 }
 .cardpack .profile {
 	z-index: 3;
 }
 .cardpack .ribbon {
 	z-index: 2;
 }
 .ribbon14 {
 	z-index: 2;
 }


 .top-cross-ribbon {
 	z-index: 2;
 }
 /* Ribbon 2*/

 .arrow-ribbon {
 	z-index: 2;
 }
 /* Ribbon 3 */

 .bottom-ribbon {
 	z-index: 2;
 }
 /*Ribbon 4 */

 .half-circle-ribbon {
 	z-index: 2;
 }
 /* Ribbon 5 */

 .cross-shadow-ribbon {
 	z-index: 2;
 }
 .cover-ribbon {
 	z-index: 2;
 }
 .cover-ribbon .cover-ribbon-inside {
 	z-index: 2;
 }
 .ribbon12 {
 	z-index: 2;
 }
 .p_center:after, .p_center:before {
 	z-index: -3
 }
 .cardpack .profile {
 	z-index: 3;
 }
 .cardpack .ribbon {
 	z-index: 2;
 }
 .ribbon14 {
 	z-index: 2;
 }
 /* Ribbon 1 */

 .top-cross-ribbon {
 	z-index: 2;
 }
 /* Ribbon 2*/

 .arrow-ribbon {
 	z-index: 2;
 }
 /* Ribbon 3 */

 .bottom-ribbon {
 	z-index: 2;
 }
 /*Ribbon 4 */

 .half-circle-ribbon {
 	z-index: 2;
 }
 /* Ribbon 5 */

 .cross-shadow-ribbon {
 	z-index: 2;
 }

 .cover-ribbon {
 	z-index: 2;
 }
 .cover-ribbon .cover-ribbon-inside {
 	z-index: 2;
 }

 .ribbon12 {
 	z-index: 2;
 }
 body:before {
 	z-index: -5;
 }
 #loading {
 	z-index: -10000;
 }
 #gotop {
 	z-index: 970;
 }
 .full-fluid {
 	z-index: 0;
 }
 .parallax:before {
 	z-index: 1;
 }

 .backbg-overlay {
 	z-index: -3;
 }
 .backbg-overlay::after {
 	z-index: -2;
 }
 .backbg-overlay::before {
 	z-index: -1;
 }
 .parall_center {
 	z-index: 2;
 }
 .fancybox-wrap {
 	z-index: 8020;
 }
 .fancybox-skin , .fancybox-opened {
 	z-index: 8030;
 }
 #fancybox-loading {
 	z-index: 8060;
 }
 .fancybox-close {
 	z-index: 8040;
 }
 .fancybox-nav {
 	z-index: 8040;
 }
 .fancybox-nav span {
 	z-index: 8040;
 }
 .fancybox-overlay {
 	z-index: 8010;
 }
 .fancybox-title {
 	z-index: 8050;
 }
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  z-index: 1;
}
.portfolio-item .caption {
  z-index: 1;
}
 #fancybox-thumbs {
 	z-index: 8050;
 }
 .hiddeninput input {
 	z-index: 50 !important;
 }
 .osusume {
 	z-index: 100;
 }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

.inputerr,.red{
color:red;
}
.gmark00 {
    background: #be9d1c;;
    color: #ffffff;
    padding: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    margin: 10px 0px;
    font-weight: bold;
}

.form-inlineall .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-control,option{
font-weight:700;
 	color: #000;
}

.winheight{
height:70vh;
}
.p-3_chan1 {
    padding: 0.5rem !important;
}
.p-3_chan {
    padding: 0.2rem !important;
}
@media (min-width: 768px) {
.p-3_chan1 {
    padding: 0.7rem !important;
}
.p-3_chan {
    padding: 0.5rem !important;
}
}
@media (min-width: 992px) {
.p-3_chan1 {
    padding: 1rem !important;
}
.p-3_chan {
    padding: 1rem !important;
}
}


@media (max-width: 991.98px) {
		.tabletate {
		  display: block;
		  position: relative;
		  width: 100%;
		}
		.tabletate thead {
		  display: block;
		  float: left;
		}
		.tabletate tbody {
		  display: block;
		  width: auto;
		  position: relative;
		  overflow-x: auto;
		  white-space: nowrap;
		}
		.tabletate thead tr {
		  display: block;
		}
		.tabletate th {
		  display: block;
		}
		.tabletate tbody tr {
		  display: inline-block;
		  vertical-align: top;
		}
		.tabletate td {
		  display: block;
		}
		.tabletate th {
		  border-bottom: 0px !important;
		}
		.tabletate tr {
		  border-top: 0px !important;
		  border-bottom: 0px !important;
		}
		.tabletate td {
		  border-left: 0 !important;
		  border-right: 0 !important;
		  border-bottom: 0 !important;
		}
		.tabletate tbody tr {
		  border-right: 1px solid #babcbf !important;
		}
		.tabletate th:last-child, .tabletate td:last-child {
		  border-left: 0px !important;
		  border-right: 0px !important;
		  border-bottom: 1px solid #babcbf !important;
		}
		.tabletate th:last-child {
		  border-left: 1px solid #babcbf !important;
		  border-right: 1px solid #babcbf !important;
		}
}

@media (max-width: 767.98px) {
h5, .h5 {
    font-size: 1.15rem;
}
 .s3 {
 	font-size: 1.8rem;

 }

 .s4 {
 	font-size: 1.2rem;
 }

 .s5 {
 	font-size: 1.5rem;
 }


 .big {
 	font-size: 130%;
 }
 .submenutit {
 	font-size: 1rem;
 }

		.tabletate-md {
		  display: block;
		  position: relative;
		  width: 100%;
		}
		.tabletate-md thead {
		  display: block;
		  float: left;
		}
		.tabletate-md tbody {
		  display: block;
		  width: auto;
		  position: relative;
		  overflow-x: auto;
		  white-space: nowrap;
		}
		.tabletate-md thead tr {
		  display: block;
		}
		.tabletate-md th {
		  display: block;
		}
		.tabletate-md tbody tr {
		  display: inline-block;
		  vertical-align: top;
		}
		.tabletate-md td {
		  display: block;
		}
		.tabletate-md th {
		  border-bottom: 0px !important;
		}
		.tabletate-md tr {
		  border-top: 0px !important;
		  border-bottom: 0px !important;
		}
		.tabletate-md td {
		  border-left: 0 !important;
		  border-right: 0 !important;
		  border-bottom: 0 !important;
		}
		.tabletate-md tbody tr {
		  border-right: 1px solid #babcbf !important;
		}
		.tabletate-md th:last-child, .tabletate-md td:last-child {
		  border-left: 0px !important;
		  border-right: 0px !important;
		  border-bottom: 1px solid #babcbf !important;
		}
		.tabletate-md th:last-child {
		  border-left: 1px solid #babcbf !important;
		  border-right: 1px solid #babcbf !important;
		}
}

@media (max-width: 575.98px) {
h5, .h5 {
    font-size: 1.1rem;
}

 .s3 {
 	font-size: 1.6rem;

 }

 .s4 {
 	font-size: 1.1rem;
 }
 .s5 {
 	font-size: 1.3rem;
 }
.btn {

    padding: 0.25rem 0.35rem;
font-size: .95rem;
}


 .big {
 	font-size: 120%;
 }
 .submenutit {
 	font-size: 0.95rem;
 }
		.tabletate-sm {
		  display: block;
		  position: relative;
		  width: 100%;
		}
		.tabletate-sm thead {
		  display: block;
		  float: left;
		}
		.tabletate-sm tbody {
		  display: block;
		  width: auto;
		  position: relative;
		  overflow-x: auto;
		  white-space: nowrap;
		}
		.tabletate-sm thead tr {
		  display: block;
		}
		.tabletate-sm th {
		  display: block;
		}
		.tabletate-sm tbody tr {
		  display: inline-block;
		  vertical-align: top;
		}
		.tabletate-sm td {
		  display: block;
		}
		.tabletate-sm th {
		  border-bottom: 0px !important;
		}
		.tabletate-sm tr {
		  border-top: 0px !important;
		  border-bottom: 0px !important;
		}
		.tabletate-sm td {
		  border-left: 0 !important;
		  border-right: 0 !important;
		  border-bottom: 0 !important;
		}
		.tabletate-sm tbody tr {
		  border-right: 1px solid #babcbf !important;
		}
		.tabletate-sm th:last-child, .tabletate-sm td:last-child {
		  border-left: 0px !important;
		  border-right: 0px !important;
		  border-bottom: 1px solid #babcbf !important;
		}
		.tabletate-sm th:last-child {
		  border-left: 1px solid #babcbf !important;
		  border-right: 1px solid #babcbf !important;
		}
}
.dltable-sm .dltable_right,.dltable-md .dltable_right,.dltable .dltable_right{
display:none
}


@media (max-width: 575.98px) {
  .dltable-sm {
    display: block;
  }
  .dltable-sm thead {
    display: none;
  }
  .dltable-sm tbody {
    display: block;
  }
  .dltable-sm tbody tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .dltable-sm tbody th, .dltable-sm tbody td {
    display: list-item;
    border: none;
  }
.dltable-sm tbody th .dltable_right{
float:right;
display:block;
  }
  .dltable-sm tbody th {
    margin-bottom: 5px;
    list-style-type: none;
    color: #fff;
    background-color: #343a40;
  }
  .dltable-sm.light tbody th {
    color: #495057;
    background-color: #e9ecef;
  }
  .dltable-sm tbody td {
    position: relative;
    list-style-type: none;
    margin: 5px 10px 5px 15px;
    padding: 5px;
  }
  .dltable-sm.dotted tbody td {
    border-bottom: 1px dotted gray;
  }
  .dltable-sm.nth tbody td {
    position: relative;
    list-style-type: none;
    padding-left: 50px;
  }
  .dltable-sm.nth tbody td:before {
    position: absolute;
    left: 0px;
    top: 5px;
  }
  .dltable-sm.nth tbody td:nth-of-type(1):before {
    content: "品詞 ｜ ";
  }
  .dltable-sm.nth tbody td:nth-of-type(2):before {
    content: "意味 ｜ ";
  }
  .dltable-sm.nth tbody td:nth-of-type(3):before {
    content: "用例 ｜ ";
  }
}
@media (max-width: 767.98px) {
  .dltable-md {
    display: block;
  }
  .dltable-md thead {
    display: none;
  }
.dltable-md tbody th .dltable_right{
float:right;
display:block;
  }
  .dltable-md tbody {
    display: block;
  }
  .dltable-md > tbody > tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .dltable-md > tbody > tr > th, .dltable-md > tbody > tr > td {
    display: list-item;
    border: none;
  }
  .dltable-md > tbody > tr > th {
    margin-bottom: 5px;
    list-style-type: none;
    color: #fff;
    background-color: #343a40;
  }
  .dltable-md > tbody > tr > th {
    max-width: 100%;
    color: #495057;
    background-color: #e9ecef;
  }
  .dltable-md > tbody > tr >td {
    position: relative;
    list-style-type: none;
    margin: 5px 10px 5px 15px;
    padding: 5px;
   }
  .dltable-md.dotted  > tbody > tr > td {
    border-bottom: 1px dotted gray;
  }
  .dltable-md.nth tbody td {
    position: relative;
    list-style-type: none;
    padding-left: 50px;
  }
  .dltable-md.nth tbody td:before {
    position: absolute;
    left: 0px;
    top: 5px;
  }
  .dltable-md.nth tbody td:nth-of-type(1):before {
    content: "品詞 ｜ ";
  }
  .dltable-md.nth tbody td:nth-of-type(2):before {
    content: "意味 ｜ ";
  }
  .dltable-md.nth tbody td:nth-of-type(3):before {
    content: "用例 ｜ ";
  }
}
@media (max-width: 991.98px) {
  .dltable {
    display: block;
  }
  .dltable thead {
    display: none;
  }
  .dltable tbody {
    display: block;
  }
  .dltable tbody tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .dltable tbody th, .dltable tbody td {
    display: list-item;
    border: none;
  }
.dltable tbody th .dltable_right{
float:right;
display:block;
  }
  .dltable tbody th {
    margin-bottom: 5px;
    list-style-type: none;
    color: #fff;
    background-color: #343a40;
  }
  .dltable.light tbody th {
    color: #495057;
    background-color: #e9ecef;
  }
  .dltable tbody td {
    position: relative;
    list-style-type: none;
    margin: 5px 10px 5px 15px;
    padding: 5px;
  }
  .dltable.dotted tbody td {
    border-bottom: 1px dotted gray;
  }
  .dltable.nth tbody td {
    position: relative;
    list-style-type: none;
    padding-left: 50px;
  }
  .dltable.nth tbody td:before {
    position: absolute;
    left: 0px;
    top: 5px;
  }
  .dltable.nth tbody td:nth-of-type(1):before {
    content: "品詞 ｜ ";
  }
  .dltable.nth tbody td:nth-of-type(2):before {
    content: "意味 ｜ ";
  }
  .dltable.nth tbody td:nth-of-type(3):before {
    content: "用例 ｜ ";
  }
}
  th.dark {
    color: #fff;
    background-color: #343a40;
  }
  th.light {
    color: #495057;
    background-color: #e9ecef;
  }
.modal{
padding-right: 0px !important;
}
.custom-modal{
font-size:1.3vw;
background-color:red;
color:#fff;
 	cursor: pointer;
}
@media (min-width: 992px) {
.custom-modal{
font-size:0.8rem;
}
}

.custom-modal:hover{
background-color:#fff;
 	color: red;
}

.yataro_bottom{
background-image:url("/images_l/full_yataro_back.jpg");
background-position: center bottom;
background-size:contain;
}
@media (min-width:1200px) {
.yataro_bottom{
background-size:auto;
}
}
.disable-hover {
  pointer-events: none;
}

.hidden{
display: none !important;
}

.z-index10{
z-index:10 !important;
}

.toptiten{
color:#e4be65; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
}
.toptitdesp{
color:#fff;line-height:2.3rem;font-weight:bold; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 2px -2px 0 rgba(0, 0, 0, 0.4), -2px 2px 0 rgba(0, 0, 0, 0.4), -2px -2px 0 rgba(0, 0, 0, 0.4), 2px 0px 0 rgba(0, 0, 0, 0.4), 0px 2px 0 rgba(0, 0, 0, 0.4), -2px 0px 0 rgba(0, 0, 0, 0.4), 0px -2px 0 rgba(0, 0, 0, 0.4);
}

.cursor-p{
 	cursor: pointer;
}
.banatit{
background-color:#fff;color:#061b54;font-weight:bold;margin:7px 5px;padding:5px
}