/* 全体調整 */
.footer-sidebar .widget_archive a, .footer-sidebar .widget_categories a, .footer-sidebar .widget_links a, .footer-sidebar .widget_meta a, .footer-sidebar .widget_nav_menu a, .footer-sidebar .widget_pages a, .footer-sidebar .widget_recent_comments a, .footer-sidebar .widget_recent_entries a, .footer-sidebar p, .footer-sidebar dl, .footer-sidebar ul > li, .footer-sidebar ol > li, .footer-sidebar address, .footer-sidebar .wp-caption .wp-caption-text, .footer-sidebar .gallery-caption, .footer-sidebar .entry-caption {
	color: #000;
}
body {
	background: #FFF;
}
@media screen and (min-width: 680px){   
	.pc { display:block; }
	.sp { display:none; }
}
@media screen and (max-width: 680px){   
	.pc { display:none; }
	.sp { display:block; }
}
.blog-section .post, .blog-section .page, .blog-section .attachment, .blog-section .product {
	border: none;
}
@media screen and (max-width: 680px) {
	.blog-section .page {
		margin-bottom: 0;
	}
	h1 {
		font-size: 1.5em;
	}
}


/* ヘッダー */
.navbar-header .navbar-brand {
	max-width: 360px;
}
#menu-menu-1 {
	padding-top: 1.5em;
}


/* フッター */
.site-footer {
	background-color: #FFF;
}
.site-footer .section-header {
	border: none;
}
.footer-sidebar .img-responsive {
	max-width: 360px;
	margin-left: 195px;
}
#footer-info  p{
	font-size: 1.5em;
}
@media screen and (max-width: 680px) {
	.site-footer {
		padding: 20px 0 0;
	}
	.footer-sidebar .img-responsive {
		max-width: 70%;
		margin-left: 0;
	}
	.footer-sidebar .widget {
		margin: 0 0 20px;
	}
	.footer-sidebar .section-header {
		margin: 0;
	}
	#footer-info  p{
		font-size: 1em;
	}
}


/* トップ */
#page {
	display: none;
}
#loading{
	/* 画面一杯にローディング画面を広げる */
	height: 100%;
	width: 100%;
	background: #c5ebe8;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	/* flexboxを使ってローディングアイコンを画面の中央に寄せる */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#top__fullcarousel video {
	width: 100%;
}


/* 会社案内 */
#about .color-text {
	color: #62c0d9;
	font-size: 1.3em;
}
#about .color-hr {
	border-top: 3px solid #62c0d9;
	border-bottom: none;
}
#about .size-large {
	font-size: 2em;
	margin: 10px 0;
    display: inline-block;
}
#about .about-h3 {
	margin: 60px 0;
}


/* よくある質問 */
#faq h3 {
	background-color: #62c0d9;
	color: #FFF;
	font-weight: normal;
	padding: 6px 10px;
	margin: 20px 0 20px;
}
#faq p {
	padding: 10px;
}
#faq p .faq-red {
	color: #eb0000;
}
@media screen and (max-width: 680px) {
	#faq h3 {
		font-size: 1.2em;
		margin-bottom: 0;
	}
	#faq p {
		padding: 10px;
		margin: 0;
	}
}


/* フォーム */
.Form {
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
}
@media screen and (max-width: 680px) {
.Form {
	margin-top: 40px;
}
}
.Form-Item {
	border-top: 1px solid #ddd;
	padding-top: 24px;
	padding-bottom: 24px;
	width: 100%;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 680px) {
.Form-Item {
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 16px;
	padding-bottom: 16px;
	flex-wrap: wrap;
	display: block;
}
}
.Form-Item-Label {
	width: 100%;
	max-width: 200px;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 18px;
}
.Form-Item-Required {
	margin: 0;
}
.Form-Item-Label + .Form-Item-Required + p {
	text-align: right;
    width: 100%;
	margin: 0;
}
.Form-Item-Label + .Form-Item-Required + p input,
.Form-Item-Label + .Form-Item-Required + p textarea {
	display: inline;
}
@media screen and (max-width: 680px) {
	.Form-Item-Label {
		max-width: inherit;
		display: flex;
		align-items: center;
		font-size: 15px;
	}
}
.Form-Item-Label.isMsg {
	margin-top: 8px;
	margin-bottom: auto;
}
@media screen and (max-width: 680px) {
	.Form-Item-Label.isMsg {
		margin-top: 0;
	}
}
.Form-Item-Label.isMsg + .Form-Item-Required {
	margin: 0 0 auto;
}
@media screen and (max-width: 680px) {
	.Form-Item-Required {
		display: inline;
	}
}

.Form-Item-Label-Required {
	border-radius: 6px;
	margin-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 48px;
	display: inline-block;
	text-align: center;
	background: #e60000;
	color: #fff;
	font-size: 14px;
}
@media screen and (max-width: 680px) {
	.Form-Item-Label {
		display: inline;
	}
	.Form-Item-Label-Required {
		border-radius: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		width: 32px;
		font-size: 10px;
	}
	.Form-Item-Label + .Form-Item-Required + p {
		margin-top: 0;
	}
}
.Form-Item-Input {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding-left: 1em;
	padding-right: 1em;
	height: 48px;
	flex: 1;
	width: 100%;
	max-width: 410px;
	background: #eaedf2;
	font-size: 18px;
}
@media screen and (max-width: 680px) {
.Form-Item-Input {
	margin-left: 0;
	margin-top: 18px;
	height: 40px;
	flex: inherit;
	font-size: 15px;
}
}
.Form-Item-Textarea {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding-left: 1em;
	padding-right: 1em;
	height: 216px;
	flex: 1;
	width: 100%;
	max-width: 410px;
	font-size: 18px;
}
@media screen and (max-width: 680px) {
.Form-Item-Textarea {
	margin-top: 18px;
	margin-left: 0;
	height: 200px;
	flex: inherit;
	font-size: 15px;
}
}
.Form-Btn {
	border-radius: 6px;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 280px;
	display: block;
	letter-spacing: 0.05em;
	background: #5bc8ac;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
@media screen and (max-width: 680px) {
	.Form-Btn {
		margin-top: 24px;
		padding-top: 8px;
		padding-bottom: 8px;
		width: 160px;
		font-size: 16px;
	}
}
.Form-Item-Btn {
	text-align: center;
}
div.wpcf7 .ajax-loader {
	display: block;
}


/* マット */
#mat-shitsunai h2,
#mat-shitsugai h2,
#mop h2,
#josuiki h2,
#fragrance h2,
#toilet-sanitary h2,
#paper-towel h2  {
	text-align: center;
	border-top: 3px solid #62c0d9;
	border-bottom: 3px solid #62c0d9;
	padding: 10px;
}
#mat-shitsunai h2 + .wp-block-columns,
#mat-shitsugai h2 + .wp-block-columns,
#mop h2 + .wp-block-columns,
#josuiki h2 + .wp-block-columns,
#fragrance h2 + .wp-block-columns,
#toilet-sanitary h2 + .wp-block-columns,
#paper-towel h2 + .wp-block-columns  {
    margin-bottom: 50px;
}
#mat-shitsunai .caption,
#mat-shitsugai .caption,
#mop .caption,
#josuiki .caption,
#fragrance .caption,
#toilet-sanitary .caption,
#paper-towel .caption  {
	color: #23b3da;
	font-size: 1.5em;
	margin-bottom: -20px;
}
#mat-shitsunai .icon,
#mat-shitsugai .icon,
#mop .icon,
#josuiki .icon,
#fragrance .icon,
#toilet-sanitary .icon,
#paper-towel .icon  {
	margin: 20px 0 -40px;
}
#mat-shitsunai .wp-block-table table,
#mat-shitsugai .wp-block-table table,
#mop .wp-block-table table,
#josuiki .wp-block-table table,
#fragrance .wp-block-table table,
#toilet-sanitary .wp-block-table table,
#paper-towel .wp-block-table table  {
	margin-bottom: 0;
}
#mat-shitsunai .contact-img,
#mat-shitsugai .contact-img,
#mop .contact-img,
#josuiki .contact-img,
#fragrance .contact-img,
#toilet-sanitary .contact-img,
#paper-towel .contact-img  {
	text-align: center;
}
#mat-shitsunai .wp-image-147,
#mat-shitsugai .wp-image-147,
#mop .wp-image-147,
#josuiki .wp-image-147,
#fragrance .wp-image-147,
#toilet-sanitary .wp-image-147,
#paper-towel .wp-image-147  {
	width: 600px;
	display: inline-block;
}
#josuiki .price,
#fragrance .price,
#toilet-sanitary .price,
#paper-towel .price  {
	font-size: 1.2em;
    font-weight: bold;
    border: 3px solid #62c0d9;
    padding: 10px;
    margin: 10px 0 -20px;
}
#fragrance .entry-content > .wp-block-columns,
#toilet-sanitary .entry-content > .wp-block-columns,
#paper-towel .entry-content > .wp-block-columns  {
	border-top: 3px solid #62c0d9;
	padding-top: 30px;
}
#toilet-sanitary .price,
#paper-towel .price  {
	margin: 10px 0 0;
}
#toilet-sanitary .price + .price,
#paper-towel .price + .price  {
	margin-bottom: -20px;
}
#products .service-section .post {
	background-color: #f9f9f9;
}
#products .products-thumbnail img {
	max-width: 200px;
	display: inline-block;
}
#products .product a {
    display: block;
    padding: 20px;
}
#products .product a:hover {
	background-color: #f9f9f9;
}
@media screen and (max-width: 680px) {
	#products .service-section{
		margin: 0;
		padding: 0;
	}
	#products .product {
		margin: 0;
		padding: 0;
	}
	.wp-block-column {
		flex-basis: auto!important;
	}
	/* .wp-block-image {
		width: 5em;
	}
	.wp-block-column .wp-block-image:first {
		width: 100%;
	} */
	.wp-block-columns > .wp-block-column > .wp-block-columns img{
		max-width: 90%;
		display: inline;
	}
	.wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-column {
		max-width: 25%;
		display: inline;
	}
	#josuiki .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-column {
		max-width: 100%;
		display: block;
	}
	.wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-image {
		display: inline;
	}
	.wp-block-columns > .wp-block-column > .wp-block-columns.icon img{
		max-width: 90%;
		display: inline;
	}
	.wp-block-columns > .wp-block-column > .wp-block-columns.icon .wp-block-column {
		max-width: 100%;
		display: inline;
	}
	.wp-block-columns > .wp-block-column > .wp-block-columns.icon .wp-block-image {
		display: inline;
	}
	.wp-block-columns > .wp-block-column > .wp-block-columns.icon > .wp-block-column > .wp-block-columns > .wp-block-column {
		max-width: 25%;
		display: inline;
	}
	#mat-shitsunai h2,
	#mat-shitsugai h2,
	#mop h2,
	#josuiki h2,
	#fragrance h2,
	#toilet-sanitary h2,
	#paper-towel h2  {
		font-size: 1.5em;
	}
}
.wp-block-columns .icon + p {
	font-size: 0.9em;
}
@media screen and (max-width: 680px) {
	#about {
		font-size: 0.6em;
	}
}

/*ブログ*/
.postList {
	padding: 16px 50px;
	border-top: 2px solid #62c0d9;
	border-bottom: 2px solid #62c0d9;
	color: #000;
	margin-bottom: 40px;
}
.postList a {
	color: #000;
}
.postList a:hover {
	color: #62c0d9;
}
.postList h5 {
	margin: 0;
	font-size: 1.5em;
}
.media:first-child {
    /* border-top: 1px solid #000; */
}
.media {
    border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 15px 0;
}
.media:last-child {
    border-bottom: 0;
}
.media .media-body .media-heading {
	margin-bottom: 0;
	font-size: 15px;
}

.media:first-child {
    border-top: none;
}
@media screen and (max-width: 680px) {
	.postList {
		padding: 10px;
	}
}