@charset "utf-8";
/* CSS Document */



@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon/icomoon.eot?srf3rx");
	src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', sans-serif;
	line-height: 1.8;
	font-size: 15px;
	background: #f7f7f7;
	color: #5a5a5a;
	font-weight: 300;
	overflow-x: hidden;
	width: 100%;
}
body.fh5co-offcanvas {
	overflow: hidden;
}
a {
	color: #83b41b;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	text-decoration: none !important;
	color: #fdcf2c !important;
}
p, ul, ol {
	margin-bottom: 1.5em;
/*	font-size: 110%; */
	color: #5a5a5a;
/*	font-family: "Source Sans Pro", Arial, sans-serif; */
}
h1, h2, h3, h4, h5, h6 {
	color: #5a5a5a;
/*	font-family: "Source Sans Pro", Arial, sans-serif; */
	font-weight: 400;
	margin: 0 0 30px 0;
}

h2 {
font-size:145%;
	margin: 0 0 50px 0;

}

h2 i{
margin-right:0.2em;
color:#83b41b;
}

figure {
	margin-bottom: 2em;
}

::-webkit-selection {
 color: #fcfcfc;
 background: #FCC72C;
}

::-moz-selection {
 color: #fcfcfc;
 background: #FCC72C;
}
::selection {
	color: #fcfcfc;
	background: #FCC72C;
}
#fh5co-header {
	position: relative;
	margin-bottom: 0;
	z-index: 9999999;
}
.fh5co-cover, .fh5co-hero {
	position: relative;
	height: 800px;
}

@media screen and (max-width: 992px) {
#fh5co-logo img {
	width: 220px;
}
}

@media screen and (max-width: 768px) {
.fh5co-cover,  .fh5co-hero {
	height: 420px;
}
}
.fh5co-cover.fh5co-hero-2, .fh5co-hero.fh5co-hero-2 {
	height: 420px;
}
.fh5co-cover.fh5co-hero-2 .fh5co-overlay, .fh5co-hero.fh5co-hero-2 .fh5co-overlay {
	position: absolute !important;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: rgba(66, 64, 64, 0.9);
}
.fh5co-overlay {
	position: absolute !important;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.fh5co-cover {
	background-size: cover;
	position: relative;
}


@media screen and (max-width: 768px) {
.fh5co-cover {
	heifght: inherit;
	padding: 3em 0;
}
}
.fh5co-cover .btn {
	padding: 1em 5em;
	opacity: .9;
}
.fh5co-cover.fh5co-cover_2 {
	height: 420px;
}

@media screen and (max-width: 768px) {
.fh5co-cover.fh5co-cover_2 {
	heifght: inherit;
	padding: 3em 0;
}
}
.fh5co-cover .desc {
	top: 80%;
	position: absolute;
	width: 100%;
	margin-top: -80px;
	z-index: 2;
	color: #fff;
}

@media screen and (max-width: 768px) {
.fh5co-cover .desc {
	padding-left: 15px;
	padding-right: 15px;
}
}
.fh5co-cover .desc h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 42px;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
.fh5co-cover .desc h2 {
	font-size: 40px;
}
}
.fh5co-cover .desc span {
	display: block;
	margin-bottom: 30px;
	font-size: 28px;
	letter-spacing: 1px;
}
.fh5co-cover .desc span a {
	color: #fff;
}
.fh5co-cover .desc span a:hover, .fh5co-cover .desc span a:focus {
	color: #fff !important;
}
.fh5co-cover .desc span a:hover.btn, .fh5co-cover .desc span a:focus.btn {
	border: 2px solid #fff !important;
	background: transparent !important;
}
.fh5co-cover .desc span a.fh5co-site-name {
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
/* Superfish Override Menu */
.sf-menu {
	margin: 0 !important;
}
.sf-menu {
	float: right;
}
.sf-menu ul {
	box-shadow: none;
	border: transparent;
	min-width: 12em;
 *width: 12em;
}
.sf-menu a {
	color: rgba(255, 255, 255, 0.5);
	/* padding: 0.75em 1em !important; */
	font-weight: normal;
	border-left: none;
	border-top: none;
	border-top: none;
	text-decoration: none;
	zoom: 1;
	font-size: 18px;
	border-bottom: none !important;
}
.sf-menu a:hover, .sf-menu a:focus {
	color: #fdcf2c !important;
}
.sf-menu li.active a:hover, .sf-menu li.active a:focus {
	color: #fff;
}
.sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover {
	background: transparent;
}
.sf-menu ul li a, .sf-menu ul ul li a {
	text-transform: none;
	padding: 0.25em 1em !important;
	letter-spacing: 1px;
}
.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu ul li:hover a, .sf-menu ul li.sfHover a, .sf-menu li.active a {
	color: #8b8f75;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover {
	background: transparent;
}
.sf-menu ul li {
	background: transparent;
}
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
 *padding-right: 1em;
}
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #ccc;
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #ccc;
}
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #ccc;
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #ccc;
}
#fh5co-header-section {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.nav-header {
	position: relative;
	float: left;
	width: 100%;
line-height:0;

}


#fh5co-logo {
	position: relative;
	z-index: 2;
	font-size: 28px;
	text-transform: uppercase;
	margin-top: 10px;
	font-weight: 300;
	float: left;
padding:0.5em 0.8em 0.8em;
	padding-left: 25px;
}
#fh5co-logo span {
	font-weight: 700;
}

@media screen and (max-width: 768px) {
#fh5co-logo {
	width: 100%;
	float: none;
	text-align: center;
}
#fh5co-logo img {
	width: 270px;
}
}
#fh5co-logo a {
	color: #fff;
}
#fh5co-logo a:hover, #fh5co-logo a:focus {
	color: #fff !important;
}
#fh5co-menu-wrap {
	position: relative;
	z-index: 2;
	display: block;
	float: right;
	margin-top: 22px;

}


#fh5co-menu-wrap .sf-menu a {
	/*  padding: 1em .75em;*/
	padding: 1em 1em;
}
#fh5co-primary-menu > li > ul li.active > a {
	color: #FCC72C !important;
}
#fh5co-primary-menu > li > .sf-with-ul:after {
	border: none !important;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	float: right;
	margin-right: -1px;
	top: 50%;
	margin-top: -7px;
	content: "\e922";
	color: #fff;
}
#fh5co-primary-menu > li > ul li {
	position: relative;
}
#fh5co-primary-menu > li > ul li > .sf-with-ul:after {
	border: none !important;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	float: right;
	margin-right: 10px;
/*	top: 15px; */
	font-size: 16px;
	content: "\e924";
	color: rgba(0, 0, 0, 0.5);
}
#fh5co-primary-menu .fh5co-sub-menu {
	padding: 10px 7px 10px;
	background: #fff;
	left: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
	left: 100%;
}
#fh5co-primary-menu .fh5co-sub-menu:before {
	position: absolute;
	top: -9px;
	left: 20px;
	width: 0;
	height: 0;
	content: '';
}
#fh5co-primary-menu .fh5co-sub-menu:after {
	position: absolute;
	top: -8px;
	left: 21px;
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-bottom: 8px solid white;
	border-left: 8px solid transparent;
	content: '';
}
#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
	top: 6px;
	left: 100%;
}
#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
	top: 7px;
	right: 100%;
	border: none !important;
}
.site-header.has-image #primary-menu .sub-menu {
	border-color: #ebebeb;
	-webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	-ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	-o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
	box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
}
.site-header.has-image #primary-menu .sub-menu:before {
	display: none;
}
#fh5co-primary-menu .fh5co-sub-menu a {
	letter-spacing: 0;
	padding: 0 15px;
	font-size: 18px;
	line-height: 34px;
	color: #575757 !important;
	text-transform: none;
	background: none;
}
#fh5co-primary-menu .fh5co-sub-menu a:hover {
	color: #FCC72C !important;
}
#fh5co-work-section, #fh5co-work-section, #fh5co-services-section, #fh5co-content-section, #fh5co-work-section_2, #fh5co-blog-section {
	padding: 6em 0;
}

@media screen and (max-width: 768px) {
#fh5co-work-section,  #fh5co-services-section,  #fh5co-content-section,  #fh5co-work-section_2,  #fh5co-blog-section {
	padding: 6em 0;
}
}
.fh5co-section-gray {
/*	background: rgba(0, 0, 0, 0.04); */
background:#ede7de;
}


.fh5co-section-white {
background:#ffffff;
}


.heading-section {
	padding-top: 3em;
	padding-bottom: 1em;

}
.heading-section:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	height: 2px;/*background: #FCC72C;*/
}
.heading-section h3 {
	font-size: 140%;
	letter-spacing: 2px;
	position: relative;
font-weight:bold;
}
.fh5co-grid {
	height: 302px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 30px;
	position: relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
}

@media screen and (max-width: 480px) {
.fh5co-grid {
	height: 400px;
}
.row {
	padding-top: 1em;
}
}
.fh5co-grid .image-popup {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
}
.fh5co-grid .image-popup .prod-title {
	position: absolute;
	top: 50%;
	bottom: 20px;
	left: 20px;
	right: 20px;
	margin-top: -25px;
}
.fh5co-grid .image-popup .prod-title h3 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 20px;
}
.fh5co-grid .image-popup .prod-title span {
	color: #fff;
}
.fh5co-grid:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.fh5co-grid:hover .image-popup {
	opacity: 1;
}
.services {
	margin-bottom: 5em;
}
.services span {
	margin-bottom: 30px;
	display: block;
	width: 100%;
}
.services span i {
	font-size: 50px;
	color: #fcc72c;
}
.services h3 {
	font-size: 20px;
	font-weight: 400;
}
#fh5co-services, #fh5co-about, #fh5co-contact {
	padding: 7em 0;
}

@media screen and (max-width: 768px) {
#fh5co-services, #fh5co-about, #fh5co-contact {
	padding: 4em 0;
}
}
#fh5co-services .fh5co-number {
	font-size: 30px;
	color: #1fb5f6;
	position: relative;
	padding-top: 10px;
	font-style: italic;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
 *display: inline;
}
#fh5co-services .fh5co-number:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	top: 0;
	left: 0;
	background: #1fb5f6;
}
#fh5co-services .fh5co-icon {
	margin-bottom: 30px;
	margin-top: 50px;
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
 *display: inline;
}

@media screen and (max-width: 768px) {
#fh5co-services .fh5co-icon {
	margin-top: 0px;
	float: none;
}
}
#fh5co-services .fh5co-icon i {
	font-size: 200px;
	color: #FCC72C;
}

@media screen and (max-width: 768px) {
#fh5co-services .fh5co-icon i {
	font-size: 100px;
}
}
#fh5co-contact .contact-info {
	margin: 0;
	padding: 0;
}
#fh5co-contact .contact-info li {
	list-style: none;
	margin: 0 0 20px 0;
	position: relative;
	padding-left: 40px;
}
#fh5co-contact .contact-info li i {
	position: absolute;
	top: .3em;
	left: 0;
	font-size: 22px;
	color: rgba(0, 0, 0, 0.3);
}
#fh5co-contact .contact-info li a {
	font-weight: 400 !important;
	color: rgba(0, 0, 0, 0.3);
}
#fh5co-contact .form-control {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 18px;
	font-weight: 400;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#fh5co-contact input[type="text"] {
	height: 50px;
}
#fh5co-contact .form-group {
	margin-bottom: 30px;
}
.fh5co-testimonial {
	position: relative;
	background: #fff;
	padding: 4em 0;
	border-radius: 5px;
	-webkit-box-shadow: 0px 18px 88px -22px rgba(0, 0, 0, 0.58);
	-moz-box-shadow: 0px 18px 88px -22px rgba(0, 0, 0, 0.58);
	box-shadow: 0px 18px 88px -22px rgba(0, 0, 0, 0.58);
}

@media screen and (max-width: 768px) {
.fh5co-testimonial {
	border-right: 0;
	margin-bottom: 80px;
}
}
.fh5co-testimonial h2 {
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 50px;
}
.fh5co-testimonial figure {
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -44px;
	margin-bottom: 20px;
	background-size: cover;
}
.fh5co-testimonial figure img {
	width: 88px;
	height: 88px;
	border: 10px solid #fff;
	background-size: cover;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.fh5co-testimonial blockquote {
	border: none;
	margin-bottom: 20px;
}
.fh5co-testimonial blockquote p {
	font-style: italic;
	font-size: 26px;
	line-height: 1.6em;
	color: #555555;
}
.fh5co-testimonial span {
	font-style: italic;
}
.fh5co-blog {

}
.fh5co-blog a img {
	margin-bottom: 30px;
	width: 100%;
	/*  height: 300px; */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
}

@media screen and (max-width: 768px) {
.fh5co-blog {
	width: 100%;
}
}
.fh5co-blog .image-popup {
	opacity: 1;
}
.fh5co-blog .image-popup span {
	display: inline-block;
	margin-bottom: 20px;
}
.fh5co-blog .image-popup span.posted_by {
	font-style: italic;
	color: rgba(0, 0, 0, 0.3);
	font-size: 18px;
}
.fh5co-blog .image-popup span.comment {
	float: right;
}
.fh5co-blog .image-popup span.comment a {
	color: rgba(0, 0, 0, 0.3);
}
.fh5co-blog .image-popup span.comment a i {
	color: #FCC72C;
	padding-left: 7px;
}
.fh5co-blog .image-popup h3 {
	font-size: 130%;
	margin-bottom: 20px;
}
.fh5co-blog .image-popup h3 a {
	color: rgba(0, 0, 0, 0.6);
}
#fh5co-start-project-section {
	padding: 7em 0;
	background: #F64E8B;
}
#fh5co-start-project-section h2 {
	color: white;
	font-size: 60px;
	text-transform: uppercase;
	font-weight: 300;
}

@media screen and (max-width: 768px) {
#fh5co-start-project-section h2 {
	font-size: 30px;
}
}
#fh5co-start-project-section a:hover, #fh5co-start-project-section a:focus, #fh5co-start-project-section a:active {
	color: white !important;
}
#map {
	width: 100%;
	height: 500px;
	position: relative;
}

@media screen and (max-width: 768px) {
#map {
	height: 200px;
}
}
.fh5co-social-icons > a {
	padding: 4px 10px;
	color: #FCC72C;
}
.fh5co-social-icons > a i {
	font-size: 26px;
}
.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {
	text-decoration: none;
	color: #5a5a5a;
}
#footer {
	background: #94928e;
	padding: 0px 0 40px;
}
#footer p {
	color: rgba(255, 255, 255, 0.3);
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
}
#footer p a {
	color: rgba(255, 255, 255, 0.5);
}
.btn {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn {
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.btn.btn-primary {
 background: #83b41b; 
	color: #fff;
	border: none !important;
	border: 2px solid transparent !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
	box-shadow: none;
	background: #FCC72C;
	color: #fff !important;
}
.btn:hover, .btn:active, .btn:focus {
	background: #ddd !important;
	color: #fff;
	outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
	border-color: transparent;
}
.js .animate-box {
	opacity: 0;
}
#fh5co-wrapper,#fh5co-wrapper_top {
	overflow-x: hidden;
	position: relative;
}
.fh5co-offcanvas {
	overflow: hidden;
}
.fh5co-offcanvas #fh5co-wrapper,#fh5co-wrapper_top {
	overflow: hidden !important;
}
#fh5co-page {
	position: relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.fh5co-offcanvas #fh5co-page {
	-moz-transform: translateX(-240px);
	-webkit-transform: translateX(-240px);
	-ms-transform: translateX(-240px);
	-o-transform: translateX(-240px);
	transform: translateX(-240px);
}

@media screen and (max-width: 768px) {
#fh5co-menu-wrap {
	display: none;
}
}
#offcanvas-menu {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 99;
	background: #222;
	right: -240px;
	width: 240px;
	padding: 20px;
	overflow-y: scroll !important;
}
#offcanvas-menu ul {
	padding: 0;
	margin: 0;
}
#offcanvas-menu ul li {
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
}
#offcanvas-menu ul li a {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.4);
}
#offcanvas-menu ul li a:hover {
	color: #FCC72C;
}
#offcanvas-menu ul li > .fh5co-sub-menu {
	margin-top: 9px;
	padding-left: 20px;
}
#offcanvas-menu ul li.active > a {
	color: #FCC72C;
}
#offcanvas-menu ul .fh5co-sub-menu {
	display: block !important;
}
.fh5co-nav-toggle {
	cursor: pointer;
	text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
	background: #fff;
}
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
	background: #fff;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
	outline: none;
	border-bottom: none !important;
}
.fh5co-nav-toggle i {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
 *display: inline;
	width: 30px;
	height: 2px;
	color: #fff;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #fff;
	transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
	content: '';
	width: 30px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.fh5co-nav-toggle.dark i {
	position: relative;
	color: #000;
	background: #000;
	transition: all .2s ease-out;
}
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
	background: #000;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.fh5co-nav-toggle i::before {
	top: -7px;
}
.fh5co-nav-toggle i::after {
	bottom: -7px;
}
.fh5co-nav-toggle:hover i::before {
	top: -10px;
}
.fh5co-nav-toggle:hover i::after {
	bottom: -10px;
}
.fh5co-nav-toggle.active i {
	background: transparent;
}
.fh5co-nav-toggle.active i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.fh5co-nav-toggle.active i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
.fh5co-nav-toggle {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9999;
	display: block;
	margin: 0 auto;
	display: none;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
.fh5co-nav-toggle {
	display: block;
	top: 0px;
	margin-top: 2em;
	margin-right: 0.5em;
}
}

@media screen and (max-width: 480px) {
.col-xxs-12 {
	float: none;
	width: 100%;
}
}
.row-bottom-padded-lg {
	padding-bottom: 7em;
}

@media screen and (max-width: 768px) {
.row-bottom-padded-lg {
	padding-bottom: 2em;
}
}
.row-top-padded-lg {
	padding-top: 7em;
}

@media screen and (max-width: 768px) {
.row-top-padded-lg {
	padding-top: 2em;
}
}
.row-bottom-padded-md {
	padding-bottom: 4em;
}

@media screen and (max-width: 768px) {
.row-bottom-padded-md {
	padding-bottom: 2em;
}
}
.row-top-padded-md {
	padding-top: 4em;
}

@media screen and (max-width: 768px) {
.row-top-padded-md {
	padding-top: 2em;
}
}
.row-bottom-padded-sm {
	padding-bottom: 2em;
}

@media screen and (max-width: 768px) {
.row-bottom-padded-sm {
	padding-bottom: 2em;
}
}
.row-top-padded-sm {
	padding-top: 2em;
}

@media screen and (max-width: 768px) {
.row-top-padded-sm {
	padding-top: 2em;
}
}
.border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.lead {
	line-height: 1.8;
}
.no-js #loader {
	display: none;
}
.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}
.fh5co-loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/hourglass.svg) center no-repeat #222222;
}
/*# sourceMappingURL=style.css.map */







.container_top {
	width: 100%;
}

@media screen and (max-width: 768px) {
.container_top {
	width: 100%;
}
}

@media screen and (max-width: 992px) {
#fh5co-primary-menu li a {
	font-size: 14px;
}
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.container:before, .container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}

@media (min-width: 768px) {
.container {
	width: 550px;
}
}

@media (min-width: 992px) {
.container {
	width: 770px;
}
}

@media (min-width: 1200px) {
.container {
	width: 970px;
}
}
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/










#fh5co-wrapper {
	max-width: 1600px;
	background-color: #fff;
	margin: 0 auto;
}


/* トップページ */

#fh5co-wrapper_top {
	max-width: 1600px;
	background-color: #ede7de;
	margin: 0 auto;
}







/* トップページ (新着情報) */


.new_info_box {
	padding: 18px 0 18px 18px;
	width: 100%;
background:#fefaf4;
-webkit-border-radius: 2px;border-radius: 2px;
}

dl.box {
	height: 190px;
	width: 100%;
	overflow: auto;
	margin: 0;
/* 追加 */
padding-right:1.5em;
}

dl.box dt {
	margin: 0;
}
dl.box dd {
	margin: 0 0 10px 0;

}





dl.box dd a {
	color: #333;
}
dl.box dd span {
	color: #888;
/*	font-weight: bold; */
}
h2#info {
	border-top: solid 5px #B1D135;
	background: none !important;
	color: #fff;
	width: 100%;
	height: 37px;
	padding: 4px 0 20px 10px;
	margin: 20px 0 -7px 0;
}
h2#info2 {
	border-top: solid 5px #B1D135;
	background: none !important;
	color: #fff;
	width: 100%;
	height: 37px;
	padding: 4px 0 20px 10px;
	margin: 20px 0 -7px 0;
}





.btn-primary {
	background-color: #67bda0;
	border-color: #2e6da4;
	color: #fff;
}
table#calendar {
	border: 0;

	padding-left: 5px;
}
table#calendar td {
	border: 0;
	text-align: center;
	height: 30px;
	background: url(/tarh/files/calender_td_back.png) no-repeat;
}
table#calendar th {
	color: #143724;
	text-align: center;
	width: 30px;
	border: 0;
/*	background: url(tarh/files/calender_th_back.png) no-repeat; */
	margin: 0 2px;
	height: 30px;
}
table#calendar td.today {
}


table#calendar_n {
	border: 0;

	padding-left: 5px;
}
table#calendar_n td {
	border: 0;
	text-align: center;
	height: 30px;
	background: url(/tarh/files/calender_td_back.png) no-repeat;
}
table#calendar_n th {
	color: #143724;
	text-align: center;
	width: 30px;
	border: 0;
	background: url(/tarh/files/calender_th_back.png) no-repeat;
	margin: 0 2px;
	height: 30px;
}
table#calendar_n td.today {
}


td#cell1, td#cell8, td#cell15, td#cell22, td#cell29, td#cell36 {
	color: #ff0000;
}
td#cell1 a, td#cell8 a, td#cell15 a, td#cell22 a, td#cell29 a,td#cell36 a {
	color: #ff0000;
}
td#cell7, td#cell14, td#cell21, td#cell28, td#cell35 {
	color: #27a500;
}
td#cell7 a, td#cell14 a, td#cell21 a, td#cell28 a, td#cell35 a {
	color: #27a500;
}


td#cell1_n, td#cell8_n, td#cell15_n, td#cell22_n, td#cell29_n , td#cell36_n{
	color: #ff0000;
}
td#cell1_n a, td#cell8_n a, td#cell15_n a, td#cell22_n a, td#cell29_n a ,td#cell36_n a{
	color: #ff0000;
}
td#cell7_n, td#cell14_n, td#cell21_n, td#cell28_n, td#cell35_n {
	color: #27a500;
}
td#cell7_n a, td#cell14_n a, td#cell21_n a, td#cell28_n a, td#cell35_n a {
	color: #27a500;
}




.tuki {
	background: url(/tarh/files/cal_back.png) no-repeat;
	width: 215px;
	height: 38px;
	margin: 10px 0 0px 2px;
}
.tuki_next {
	background: url(/tarh/files/cal_back_next.png) no-repeat;
	width: 215px;
	height: 38px;
	margin: 5px 0 12px 2px;
}

#calendar th.nichi {
/*	background: url(/tarh/files/week_nichi.png) no-repeat 0 0; */
	width: 30px;
	height: 30px;
}
#calendar th.getsu {
/*	background: url(/tarh/files/week_getsu.png) no-repeat 0 0; */
	width: 30px;
	height: 30px;
}
#calendar th.ka {
/*	background: url(/tarh/files/week_ka.png) no-repeat 0 0; */
	width: 30px;
	height: 30px;
}
#calendar th.sui {
/*	background: url(/tarh/files/week_sui.png) no-repeat 0 0; */
	width: 30px;
	height: 30px;
}
#calendar th.moku {
/*	background: url(/tarh/files/week_moku.png) no-repeat 0 0; */
	width: 30px;
	height: 30px;
}
#calendar th.kin {
/*	background: url(/tarh/files/week_kin.png) no-repeat 0 0; */
	width: 30px;
	height: 30px;
}
#calendar th.do {
/*	background: url(/tarh/files/week_do.png) no-repeat 0 0; */
	width: 30px;
	height: 30px;
}
#calendar th.nichi_next {
	background: url(/tarh/files/nichi_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.getsu_next {
	background: url(/tarh/files/getsu_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.ka_next {
	background: url(/tarh/files/ka_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.sui_next {
	background: url(/tarh/files/sui_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.moku_next {
	background: url(/tarh/files/moku_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.kin_next {
	background: url(/tarh/files/kin_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.do_next {
	background: url(/tarh/files/do_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}

.cal_bottom a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.cal_bottom01 {
	float: left;
	padding-left: 0px;
}
.cal_bottom02 {
	float: right;
	padding-right: 0px;
}


.cal_day_back {
	background: url(/tarh/files/calender_td_back.png) no-repeat;
	width: 30px;
	height: 26px;
	padding-top: 4px;
}




/* レスポンシブ仕様 20170117*/

#fh5co-header-section {
	background-color: #ede7de;
}
.guide_topimg {
	background-image: url(../files/guide_img.jpg);
}
.event_topimg {
	background-image: url(../files/event_img.jpg);
}
.floor_topimg {
	background-image: url(../files/floor_guide_top.jpg);
}
.archives_area {
	margin-bottom: 10px;
	margin-top: 40px;
	float: right;
}
.guide_blog_dt {
	padding: 15px 0 10px 12px;
	color: #bbb;
}
.guide_blog_dd {
	clear: both;
	padding: 0 0 20px 15px;
	width: 100%;
	border-bottom: dotted 1px #ddd;
}
.guide_blog_dd span {
	font-size: 110%;
	color: #315833;
	font-weight: bold;
}
.entry_title_border {
	border-bottom: solid 2px #eee;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0 25px 10px;
}
.entry_title_date {
	padding: 0;
	margin: 0 30px 40px 0;
	float: right;
	font-size: 90%;
	color: #666;
}
.asset-body {
	padding: 0 40px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.next_cal {
	background-color: #ff7042;
	width: 206px;
	height: 38px;
	margin: 10px 0 0px 2px;
}
.this_cal {
	background-color: #ff9d33;
	width: 206px;
	height: 38px;
	margin: 10px 0 0px 2px;
}
h3.new_info {
	padding-bottom: 6px;
	width: 95%;
	margin-bottom: 10px;
}


h2.new_info {
margin-bottom: 20px;
margin-top:30px;
}

.goannai_p {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.7em;
	padding-bottom: 0px;

}
.goannai_p_last {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.7em;
	padding-bottom: 25px;

}
.cal_month_wrap01 {
	width: 206px;
	text-align: center;
}
.cal_month_wrap02 {
	background-color: #83b41b;
	width: 206px;
	height: 38px;
	margin: 18px 0 0px 2px;
	padding-top: 3px;
	border-radius: 2px;
}
.cal2_month_wrap01 {
	width: 206px;
	text-align: center;
}
.cal2_month_wrap02 {
	background-color: #67bda0;
	width: 206px;
	height: 38px;
	margin: 5px 0 0px 2px;
	padding-top: 3px;
}
.cal3_month_wrap01 {
	width: 220px;
	text-align: center;
}
.cal3_month_wrap02 {
	background-color: #ff7042;
	width: 206px;
	height: 38px;
	margin: 18px 0 0px 2px;
	padding-top: 3px;
	border-radius: 2px;
}






.sitemap_area {
	padding: 0p;
	background-color: #767676;
	width: 100%;
	height: 35px;
}
.sitemap_area ul {
	list-style-type: none;
	color: #aaa;

	padding: 2px 0 0 15px !important;
	margin: 0 !important;
	height: 30px !important;
}
.sitemap_area ul li {
	color: #666;
	float: left;
font-size:14px !important;
}
.sitemap_area ul li a {
	color: #666;
	text-decoration: none;
	padding: 2px 10px 0 10px !important;
}

@media screen and (max-width: 992px) {
.sitemap_area ul li {
	font-size: 11px;
}
}

@media screen and (max-width: 992px) {
.sitemap_area ul {
	padding: 0 0 0 55px !important;
}
}

@media screen and (max-width: 768px) {
.sitemap_area ul li {
	font-size: 10px;
}
}

@media screen and (max-width: 768px) {
.sitemap_area ul {
	padding: 0 0 0 65px !important;
	width: 13em;
}
}

@media screen and (max-width: 414px) {
h1#fh5co-logo img {
	width: 90%;
	margin-left: -10%;
}
}
.arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 22px;
	vertical-align: middle;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 10px;
}
.arrow::before, .arrow::after {
	position: absolute;
	top: -15%;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow2 {
	position: relative;
	display: inline-block;
	padding: 0 0 0 19px;
	color: #0a8be1 !important;
	vertical-align: middle;
	text-decoration: none;
	margin-top: -3px;
	margin-left: 10px;
}
.arrow2::before, .arrow2::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.sample4-2::before {
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #7eac29;
}
.sample4-2::after {
	left: 7px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}
.table td {
	font-size: 110%;
}
.sample5-2::before {
	left: 3px;
	width: 6px;
	height: 6px;
	top: 2px;
	border-top: 2px solid #0a8be1;
	border-right: 2px solid #0a8be1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sample4-1::before {
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #0a8be1;
}
#footer ul {
	list-style-type: none;
	font-size: 14px;
	width: 29em;
	margin: 0 auto;
}
#footer ul li {
	float: left;
	padding-right: 0.5em;
}
#footer ul li::after {
	content: "|";
}
#footer ul li.last_footer::after {
	content: "";
}
#footer ul li a {
	padding-right: 0.5em;
	color: #aaa;
}
#footer ul li.last_footer {
	float: left;
	padding-right: 0 !important;
}
#footer ul li.last_footer a {
	padding-right: 0 !important
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #fff;
}
.cse-wrapper * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#cse-search-box {
	margin: 0 auto;
	float: none;
	padding: 11px 0 0;
	width: 300px;
}
#cse-search-box div {
	height: 28px;
	padding: 0;
	width: 300px;
}
.sf-menu a {
	font-size: 18px;
	color: #5a5853;
}








/*アクセス (科学館地図) */
.kannai_map{
border-bottom:dotted 2px #ddd;
font-size:130%;
width:80%;
margin:0 auto;
padding-bottom:0.5em;
padding-left:0.3em;
margin-bottom:2em;
}

.kannai_map i{
font-size:23px;
padding-right:12px;

}

.imagemap{
margin-left:4em;
position:relative;
height:472px; 
width:668px;
background:url(../files/floor_map.png) 0 0 no-repeat; 
}

.imagemap a:hover {
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
	border: 2px dotted rgba(0, 0, 0, 0.6);
}

.map01{
position:absolute; 
top:163px; 
left:12px; 
width:142px; 
height:27px;
}



.map03{
position:absolute;
top:25px; 
left:269px;
width:142px; 
height:27px;
}

.map04{
position:absolute;
top:411px; 
left:269px; 
width:142px;
height:27px;
}

.map05{

position:absolute;
top:316px; 
left:326px; 
width:142px; 
height:27px;
}

.map06{
position:absolute; 
top:262px; 
left:436px; 
width:142px; 
height:27px;
}

.map07{
position:absolute; 
top:216px;
left:511px; 
width:142px; 
height:27px;
}
/* (グーグルマップ) */

.gmap {
	position: relative;
	padding-bottom: 600px;
// これが縦横比 height: 0;
	overflow: hidden;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 450px !important;
	margin-top: 0px;
	pointer-events: none;
}




/* 各タイトル アンダーライン*/
.kiji {
	padding-left: 7px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.kiji:after {
	background-color: #e0e0e0; /* 線色 */
	border-radius: 1px; /* 線幅の半分 */
	content: "";
	display: block;
	height: 2px; /* 線幅 */
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: -7px;
	padding-bottom: 0 !important;
}
/* ヘッダ */
.active {
	font-weight: bold !important;
}

/* ページのトップに戻る*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 45px;
}
.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #222;
	font-size: 12px;
	text-decoration: none;
	padding: 15px 20px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border-radius: 3px
}
.pagetop a:hover {
	display: block;
	background-color: #b2d1fb;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* 各新着 リンク色*/
.new_list a {
	color: #5A5A5A;
}
.honbun {
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 1em;
}
/* カレンダー */

#this {
/*	position: absolute; */
	margin-left: 50px;

    margin-top:3em;
}

#next {
margin-top:3em;
}

@media screen and (max-width: 1200px) {
#this {
	position: relative;
	margin-left: 30px;
}
#next {
	margin-left: 30px;
}
}

@media screen and (max-width: 992px) {
#this {
	position: relative;
	margin-left: 0px;
}
#next {
	margin-left: 60px;
}
}

@media screen and (max-width: 768px) {
#this {
	position: relative;
	margin: 0 auto;
	width: 210px;
}
#next {
	margin: 0 auto;
	width: 210px;
}
}

@media screen and (max-width: 400px) {
#footer ul li {
	float: none !important;
}
#footer ul {
	width: 15em;
}
#footer ul li::after {
	content: "";
}
.fh5co-cover h2 {
	font-size: 26px !important;
}
.fh5co-cover span {
	font-size: 22px !important;
}
#fh5co-work-section {
	padding-top: 5em !important;
}
}
span.tel::after {
	padding-right: 1em;
	content: "/";
}

@media screen and (max-width: 358px) {
span.tel::after {
	content: "";
}
}

@media screen and (max-width: 700px) {
.floormap {
	display: none;
}
}

@media screen and (max-width: 600px) {
.box a, .prod-title a {
	pointer-events: none;
}
}
* {
	box-sizing: border-box;
}
.menu-wrap {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fcfcfc;
border-bottom:solid 5px #f2eee8;

}
.menu {
	list-style: none;
	overflow: hidden;
	float: left;
	margin: 0 auto;
	padding: 0;
}
.menu li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 27px;
}
.menu li i {
	margin-right: 10px;
}
.menu li .sub_li {
	padding-top: 2px !important;
}
.menu li.menu_adjust a {
	margin-top: -27px;
}
.menu li a {
	display: block;
	height: 30px;
	line-height: 23px;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.menu li.menu_adjust a {
	margin-left: 8px;
}
.menu li.menu_adjust span {
	padding-left: 3px;
}
.menu li a:hover {
	background: #666;
}
.search-form {
	display: block;
	position: relative;
}
.search-form:before, .search-field {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 30px;
	margin: 0;
}
.search-form:before {
	z-index: 1;
	line-height: 30px;
	background: #83b41b;
	color: #FFF;
	text-align: center;
}
.search-field {
	-webkit-appearance: none;
	border-radius: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	z-index: 200;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.search-field:focus {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	width: 30%;
	cursor: text;
}
.search-form input[type="submit"] {
	display: none;
}
.footer_s {
	width: 100%;
	height: 56px;
background-color: #d2cabe;
}
.footer_s ul {
	list-style-type: none;
	font-size: 14px;
	margin: 0 auto;
	padding-top: 15px;
}
.footer_s ul li {
	float: left;
	padding-right: 1.5em;
}
.footer_s ul li::after {
	content: "|";
}
.footer_s ul li.last_footer::after {
	content: "";
}
.footer_s ul li a {
	margin-right: 1.5em;
	color: #666;
}
.li arrow::before {
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #7a0;
	border-right: 2px solid #7a0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* Common */

p {
	line-height: 24px;
}
.floatl {
	float: left;
}
.float_clear {
	clear: both;
	float: left;
}
.red {
	color: #ff0000;
}
.pad_bot25 {
	padding-bottom: 25px;
}
pd_0_20 {
	margin: 15px 0 20px;
}
.pd0_0_10_10 {
	padding: 0 0 10px 10px;
}
.pd10_0_20 {
	padding: 10px 0 20px;
}
.pd_bot50 {
	padding-bottom: 50px;
}
.pd_bot30 {
	padding-bottom: 30px;
}
.pad_28_3 {
	padding: 28px 0 3px;
}
.pd_left12 {
	padding-left: 12px;
}
.pd_left15 {
	padding: 0 0 0 15px;
}
.pd0_10_5 {
	padding: 0px 10px 5px;
}
.w500 {
	width: 500px;
}
.w690 {
	width: 690px;
}
.h450 {
	height: 450px;
}
.popup_gray {
	color: #999;
	padding-left: 20px;
}
.mg_left-30 {
	margin-left: -30px;
}
.mg_top30 {
	margin-top: 30px
}
/* END Common */





/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}



/* トップページ */
#head_logo {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}
#beta {
	width: 220px;
	background: #ccc;
	margin: 0;
	padding: 0;
}
#beta-inner {
	background: #eee;
	width: 210px;
	margin: 0;
	padding: 10px 0 0 0;
}






/* 新着情報 */
.new_info {
	width: 100%;
	margin: 0 0 0 0;

	-webkit-border-radius: 2px;
	border-radius: 2px;
color:#79797a;
background: url(/tarh/files/bg_midashi.gif) repeat-x left bottom;
padding-bottom:5px;
}

.new_info i{
vertical-align:-2px !important;
}

.new_info img {
	margin-bottom: 5px;
	vertical-align: -5px;
}


.new_info:after {
/*	background-color: #e0e0e0; 
	border-radius: 2px; 
	content: "";
	display: block;
	height: 4px;  */

}



/* END 新着情報 */



/* サイドバー */

table#calendar {
	border: 0;

	padding-left: 5px;
}
table#calendar td {
	border: 0;
	text-align: center;
	height: 30px;
	background: url(/tarh/files/calender_td_back.png) no-repeat;
}
table#calendar th {
	color: #143724;
	text-align: center;
	width: 30px;
	border: 0;
/*	background: url(/tarh/files/calender_th_back.png) no-repeat; */
	margin: 0 2px;
	height: 30px;
}
table#calendar td.today {
}
td#cell1, td#cell8, td#cell15, td#cell22, td#cell29 {
	color: #ff0000;
}
td#cell1 a, td#cell8 a, td#cell15 a, td#cell22 a, td#cell29 a {
	color: #ff0000;
}
td#cell7, td#cell14, td#cell21, td#cell28, td#cell35 {
	color: #27a500;
}
td#cell7 a, td#cell14 a, td#cell21 a, td#cell28 a, td#cell35 a {
	color: #27a500;
}
.tuki {
	/*background:url(/tarh/files/cal_back.png) no-repeat;*/
	background-color: #67bda0;
	width: 206px;
	height: 30px;
	margin: 10px 0 5px 2px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding-top: 2px;
}
.tuki_next {
	background: url(/tarh/files/cal_back_next.png) no-repeat;
	width: 215px;
	height: 38px;
	margin: 5px 0 12px 2px;
}
.cal_wrap {
background-color:#ede7de;
	margin-bottom: 20px;
	margin-top: 2px;
}
#calendar th.nichi {
	width: 30px;
	height: 30px;
}
#calendar th.getsu {
	width: 30px;
	height: 30px;
}
#calendar th.ka {
	width: 30px;
	height: 30px;
}
#calendar th.sui {
	width: 30px;
	height: 30px;
}
#calendar th.moku {
	width: 30px;
	height: 30px;
}
#calendar th.kin {
	width: 30px;
	height: 30px;
}
#calendar th.do {
	width: 30px;
	height: 30px;
}
#calendar th.nichi_next {
	background: url(/tarh/files/nichi_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.getsu_next {
	background: url(/tarh/files/getsu_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.ka_next {
	background: url(/tarh/files/ka_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.sui_next {
	background: url(/tarh/files/sui_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.moku_next {
	background: url(/tarh/files/moku_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.kin_next {
	background: url(/tarh/files/kin_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}
#calendar th.do_next {
	background: url(/tarh/files/do_next.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
}


.cal_bottom {
	width: 98%;
	font-size: 80%;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 20px;
}


.cal_bottom a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.cal_bottom01 {
	float: left;
	padding-left: 4px;
}
.cal_bottom02 {
	float: right;
	padding-right: 4px;
}


.cal_mitei {
	background: url(/tarh/files/mitei_mark.png) no-repeat 0 0;
	width: 30px;
	height: 26px;
	padding-top: 0px;
}

.cal_mitei a{
color:inherit;
}

.cal_closed {
	background: url(/tarh/files/close_mark.png) no-repeat 0 0;
	width: 30px;
	height: 26px;
	padding-top: 0px;
}

.cal_closed a{
color:inherit;
}

.cal_day_back {
	background: url(/tarh/files/calender_td_back.png) no-repeat;
	width: 30px;
	height: 26px;
	padding-top: 0px;
}
/* END サイドバー */





/* テーブル */


dl.gallery_table2 {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 0 0px 10px;
	width: 690px;
}
dl.gallery_table2 dt {
	width: 85px;
	font-weight: bold;
	border-top: 3px solid #fff;
	color: #444832;
	padding: 5px 0 5px 15px;
	background-color: #e2edba;
	float: left;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 3px;
}
dl.gallery_table2 dd {
	background-color: #eef4d7;
	border-top: 3px solid #fff;
	padding: 5px 0 5px 20px;
	width: 560px;
	float: left;
	letter-spacing: 1px;
}
dl.gallery_table_en {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 0 10px 10px;
	width: 690px;
}
dl.gallery_table_en dt {
	width: 135px;
	font-weight: bold;
	border-top: 3px solid #fff;
	color: #444832;
	padding: 5px 0 5px 15px;
	background-color: #e8f0cd;
	float: left;
	text-align: justify;
	text-justify: inter-ideograph;
}
dl.gallery_table_en dd {
	background-color: #f1f4e6;
	border-top: 3px solid #fff;
	padding: 5px 0 5px 20px;
	width: 510px;
	float: left;
}
/* END テーブル */








.w700 {
	width: 700px;
}
.guide_blog img {
	border: solid 1px #ddd;
	padding: 6px;
}
.guide_blog {
	padding-bottom: 30px;
}
a.light {
	color: #026ad5;
}
#nav3 {
	font-size: 95%;
	font-weight: bold;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}
#nav3 li {
	float: left;
	width: 222px;
	height: 51px;
	text-align: center;
	background: url(/tarh/files/menu_s01.png) no-repeat;
	margin: 0 11px 2px 0;
	font-weight: bold;
	padding-top: 11px;
	border: solid 1px #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#nav3 li a {
	text-decoration: none;
	display: block;
	color: #416f1c;
	width: 160px;
	padding: 5px 10px 5px 35px;
	background: #b1d135 url(/tarh/files/arrow_smenu.png) no-repeat 15px center;
}
.bus_midorino {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/train02_off.png);
	background-repeat: no-repeat;
}
.bus_midorino div {
	width: 690px;
	height: 37px;
	background: url(/tarh/files/bus_black.png) no-repeat 265px 10px;
}
.bus_midorino_en {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/train02_en_off.png);
	background-repeat: no-repeat;
}
.bus_tsukuba {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/train03_off.png);
	background-repeat: no-repeat;
}
.bus_tsukuba_en {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/train03_en_off.png);
	background-repeat: no-repeat;
}
.bus_tsukuba div {
	width: 690px;
	height: 37px;
	background: url(/tarh/files/bus_black.png) no-repeat 265px 10px;
}
.bus_ushiku {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/train01_off.png);
	background-repeat: no-repeat;
}
.bus_ushiku_en {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/train01_en_off.png);
	background-repeat: no-repeat;
}
.bus_ushiku div {
	width: 690px;
	height: 37px;
	background: url(/tarh/files/bus_black.png) no-repeat 265px 10px;
}
.car_speedway {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/car_off.png);
	background-repeat: no-repeat;
}
.car_speedway_en {
	width: 690px;
	height: 37px;
	background-image: url(/tarh/files/car_en_off.png);
	background-repeat: no-repeat;
}
.car_speedway div {
	width: 690px;
	height: 37px;
	background: url(/tarh/files/car_black.png) no-repeat 267px 12px;
}
#default_tbl a {
	color: #5c614b;
}
#menu_side ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #eeeeee;
	width: 213px;
}
#menu_side li {
	display: inline;
	padding: 0;
	margin: 0;
}
#menu_side li a {
	display: block;
	border-left: 8px solid #c2d82c;
	background-color: #f4f6e8;
	padding: 11px 0 11px 45px;
	text-decoration: none;
	color: #5e6246;
	width: 160px;
	margin: 1px 0px;
	text-align: left;
	font-size: 14px;
}
#menu_side li a:hover {
	border-left: 8px solid #d0ee06;
	background-color: #f4f6e8;
}
#menu_side {
	padding: 9px 0 25px 3px;
}
#nav_side {
	font-size: 85%;
	list-style: none;
}
#nav_side li {
	margin-bottom: 2px;
}
#nav_side li a {
	text-decoration: none;
	display: block;
	background: #F4F6E8 url(/tarh/files/arrow_smenu_sub.png) no-repeat 5px center;
}
/* 団体利用のご案内 */
.tadashi_ohitori{
text-indent:-1em;margin-left:1em;
}

.kojin_yoyaku div{
border:solid 4px #72b400;-webkit-border-radius: 10px;border-radius: 10px;padding:1.2em 1.2em 0 1.2em !important;
}

.form_dantai div{
border:solid 4px #f78500;-webkit-border-radius: 10px;border-radius: 10px;padding:1.2em 1.2em 0 1.2em !important;
}

.address_p{
font-weight:bold;padding:20px 0 20px 0;font-size:150%;border:solid 3px #666666 !important;text-align:center;

background-color:#FDFDFC;
}

.yoyaku_moushikomisho{
margin-top:30px;

padding-left:2em;
margin-bottom:0.5em !important;
font-size:80% !important;
}

.fa-file-text-o{
font-size:22px;padding-right:10px;
}

.sonota_h3{
margin-top:65px;
}

.fa-exclamation-triangle{
font-size:24px;padding-right:6px;
}

.fa-info-circle{
font-size:24px;padding-right:6px;
}


.hatena_girl{
margin-top:9em;
}

.goraikan{
margin-top:8em;
}


.form_dantai{
background-color:#FDFDFC;-webkit-border-radius: 10px;border-radius: 10px;

}

.kojin_yoyaku{
background-color:#FDFDFC;-webkit-border-radius: 10px;border-radius: 10px;
}

.yoyaku{
background-color:#ede7de !important;width:100%;padding:5em 0;

}

.yoyaku h3 i{
font-size:24px;padding-right:6px;
}

.yoyaku h4{
border-bottom: dotted 1px;
    border-color: #999;
    font-weight: bold;
    font-size: 110%;
    margin-top: 10px;
    margin-bottom: 10px;
padding-left:10px;
padding-bottom:5px;
    clear: both;

}

.kengaku_jikan ul{
padding-bottom:3em;
}



.kengaku_jikan h3{
font-size:140%x;
padding-right:4px;
}

.dantai_div{
padding:0 0 0 2em;
}

.dantai_riyou h3 i{
font-size:22px;
padding-right:8px;
}

.about_guide ul{
padding-bottom:3em;
}


.about_guide h3 i{
font-size:20px;
padding-right:9px;
}

#guide_sonota_p {
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 20px 65px;
}
.pad15_20 {
	padding: 0 0 15px 20px;
}
.pad10_28 {
	padding: 0 0 10px 28px;
}
.pamph_download {
	padding: 0px 20px 35px 0px;
	margin-bottom: 20px;
}
.pamph_download p {
	border-bottom: 1px dotted #aaa;
	padding-left: 7px;
	width: 670px;
	padding-top: 0;
	margin-top: 15px;
	padding-bottom: 4px;
}
.pamph_download p img {
	padding-right: 7px;
	position: relative;
	top: 1px;
}
.pamph_download dl {
	padding-top: 0px;
	margin-left: 20px;
}
.pamph_download dt {
	float: left;
	width: 150px;
	height: 22px;
}
.pamph_download dd {
	float: left;
	height: 25px;
	color: #999;
}
.pamph_download dt span {
	background: url('/common/img/cm_arrow01_ico.gif') no-repeat 0 1px;
	padding-left: 18px;
	padding-right: 20px;
}
#kengaku_time {
	padding-bottom: 35px;
	list-style-type: disc;
}
#kengaku_time li {
	padding-bottom: 7px;
	line-height: 24px;
}
#kengaku_sample {
	padding: 0 0 25px;
	list-style-type: upper-roman;
}
#kengaku_sample li {
	line-height: 24px;
}
.minutes {
	border-bottom: 1px dotted #aaa;
	padding-left: 7px;
	width: 100%;
	padding-top: 0;
	margin-top: 15px;
	padding-bottom: 4px;
}
.guide_red {
	color: #ff0000;
	list-style-type: none;
	margin-left: -1em;
	margin-top: 4px;
	padding-bottom: 35px;
}
#kengaku_sample ul {
	padding-top: 5px;
	list-style-type: circle;
	padding-bottom: 0px;
}
#kengaku_sample ul li {
	padding-bottom: 7px;
	line-height: 22px;
}
.pad20_5 {
	padding: 0 20px 5px;
}
dl.gallery_table {
	background-color: #E8F0CD;
	width: 671px;
	padding: 0;
	margin: 0 0 25px 0;
	overflow: hidden;
	border: 1px solid #d1dbab;
	border-top: none;
}
dl.gallery_table dt {
	float: left !important;
	width: 120px;
	font-weight: bold;
	font-size: 93%;
	border-top: 1px solid #d1dbab;
	color: #444832;
	padding: 5px 0 5px 10px;
	letter-spacing: 0.5em;
}
dl.gallery_table dd {
	background-color: #ffffff;
	border-left: 1px solid #d1dbab; /*長くなる要素にあわせて*/
	border-top: 1px solid #d1dbab;
	margin: 0x;
	padding: 5px 0 5px 10px;
	width: 530px;
	float: left !important;
	letter-spacing: 1px;
}
dl.gallery_table dd:after {
	clear: both; /*1段ずつfloat解除する設定(いらない?)*/
}



.button2 {
  display: inline-block;
  width: 240px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
-webkit-border-radius: 3px;border-radius: 3px;
font-weight:bold;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button2 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 3px solid #5a5a5a;
  color: #111;
  line-height: 50px;
  overflow: hidden;
}
.button2:hover {
  color: #fff;
}
.button2::after {
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
}
.button2:hover::after {
  top: 0;
  left: 0;
  background-color: #5a5a5a;
}


.yoyaku_nagare div{
padding:0.5em;
}

.kojin,.dantai{
display:none;
  }
#fh5co-work-section, #fh5co-work-section{
padding:0;
}

@media (max-width: 992px) {
.nagare{
display:none !important;
  }

.kojin,.dantai{
display:block !important;
  }
}

}



/*トップ メインバナー */

.switch {
	visibility: hidden;
}
/* i */
.shinchaku_i {
	font-size: 24px;
	color: #83b41b;
	padding: 0 12px 6px 6px;
}

.nextarrow {
	position: absolute;
/*	margin-left: 13px; */

}
.pickup_i {
	font-size: 22px;
	padding-right: 8px;
}
.H4em {
	height: 4em;
}
.about_kagakukan_i {
	font-size: 24px;
	padding-right: 5px;
}


#fh5co-primary-menu{
margin-top:-2em; !important;
}

.language{
width:100%;
text-align:right;color:#bbb;line-height:1;margin-top:0;
margin-bottom:0;
background-color:#83b41b;
height:12px;
}

.language a{
color:#bbb;
}


@media screen and (max-width: 992px) {
.language a{
font-size:13px;
}

.hatena_girl{
margin-top:1em !important;
}
}


@media screen and (max-width: 768px) {
.language a{
font-size:13px;
}
.menu {
display:none;
}



}

@media screen and (max-width: 480px) {
.language a{
font-size:10px;
}




}




















/************ ページ別CSS ************/

/* 共通 */

.block{
padding:6em 0;
}

.block-first{
padding:3em 0 6em;
}


@media screen and (max-width: 992px) {
.footer_s ul li{
font-size:12px !important;
padding-right: 1em;
}	

.footer_s ul li a{
margin-right:1em !important;
}
}

@media screen and (max-width: 768px) {
.footer_s ul li{
font-size:11px !important;
padding-right: 1em;
}

small, .small {
    font-size: 70%;
line-height:0 !important;
}
}



@media screen and (max-width: 480px) {
.footer_s ul li{
font-size:10px;
padding-right: 0.2em;
}
.footer_s ul li a{
margin-right: 0.2em !important;
}

small, .small {
    font-size: 60%;
line-height:0 !important;
}

}

.fh5co-wrap{
	padding: 4em 0;
}

@media screen and (max-width: 768px) {
.fh5co-wrap{
	padding: 6em 0;
}
}






/* トップページ */

a#fb_i{
padding:9px 20px 0 15px !important;font-size:23px !important;
}

.table-icon {
	font-size: 22px;
	padding-right: 11px;
}
.top_table {
	background-color: #fff;
	border-bottom: solid 1px #ddd;
}
span.juusho {
	letter-spacing: 2em;
}
.table_juusho {
	width: 7em;
}
.access_icon_right {
	padding: 0 6px 0 6px;
	color: #83b41b;
}
a.access_link {
	font-size: 16px;
	color: #83b41b;
}
span.kyuukanbi, span.nyuukanryou {
	letter-spacing: 0.5em;
}
span.fax_bangou {
	letter-spacing: 0.15em;
}
.dantai_onegai {
	text-indent: -1em;
	padding-left: 1em;
}

.back_img01{
background-image: url(/tarh/files/work-1.jpg);
}
.back_img02{
background-image: url(/tarh/files/work-3.png);
}



.item img {
width:100%;
}
 
.fluid2 {
padding:0;
border-bottom:solid 5px #f2eee8;
}


#calendar th img{
width:30px;
}

/* サイトマップ */

.s_map_i{
font-size:24px;padding-right:8px;
}
.s_map_tbl{
font-size:120%;margin:50px 0 100px 0;
}



/* プライバシーポリシー */

div#policy h3{

    border-color: #999;
    font-weight: bold;
    font-size: 120%;
    margin-top: 10px;
    margin-bottom: 10px;
padding-left:5px;
padding-bottom:5px;
    clear: both;
}

#policy p{
padding:0.5em 1em 2em 1em;
text-align: justify;text-justify: inter-ideograph;
}

div#policy ol.pp{
padding-bottom:1.5em !important;
padding-left:2em !important;
text-align: justify;text-justify: inter-ideograph;
padding-right:0.5em !important;
}

#policy{
margin-bottom:100px;
}

.css_pp_i{
font-size:24px;padding-right:8px;margin-bottom:30px;
}

.css_font17{
font-size:17px;
}

.css_font14{
font-size:14px;
}

/* 関連リンク */

.css_rlink_i{
font-size:24px;padding-right:8px;
}

.css_rlink_tbl{
font-size:120%;margin:50px 0 100px 0;
}

.css_rlink_tbl td{
width:14em;
}


/* アクセス */

.access_div{
background-color:#ede7de !important;
width:100%;
}


.access_div2{
background-color:#ede7de;
padding-top:40px;
}

.access_div2_inner{
width:60% !important;
margin:0 auto;
}

.access_div2_inner h3{
margin-top:50px;
text-align:center;
}

.access_div2_inner h3 i{
font-size:22px;
padding-right:8px;
}



.css_access_i{
font-size:21px;padding-right:10px;
}



.css_access_tbl td{

}

.css_access_p_t25{
padding-top:25px;
}

.css_access_h3{
margin-top:75px;
}

.css_access_koutsuu_i{
font-size:21px;padding-right:8px;
}
.css_access_width10{
width:10%;
}
.css_access_width30{
width:30%;
}

.css_access_mag_T75{
margin-top:75px;
}

.css_access_indent{
text-indent:-1em;
}

.css_access_busu_time{
padding:0 6px 0 6px;font-size:17px;
}








/* 館内ガイド */

.result_corner{
padding:0 80px 50px;
line-height:1.7em;
}

.leaflet_p{
padding-left: 7px;
margin-top:0px;
padding-bottom:4px;
}

.leaflet_dl{
padding-top:0px;
margin-left:2em;
width:100%;
margin-bottom:40px;
}

.leaflet_dt1{
/* width:12em; */
float:left;
font-size:110%;
}

.leaflet_dd1{
float:left;
width:10em;
color:#999;
font-size:110%;
}

.leaflet_dt2{
clear:both;
width:12em;
float:left;
font-size:110%;
padding-top:3px;
}

.leaflet_dd2{
float:left;
width:10em;
color:#999;
font-size:110%;
padding-top:3px;
}

.pdf_dl{
flaot:left !important;
padding-top:0px;
width:100%;
margin-bottom:5px;
}

.pdf_dt{
display:inline !important;
font-size:80%;
}

.pdf_dd{
display:inline !important;

color:#999;
font-size:80%;
}

.excel_dt{
display:inline !important;


font-size:80%;
padding-top:3px;
}

.excel_dd{
display:inline !important;

color:#999;
font-size:80%;
padding-top:3px;
}

i.jp_pamph1{
font-size:17px;
margin-right:0.3em;
}

i.jp_pamph2{
color:#999;
margin-right:0.3em;
}

i.en_pamph1{
font-size:17px;
margin-right:0.3em;
}
i.en_pamph2{
color:#999;
margin-right:0.3em;
}

.shiryoukan_p{
text-align: justify;
text-justify: inter-ideograph;
line-height:1.7em;
padding-bottom:0px;
}

.kannai_img01{
background-image: url(../files/kenkyu01.jpg);
}

.kannai_img02{
background-image: url(../files/kin_img.png);
}

.kannai_img03{
background-image: url(/tarh/files/shiryou01.jpg);
}

.kannai_img04{
background-image: url(/tarh/files/shiryou02.jpg);
}


h1{
    margin: 0 0 15px 0;
}

.font-weight-bold{
font-weight:bold;
}


.cal_event {
	background: url(/tarh/files/event_mark.png) no-repeat 0 0;
	width: 30px;
	height: 26px;
	padding-top: 0px;
}

.cal_event a {
    color: inherit !important;
}


@media screen and (max-width: 480px) {
.top_bnr_T{
padding-top:5em !important;
}
}

@media screen and (max-width: 768px) {
.top_bnr_T{
padding-top:5em !important;
}
}

@media screen and (max-width: 992px) {
.top_bnr_T{
padding-top:6em !important;
}
}

.top_bnr_T{
padding-top:11em !important;
}

span.pickup_font{
font-size:110%;
}

.saishin_dt{
padding-left:0 !important;
padding-right:0 !important;
}

.saishin_time{
color:#83b41b;
font-weight:normal !important;
font-size:90% !important;
}

.saishin_dd{
padding-left:0 !important;
padding-right:0 !important;
}

.english{
width:100%;
text-align:right;
padding-right:1.4em;
padding-bottom:1em;
}

.english a{
color:#699c0a !important;
}

.english i{
margin-right:0.4em;
}


































/*---------------------------------------------------- bootstrap4 ----------------------------------------------------*/

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

h3.gray{
background: #f6f6f6  url(/common/img/cm_sh03_bg.gif) no-repeat left top;
    color: #000;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 8px 15px;
    clear: both;
font-size:110% !important;
letter-spacing:1px;
}

h4{
    border-bottom: dotted 1px;
    border-color: #999;
    font-weight: bold;
    font-size: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
 padding-left:0.4em;
}

span.click_en{
background:url(/common/img/cm_arrow01_ico.gif) no-repeat 0px 4px;
padding-left:17px;
}

span.click{
background:url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px;
padding-left:12px;
}

h3, .h3 {
    font-size: 140%;
}

#fh5co-primary-menu .fh5co-sub-menu a {
    padding: 0 0 0 8px !important;
font-size:106% !important;
}

.gsib_a {
    padding: 0 !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}

table.gsc-search-box {
    width: 25% !important;
margin:0 0 0 auto !important;
}


.maru1:before{
content:"(1) ";
margin-left:-1.6em;
position:absolute;
}

.maru2:before{
content:"(2) ";
margin-left:-1.6em;
position:absolute;
}

.maru3:before{
content:"(3) ";
margin-left:-1.6em;
position:absolute;
}

.maru4:before{
content:"(4) ";
margin-left:-1.6em;
position:absolute;
}

.maru5:before{
content:"(5) ";
margin-left:-1.6em;
position:absolute;
}

.maru6:before{
content:"(6) ";
margin-left:-1.6em;
position:absolute;
}

.maru7:before{
content:"(7) ";
margin-left:-1.6em;
position:absolute;
}

.maru8:before{
content:"(8) ";
margin-left:-1.6em;
position:absolute;
}

.maru9:before{
content:"(9) ";
margin-left:-1.6em;
position:absolute;
}


.han_kakko1:before{
content:"1) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko2:before{
content:"2) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko3:before{
content:"3) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko4:before{
content:"4) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko5:before{
content:"5) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko6:before{
content:"6) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko7:before{
content:"7) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko8:before{
content:"8) ";
margin-left:-1.2em;
position:absolute;
}

.han_kakko9:before{
content:"9) ";
margin-left:-1.2em;
position:absolute;
}

/* 追加 */
.text-red{
  color: #ff0000 !important;
}
.text-blue{
  color: #006699 !important;
}

/*  */



@media (max-width: 992px) {
table.gsc-search-box {
    width: 50% !important;
}

@media (max-width: 768px) {
table.gsc-search-box {
    width: 60% !important;
}

@media (max-width: 576px) {
.erase_br br{
display:none;
}
}