/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Version: 1.52
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
Tags: two-columns, right-sidebar, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/


.fottop
@keyframes fluffy1 {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(-15px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(-15px) }
  50% { transform:translateX(0) }
  100% { transform:translateX(0) }
}
.fluffy {
      
  animation: fluffy1 3s ease infinite;
}

.utikesi{text-decoration: line-through;}

.aka{color:#cc0000;}

/*--------------------------------------------------------------
Social
--------------------------------------------------------------*/
.social-menu-widget {
	padding: 0;
	margin: 0 auto;
	display: table;
	text-align: center;
}
.widget-area .widget_fp_social a,
.social-menu-widget a,
.social-menu-widget a:hover {
	color: #d65050;
}
.social-menu-widget li {
	display: inline-block;
	padding: 5px 20px;
	list-style: none;
	line-height: 1;
}
.widget-area .widget_fp_social div ul li {
	padding: 5px 10px;
	line-height: 1;
}
.social-menu-widget a {
	text-decoration: none;
}
.social-widget li a::before,
.social-menu-widget a:before {
	font-family: FontAwesome;
	color: inherit;
}
.social-menu-widget li a,
.social-widget a {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
.social-menu-widget li a:hover,
.social-widget a:hover {
}
.social-menu-widget a:before {
	font-size: 50px;
}
.widget-area .widget_fp_social a:before {
	font-size: 34px;
}
.social-menu-widget a[href*="twitter.com"]::before {
	content: '\f099';
}
.social-menu-widget a[href*="facebook.com"]::before {
	content: '\f09a';
}
.social-menu-widget a[href*="plus.google.com"]::before {
	content: '\f0d5';
}
.social-menu-widget a[href*="google.com/+"]::before {
	content: '\f0d5';
}
.social-menu-widget a[href*="dribbble.com"]::before {
	content: '\f17d';
}
.social-menu-widget a[href*="pinterest.com"]::before {
	content: '\f231';
}
.social-menu-widget a[href*="youtube.com"]::before {
	content: '\f167';
}
.social-menu-widget a[href*="flickr.com"]::before {
	content: '\f16e';
}
.social-menu-widget a[href*="vimeo.com"]::before {
	content: '\f194';
}
.social-menu-widget a[href*="instagram.com"]::before {
	content: '\f16d';
}
.social-menu-widget a[href*="linkedin.com"]::before {
	content: '\f0e1';
}
.social-menu-widget a[href*="foursquare.com"]::before {
	content: '\f180';
}
.social-menu-widget a[href*="tumblr.com"]::before {
	content: '\f173';
}
.social-menu-widget a[href*="behance.net"]::before {
	content: '\f1b4';
}
.social-menu-widget a[href*="deviantart.com"]::before {
	content: '\f1bd';
}
.social-menu-widget a[href*="soundcloud.com"]::before {
	content: '\f1be';
}
.social-menu-widget a[href*="spotify.com"]::before {
	content: '\f1bc';
}
.social-menu-widget a[href*="weibo.com"]::before {
	content: '\f18a';
}
.social-menu-widget a[href*="xing.com"]::before {
	content: '\f168';
}
.social-menu-widget a[href*="trello.com"]::before {
	content: '\f181';
}
/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.posts-navigation .nav-previous {
	padding-left: 15px;
}
.posts-navigation .nav-next {
	padding-right: 15px;
}
.post-navigation {
	margin: 30px 0 45px;
	background-color: #f7f7f7;
	padding: 30px;
	position: relative;
}
.post-navigation a {
	color: #47425d;
}
.post-navigation .nav-previous:hover span,
.post-navigation .nav-next:hover span {
	color: #47425d;
}
.post-navigation span {
	color: #c7c7c7;
	transition: color 0.3s;
}
.post-navigation .nav-previous span {
	margin-right: 10px;
}
.post-navigation .nav-previous {
	border-right: 1px solid #ebebeb;
}
.post-navigation .nav-next span {
	margin-left: 10px;
}
.navigation.pagination {
	margin-top: 30px;
}
.nav-links .page-numbers {
    background-color: #f7f7f7;
    padding: 20px;
    line-height: 1;
    display: inline-block;
    color: #443f3f;
}
.nav-links .page-numbers:not(.dots):hover,
.nav-links .page-numbers.current {
    background-color: #252525;
    color: #fff;
}
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.single .entry-header,
.page .entry-header {
	margin-bottom: 30px;display:none;
	
}
.entry-footer {
	clear: left;
	
}
.page-links {
	clear: both;
	margin: 0 0 30px;
}
.page-header {
	margin: 0;
	border: 0;
}
.page-wrap .content-wrapper {
	padding-top: 0px;
	background-color: #fff;
}
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
	
}
.page-template-page_front-page .page-wrap .content-wrapper {
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
}
.single .meta-post .post-cat::before {
	content: '/';
	padding: 0 10px;
}
.single .meta-post .post-cat:first-of-type::before {
	content: '';
}
.single .hentry .meta-post a {
	color: #d65050;
}
/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;

}
/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
Repeatable Patterns
--------------------------------------------------------------*/
	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	body {
		font: 14px/1.7 '游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','ＭＳ 明朝',serif;
		background: #fff;
		color: #767676;overflow-x:hidden;
	}
	a {
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			 -o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
	}
	a:hover,
	a:focus {
		color: #443f3f;
		text-decoration: none;
		outline: 0;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			 -o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
	}
	p {
		margin-bottom: 20px;
	}
	.footer-widgets .widget ul,
	.widget-area .widget ul {
		list-style: none;
		padding: 0;
	}
	.widget .children {
		padding-left: 15px;
	}
	.img-left {
		margin: 0 33px 0 0 !important;
		float: left;
	}
	.img-right {
		margin: 0 0 0 33px !important;
		float: right;
	}
	strong {
		font-weight: 600;
	}
	h1 { font: 52px/1.1;}
	h2 { font: 42px/1.1;}
	h3 { font: 32px/1.1;}
	h4 { font: 25px/1.1;}
	h5 { font: 20px/1.1;}
	h6 { font: 18px/1.1;}
	h1, h2, h3, h4, h5, h6 {
		color: #5b5b5b;
			margin: 10px 0 24px;
	}
	.text-white { color: #fff !important; }
	.text-dark { color: #443f3f !important;}
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		position: relative;
		display: inline-block;
		
		font-size: 13px;
		line-height: 24px;
		font-weight: 700;
		padding: 12px 34px;
		color: #fff;
		box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Chrome, Safari */
		text-transform: uppercase;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
			 -o-border-radius: 3px;
				border-radius: 3px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		     -o-transition: all 0.3s;
		        transition: all 0.3s;
	}
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		background-color: transparent;
	}
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {
		color: #767676;
		background-color: #fafafa;
		border: 1px solid #dbdbdb;
		height: 50px;
		padding: 4px 20px;
		border-radius: 0;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
		    -ms-transition: all 0.3s ease-in-out;
		     -o-transition: all 0.3s ease-in-out;
		        transition: all 0.3s ease-in-out;max-width: 100%;
	}
	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	textarea {
		width: 100%;
		height: 120px;
		padding: 15px 20px;
	}
	input[type="checkbox"] {
		display: none;
	}
	input:-moz-placeholder,
	textarea:-moz-placeholder,
	input::-moz-placeholder,
	textarea::-moz-placeholder {
	  color: #a3a2a2;
	}
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
	  color: #c3c3c3;
	}
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
	  color: #cacaca;
	}
	.orches-animation {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}
	.orches-animation.animated {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	@-webkit-keyframes pop-scale { 0% { -webkit-transform: scale(0.7) } 100% { -webkit-transform: scale(1) } }
	@-moz-keyframes pop-scale { 0% { -moz-transform: scale(0.7) } 100% { -moz-transform: scale(1) } }
	@keyframes pop-scale { 0% { transform: scale(0.7) } 100% { transform: scale(1) } }
	@-webkit-keyframes pop-scale2 { 0% { -webkit-transform: scale(0.5) } 100% { -webkit-transform: scale(1) } }
	@-moz-keyframes pop-scale2 { 0% { -moz-transform: scale(0.5) } 100% { -moz-transform: scale(1) } }
	@keyframes pop-scale2 { 0% { transform: scale(0.5) } 100% { transform: scale(1) } }
	/* bootstrap resetting elements */
	.btn {
		background-image: none;
	}
	textarea,
	input[type="text"],
	input[type="submit"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input,
	.dropdown-menu,
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus {
		-webkit-appearance: none;
		text-shadow: none;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		     -o-box-shadow: none;
		        box-shadow: none;
	}
table {
	
}
th,td {
	
	
	text-align: left;
}
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
	.site-title {
		font-size: 32px;
		line-height: 1.2;
	}
	.site-title a,
	.site-title a:hover {
		color: #fff;
	}
	.site-logo {
		max-height: 300px;
	}
	.site-header {
		
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		
		
		-webkit-transition: all 0.3s ease-out;
		   -moz-transition: all 0.3s ease-out;
		    -ms-transition: all 0.3s ease-out;
		     -o-transition: all 0.3s ease-out;
		        transition: all 0.3s ease-out;
		
		 
	}
	.admin-bar .site-header,
	.admin-bar .site-header.float-header {
		top: 32px;
	}
	.admin-bar:not(.siteScrolled) .slide-item {
		background-position: 50% 0 !important;
		
		
		
	}	
	.header-image {
		display: none;
		position: relative;
		height: 300px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		
		
		
	}


 


@-moz-keyframes move {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }


  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }

}
@-webkit-keyframes move {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

}
@keyframes move {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}




	.header-inner {
		display: none;
	}
	.site-title {
		margin: 0;
	}
	.site-description {
		font-size: 16px;
		margin: 15px 0 0;
		line-height: 1.6;
		color: #efefef;
	}
	.site-description:empty {
		margin: 0;
	}	
	.site-header.fixed {
		position: fixed;
	}

	.site-header .col-md-4,
	.site-header .col-md-8 {
		min-height: 0;
	}

	.site-header .logo {
		margin: 40px 0;
		float: left;
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}

	.site-header .logo a {
		display: block;
		height: 100%;
	}

	.site-header .logo {
		width: 135px;
		height: 27px;
	}

	.site-header.float-header {
		
		
		z-index:1500;
	}
	.site-header.float-header #mainnav {
		padding: 0;
	}

	.site-header.float-header #mainnav > ul > li > a {
	    height: 70px;
	    line-height: 70px;
	}

	.site-header.float-header .logo {
	    margin: 20px 0;
	}
	/* navigation */
	#mainnav {
		display: block;
		
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}
	#mainnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		
	}
	#mainnav li {
		float: left;
		padding: 0 12px;
	}

#mainnav li:last-child{border-right:0px solid #ccc;}

	#mainnav ul ul li {
		padding: 0;
	}
	#mainnav ul li a {
		position: relative;
		display: block;
		font-size: 14px;
		font-family: 'Kosugi Maru', sans-serif;
		color: #fff;
		font-weight: 500;
		text-decoration: none;
		outline: none;
	}
	#mainnav ul li a:hover {
		
	}



#mainnav ul li a {
  position: relative;
  z-index: 1;
  padding: 0 10px;padding:10px;
	
}
#mainnav ul li a::before {
  background: #dc143c;
  
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
  z-index: -1;
}
#mainnav ul li a:hover {
  color: #ff0000 !important;
}
#mainnav ul li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}





	#mainnav ul ul a {
		width: 180px;
		font-family: "Source Sans Pro", sans-serif !important;
	}
	#mainnav > ul > li:last-child {
		padding-right: 0;
	}
	#mainnav ul li {
		position: relative;
	}
	#mainnav ul li ul {
		width: 180px;
		position: absolute;
		top: 100%;
		left:0 !important;
		opacity: 0;
		visibility: hidden;
		-webkit-border-radius: 0 0 2px 2px;
		   -moz-border-radius: 0 0 2px 2px;
			 -o-border-radius: 0 0 2px 2px;
				border-radius: 0 0 2px 2px;
	    -webkit-transition: all 0.3s ease;
	       -moz-transition: all 0.3s ease;
	        -ms-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
	            transition: all 0.3s ease;
		color:#000;
	}
	#mainnav ul li ul ul {
		top: 0;
	}
	#mainnav ul li ul:after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
	}
	#mainnav ul li ul ul:after {
		top: 0;
	}
	#mainnav ul li ul li ul {
		left: 100%;
	}
	#mainnav li:hover > ul {
	    opacity: 1;
	    padding-top: 10px;
	    visibility: visible;
	    left: auto;
	    display: block !important;
	    -webkit-transition: all 0.3s ease;
	       -moz-transition: all 0.3s ease;
	        -ms-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
	            transition: all 0.3s ease;
	}
	#mainnav li:hover > ul ul {
		padding-top: 0;
		left: 100%;
	}
	#mainnav .sub-menu {
		z-index: 4000;
	}
	#mainnav .sub-menu li a {
		color: #fff;
		display: block;
		line-height: 30px;
		background:#15AA5A !important;
		padding: 0 18px;
		-webkit-transition: all 0.3s ease;
	       -moz-transition: all 0.3s ease;
	        -ms-transition: all 0.3s ease;
	         -o-transition: all 0.3s ease;
	            transition: all 0.3s ease;background-size:cover !important;background-size:cover;width:220px;
	}
	#mainnav .sub-menu li:hover > a {
		color: #fff;
	}
	#mainnav li:hover > .sub-menu > li > a {
		padding: 8px 18px;
	}
	/* Icons */
	#mainnav ul li::before {
		font-family: Fontawesome;
		color: #fff;
		float: left;
		margin: 5px 5px 0 0;
		font-size: 14px;
		line-height: 1;
		font-weight: 400;
	}
	#mainnav ul li a {
		float: left;
	}
	#mainnav .sub-menu li:before {
		content: '';
		margin: 0;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#mainnav-mobi ul li a {
		float: none;
	}
	#mainnav-mobi ul li::before {
		content: '';
	}
/*--------------------------------------------------------------
Mobile navigation
--------------------------------------------------------------*/
	#mainnav-mobi {
		display: block;
		margin: 0 auto;
		width: 100%;
		position: absolute;
		top:28px;
		background-color: #1c1c1c;
		margin-top:21px;
		z-index: 1000;position:fixed;
	}
	#mainnav-mobi ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#mainnav-mobi ul li {
		margin:0;
		position: relative;
		text-align: left;
		border-top: 1px solid #252525;
		cursor: pointer;
	}
	#mainnav-mobi ul > li > a {
		display: block;
		text-decoration: none;
		padding: 10px 50px;
		color: #fff;
	}
	#mainnav-mobi ul.sub-menu {
		top: 100%;
		left: 0;
		z-index: 2000;
		position: relative;
		background-color: #161625;
	}
	#mainnav-mobi > ul > li > ul > li,
	#mainnav-mobi > ul > li > ul > li > ul > li {
		position: relative;
		border-top: 1px solid #252525;
		background-color: #222;
	}
	#mainnav-mobi > ul > li > ul > li >  a {
		padding-left: 70px !important
	}
	#mainnav-mobi > ul > li > ul > li > ul > li a {
		padding-left: 90px !important
	}
	#mainnav-mobi ul.sub-menu > li > a {
		display: block;
		text-decoration: none;
		padding: 5px 60px;
		border-top-color: rgba(255,255,255,0.1);
		-webkit-transition: all 0.2s ease-out;
		   -moz-transition: all 0.2s ease-out;
		     -o-transition: all 0.2s ease-out;
		        transition: all 0.2s ease-out;
	}
	#mainnav-mobi > ul > li > ul > li:first-child a {
		border-top: none;
	}
	#mainnav-mobi ul.sub-menu > li > a:hover,
	#mainnav-mobi > ul > li > ul > li.active > a {
		color: #fff;
	}
	.btn-menu {
		float: right;
		font-size: 36px;
		font-family: "FontAwesome";
		color: #fff;
		text-align:center;
		width: 50px;
		height: 50px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;
		   -moz-transition: all 0.3s ease-out;
		    -ms-transition: all 0.3s ease-out;
		     -o-transition: all 0.3s ease-out;
		        transition: all 0.3s ease-out;top:70px;
	}
.btn-tex {
		float: right;color:#fff;text-align:right;width:40px;
		height: 28px;font:8px!important;
		
	}
	.btn-menu:before{
		content: "\f0c9";
	}
	.btn-submenu {
		position: absolute;
		right: 20px;
		top: 0;
		font-family: "FontAwesome";
		font-size: 20px;
		line-height: 45px;
		text-align: center;
		cursor: pointer;
		width: 70px;
		height: 44px;
	}
	.btn-submenu:before {
		content: "\f107";
		color: #fff;
	}
	.btn-submenu.active:before {
		content: "\f106"
	}
	.btn-menu {
		display: none
	}
/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
	.aside-image {
		padding: 0;
		position: relative;
	}
	.aside-image .image-container {
	    height: 100%;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	.aside-image .image-holder {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover !important;
		z-index: 0;
		background-position: 50% 50%;
	}
	.aside-image .content-wrap {
		padding: 70px 0 70px 50px;
	}
	.aside-image.right .image-container {
		left: auto;
		right: 0;
	}
	.aside-image.right .content-wrap {
		padding: 70px 50px 70px 0;
	}
	.error-wrap h1 {
		font-size: 35px;
		color: #ddd;
		font-weight: 600;
		margin: 0 0 40px;
		line-height: normal;
	}
	.error-wrap h5 {
		margin-top: 60px;
		font-size: 18px;
		font-weight: normal;
	}
	.error-wrap .error-search {
		padding: 0 80px;
	}
	.error-wrap #search-form {
	    height: 50px;
	    margin-bottom: 17px;
	    position: relative;
	    width: 100%;
	}
	.error-wrap .search-input {
	    margin: 0;
	    width: 100%;
	}
	.error-wrap #search-submit {
	    height: 50px;
	    padding: 0;
	    position: absolute;
		top: 0;
		right: 0;
	    width: 120px;
	    border-radius: 0 3px 3px 0;
		background: #443f3f;
		border-color: #443f3f;
	}
	.error-wrap #search-submit:hover {
		color: #fff;
	}
	/* Page sider */
	#page-slider {
		position: relative;
		height: 250px;
	}
	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.page-wrap {
		padding: 0;
		clear: both;
	}
	.page-template-page_front-page .page-wrap,
	.projects-template-post_full .page-wrap,
	.projects-template-post_full .page-wrap .content-wrapper {
		padding: 0;
	}
	.entry-page p,
	.entry-post p {
		margin-bottom: 24px;
	}
	.entry-post img {
		margin: 10px 0 20px;
	}
	.header-slider,
	.owl-wrapper {
		direction: ltr;
	}
	.header-slider,
	.owl-carousel {
	      -webkit-transform: translate3d(0,0,0);
	}
/*--------------------------------------------------------------
Parallax
--------------------------------------------------------------*/
	.parallax {
		width: 100%;
		background-attachment: fixed;
		background-position: 50% 0;
	}
/*--------------------------------------------------------------
Hero section
--------------------------------------------------------------*/
	.header-slider {
		position: relative;
	    max-width: 100%;
	}
	.slide-text.slides {
	   padding-left: 0;
	}
	.slides-container .slide-item {
	    background-attachment: fixed;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover; 
		
	}

.slides-container .slide-item img{
	   -moz-animation: move 38s ease infinite;
  -webkit-animation: move 38s ease infinite;
  animation: move 38s ease infinite;
	}


	.sliderFix {
		display: block !important;
	}
	.text-slider-section {
		position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    text-align: center;
	    z-index: 2;
	    width: 100%;
		padding-top: 5px;
	    -webkit-transform: translateY(-50%);
	       -moz-transform: translateY(-50%);
	        -ms-transform: translateY(-50%);
	         -o-transform: translateY(-50%);
	            transform: translateY(-50%);
	}
	.text-slider .maintitle,
	.text-slider .subtitle {
		z-index: 10;
		color: #fff;
		margin: 0;
		letter-spacing: 1px;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}
	.text-slider .maintitle {
		position: relative;
		display: inline-block;
		font-size: 57px;
		line-height: 67px;
		font-weight: 700;
		padding-bottom: 10px;
	}
	.text-slider .maintitle:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 40%;
		height: 1px;
		margin-left: -20%;
	}
	.text-slider .subtitle {
		font-size: 30px;
		line-height: 40px;
		padding: 20px 0 50px;
		font-weight: 300;
	}
.text-slider {
  position: relative;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig {
  from {
    right: -1200px;
  }
  to {
    right: 0;
  }
}
@keyframes fadeInRightBig {
  from {
    right: -1200px;
  }
  to {
    right: 0;
  }
}

.slide-inner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	width: 100%;
	min-height: 260px;
	padding-top: 5px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-slider {
	overflow: hidden;
}
.header-slider[data-speed="0"] .slide-item {
    opacity: 1 !important;
}

/*--------------------------------------------------------------
Page title
--------------------------------------------------------------*/
	.page-title {
		color: #ccc;
		padding-top: 100px;
	}
	.page-title .col-md-6 {
		float: none;
	}
	.page-title-inner {
		display: table;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
	}
	.page-title-cap {
		display: table-cell;
		vertical-align: middle;
	}
	.page-title .breadcrumbs {
		display: table-cell;
		list-style: none;
		text-align: left;
		vertical-align: middle;
	}
	.page-title h1 {
		margin: 0;
		font-size: 18px;
		color: #ccc;
	}
	.breadcrumbs ul {
		margin: 0;
	}
	.breadcrumbs ul li {
		display: inline;
	}
	.breadcrumbs ul li a:hover {
		text-decoration: underline;
	}
/*--------------------------------------------------------------
Blog
--------------------------------------------------------------*/
	.content-area .post-wrap,
	.contact-form-wrap {
		padding-right: 20px;
	}
	.content-area .hentry {
		position: relative;
		padding-top: 50px;
		
	}
	.content-area .hentry:first-child {
		padding-top: 0;
	}
	.content-area .hentry:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 1px;
	}
	.content-area .hentry:first-child:after {
		height: 0;
	}
	.hentry .post-content {
		overflow: hidden;
	}
	.content-area .entry-thumb {
		text-align: center;
		margin-bottom: 30px;
	}
	.hentry .title-post {
		font-size: 36px;
		font-weight: 600;
		line-height: normal;
		padding-bottom: 10px;
		margin: 0;
	}
	.hentry .meta-post {
		margin-bottom: 20px;
	}
	.hentry .meta-post,
	.hentry .meta-post a {
		color: #5e5e5e;
		font-size: 13px;
	}
	.hentry .meta-post span {
		position: relative;
		padding-left: 20px;
		margin-right: 18px;
	}
	.hentry .meta-post .cat-links {
		display: inline-block;
	}
	.hentry .meta-post span:before {
		position: absolute;
		left: 0;
		top: 1px;
		font-family: "FontAwesome";
		line-height: normal;
	}
	.hentry .meta-post span.posted-on:before {
		content:"\f073";
	}
	.hentry .meta-post span.byline:before {
		content:"\f007";
	}
	.hentry .meta-post span.comments-link:before {
		content:"\f086";
	}
	.hentry .meta-post span.cat-links:before {
		content:"\f114";
		top: 4px;
	}
	span.author.vcard {
		padding: 0;
		margin: 0;
	}
	.hentry blockquote {
	    background-color: #333;
	    color: #fff;
	    font-size: 16px;
	    font-style: italic;
	    line-height: 23px;
	    margin-bottom: 30px;
	    padding: 30px 35px;
	    position: relative;
	}
	.fullwidth {
		width: 100%;
	}
	.error-404 {
		text-align: center;
	}
	.error-404 .page-content p {
		margin-bottom: 30px;
	}
	.masonry-layout {
		width: 100%;
		padding: 0;
	}
	.masonry-layout .hentry {
		width: 360px;
		margin: 15px;
		padding: 0;
	}
	.masonry-layout .post-wrap {
		padding: 0;
	}
	.masonry-layout .hentry:after {
		width: 0;
		height: 0;
	}
	/* Blog pagination */
	.blog-pagination ul {
		width: 100%;
		text-align: right;
		list-style: none;
	}
	.blog-pagination ul li,
	.blog-pagination ul li a {
		display: inline-block;
		background-color: transparent;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	.blog-pagination ul li {
		margin-left: 3px;
	}
	.blog-pagination ul li.active,
	.blog-pagination ul li:hover a {
		color: #fff;
	}
	/* Classic alternative layout */
	.classic-alt.content-area .hentry:after {
		display: none;
	}
	.classic-alt .hentry {
		border-bottom: 1px solid #ebebeb;
	}
	.classic-alt .hentry:last-of-type {
		border-bottom: 0;
	}
	.classic-alt .entry-header {
		text-align: center;
		margin-bottom: 30px;
	}
	.classic-alt .entry-title {
		font-size: 36px;
		font-weight: 500;
	}
	.classic-alt .entry-title a {
		color: #47425d;
	}
	.classic-alt .meta-post {
		margin-bottom: 10px;
	}
	.single .meta-post a,
	.classic-alt .meta-post a {
		text-transform: uppercase;
		letter-spacing: 5px;
		font-size: 13px;
	}
	.single-meta,
	.single-meta a,
	.classic-alt .posted-on,
	.classic-alt .posted-on a {
		color: #68647a;
	}
	.single .single-meta,
	.classic-alt .posted-on {
		text-decoration: underline;
		text-transform: uppercase;
		font-size: 13px;
	}
	.single .single-meta {
		display: table;
	}
	.single-meta .byline {
		padding-left: 10px;
	}
	.classic-alt .meta-post a {
		color: #d65050;
	}	
/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
	.widget-area .widget {
		position: relative;
		
		
	}
	.widget-area .widget:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 1px;
	}
	.widget-area .widget:first-child {
		padding-top: 0;text-align:left;
	}
	.widget-area .widget:first-child:before {
		height: 0;
	}
	.widget-area .widget-title {
		font-size: 16px;
		line-height: normal;
		color: #443f3f;
		font-weight: 600;
		padding-bottom: 24px;
		margin: 0;
		text-transform: uppercase;
	}
	.widget-area .widget ul li {
		padding: 5px 0;
	}
	.widget-area .widget ul li:first-child {
		padding-top: 0;
	}
	.widget-area .widget ul li:last-child {
		padding-bottom: 0;
	}
	.widget-area,
	.widget-area  a {
		color: #767676;
	}
	/* widget popular posts */
	.widget-popular-post .news .thumb {
		width: 65px;
		height: auto;
		margin: 3px 18px 0 0;
		float: left;
	}
	.widget-popular-post .news .text {
		min-height: 65px;
	}
	.widget-popular-post .news h6 {
		font-size: 13px;
		line-height: 20px;
		font-weight: 500;
		margin: 0 0 4px;
	}
	.widget-popular-post .news p,
	.widget-popular-post .news p a {
		font-size: 13px;
		margin: 0;
	}
	.widget-popular-post .news p a:hover {
		text-decoration: underline;
	}
	/* widget categories */
	.widget-categories .categories li a {
		position: relative;
		display: block;
	}
	.widget-categories .categories li span {
		position: absolute;
		right: 0;
		top: 0;
	}
	/* widget tags */
	.widget-tags .tag-list a {
		display: inline-block;
		font-size: 13px;
		color: #767676;
		border: 1px solid #dbdbdb;
		padding: 7px 15px;
		margin: 4px;
		margin-left: 0;
	}
	.widget-tags .tag-list a:hover {
		color: #5e5e5e;
	}
	.search-field {
		max-width: 100%;
	}
/*--------------------------------------------------------------
Blog single
--------------------------------------------------------------*/
	.single-post .hentry {
		padding-bottom: 0;
	}
	.single-post .author-post {
		position: relative;
		margin-top: 50px;
		background-color: #eee;
		padding: 20px;
	}
	.single-post .author-post .author-avatar {
		float: left;
		width: 145px;
		background-color: #f5f5f5;
		padding: 3px;
	}
	.single-post .author-post .author-info {
		position: relative;
		padding: 0 20px 0 35px;
		margin-left: 140px;
		min-height: 140px;
	}
	.single-post .author-post .name {
		margin: 3px 0 17px 0;
	}
	.single-post .author-post .name h6 {
		font-size: 20px;
		font-weight: 600;
		display: inline-block;
		margin: 0;
	}
	.single-post .author-post .intro {
		margin: 0;
	}
	.single-post .author-post ul.socials {
		position: absolute;
		top: 10px;
		right: 20px;
		list-style: none;
		margin: 0;
	}
	.single-post .author-post ul.socials li {
		float: left;
		text-align: center;
		margin-right: 5px;
	}
	.single-post .author-post ul.socials li a {
		display: inline-block;
		width: 25px;
		height: 25px;
		font-size: 18px;
		line-height: 25px;
		color: #ccc;
	}
	.tags-links a {
		display: inline-block;
		background-color: #f7f7f7;
		padding: 8px 30px;
		color: #47425d;
		margin: 0 5px;
		font-size: 12px;
		text-transform: uppercase;
	}
	.tags-links a:first-of-type {
		margin-left: 0;
	}	
	/* comment post */
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comments-area {
	margin-bottom: 60px;
}
.comments-title {
	margin: 0 0 30px 0;
	font-size: 24px;
}
.comments-area ol {
	list-style: none;
}
.comments-area ol {
	padding: 0;
}
.comments-area .children {
	padding-left: 20px;
}
.comments-area .fn {
	color: #505050;
}
.comment-author .avatar {
	position: absolute;
}
.comment-author .fn,
.comment-metadata {
	margin-left: 80px;
}
.comment-metadata {
	font-size: 13px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.comment-form .form-submit {
    margin-top: 30px;
}
.comment-body {
	padding: 15px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
	background-color: #fff;
}
.reply {
	margin-left: 80px;
	background-color: #e64e4e;
	display: table;
	margin-top: 15px;
}
.comment-reply-link {
	padding: 8px 22px;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	font-weight: 600;
	display: table;
}
.comment-meta a {
	color: #c7c7c7;
}
.comments-area a.url {
	color: #505050;
	text-decoration: none;
}
.bypostauthor {
}
.comment-reply-title {
	font-size: 25px;
}
.comment-form input {
	width: 100%;
	max-width: 100%;
}
.form-submit input {
	width: auto;
}
.comment-content {
	margin-left: 80px;
}
/*--------------------------------------------------------------
Portfolio single
--------------------------------------------------------------*/
	.portfolio-images {
		margin-bottom: 40px;
	}
	.portfolio-info {
		background-color: #f7f7f7;
		border: 1px solid #eee;
		padding: 25px 25px 40px;
		font-family: "Raleway", sans-serif;
	}
	.portfolio-info h5 {
		margin: 0 0 15px;
		text-transform: uppercase;
	}
	.portfolio-info ul {
		list-style: none;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.portfolio-info ul li {
		padding: 10px 0;
	}
	.portfolio-info ul li span {
		float: right;
		color: #443f3f;
	}
	.portfolio-info .button-group {
		text-align: center;
	}
	.portfolio-info .button-group a {
		width: 100%;
		margin-top: 10px;
	}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
	.footer-widgets {
		padding: 0;
		background-color:#000;position:relative;
	}

.footer-widgets a {
		color:#000;
	}
.footer-widgets a:hover{
		color:#cc0000;
	}
	.footer .copyr {
		color: #a8a8a8;
		margin-bottom: 0;
	}
	.footer-widgets .widget-title {
		text-transform: uppercase;
		color: #cc0000;
		line-height: normal;
		margin: 5px 0 0;
	}
	/* widget info */
	.widget-info .logo-footer {
		margin-bottom: 36px;
	}
	.widget-info p {
		margin-bottom: 24px;
	}
	.widget-info .infomation {
		list-style: none;
		margin: 0;
	}
	.widget-info .infomation li {
		position: relative;
		padding: 0 0 0 30px;
		margin-bottom: 15px;
		line-height: 24px;
	}
	.widget-info .infomation li.address:before,
	.widget-info .infomation li.phone:before,
	.widget-info .infomation li.email:before {
		position: absolute;
		left: 0;
		top: 0;
		content: "\f041";
		font-family: "FontAwesome";
		font-size: 16px;
	}
	.widget-info .infomation li.phone:before {
		content: "\f095";
	}
	.widget-info .infomation li.email:before {
		content: "\f040";
	}
	/* widget links */
	.widget-links ul {
		list-style: none;
		margin: 0;
	}
	.widget-links ul li {
		padding: 10px 0 7px;
	}
	.widget-links ul li:first-child {
		padding-top: 0;
	}
	.widget-mail-subscribe p {
		padding-bottom: 10px;
	}
	.widget-mail-subscribe .email-sub input {
		width: 205px;
		margin-bottom: 10px;
	}
/*--------------------------------------------------------------
Bottom
--------------------------------------------------------------*/
	.site-footer {
		
		line-height: 35px;
		padding: 15px 0;
		background-color:#000;
	}

.site-footer::after {
		background-color:rgba(255, 255, 255,0.6);position: absolute;z-index:10;
		
	}
	.site-footer,
	.site-footer a {
		color: #666;
	}
	.site-footer .socials {
		margin: 0;
		list-style: none;
	}
	.bottom .socials li {
		display: inline-block;
		margin-left: 5px;
	}
	.site-footer .socials li a {
		display: inline-block;
		color: #666;
		font-size: 14px;
		background-color: #2e2e2e;
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
			 -o-border-radius: 50%;
				border-radius: 50%;
	}
	.site-footer .socials li:hover a {
		color: #fff;
	}
/*--------------------------------------------------------------
Preloader
--------------------------------------------------------------*/

	.preloader {
	    background: none repeat scroll 0 0 #fff;
	    height: 100%;
	    opacity: 1;
	    position: fixed;
	    text-align: center;
	    transition: opacity 0.2s ease 0s;
	    width: 100%;
	    z-index: 9999;display:none	    
	}
	.preloader .spinner {
	    height: 30px;
	    left: 50%;
	    margin-left: -15px;
	    margin-top: -15px;
	    position: relative;
	    top: 50%;
	    width: 30px;display:none
	}
	.preloader .pre-bounce1,
	.preloader .pre-bounce2 {
	    -webkit-animation: 2s ease 0s normal none infinite bounce;
	            animation: 2s ease 0s normal none infinite bounce;
	    background-color: #de4939;
	    border-radius: 50%;
	    height: 100%;
	    left: 0;
	    opacity: 0.6;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
	.preloader .pre-bounce2 {
	    -webkit-animation-delay: -0.5s;
	            animation-delay: -0.5s;
	}
	@-webkit-keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }

	  40% {
	    -webkit-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }

	  60% {
	    -webkit-transform: translateY(-15px);
	    transform: translateY(-15px);
	  }
	}

	@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }

	  40% {
	    -webkit-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }

	  60% {
	    -webkit-transform: translateY(-15px);
	    -ms-transform: translateY(-15px);
	    transform: translateY(-15px);
	  }
	}
/*--------------------------------------------------------------
Go to top button
--------------------------------------------------------------*/
	.go-top {
		position: fixed !important;
		right: 20px;
		bottom: -45px;
		color: #fff;
		display: block;
		font-size: 22px;
		line-height: 35px;
		text-align: center;
		width: 40px;
		height: 40px;
		visibility: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		z-index: 9999;
		cursor: pointer;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
			 -o-border-radius: 2px;
				border-radius: 2px;
		-webkit-transition: all 0.5s;
		   -moz-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		     -o-transition: all 0.5s;
		        transition: all 0.5s;
	}
	.go-top:hover {
		background-color: #fff;
	}
	.go-top.show {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
		bottom : 11px;
	}

/*--------------------------------------------------------------
Panels
--------------------------------------------------------------*/
	.panel-grid-cell .widget-title {
		text-align: center;
		margin-bottom: 50px;
		position: relative;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
		padding-bottom: 10px;
	}
	.panel-grid-cell .widget-title:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 50px;
		height: 1px;
		margin-left: -25px;
		background-color: #d65050;
	}
	.panel-grid {
		max-width: 1170px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.panel-row-style[data-hasbg="hasbg"] {
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
		position: relative;
		z-index: 11;
		overflow: hidden;
	}
	.panel-grid .overlay {
		z-index: -1;
	}
	.no-col-padding .panel-grid-cell {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* SO post carousel fix */	
	.sow-carousel-thumbnail .overlay {
	    position: static;
	    height: 100% !important;
	}		
/* Counter
-------------------------------------------------------------- */
	.roll-counter {
		text-align: center;
	}
	.roll-counter i {
		font-size: 30px;
	}
	.roll-counter .name-count,
	.roll-counter .numb-count {
		font-family: "Raleway", sans-serif;
	}
	.roll-counter .name-count {
		font-size: 14px;
		font-weight: 600;
		padding: 15px 0;
	}
	.roll-counter .numb-count {
		font-size: 44px;
		padding: 0;
		font-weight: 600;
	}
/* Clients
-------------------------------------------------------------- */
	.roll-client {
	    text-align: center;
	}
	.roll-client .client-item {
	    float: none;
	    display: inline-block;
		width: 19%;
		text-align: center;
		margin: 15px 0;
	}
	.roll-client .client-item img {
		max-width: 150px;
	}

/* Spacer
-------------------------------------------------------------- */
	.roll-spacer {
		display: block;
		clear: both;
		width: 100%;
		height: 47px;
		overflow: hidden;
	}
	.roll-spacer.small {
		height: 27px;
	}
	.roll-spacer.large {
		height: 60px;
	}
/* Icon Box
-------------------------------------------------------------- */
	.service {
		margin-bottom: 30px;
	}
	.widget_sydney_services_type_b .service {
		margin-bottom: 20px;
	}
	.widget_sydney_services_type_b .service-thumb {
		float: left;
		max-width: 120px;
    	margin-right: 30px;
    	margin-top: 7px;
	}
	.service.col-md-4:nth-of-type(3n+1) {
		clear: left;
	}
	.service.col-md-6:nth-of-type(2n+1) {
		clear: left;
	}
	.roll-icon-box {
		text-align: center;
	}
	.roll-icon-box .service-thumb {
		margin: 0 auto 20px;
	}
	.roll-icon-box .icon {
		text-align: center;
		width: 70px;
		height: 70px;
		line-height: 75px;
		margin: 0 auto 20px;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
			 -o-border-radius: 50%;
				border-radius: 50%;
	}
	.roll-icon-box.left {
		text-align: left;
	}
	.roll-icon-box.left .icon {
		float: left;
		margin-top: 7px;
		margin-right: 30px;
	}
	.roll-icon-box .icon i {
		font-size: 26px;
	}
	.roll-icon-box .content {
		overflow: hidden;
	}
	.roll-icon-box .content h3 {
		font-size: 16px;
		font-weight: 500;
		line-height: normal;
		margin: 7px 0 10px;
	}
	.roll-icon-box .content h3,
	.roll-icon-box .content h3 a {
		color: #443f3f;
	}
	.roll-icon-box .content p {
		margin: 0;
	}

/* Contact widget
-------------------------------------------------------------- */

.sydney_contact_info_widget span {
	color: #d65050;
	margin-right: 15px;
}
.sydney_contact_info_widget div {
	margin-bottom: 15px;
}
/* Icon List
-------------------------------------------------------------- */
	.roll-icon-list {
		padding-top: 15px;
	}
	.roll-icon-list .icon {
		text-align: center;
		width: 70px;
		height: 70px;
		line-height: 75px;
		float: left;
		margin-right: 30px;
		margin-top: 7px;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
			 -o-border-radius: 50%;
				border-radius: 50%;
	}
	.roll-icon-list .icon i {
		font-size: 26px;
	}
	.roll-icon-list .list-item {
		margin-bottom: 30px;
	}
	.roll-icon-list .content {
		overflow: hidden;
	}
	.roll-icon-list .content h3 {
		font-size: 16px;
		font-weight: 500;
		line-height: normal;
		margin: 7px 0 10px;
	}
	.roll-icon-list .content h3 a {
		color: #443f3f;
	}
	.roll-icon-list .content p {
		margin-bottom: 0;
	}
/* List
-------------------------------------------------------------- */
	.roll-list {
		list-style: none;
		margin: 0 0 30px 10px;
	}
	.roll-list li {
		line-height: 32px;
		position: relative;
		padding-left: 40px;
	}
	.roll-list li:before {
		content: "\f006";
		font-family: "FontAwesome";
		font-size: 15px;
		position: absolute;
		left: 0;
		top: 0;
	}
/* Button
-------------------------------------------------------------- */
	.roll-button {
		position: relative;
		display: inline-block;
		font-family: "Raleway", sans-serif;
		font-size: 13px;
		line-height: 24px;
		font-weight: 700;
		padding: 12px 35px;
		color: #fff;
		text-transform: uppercase;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
			 -o-border-radius: 3px;
				border-radius: 3px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		     -o-transition: all 0.3s;
		        transition: all 0.3s;
	}
	.roll-button:hover {
		background-color: transparent;
	}
	.roll-button.border {
		background-color: transparent;
		text-transform: uppercase;
	}
	.roll-button.border:hover {
		color: #fff;
	}
	.roll-button.border.text-white {
		color: #fff;
	}
	.roll-button.light {
		background-color: #fff;
		border: 1px solid #fff;
		color: #443f3f;
	}
	.roll-button.light:hover {
		color: #fff;
	}
	.roll-button.light.border {
		border: 1px solid #fff;
		background-color: transparent;
		color: #fff;
	}
	.roll-button.light.border:hover {
		border: 1px solid #443f3f;
		background-color: #443f3f;
		color: #fff;
	}
	.roll-button.dark {
		background-color: #443f3f;
		border: 1px solid #443f3f;
	}
	.roll-button.dark:hover {
		border: 1px solid #443f3f;
		background-color: transparent;
		color: #443f3f;
	}
	.roll-button.dark.border {
		border: 1px solid #443f3f;
		background-color: transparent;
		color: #443f3f;
	}
	.roll-button.dark.border:hover {
		border: 1px solid #443f3f;
		background-color: #443f3f;
		color: #fff;
	}
	.more-button {
		display: table;
		margin: 30px auto 0;
		clear: both;
	}
/* Button Group
-------------------------------------------------------------- */
	.roll-button-group {
		text-align: center;
	}
	.roll-button-group .roll-button {
		margin-left: 8px;
	}
	.roll-button-group .roll-button:first-child {
		margin-left: 0;
	}
/* Lastest news
-------------------------------------------------------------- */
.blog-post {
	margin-bottom: 30px;
}
.blog-post .entry-title {
	margin: 15px 0;
	font-size: 16px;
}
/* Lastest Projects
-------------------------------------------------------------- */
	.project-filter {
		margin: 20px 0 50px 0;
		text-align: center;
		padding-left: 0;
	}
	.project-filter li  {
		display: inline-block;
	    position: relative;
	    text-align: center;
	    margin-left: -4px;
	    background-color: #f5f5f5;
		-webkit-transition: background 0.3s;
		   -moz-transition: background 0.3s;
		    -ms-transition: background 0.3s;
		     -o-transition: background 0.3s;
		        transition: background 0.3s;
	}
	.widget-area .widget .project-filter li {
			padding: 0;
	}
	.project-filter li a {
	    color: #767676;
	    display: block;
	    font-family: "Raleway",sans-serif;
	    font-size: 13px;
	    font-weight: 600;
	    outline: 0;
			padding: 10px;
	}
	.project-filter li a.active,
	.project-filter li a:hover,
	#secondary .project-filter li a.active,
	#secondary .project-filter li a:hover {
		color: #fff;
	}
	.roll-project {
		width: 100%;
		padding-bottom: 50px;
		margin: 0;
	}
	.roll-project .project-item {
		margin: 0 0 30px;
	}
	.roll-project.fullwidth .project-item {
		float: left;
	}
	.roll-project.fullwidth .project-item {
		width: 20%;
		margin: 0;
	}
	.roll-project .project-item .item-wrap {
		position: relative;
	}
	.roll-project .project-item .pop-overlay {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 10px;
		z-index: 10;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 1s;
		   -moz-transition: all 1s;
		    -ms-transition: all 1s;
		     -o-transition: all 1s;
		        transition: all 1s;
	}
	.roll-project .project-item .project-pop-wrap {
		z-index: 20;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.roll-project .project-item .project-pop {
		color: #fff;
		text-align: center;
		z-index: 1;
		width: 100%;
		height: 100%;
		cursor: pointer;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		position: absolute;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		     -o-transition: all 0.3s;
		        transition: all 0.3s;
	}
	.roll-project .project-item .project-pop a {
		color: #fff;
	}
	.roll-project .project-item:hover .project-pop {
		opacity: 0.5;
	}
	.roll-project .project-item .project-pop h3 {
		font-size: 16px;
		font-weight: 700;
		line-height: 26px;
		position: absolute;
		left: 0;
		bottom: 50%;
		width: 100%;
		margin-bottom: -4px;
	}
	.roll-project .project-item .project-cat {
		width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		padding-top: 20px;
		margin: 0;
	}
	.roll-project .project-item .project-cat li {
		display: inline-block;
	}
	.roll-project .project-item .project-cat li a {
		position: relative;
		font-style: italic;
		padding: 0 5px;
	}
	.roll-project .project-item .project-cat li a:before {
		position: absolute;
		content: "/";
		left: -3px;
		top: -1px;
	}
	.roll-project .project-item .project-cat li:first-child a:before {
		content: "";
	}
	.roll-project .project-item:hover .project-title-wrap,
	.roll-project .project-item:hover > .item-wrap .project-pop{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		-webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25);
		   -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25);
		        animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25);
	}
	.roll-project .project-item:hover > .item-wrap .pop-overlay {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.project-title-wrap{
		position:absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 2;
	}

	.roll-project .project-item:hover > .item-wrap .project-title-wrap {
		border: 2px solid yellow;
	}

	.roll-project .project-title{
	  display: table;
	  width: 100%;
	  height: 100%;
	  text-align: center;
		color: #fff;
	}

	.roll-project .project-title span{
	  display: table-cell;
	  vertical-align: middle;
	  padding-left: 10px;
	  padding-right: 10px;
	}

/* Testimonials
-------------------------------------------------------------- */
	.roll-testimonials {
		max-width: 750px;
		margin: 0 auto 30px;
		text-align: center;
	}
	.roll-testimonials .avatar {
		width: 100px;
		margin: 7px auto 26px;
		border: 2px solid #fff;
	}
	.roll-testimonials .avatar,
	.roll-testimonials .avatar img {
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
			 -o-border-radius: 50%;
				border-radius: 50%;
	}
	.roll-testimonials .whisper {
		font-size: 18px;
		font-style: italic;
		line-height: 26px;
		padding: 0 0 20px;
		margin: 0;
		border: 0;
	}
	.hentry .roll-testimonials blockquote {
		background-color: transparent;
		color: inherit;
	}	
	.roll-testimonials .name {
		font-family: "Raleway", sans-serif;
		font-size: 18px;
		font-weight: 500;
	}
	.roll-testimonials .name span {
		font-size: 13px;
		display: block;
		color: #767676;
	}
	.roll-testimonials .owl-controls {
		margin-top: 40px;
	}
	.hentry .roll-testimonials blockquote {
		background: transparent;
	}
	.owl-carousel .owl-wrapper:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.owl-carousel{
		display: none;
		position: relative;
		-ms-touch-action: pan-y;
		-webkit-transition: all 0.3s !important;
		transition: all 0.3s !important;
	}
	.owl-carousel .owl-wrapper{
		display: none;
		position: relative;
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	.owl-carousel .owl-wrapper-outer{
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.owl-carousel .owl-wrapper-outer.autoHeight{
		-webkit-transition: height 500ms ease-in-out;
		-moz-transition: height 500ms ease-in-out;
		-ms-transition: height 500ms ease-in-out;
		-o-transition: height 500ms ease-in-out;
		transition: height 500ms ease-in-out;
	}
	.owl-carousel .owl-item{
		float: left;
	}
	.owl-controls .owl-page,
	.owl-controls .owl-buttons div{
		cursor: pointer;
	}
	.owl-controls {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.owl-carousel  .owl-wrapper,
	.owl-carousel  .owl-item{
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    hidden;
		-ms-backface-visibility:     hidden;
	  -webkit-transform: translate3d(0,0,0);
	  -moz-transform: translate3d(0,0,0);
	  -ms-transform: translate3d(0,0,0);
	}
	.owl-theme .owl-controls{
	  text-align: center;
	  margin-top: 45px;
	}
	.owl-theme .owl-controls .owl-page{
	  display: inline-block;
	  zoom: 1;
	}
	.owl-theme .owl-controls .owl-page span{
	  display: block;
	  width: 9px;
	  height: 9px;
	  margin: 4px;
	  background-color: transparent;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  filter: alpha(opacity=100);
	  opacity: 1;
	  -webkit-border-radius: 50%;
	     -moz-border-radius: 50%;
	     -o-border-radius: 50%;
	      border-radius: 50%;
	  -webkit-transition: background 0.3s;
	     -moz-transition: background 0.3s;
	      -ms-transition: background 0.3s;
	       -o-transition: background 0.3s;
	          transition: background 0.3s;
	}
	.widget_sydney_testimonials .fa {
		display: none;
	}

/* Socials
-------------------------------------------------------------- */
	.roll-socials li {
		display: inline-block;
		text-align: center;
		margin: 2px 8px 8px 0;
	}
	.roll-socials li:last-child {
		margin-right: 0;
	}
	.roll-socials li a {
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: transparent;
		font-size: 16px;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
			 -o-border-radius: 50%;
				border-radius: 50%;
	}
	.roll-socials li a:hover {
		color: #fff;
	}
/* Infomation
-------------------------------------------------------------- */
	.roll-infomation {
		margin-bottom: 50px;
		list-style: none;
	}
	.roll-infomation li {
		position: relative;
		padding-left: 30px;
		margin-bottom: 15px;
		line-height: 24px;
	}
	.roll-infomation li.time span {
		color: #d91d1d;
		font-weight: 700;
	}
	.roll-infomation li.address:before,
	.roll-infomation li.phone:before,
	.roll-infomation li.email:before {
		position: absolute;
		left: 0;
		top: 4px;
		content: "\f041";
		font-family: "FontAwesome";
		font-size: 20px;
	}
	.roll-infomation li.phone:before {
		content: "\f095";
	}
	.roll-infomation li.email:before {
		content: "\f040";
	}
/* Progress Bar
-------------------------------------------------------------- */
	.roll-progress {
		position: relative;
		margin-bottom: 20px;
	}
	.roll-progress .name {
		position: absolute;
		left: 0;
		top:0;
	}
	.roll-progress .name,
	.roll-progress .perc {
		font-weight: 400;
	}
	.roll-progress .progress-animate {
		height: 10px;
		width: 0;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		     -o-border-radius: 2px;
		        border-radius: 2px;
	}
	.roll-progress .progress-bar {
		background: #f3f3f3;
		width: 100%;
		margin-top: 10px;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		     -o-border-radius: 2px;
		        border-radius: 2px;
	}
	.roll-progress .perc {
		width: 0;
		text-align: right;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: opacity 1s ease-in-out;
		  -moz-transition: opacity 1s ease-in-out;
		   -ms-transition: opacity 1s ease-in-out;
		    -o-transition: opacity 1s ease-in-out;
		       transition: opacity 1s ease-in-out;
	}
	.roll-progress .perc.show {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
/* Service Box
-------------------------------------------------------------- */
	.roll-servicebox .service-content h3 {
		font-size: 16px;
		font-weight: 500;
		margin: 10px 0 10px;
	}
/* Tabs
-------------------------------------------------------------- */
	.roll-tabs {
		margin-bottom: 20px;
	}
	.roll-tabs .menu-tab {
		overflow: hidden;
		margin: 0;
		list-style: none;
	}
	.roll-tabs .menu-tab li {
		position: relative;
		bottom: -1px;
		float: left;
		margin-right: 2px;
	}
	.roll-tabs .menu-tab li a {
		font-family: "Raleway", sans-serif;
		font-size: 14px;
		font-weight: 500;
		display: block;
		color: #2d3340;
		padding: 12px 25px 10px;
	}
	.roll-tabs .menu-tab li a:hover {
		background-color: #f7f7f7;
		text-decoration: none;
	}
	.roll-tabs .menu-tab li.active a {
		background-color: #fff;
		border: 1px solid #dbdbdb;
		transition: none;
	}
	.roll-tabs .content-tab {
		margin-top: 50px;
		border: 1px solid #dbdbdb;
		padding: 25px 20px 10px 25px;
		margin-top: -1px;
		background-color: #fff;
	}
	.roll-tabs .content-tab p {
		margin-bottom: 20px;
	}
/* Promo Box
-------------------------------------------------------------- */
	.roll-promobox {
		text-align: center;
		padding: 20px 0;
	}
	.roll-promobox .promo-controls {
		margin-top: 25px;
	}
	.roll-promobox .title {
		font-size: 18px;
		margin-bottom: 10px;
		color: #8e8e8e;
		font-weight: 500;
	}
	.roll-promobox .promo-content p {
		margin-bottom: 40px;
		font-size: 16px;
	}
	.roll-promobox.aside-style {
		text-align: left
	}
	.roll-promobox.aside-style .promo-content p {
		padding-bottom: 15px;
	}
	.roll-promobox.aside-style .promo-wrap {
	    display: table;
		overflow: hidden;
		width: 100%;
	}
	.roll-promobox.aside-style .promo-content {
	    display: table-cell;
	    vertical-align: middle;
		width: 70%;
	}
	.roll-promobox.aside-style .promo-content p {
		margin: 0 0 5px;
	}
	.roll-promobox.aside-style .promo-controls {
	    display: table-cell;
	    margin: 0;
	    text-align: center;
	    vertical-align: middle;
	    white-space: nowrap;
		width: 30%;
	}
/* Team
-------------------------------------------------------------- */
	.roll-team.carousel .team-item {
		padding: 0 25px;
	}
	.post-type-archive-employees .team-item {
  		margin-bottom: 30px;
	}
	.roll-team .team-inner {
		padding: 4px;
		background-color: #fff;
		position: relative;
		text-align: center;
	}
	.roll-team .team-item .team-pop .name {
		font-family: "Raleway", sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		padding: 10px 0;
	}
	.roll-team .team-item .team-pop .pos {
		font-style: italic;
	}
	.roll-team .team-item .team-pop .team-info {
	    top: 30%;
	    position: relative;
		width: 100%;
	}
	.roll-team .team-item .pop-overlay {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 10px;
		z-index: 10;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 1s;
		   -moz-transition: all 1s;
		    -ms-transition: all 1s;
		     -o-transition: all 1s;
		        transition: all 1s;
	}
	.roll-team .team-item .team-social {
		text-align: center;
		padding: 17px 0 0;
		margin: 0;
	}
	.roll-team .team-item .team-social li {
		display: inline-block;
	}
	.roll-team .team-social li a {
		font-size: 16px;
		color: #fff;
		display: block;
		margin-left: 5px;
		height: 30px;
		width: 30px;
		line-height: 28px;
		border: 1px solid #fff;
		background-color: transparent;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
			 -o-border-radius: 50%;
				border-radius: 50%;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		     -o-transition: all 0.3s;
		        transition: all 0.3s;
	}
	.roll-team .team-item .team-social li:first-child a {
		margin-left: 0;
	}
	.roll-team .team-item .team-social li:hover a {
		background-color: #fff;
	}
	.archive .team-social li a {
		color: #d65050;
		border: 1px solid #d65050;
	}
	.roll-team .team-item .team-pop {
		color: #fff;
		z-index: 20;
		width: 100%;
		height: 100%;
		padding: 0 10px;
		cursor: pointer;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		    -ms-transition: all 0.3s;
		     -o-transition: all 0.3s;
		        transition: all 0.3s;
	}
	.roll-team .team-item:hover > .team-inner .team-pop {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		-webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2);
		   -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2);
		        animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2);
	}
	.roll-team .team-item:hover > .team-inner .pop-overlay {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.roll-team .team-content {
		text-align: center;
	}
	.roll-team .team-content .name {
		font-family: "Raleway", sans-serif;
		font-size: 16px;
		font-weight: 600;
		padding: 12px 0 2px;
	}
	.roll-team .team-content .pos {
		padding-bottom: 12px;
		color: #443f3f;
	}
	.archive .team-item:nth-of-type(3n+1) {
		clear: left;
	}
	.entry-post .roll-team .team-inner .avatar img {
	    margin: 0;
	}
/* Elements
-------------------------------------------------------------- */
	a {
		color: #d65050;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #d65050;
	}
	.text-color { color: #d65050;}
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		background-color: #d65050;
		border: 1px solid #d65050;
	}
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		background-color: transparent;
		color: #d65050;
	}
	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus {
		border: 1px solid #d65050;
	}
	#mainnav > ul > li > a.active,
	#mainnav > ul > li > a:hover {
		color: #d65050;
	}
	#mainnav ul li ul:after {
		background-color: #d65050;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#mainnav .sub-menu li:hover > a {
		background-color: #d65050;
	}
	.error-wrap #search-submit:hover {
		background-color: #d65050;
		border-color: #d65050;
	}
	.text-slider .maintitle:after {
		background-color: #d65050;
	}
	.content-area .hentry:after {
		background-color: #d65050;
	}
	.hentry .meta-post a:hover {
		color: #d65050;
	}
	.hentry blockquote {
	    border-left: 3px solid #d65050;
	}
	.blog-pagination ul li {
		border: 1px solid #d65050;
	}
	.blog-pagination ul li.active,
	.blog-pagination ul li:hover a {
		background-color: #d65050;
	}
	.sidebar .widget:before {
		background-color: #d65050;
	}
	.widget-tags .tag-list a:hover {
		border: 1px solid #d65050;
	}
	.comment .comment-detail {
		border: 1px solid #d65050;
	}
	.bottom .socials li:hover a,
	.go-top {
		background-color: #d65050;
	}
	.go-top:hover {
		color: #d65050;
	}
	.switcher-container .switcher-icon a:focus {
		color: #d65050;
	}
	.owl-theme .owl-controls .owl-page span{
	  border: 2px solid #d65050;
	}
	.owl-theme .owl-controls .owl-page.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span{
	  background-color: #d65050;
	}
	.roll-icon-box .icon {
		border: 1px solid #d65050;
	}
	.roll-icon-box .icon i,
	.roll-icon-box .content h3 a:hover {
		color: #d65050;
	}
	.roll-icon-box.white .icon {
		background-color: #d65050;
	}
	.roll-icon-box.white .content h3 a {
		color: #d65050;
	}
	.roll-icon-list .icon {
		border: 1px solid #d65050;
	}
	.roll-icon-list .icon i,
	.roll-icon-list .content h3 a:hover {
		color: #d65050;
	}
	.roll-button {
		background-color: #d65050;
		border: 1px solid #d65050;
	}
	.roll-button:hover {
		color: #d65050;
	}
	.roll-button.border {
		color: #d65050;
		border: 1px solid #d65050;
	}
	.roll-button.border:hover {
		background-color: #d65050;
	}
	.roll-button.light:hover {
		border: 1px solid #d65050;
		background-color: #d65050;
	}
	.project-filter li a.active,
	.project-filter li a:hover {
		background-color: #d65050;
	}
	.roll-testimonials .name {
		font-family: "Raleway", sans-serif;
		font-size: 18px;
		font-weight: 500;
		color: #d65050;
	}
	.roll-project .project-item .project-pop {
		background-color: #d65050;
	}
	.roll-socials li a {
		border: 1px solid #d65050;
	}
	.roll-socials li a:hover {
		background-color: #d65050;
		border: 1px solid #d65050;
	}
	.roll-infomation li.address:before,
	.roll-infomation li.phone:before,
	.roll-infomation li.email:before {
		color: #d65050;
	}
	.roll-progress .progress-animate {
		background-color: #d65050;
	}
	.roll-team .team-item .team-pop .team-social li:hover a {
		color: #d65050;
	}
	.roll-team .team-item .team-pop {
		background-color: #d65050;
	}
	.roll-team .team-content .name {
		color: #d65050;
	}
/* Woocommerce basic - full styles in wc.css
-------------------------------------------------------------- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: #d65050;
}
.cart-contents {
	position: relative;
}
.cart-contents .fa,
.header-account .fa {
	font-size: 18px;
}
.cart-amount {
    background-color: #d65050;
    font-size: 12px;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    top: -10px;
    position: absolute;
    color: #fff;
    right: -18px;
    text-align: center;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link p {
	color: #767676;
}
ol.flex-control-nav.flex-control-thumbs {
    list-style-type: none;
    padding-left: 0;
    margin: 0 -3px;
}
ol.flex-control-nav.flex-control-thumbs li img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
   cursor: pointer;
}
ol.flex-control-nav.flex-control-thumbs li {
    width: 33.333%;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
}
ol.flex-control-nav.flex-control-thumbs li img:not(.flex-active) {
    opacity: 0.6;
}
.woocommerce ul#shipping_method {
	display: table;
	margin: 0 auto;
	text-align: left;
}
.woocommerce ul#shipping_method li {
	padding: 0;
}
/* Core video
-------------------------------------------------------------- */
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}
.wp-custom-header iframe {
	vertical-align: top;
}

.wp-custom-header {
	position: relative;
}
.wp-custom-header .wp-custom-header-video-button {
	position: absolute;
	bottom: 10%;
	left: -webkit-calc(50% - 25px);
	left: calc(50% - 25px);
	height: 50px;
	width: 50px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: rgba(51, 51, 51, 0.70);
	-webkit-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
.wp-custom-header .wp-custom-header-video-button:hover {
	color: #fff;
	background-color: #333;
}
.wp-custom-header .wp-custom-header-video-button:focus {
	outline: none;
}

/* Lightbox video
-------------------------------------------------------------- */
.sydney-video .video-text,
.sydney-video .toggle-popup, 
.sydney-video .close-popup {
	display: none;
}
.sydney-video.vid-lightbox .video-text {
	display: block;
	margin-bottom: 30px;
}
.sydney-video.vid-lightbox .video-text:empty {
	margin-bottom: 0;
}
.sydney-video.vid-lightbox .popup-show .close-popup {
    display: block;
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 12;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}
.sydney-video.vid-lightbox .sydney-video-inner {
	max-width: 720px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.sydney-video.vid-lightbox .video-overlay {
	position: fixed;
	top: 0;
	left: -9999em;
	height: 100%;
	width: 100%;
	z-index: 9998;
	background-color: rgba(0, 0, 0, 0.3);
}
.sydney-video.vid-lightbox .popup-show {
	left: 0;
}
.sydney-video.vid-lightbox {
	text-align: center;
}
.sydney-video.vid-lightbox .toggle-popup {
    width: 60px;
    height: 60px;
    display: table;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(83, 85, 93, 0.3);
    border-radius: 50%;
    line-height: 60px;
    font-size: 28px;
    color: #46444c;
    transition: all 0.4s;
}
.sydney-video.vid-lightbox .toggle-popup:hover {
	background-color: #46444c;
	color: #fff;
}

/*--------------------------------------------------------------
Integrations
--------------------------------------------------------------*/
/* Elementor and Beaver Builder */
.page-template-page_front-page.elementor-page .page-wrap .content-wrapper,
.page-template-page_front-page.fl-builder .page-wrap .content-wrapper {
	width: 100%;
	padding: 0 15px;
}
/* Parallax fix */
.panel-row-style,
.elementor-section {
	-webkit-transform: translate3d(0,0,0);
}
@-moz-document url-prefix() {
    .panel-row-style {
          background-position: center !important;
    }
}
.elementor-section,
.panel-row-style {
    -moz-transform: none !important;
}

/* End parallax fix */

.fl-widget .widgettitle,
div[class*="elementor-widget-wp-widget-sydney"] h5 {
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-size: 32px;
}
/* Mailchimp for WordPress */
.mc4wp-form label {
	display: block;
	width: 100%;
}
.mc4wp-form input:not([type="submit"]) {
	width: 100%;
}
/* Yoast SEO breadcrumbs */
.sydney-breadcrumbs {
    background-color: #f7f7f7;
    padding: 15px;
    margin-bottom: 30px;
    margin-right: 20px;
}
.sydney-breadcrumbs,
.sydney-breadcrumbs a {
	color: #47425d;
}
.sydney-breadcrumbs a {
    text-decoration: underline;
    margin: 0 3px;
    text-decoration-color: #bababa;	
}
/* Media Queries
-------------------------------------------------------------- */
	@media only screen and (min-width: 1930px) {
		.parallax {
			background-size: cover;
		}
	}
	/* Smaller than standard 1200 */
	@media only screen and (max-width: 1199px) {
		.roll-icon-list .list-item {
			margin-bottom: 18px;
		}
		.roll-project.fullwidth .project-item {
			width: 25%;
		}
		.masonry-layout .hentry {
			width: 455px;
		}
	}
	/* Smaller than standard 980 */
	@media only screen and (max-width: 991px) {
		.parallax {
			background-size: cover;
			background-attachment: scroll;
			background-position: top center!important;
		}
		.roll-counter .numb-count {
			font-size: 24px;
		}
		.masonry-layout .hentry {
			width: 345px;
		}
		.header-wrap .col-md-8 {
			padding: 0;
		}
		.last {
			margin-bottom: 0 !important;
		}
		.margin-bottom-device {
			margin-bottom: 50px;
		}
		.margin-top-device {
			margin-top: 50px;
		}
		.content-area .post-wrap,
		.contact-form-wrap {
			padding-right: 0;
		}
		.contact-form-aside,
		.sidebar {
			margin-top: 50px;
		}
		.roll-icon-box {
			margin-bottom: 30px;
		}
		.roll-promobox.aside-style,
		.roll-promobox.aside-style .promo-wrap,
		.roll-promobox.aside-style .promo-content,
		.roll-promobox.aside-style .promo-controls {
			display: block;
			text-align: center;
			width: 100%;
		}
		.roll-promobox.aside-style .title {
			margin-bottom: 20px;
		}
		.roll-project.fullwidth .project-item {
			width: 33.3%;
		}
		.footer-widgets .widget {
			margin-bottom: 50px;
		}
		.roll-client .client-item img {
			max-width: 100%;
  		}
		.blog-post:nth-of-type(2n+1) {
		    clear: left;
		}  				
	}
	@media only screen and (max-width: 1024px) {
		.site-header.fixed {
			
		}		
		.slides-container .slide-item,
		.panel-row-style {
			background-attachment: scroll !important;
			background-position: center !important;
		}
		.panel-row-style.mob-pad-0 {
			padding: 0 !important;
		}
		.panel-row-style.mob-pad-15 {
			padding: 15px 0 !important;
		}
		.panel-row-style.mob-pad-30 {
			padding: 30px 0 !important;
		}
		.panel-row-style.mob-pad-45 {
			padding: 45px 0 !important;
		}
		.site-header {
			
			background-color: rgba(0,0,0,0.9);
		}
		.header-clone {
			display: none;
		}		
		.posts-navigation {
			overflow: hidden;
			margin-bottom: 30px;
		}
		#mainnav {
			display: none;
		}
		.btn-menu {
			display: block;
		}		
	}
	@media only screen and (max-width: 780px) {
		.roll-client .client-item img {
			max-width: 100%;
  		}
  		.panel-grid-cell {
   			padding-left:15px !important;
    		padding-right:15px !important;
    		margin-bottom: 15px !important;
  		}
		h1 { font-size: 32px;}
		h2 { font-size: 28px;}
		h3 { font-size: 22px;}
		h4 { font-size: 24px;}
		h5 { font-size: 16px;}
		h6 { font-size: 14px;}
	}
	/* Tablet Landscape */
	 @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
		.parallax {
			background-size: cover;
			background-attachment: scroll;
			background-position: top center!important;
		}
	}

	@media only screen and (max-width: 1399px) {
		.site-header #mainnav ul li ul {
		    right: 0px;
		}
		.site-header #mainnav ul li ul li ul {
		    left: -100%;
		}
	}

	/* All Mobile Sizes */
	@media only screen and (max-width: 767px) {
		.posts-layout {
			max-width: 100%;
		}
		.masonry-layout .hentry {
			width: 100%;
			margin: 0 0 30px;
			padding: 0 15px;
		}
		.text-slider-section {
			min-height: 190px;
		}
		.text-slider .maintitle {
			font-size: 32px;
		    line-height: 1.1;
		    padding-bottom: 10px;
		}
		.text-slider .subtitle {
		    font-size: 16px;
		    line-height: 24px;
		    padding: 15px 0;
		}
		.roll-button {
			padding: 10px 30px;
		}
		.roll-project .project-item {
			width: 100%;
		}
		.roll-project.fullwidth .project-item {
			width: 50%;
		}
		.roll-counter {
			margin-bottom: 30px;
		}
		.sydney_facts_widget .col-md-3:last-of-type .roll-counter {
			margin-bottom: 0;
		}
		.roll-counter .name-count {
			padding: 5px 0;
		}
		.single-post .author-post .author-avatar {
			float: none;
			margin-bottom: 20px;
		}
		.single-post .author-post .author-info {
			margin-left: 0;
			padding: 0;
		}
		.single-post .author-post ul.socials {
			position: static;
		}
		.single-post .author-post .intro {
			clear: left;
			padding-top: 10px;
		}
		.comment-list .children {
			margin-left: 75px;
		}
		.error-wrap .error-search {
			padding: 0 20px;
		}
		.aside-image .content-wrap {
			padding-left: 0;
			padding-right: 0;
		}
		.social-menu-widget a:before {
			font-size: 42px;
		}
		.btn-menu {
			float: none;
			margin: -50px 0 0 330px;position:fixed;z-index:1500;
		}
		.header-wrap {
			text-align: center;
		}
		#mainnav-mobi {
			top: auto;
		}
		.site-header.float-header {
			padding-top: 20px;
			padding-bottom: 20px;position:fixed;
		}

        .text-slider-section {
			min-height: 0;
			top: auto;
			bottom: 0;
		}
		.site-title {
			font-size: 22px !important;
		}
		.fluid-width-video-wrapper + #wp-custom-header-video-button {
			display: none;
		}
	}
	@media only screen and (max-width: 600px) {
		.roll-client .client-item {
			padding: 5px;
			margin: 0;
			width: 32.5%;
		}
	}

	/* Mobile Portrait Size */
	@media only screen and (max-width: 550px) {
		.roll-project.fullwidth .project-item {
			width: 100%;
		}
		.blog-post,
		.service,
		.sidebar-column {
			padding: 0;
		}
		.roll-button {
			font-size: 12px;
		}
		.text-slider .maintitle {
			font-size: 18px;
		}
		.text-slider .subtitle {
			font-size: 14px;
		}
		.text-slider {
			margin-bottom: 5px;
		}
		.text-slider .subtitle {
			padding: 5px 0;
		}
		.button-slider {
    		padding: 5px 15px;
    		font-size: 11px;
		}


.sm { display:block;}	

		
.pc	 { display:none;}
		
			.linest{padding:20px;background:#07b53b;color:#fff;text-align:center;margin-top:12px;font-size:18px;
			font-family: 'Noto Sans JP', sans-serif;
	}
	
	.linest a{color:#fff}
	
	.linest span{color:#fff000}
	
	.khty{display:none !important}
		
		.woru{display:block;}
		
		.ndosu{position:absolute;z-index:2000;width:330px !important;top:100px;font-family: 'Noto Sans JP', sans-serif;
		left:50%;transform:translate(-50%,0)}
		
		.woru{padding:5px;color:#fff;background:#07b53b;text-align:center;
	font-size:16px;display:flex;line-height:1.3;align-items:center;margin-top:20px;width:100%;
		margin:0 auto;justify-content: space-evenly;}
	
	
	
	.woru span{color:#fff000}
	
	.woru img{width:80px;height:80px;margin:0 10px}
	
		
		.consil{background: url(/wp-content/uploads/2025/11/bg_main.webp);}
		
		.flex{justify-content: center;}
	
	.saki{position:relative;height:500px;background: url(/wp-content/uploads/2023/02/23383719.jpg);background-position: 50% 50%;
background-size: cover;}
		
		.nfisu{position:relative;top:100px;width: 330px;font-family: 'Noto Sans JP', sans-serif;text-align:left}
	
	.con1{margin:0px auto 0px;font-size:18px;}
	
	.con11{padding:50px 30px 60px;font-size:18px;background: url(/wp-content/uploads/2025/11/bg_body.webp);}
	
	.obi-title{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#000;width: 100%;}
	
	.obi1{font-size:6vw}
	
	.obi2{font-size:9vw}
		
		.uwanoski{padding:30px 20px 50px}
	
	.obi-camp{background:url(/wp-content/uploads/2023/01/campain-back.jpg);background-size:cover;height:300px;
	background-position:50% 50%;margin-top:72px}
	
	.obi-jyunbi{background:url(/wp-content/uploads/2023/01/23241553_m.jpg);background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px}
	
	.obi-guide{background:url(/wp-content/uploads/2023/01/23650457_m.jpg);background-size:cover;height:500px;
	background-position:50% 30%;margin-top:152px}
	
	.obi-tuyomi{background:url(/wp-content/uploads/2023/01/23196344.jpg);background-size:cover;height:500px;
	background-position:50% 70%;margin-top:152px}
	
	.obi-voice{background:url(/wp-content/uploads/2023/01/25415725_m.jpg);background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px}
	
	.obi-plan{background:url(/wp-content/uploads/2023/01/51512.jpg) ;background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-option{background:url(/wp-content/uploads/2023/01/1566-1.jpg) ;background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-calendar{background:url(/wp-content/uploads/2023/01/25288666_m.jpg);background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-notes{background:url(/wp-content/uploads/2023/01/255-1.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-company{background:url(/wp-content/uploads/2023/01/551.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-store{background:url(/wp-content/uploads/2023/01/458754.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-partner{background:url(/wp-content/uploads/2023/01/266541.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.nagare1{background:#f5f5f5;}
	
	.nagare2{background:#f5f5f5;}
	
	.itikazu{padding:10px;}
	
	.itikazu img{height:200px;object-fit:cover;object-position:50% 50%}
	
	.nagare1 h3,.nagare2 h3{color:#fff;background:#97753a;padding:10px 30px;margin: 0;}
	
	.toujitu{background:#deb887;color:#fff;font-size:30px;padding:20px}
	
	.skoi{padding:10px;text-align:left;font-size:20px}
	
	.houti{font-size:22px;text-align:left}
		
		.alignright{float:none !important}
	
	.heading07 {
	position: relative;
	padding-top: 30px;
	padding-left: 10px;
	font-size: 22px;color:#2b2b2b;text-align:left
}

.heading07 span {
	position: relative;
	z-index: 2;
}

.heading07::before {
	content: attr(data-en);
	position: absolute;
	transform: rotate(-5deg);
	top: -20px;
	left: 0;
	color: #97753a;
	font-size:16px;
	font-weight: 400;
	font-family: 'Parisienne', cursive;
	font-style: italic;
}
		
		.banner1{border:3px solid #ccc;margin:30px auto;text-align:left;font-size:20px;padding:0 10px 30px;background:#f5f5f5}
	
	.banner2{border:3px solid #ccc;margin:30px auto;text-align:left;font-size:20px;padding:0 10px 30px;background:#f5f5f5}
	
	.banner3{border:3px solid #ccc;margin:30px auto;text-align:left;font-size:20px;padding:0 10px 30px;background:#f5f5f5}
	
	.rakuna{background:#97753a;color:#fff;text-align:center;font-size:25px;margin: 0 -10px 30px;padding:10px 0}
	
	.lonti{text-align:center;color:#fff;font-size:22px;margin:30px 0;background:#ff0000;padding:5px 10px;}
	
	.hedposi{position:relative;background:#fff;height:500px;background: url(/wp-content/uploads/2023/02/23376349.webp);}
	
	.headabs{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:90%;font-weight:bold;text-align:center;
		}
	
	.fonto1{font-size:8vw;text-align:center;}
	
	.fonto2{font-size:6vw;text-align:center;padding-top: 10px;}
	
	.fonto3{font-size:6vw;text-align:center;}
	
	.marker-animation-3058{border-radius:10px}
	
	.box55 {
margin: 2em auto;
padding:20px;/*内側余白*/
border: solid 8px #191970   ;text-align:center;background:#000;font-size:45px;color:#fff ;
		border-radius:5px;display: inline-block;margin:0;margin-top:10px
}
		
		.kazuthy{width:197px;height:auto;margin-top:-30px}
		
		.jtjh {
  text-align: left;
  padding: 30px;
  background: #f5f5f5;
  display: inline-block;
  margin: 50px 0;
}
		
		.saburo {
  width: 60px;
  height: auto;margin-right:20px;
}
		
		.hhtu{padding-left:10px !important}
		
		.row{margin:0}
	
	.con2{margin:50px auto;font-size:18px}
	
	.con2 h3{color:#191970;font-size:22px}
	
	.boxjyun{background:#f5f5f5;margin:30px auto;padding:40px 20px}
	
	.voi1{margin:20px 1.5%;word-wrap: break-word;border:2px solid #97753a;border-radius:8px;font-size:18px;background: #fff;position:relative;
		background: url(/wp-content/uploads/2023/02/23320209.jpg);background-size:cover;}
	
	.voi1 h4{background:#97753a;color:#fff;padding:10px;font-size:18px;margin-top:0;margin-bottom:0;padding-left: 100px;position:relative;z-index: 3;}
	
	.dont{padding:20px;position:relative;z-index: 3;text-align: left;}
		
	.voi1::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: rgba(255,255,255,0.55);z-index: 2;
}
		
		.dont br{margin:0}
		
		.hanatitle {
  position: relative;
  background: #97753a;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 10px 30px;
  border-radius: 10px;
  top: -60px;
}
		
	.jtjh {
  text-align: left;
  padding: 15px;
  background: #f5f5f5;
  display: inline-block;
  margin: 50px 0;
}
		
		.sakui {
 
  font-size: 22px;
}
	
	.wageba{text-align:left;margin-bottom:20px !important;}
	
	.teiti{text-align:center;margin:40px auto !important;background:#fff;}
	
	.re1,.re2,.re3,.re4{position:relative}
	
	.re1:before{background:url(/wp-content/uploads/2023/02/アセット-2-2.png);position:absolute;width:70px;height:68px;content:"";
		background-repeat:no-repeat;background-size:contain;left:-20px;top:-20px;z-index: 5;}
	
	.re2:before{background:url(/wp-content/uploads/2023/02/アセット-3-2.png);position:absolute;width:70px;height:68px;content:"";
		background-repeat:no-repeat;background-size:contain;left:-20px;top:-20px;z-index: 5;}
	
	.re3:before{background:url(/wp-content/uploads/2023/01/アセット-3-1.png);position:absolute;width:70px;height:68px;content:"";
		background-repeat:no-repeat;background-size:contain;left:10px;top:-20px;z-index: 5;}
	
	.re4:before{background:url(/wp-content/uploads/2023/02/アセット-4-1.png);position:absolute;width:70px;height:68px;content:"";
		background-repeat:no-repeat;background-size:contain;left:-20px;top:-20px;z-index: 5;}

	.voi2{margin:20px 1.5%;word-wrap: break-word;border:2px solid #97753a;border-radius:8px;text-align:center;font-size:30px;background:#fff;
		color:#ff4500}
	
	.voi2 h4{background:#97753a;color:#fff;padding:10px;font-size:26px;margin-top:0;text-align:center;}
	
	.voi2 img{height:150px;width:auto;}
		
		.baaha{padding:30px 0}
	
	.box {position:fixed;top:55%;right:0px;overflow: hidden;height:300px;width:200px;z-index:3000;
}

/* アニメーション設定 */
.arrowWrap {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 200px;
}

.arrowInner p {
  font-size: 12px;
  text-align: end;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);color:#97753a;
}

.arrow {
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #ccc;
  position: relative;
  overflow: hidden;
}

.arrow::before {
  content: '';
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #000;
  position: absolute;
  top: -150px;
  left: 0;
  -webkit-animation: arrow 2.5s ease 0s infinite normal;
  animation: arrow 2.5s ease 0s infinite normal;
}

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}
	
	.gabi{justify-content:start;}
	
	.jipt,.jipt2{text-align:center;color:#97753a}
	
	.opti{border:2px solid #522f60;margin:30px 1.5%;text-align:center;background: #fff;}
	
	.opti h4{padding:10px;text-align:left;background:#522f60;color:#fff;margin:0;word-break:break-word;text-align:left;}
		
		
		.jipt22 .opti{border:2px solid #b7282e;margin:30px 1.5%;text-align:center;background: #fff;}
		
		.jipt22 .opti h4{padding:10px;text-align:left;background:#b7282e;color:#fff;margin:0;word-break:break-word;text-align:left;}
	
	.opti img{height:200px;width:100%;object-fit:cover}
	
	.takasa{height:252px}
	
	.con1 dl{margin:20px auto}
	
	.con1 dl dt{color:#97753a}
	
	.con1 dl dd{border-bottom: 1px dotted #aaa;padding:10px 0}
	
	.karinedan{color:#ff4500;font-size:30px;}
	
	.tuyomi h3{font-size:28px;color:#97753a}
	
	.tuyomi{font-size:22px;}
	
	.fotcon{background:#f5f5f7;margin-top: -100px;background: url(/wp-content/uploads/2023/02/23346635.png);
		
}
		
		.fotcon::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(237,228,205,0.8);
}
		
		.site-logo, .header-wrap .col-md-4 {
  margin-bottom:0px !important;
}
	
	.copy{text-align:center;font-size:13px;background:#b67b03;color:#fff;padding:10px;position:relative}
	
	.col-md-12,.container, .container-fluid{padding-left:0;padding-right:0;}
	
	.soni{margin:50px auto 0;padding-top:30px;padding:30px 10px 0;position: relative;}
	
	.kuwake{margin:0 1.5%}
	
	.bori{font-weight:bold;font-size:18px;}
	
	.child_menu1{margin-top:-10px}
	
	.hotr{font-size:20px}
	
	.child_menu1 li a,.hotr{position:relative;display: inline-block;
  text-decoration: none;}
	
	.child_menu1 li a:before,.hotr:before{content:">";position:absolute;right:-30px;top:50%;transform:translate(0,-50%)}
	
	.child_menu1 li a::after,.hotr::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #191970 ;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.child_menu1 li a:hover::after,.hotr:hover::after {
  transform: scale(1, 1);
}
	
	.saita1{padding-top:0px;}
		
		.fontn{font-family: 'Noto Sans JP', sans-serif;}
	
	.tenjyo{font-size:18px;margin: 20px auto;padding:0 10px}
		
		.tenjyo p{margin-bottom:0}
		
		.tenjyo br{margin:0}
	
	.tenjyo img{height:90px;width:auto}
	
	.tenjyo a{color:#0000ff !important}
	
	.skoiy {margin-top:20px;}
		
		.footer-widgets .widget{margin-bottom:0px;}
	
	.sakura{background:url(/wp-content/uploads/2025/11/bg_body.webp);padding:50px 20px 60px;background-position:50% 50%;text-align:center}
		
		.tuika{font-size:22px;text-align:left;padding:10px;background:#fff;box-shadow:2px 2px 2px black;color:#cc0000;margin:50px auto;
	display:inline-block}
		
		.fontnor{font-family: 'Noto Sans JP', sans-serif;}
		
		.nahtu{padding-bottom:90px;}
		
		.dsajuir{font-size:20px}
		
		.menu1 img{width:200px;height:auto;margin:10px auto}
	
		.leflef {text-align:left !important}
	
	.camp{padding:15px 25px;font-size:20px;background:#97753a;border-radius:100px;margin-top:30px;position:relative;top:30px;color:#fff}
		
	.con3y{width:90%;margin:30px auto !important}
	
	.camp:hover{color:#ff0000;background:#f5f5f5}
	
	.camp1{padding:15px;font-size:20px;background:#97753a ;border-radius:100px;margin-top:30px;position:relative;top:30px;color:#fff}
	
	.camp1:hover{color:#ff0000;}
	
	.butcen{text-align:center}
	
	.congray{margin:50px auto;font-size:18px;background:#f5f5f5}
	
	.contuyo{margin:0px auto;font-size:18px;background:url(/wp-content/uploads/2023/02/25161531_m.webp);text-align:center;
	padding:50px 30px;background-size:cover;background-position:50% 50%;position:relative}
	
	.contuyo::before{position:absolute;width:100%;height:100%;content:"";background:rgba(255,255,255,0.5);top:0;left:0;}
		
		.contuyo h2{margin-bottom:0}
	
	.contuyo h3{font-size:20px;color:#3b3b3b;display:inline-block;text-align:left;line-height:1.6;letter-spacing:0.2;position:relative}
	
	.contuyo h3 span{padding:0px;font-size:23px;padding:10px;background: #b67b03;
color: #fff;}
		
		.custom{color:#2b2b2b;text-align:left;font-size:20px;padding:10px}
	
	.teishutu{background:rgba(255,255,255,0.4);width:100%;height:400px;text-align:center;display:inline-block}
	
	.teishutu span{position: relative;
top: 50%;font-size:26px;}
		
		.fontu1{text-align:left !important}
		
		.fontu1 a{color:#fff !important}
		
		.fontu1 a span{color:#fff000 !important}
	
	.bottomtasi{padding-bottom:50px;}
	
	.bottomtasi h2{text-align:center;color:#191970}
		
		.bottomtasi h2 img{height:50px;width:auto}		
	
	.bottomtasi2{margin: 0 auto}
	
	.bottomtasi2 h2{text-align:center;color:#191970}
		
		.bottomtasi2 h2 img{width:auto;height:50px}
	
	.muryou{background:#fff;margin:20px 0;padding:10px;font-size:18px;}
		
	.muryou ul li{background:#522f60;padding:5px;color:#fff;margin:10px 0;margin-left:-30px}
		
	.yuuryou{background:#fff;margin:20px 0;padding:10px;font-size:18px;}
		
	.yuuryou ul li{background:#b7282e;padding:5px;color:#fff;margin:10px 0;margin-left:-30px}
	
	.muryou h3,.yuuryou h3{color:#97753a;text-align:center;font-size:30px}
	
	.torino{width:30%;margin:20px 1.5%;background:#191970;padding:15px;color:#fff;border-radius:5px}
	
	.torino2{width:30%;margin:20px 1.5%;background:#1e90ff   ;padding:15px;color:#fff;border-radius:5px;text-align:center}
	
	.nout{margin:30px 1.5%;text-align:center;box-shadow:3px 3px 3px gray;border-radius:10px 10px 0 0}
	
	.nout span{padding:10px 0;font-size:20px}
	
	.nout a:hover{color:#ff0000}
	
	.nout img{height:220px;object-fit:cover;width:100%;}
	
	.tetuduki1{text-align:left;font-size:20px}
		
		.tetuduki1 ul{margin-left:-30px}
	
	.tetuduki{padding:20px;}
	
	.tetuduki img{height:auto;width: 60%;}
	
	.renobi{padding:50px 15px;background: url(/wp-content/uploads/2023/02/23402296.png) #fffffc;background-size:cover;background-position:50% 50%}
	
	.panama{text-align:center;font-size:20px;color:#fff;border:3px solid #0095d9;border-radius:10px;margin:15px 1%;background: #fff;
		line-height:1.3;font-family: 'Noto Sans JP', sans-serif;}
	
	.panama2{text-align:center;font-size:20px;color:#fff;border:3px solid #3eb370 ;border-radius:10px;margin:15px 1%;background: #fff;font-family: 'Noto Sans JP', sans-serif; }
	
	.hfi{color:#008000;font-size:30px; }
	
	.hfi a{color:#0095d9}
	
	.hfi img{margin-top:-5px;margin-right:10px;}
	
	.hfi22{color:#ffa500 ;font-size:25px;margin-top:7px; }
	
	.hfi22 a{color:#3eb370}
	
	.hfi22 img{margin-top:-5px;margin-right:10px;}
	
	.hfi2{color:#3b3b3b;font-size:18px;}
	
	.pasona{background:#0095d9;color:#fff;display: flex;
justify-content: center;align-items: center;}
	
	.pasona img{width: 116px;
height: auto;}
	
	.pepper{margin:0 auto}
	
		.pasona2{background:#3eb370 ;color:#fff;display: flex;
justify-content: center;align-items: center; }
	
	.pasona2 img{width:60px;height:auto;padding-top:30px}
	
	.pepper2{margin:0 auto}
	
	.sakur{margin-top:100px}
	
	.thue{font-size:22px;}
		
		.telposi{display:none}
		
		.mailposi{display:none}
		
		.sakur {margin-top:100px}
		
			/* ==========================
    ハンバーガーメニュー
  ========================== */
/* 線 */
.bl_hamburgerLine {
  position: fixed;
  right: 0;
  top: 15px;
  width: 60px;
  height: 80px;
  overflow: hidden;
  margin: 0 10px;
  cursor: pointer;
	z-index:5000;background:#15aa5a;border-radius:10px;text-align:center;padding-bottom:30px;
}
	
	.bl_hamburgerLine div{color:#fff;position:relative;top:45px;}
	
.bl_hamburgerLine span {
  display: block;
  position: absolute;
  right: 7px;
  top: 30px;
  background-color: #fff;
  height: 2px;
  width: 46px;
  transition: 0.3s;margin:0 auto;
}
.bl_hamburgerLine span::before,
.bl_hamburgerLine span::after {
  content: "";
  display: block;
  width: 46px;
  height: 2px;
  background: #fff;
  position: absolute;
  transition: 0.3s;margin:0 auto;
}
.bl_hamburgerLine span::before {
  top: -15px;
}
.bl_hamburgerLine span::after {
  top: 15px;
}
.bl_hamburgerLine + nav {
  display: none;
}

/* クリックした時 */
.bl_hamburgerLine.active span {
  transform: rotate(45deg);
}
.bl_hamburgerLine.active span::before {
  transform: rotate(-90deg);
  top: 0;
}
.bl_hamburgerLine.active span::after {
  content: none;
}

/* ハンバーガー展開時の中身 */
.bl_hamburgerLine + nav {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
}
.bl_menuBox {
	background:url(/wp-content/uploads/2022/11/23150535.jpg);
	position: fixed;background-size: cover;background-position:50% 50%;
}
		
		.bl_menuBox:before{position:absolute;width:100%;height:100% !important;top:0;left:0;content:"";
			background:rgba(0,0,0,0.3);height:120%;
		}	
		
.bl_menuBox > ul {
  padding: 100px 40px 0;
 height:100%;
  overflow-y: auto;padding-bottom: 100px;
}
.bl_menuBox > ul > li {
  padding: 10px 0;
  overflow-wrap: break-word;
}
.bl_menuBox > ul > li + li {
  margin-top: 0px;
}
.bl_menuBox > ul > li > p {
  font-weight: bold;
  font-size: 20px;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  color: #fff;padding: 10px 0;
}
.bl_menuBox > ul > li > p::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 3px solid #7fff00;
  border-right: 3px solid #7fff00;
  transform: rotate(45deg);
  transition: 0.3s;
}
	
	.bl_menuBox li p{margin-bottom:0}
		
		.menyuta:after{transform:rotate(135deg) !important}
		
		
		.bl_menuBox > ul > li > p a{
  font-weight: bold;
  font-size: 20px;display: block;
  
  
  cursor: pointer;
  transition: 0.3s;
  color: #fff;
}
.bl_menuBox > ul > li > p a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}
		
	.menu-menu-1-container{display:none}
		
		
.bl_menuBox ul > li > p:hover::after {
  border-top: 3px solid #ddc50d;
  border-right: 3px solid #ddc50d;
}
.bl_menuBox ul > li > a {
  transition: all 0.3s;
  color: #fff;
  font-weight: 500;
  font-size: 20px;display: block;
}
		
		.bl_menuBox ul > li > a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}
		
		
		
		
.bl_menuBox ul > li > p:hover,
.bl_menuBox ul > li > a:hover {
  color: #ddc50d;
}
.bl_menuSub {
  overflow-wrap: break-word;
  display: none;
}
.bl_menuSub ul > li {
  text-align: left;
}
.bl_hamburgerMenu_list li + li {
  margin-top: 20px;
}

	
	.nobi {
  font-weight: bold;
  font-size: 20px;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  color: #fff;padding: 10px 0;
}
	
	
/* ====================================
  ここからPC幅
==================================== */
@media screen and (min-width: 768px) {
  .hp_displaySP {
    display: none !important;
  }
  /* ==========================
    ハンバーガーメニュー
  ========================== */
  .bl_menuBox {
    height: calc(100vh - 60px);
    width: 50%;
  }
  .bl_menuBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 120%;
    width: 100%;
    background: url(img_hamburger01.jpg) no-repeat center;
    background-size: cover;
  }
  .bl_menuBox > ul > li {
    text-align: right;
    width: 60%;
  }
  .bl_menuBox ul > li > a {
    padding-left: 10px;
  }
  .bl_menuSub {
    position: absolute;
    left: 60%;
    top: 30px;
    width: 40%;
    height: 100%;
    padding: 30px 10px;
  }
  .bl_menuSub ul > li + li {
    margin-top: 10px;
  }
  .bl_mainMenu,
  .bl_title {
    display: none;
  }
}

/* ====================================
  ここからスマホ幅
==================================== */
@media screen and (max-width: 767px) {
  .hp_displayPC {
    display: none !important;
  }
  /* ==========================
    ハンバーガーメニュー
  ========================== */
  .bl_menuBox {
    height:100%;width:100%;
  }
  .bl_menuBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 14vh;
    width: 100%;
    background-size: cover;
  }
  .bl_menuBox > ul {
   
      }
  .bl_menuBox > ul > li {
    text-align: left;border-bottom: 1px solid #fff;padding-bottom:0px;padding-top: 0;
}
  }
	
	.bl_menuBox ul{list-style:none}
	
	.nobi:after{display:none !important}
	
		/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	
	display: block;font-weight: bold;
font-size: 20px;
cursor: pointer;
transition: 0.3s;
color: #fff;
	
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 12px;
	height: 12px;
	border-top: 3px solid #7fff00;
	border-right: 3px solid #7fff00;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 2px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	padding:0 20px;
	overflow: hidden;
}
	
	.content ul{margin-left:-30px}	
	
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:10px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
	
	.bl_menuBox input[type="checkbox"]{display:none}
	
	.content ul li{margin-bottom:10px;position:relative}
	
	.content ul li:before{content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 12px;
height: 12px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
transition: 0.3s;}
	
	.koiuu{position: relative;
top: 10px;
left: 10px;
width: 200px;}
	
	
  .bl_menuSub {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0px;height:100vh;
    background:url(/wp-content/uploads/2022/11/23150535.jpg);
    z-index: 1;
    font-size: 16px;
    font-weight: bold;
    text-align: left;padding-top: 50px;
  }
	
	.bl_menuSub:before{
		position:absolute;
		width:100%;
		height:100%;
		content:"";
		background:rgba(0,0,0,0.3);
		top:0;left:0;
		
	}
	
	
	
  .bl_mainMenu {
    padding:10px 20px;position: relative;cursor: pointer;color:#fff;margin-top: 10px;
  }
	
	.bl_mainMenu img{margin-top: -5px;
margin-right: 10px;}
	
	
	
  .bl_mainMenu::before {
    
    display: inline-block;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid #15aa5a;
    border-left: 3px solid #15aa5a;
    transform: rotate(45deg);
    transition: all 0.3s;
    margin: 0 20px 0 5px;
  }
  .bl_title {
    padding: 10px 20px;color:#2b2b2b;font-size:22px;position:relative;background:#7fff00;
  }
  .bl_title + ul {
    padding: 0 40px;
    list-style: disc;
    color: #fff;
  }
  .bl_title + ul > li {padding:10px 30px;list-style: none;
    color: #fff;border-bottom:1px solid #fff;position: relative;
  }

		
		/* 共通ソース */
.bl_hamburgerLine + nav {
  position: absolute;
  width: 100%;top: 0;left: 0;height:100vh;z-index:4900;
}
		
		.bl_menuBox a{color:#fff}
		
		.form_table		{
margin:0 auto;
	text-align:center;
		}		
	
		
.sma1{
    margin:0 auto;
  }
.sma11{
    margin:20px auto;
  }		
		
		.boxmon{font-size:15px;color:#00bfff;font-weight:bold;}
		
		.tenon{font-size:14px;}
		
		.doiru{max-width:420px;margin:0 auto;}
		
		.smhead{padding:0px;}
		
		#riyuu{position:relative;top:-50px;display: block;}
		
		#plan,#kaitori,#bifore-after{position:relative;top:-150px;display: block;}
		
		.telko1{display:none;}
		
		.takusu{margin-top:50px;}
		
		.hoken{background:#fff;border-radius:10px;margin:30px auto;width:100%;
	font-size:4vw;text-align:center;font-weight:bold;color:#2b2b2b;border:5px solid #ffff00;padding:5px 0;}
		
		.coronata{padding:30px 30px;text-align:center;font-size:20px;text-align:left}
	
	.coronata h2{font-size:5vw;text-align:center;color:#15aa5a;font-weight:bold;}
		
		.nanoha{text-align:center;margin-bottom:40px;}
		
		.nanoha td{text-align:center;}
		
		.erhu{width:80%;margin:0 auto;}
		
		.erhu td{font-size:16px}
		
		.erhu2{display:none}
		
		.pc{display:none}
		
		.qeir{margin-top:150px;}
		
		.con1g{padding:50px 30px;}
		
		.koe{padding:50px 60px 0;text-align:left;font-size:20px;background:#fff}
		
		.hhrou{position:relative;z-index:10}
		
					/*Question*/
.question {
	position: relative;
	font-size:4.5vw;
	margin: 0;
	padding: 15px 50px 20px 40px;
	display: block;
	width:100%;
	cursor: pointer;
	color:#4d4948;
	border-bottom:1px dotted #4d4948;
	line-height:1.6;letter-spacing: 0.2em;
		}
	/*Answer*/
.answers {
	color:#fff;
	padding: 0px 100px;
	margin: 10px 0 10px;
	width:100%!important;
	height: 0;
	overflow: hidden;
	background:url(https://kasei.wapuru.xyz/wp-content/uploads/2020/06/アセット-6@2x-8.png) #15aa5a;
	background-repeat:no-repeat;
	background-size:40px;
	background-position:10px 15px;
	position: relative;
	opacity: 0;
	
	border-radius:20px;
	line-height:1.6;letter-spacing: 0.1em;font-size:4.5vw;font-weight:600;
}
		
		.answers img{width:40px;height:auto;}
		
.questions:checked ~ .answers{
	height: auto;
	opacity: 1;
	padding: 15px 25px 15px 25px;
}
/*FAQ Toggle*/
.plus {
	color:#fff;
	margin-top:0px;
	position: absolute;
	margin-left: -20px;
	z-index: 5;
	font-size: 2em;
	line-height: 100%;
	
}
		.plus img{width:40px;height:auto;}
		
		#rotate-area {
    position: relative;
    min-height: 295px;
}
		
		#rotate-area .rotate-target {
    position: absolute;
    transition: all 0.5s ease-out 0s;
    display: block;
    left: 0px;
    top: 0px;
    cursor: pointer;
}
		
		#rotate-area .omote {
    z-index: 1;transform: rotateY(0deg);
}
		
		.plus1 {position:relative;top:40px;transform:rotateX(180deg);right:15px;}
		
		.plus1 img{width:20px;}
		
.questions:checked ~ .plus1 {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	 transform:rotateX(0deg);top:30px;
	
}
		
		.redd{color:#cc0000}
		
		.freegrj{margin-top:50px;}
		
.questions {
	display: none;	
}
		
		.mitumore{text-align:center;color:#fff;margin-top:30px;}
		
		.mitumore a{color:#fff}
		
		.uesita{margin-top: 40px;
margin-bottom: 40px;}
		
	.con1{
 padding:20px 20px 65px;
	}
		.namusa{padding:20px 0px 65px; !important}
		
		.deujfr{width:100%;margin:50px auto;background:#fff;box-shadow:4px 4px 3px gray;
		border:1px solid #ccc}
	
	.deujfr th{font-weight:bold;padding:12px 24px;border-bottom:1px dotted #dcdcdc;}
	
	.deujfr td{padding:12px 24px;border-bottom:1px dotted #dcdcdc;}
		
		.zetton img{margin:10px auto}
		
		.zetton h2{text-align:center;margin-top:50px}
		
			.bifox{position:relative;margin:0 auto 50px}
	
		
	.bifox img{border:5px solid #fff;box-shadow:4px 4px 2px gray;
	border-radius:10px;}
		
			/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
		
		/*
IE11対策
----------------------------*/

.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.d-demo__wrap {
  display: flex;
  overflow: hidden;
}

.d-demo__list {
  display: flex;
  list-style: none;
}

.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(100vw / 2);
}
.d-demo__item > img{
   width: 100%;height: 240px;
    object-fit: cover
}
	
	.d-demo__item img{border:3px solid #fff;}
		
		.koumo1{background:#ffff00;border-radius:2px;padding:30px 20px 30px 20px;color:#000;
	font-size:1vw;text-align:center;box-shadow:4px 4px 2px;position:relative;margin-bottom:20px;
	border:3px solid #15aa5a;}
	
	.koumo1 h4{text-align:center;color:#15aa5a;position:relative;margin-bottom:20px;font-weight:700;
	font-size:9vw;}
	
	.koumo1 h3{color:#ff0000 !important;font-size:9vw;text-align:center;}
		
		.kakakku{color:#ff4500 !important;font-size:8vw !important;font-weight:700 !important;
	text-shadow:4px 4px 2px #dcdcdc;letter-spacing:0.1em !important;}
	
	.donw{position:absolute;background:#fff;bottom:0;width:100%;left:-0px;padding-top:15px;
	font-size:6vw;padding-left:15px;padding-right:15px;text-align:left;padding-bottom:15px;}
	
		
		.mojibig{font-size:25px;}
		
		.telko{position:fixed;bottom:0px;left:0;z-index:2000;width:50%;float:left;}
		
		.telko img{}
		
		.mailko{position:fixed;right:0;bottom:-28px;z-index:2000;width:50%;float:left;}
		
		.mailko img{}
		
		.mailko2{display:none}
		
		.obix a{color:#fff !important;font-size:4vw}
	
	.obix h2{font-size:6vw;color:#fff}
		
		.hoeh{width:100px}
		
		
		 
		
		.con2{
		padding:50px 30px;margin:0 auto;text-align:center;font-size:16px;
		background:#fff;
	}
		
		
		
		.con2s{
		
		padding:50px 20px;margin:0 auto;text-align:left;font-size:30px;background-color: transparent;
	background-image:
	 radial-gradient(rgba(77,210,255,0.2) 5px, transparent 5px);
	background-size: 50px 50px;
	}
		
		.con2s img{margin-top:10px;}
		
		.con22{
		
		padding:50px 30px;margin:0 auto;text-align:left;font-size:17px;background-color: transparent;
	background-image:
	 radial-gradient(rgba(77,210,255,0.2) 5px, transparent 5px);
	background-size: 50px 50px;
	}
	
	.con2s h2{color:#00bfff;margin-left:5%}
	
		
		.con22_kai{background:#fff;box-shadow:4px 4px 2px gray;}	
		
		

.con26{
    background:#fff;color:#333;padding:30px 20px;font-weight:bold;font-size:23px;
  }				
	.sma2{
    color:#333; float:left;margin:0 10px;width:100%;padding:0 30px 0 10px;max-width:100%;
  }
.con3{
    background:#562a09;color:#fff;padding:50px 5%; text-align:center;font-size:18px;
  }
		.con3 h2{color:#fff;}		
	.con3 table{border:none;margin-top:50px;width:100%;}	
	
	.con3 td{border:none;color:#fff;padding:0 10px;width:50%;}	
	
	.con3 td img{width:100%;height:auto;border-radius:4px 1px 4px 1px;}
.con4{
    background:#deb887; text-align:center;font-size:18px;background-size:cover;padding:50px 3%;margin-top:-20px;
  }
	.con4 h2{margin-top:50px;color:#562a09;}

.sma3{
    background:#fff;color:#333; float:left;margin:0 10px;width:100%;padding:0 30px 0 10px;max-width:100%;
  }
 
		.con12{
    background:#ffff;; text-align:center;font-size:18px;padding-top:150px;
  }	
.tex25{
text-align:right;
	
}				
.cept1{
    width:33.3%;float:left;color:#333;
  }
		
.sma4{
    background:#fff;color:#333; float:left;margin:0 10px;width:100%;padding:0 30px 0 10px;max-width:100%;
  }
  

.sma5{
    background:#fff;color:#333; float:left;margin:0 10px;width:100%;padding:0 30px 0 10px;max-width:100%;
  }
		
		.logo1{
    position:absolute;
	top: 30%;
left: 5%;
font-size:20px;
z-index:100;
			
			color:#fff;font-weight:bold;
		
 
 }		
.logo1a{
    position:absolute;
	top: 50%;
left: 50%;
z-index:100;
	font-size:55px;
	color:#fff;
		
 
 }				
.logo2{		position:absolute;
	top: 80%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
z-index:100; }	
		
		
		
		.con5{
			background:#fff;padding:30px 0; text-align:left;font-size:18px;width:94%;margin:0 auto;
  }
	
		.a anc{
    padding-top:60px;margin-top:-60px;
  }	
		.a ancb{
    padding-top:150px;margin-top:-150px;
  }	
	
	.canvas1{
	background:#1eaa39;	padding:100px 10%;
	}	
	.canbox1{width:100%;float:left;padding:2%;}
	
	.canbox2{width:100%;float:left;padding:10% 1%;}
	
.canbox2 img{border-radius:50px;}

	
	.con2a{background:rgba(255,255,255,0.8);padding:5px }
	
	.boxw1{float:left;width:98%;padding:0 10px;}
	
	.boxw2{float:left;width:98%;padding:0 10px;}
	.canbox11 {border-radius:50px;}
	.ser1a{float:left;width:100%;padding-top:10px;}
	.ser2a{float:left;width:100%;padding-top:10px;}
	.ser3a{float:left;width:100%;padding-top:10px;}
	
	
		.ser5{width:100%;float:left;padding:10px;}	
	.ser4{width:100%;float:left;border-radius:50px;padding:50px;background:rgba(255,255,255,0.8);margin-bottom:50px;}
	.canbox11{float:left;width:100%;padding:20px 20px 20px 0;}	
	
	
	.canvas1a{background:#1eaa39;;padding:100px 5%;}
	
	.canbox1a{width:100%;float:left;}
	
	.canbox2a{width:100%;float:left;}
	
	.shop{color:#fff;}
	
	.shop th{width:30%;}
		
			.qa-001 {
    margin-bottom: 5px;
    border: 1px solid #d6dde3;
    border-radius: 5px;
}

.qa-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 30px 1em 2.2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;font-size:20px;
}

.qa-001 summary::before,
.qa-001 p::before {
    position: absolute;
    left: 15px;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-001 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 12px;
    height: 12px;
    margin-left: 10px;
    border-bottom: 3px solid #777;
    border-right: 3px solid #777;
    content: '';
    transition: transform .5s;position:absolute;right:12px;
}

.qa-001[open] summary::after {
    transform: rotate(225deg);
}

.qa-001 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;font-size:20px;
}

.qa-001[open] p {
    transform: none;
    opacity: 1;
}

.qa-001 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}
			
		
	
		.slider_css {
  height: 200px;
  margin: 75px auto 0 auto;
  position: relative;
  overflow: hidden;
			
	
}
.slider_css ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider_css ul li {margin-top:20px;
  width: 100%;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  animation-iteration-count: infinite;
  animation-duration: 40s;
	background-size:contain;
}
.slider_css ul li:nth-child(1) {
  background-image: url("https://bakery-banbi.com/wp-content/uploads/2019/03/20190310_112002　1番目.jpg");
  animation-name: slider-zoomin;
  animation-delay: -3s;
}
.slider_css ul li:nth-child(2) {
  background-image: url("https://bakery-banbi.com/wp-content/uploads/2019/03/20190310_112854　2番目.jpg");
  animation-name: slider-zoomout;
  opacity: 0;
  animation-delay: 5s;
}
.slider_css ul li:nth-child(3) {
  background-image: url("https://bakery-banbi.com/wp-content/uploads/2019/03/20190309_125656　3番目.jpg");
  animation-name: slider-zoomin;
  opacity: 0;
  animation-delay: 13s;
}
.slider_css ul li:nth-child(4) {
  background-image: url("https://bakery-banbi.com/wp-content/uploads/2019/03/20190310_112523　4番目.jpg");
  animation-name: slider-zoomout;
  opacity: 0;
  animation-delay: 21s;
}
.slider_css ul li:nth-child(5) {
  background-image: url("https://bakery-banbi.com/wp-content/uploads/2019/03/20190309_135143　5番目.jpg");
  animation-name: slider-zoomin;
  opacity: 0;
  animation-delay: 29s;
}
.slider_css ul li img {
  height:100%
}
		
.tex1{
text-align:left;font-size:15px;
	
}
.tex2{
text-align:right;font-size:15px;
	
}	
.tex22{
text-align:right;padding-bottom:50px;font-size:18px;
	
}	
	
.tex3{
text-align:left;font-size:15px;color:#000;
	
}				
.alpha	{
font-family:tekton-pro, sans-serif;
color:#ff8c00;	
font-size:27px;	
}	
.cept1{
    width:100%;float:left;color:#333;text-align:center;
  }	
.aqua{
	border-top:3px solid #fff;
	background:#04acbc;vertical-align:top;
	color:#fff;
	width:25%;
}	
.setumei{
	width:40%;	
		
	}
.valueList	{
	width:35%;padding-left:7%;	
		
	}
.kugiri	{
	border-top:3px solid #000;
	
}	
	.g01{
	
	background:#f0f8ff;
	font-weight:bold;
	padding-left:50px;
	color:#04acbc;
}		
.kakaku{
	
	width:100%;
    color:#333;
    margin:0 auto;	
	text-align:left;
	font-size:13px;
}	
.hanbun1{
		float:left;
	    width:100%;
	   background:#fff;
	text-align:left;
	
}			
.hanbun2{
		float:left;
	    width:100%;
	   background:#fff;
	text-align:left;
	padding:5%;
	
}	
		
		.hanbun2a{
		float:left;
	    width:100%;
	   background:#fff;
	text-align:center;
	
}
		.hanbun2a img{
		border-radius:50%;
	
}		
.hanbun11{
		float:left;
	   width:100%;
	     background:#fff;
	  margin:0 auto;
	text-align:center;
	
}	
.tbl th		{
		width:30%;
	    
}	

.con2z{
    background:#fff;color:#333;width:100%;text-align:left;padding:50px 5%;
  }		
.con2z h3{
    text-align:center;
  }				
.kaku{color:#fff;border-bottom:1px dotted #fff; margin:30px 3px; font-size:15px;text-align:left;}		
		
.con2p{
    background:#fff;color:#333;padding:50px 3%;width:100%;margin:50px auto;text-align:center;
  }		
		
.orij1{
    background:#fff;position:fixed;z-index:1000;padding-bottom:20px;top:0;
  overflow-x: hidden;height:100px;width:100%;
}
  }			
		
.hanbun3{
		float:left;
	    width:100%;
	padding:3%;text-align:left;
	font-size:17px;
	   
	
}				
		
.con7{
    background:url(https://www.wapuru.com/kurumaya-car/wp-content/uploads/2019/03/car-3075497_1920.jpg);color:#999;padding:100px 20px; text-align:center;
	background-size:cover;}		
		
		.mar{margin-left:10%;}	
		
figure.snip h3 {
    margin: 0;
    width: 100%;
       padding: 10px 20px 10px 20px;
	color:#333;
}		
figure.snip h2 {
    margin: 0;
    width: 100%;
       padding: 10px 20px 10px 20px;
	color:#333;
}	
		
.hanbun2f{
		float:left;
	    
	margin-top:15px;
	padding:5%;
	text-align:left;
	   
	
}				
		
.hanbun2c{
		float:left;
	    width:50%;
	   	text-align:center;
	width:94%;
		
	
}

		.hanbun2c td{
		width:65%;
	   	text-align:center	
}		
		
.con44{
    background:url(https://bakery-banbi.com/wp-content/uploads/2019/03/haikei_02.png);padding:100px 20px 0 20px; text-align:center;font-size:18px;
  }		
		
.hanbun18 img{
		border-radius:60%;
	width: 80%;
  height: auto;
  object-fit: cover;text-align:center;}		
	
.hanbun19{
		
	    width:100%;
	padding:3%;
	color:#562a09;
	text-align:left;
	font-size:22px;
	  
	
}	

		h2{color:#562a09;}	
		
		.cream img:hover{opacity:0.6;}
	
	.hanamarucon{position:relative;border-bottom:3px solid #cc0000;width:80%;margin:0 auto;}
	
	.hanamarucon img{position:absolute;top:-20px;left:-54px;width:30%;height:auto;}
		
		.kaitoriiti{text-align:center;font-size:40px;color:#696969;margin:100px auto 20px auto;}
	
	.kaitorirei{position:relative;border:2px solid #696969;z-index:1;margin:20px auto;
	font-size:18px;}
	
	.kaitorirei img{width:100%;object-fit:cover;height:300px;}
	
	.kaitorirei div{position:absolute;width:100%;bottom:0;padding:10px 0;text-align:center;
	background:rgba(0,0,0,0.6);color:#fff;z-index:2}
	
	.kaikin{color:#ff0000;font-size:24px;}
		
		.cardjy{font-size:16px;}
		
			.buto{padding:14px 25px;background:#15aa5a;color:#fff;font-size:20px;border:1px solid #fff;display:inline-block;
	box-shadow:2px 2px 3px gray}
	
	.buto:hover{background:#dc143c;color:#fff;}

	.betto{font-size:14px;text-align:left;margin-top:10px;}
		
  }	
		
	
	@media only screen and (max-width: 320px) {
		.text-slider {
			margin-bottom: 0;
		}

	}
	/* Center menu vertically */
	@media screen and (min-width: 1025px) {
		.header-wrap .container > .row {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-align-items: center;
			    -ms-flex-align: center;
			        align-items: center;
				margin-top:-30px;
		}
	}
	/* Mobile slider */
	.mobile-slide {
		display: none;
	}
	.sydney-hero-area {
		overflow: hidden;
	}




@media only screen and (max-width: 768px) {
  
	

		
	
}

@keyframes slider-zoomin {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  12.5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  27.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}
@keyframes slider-zoomout {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  12.5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  27.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@media screen and (max-width:480px){
	
	/* ==========================
    ハンバーガーメニュー
  ========================== */
/* 線 */
.bl_hamburgerLine {
  position: fixed;
  right: 0;
  top: 15px;
  width: 60px;
  height: 80px;
  overflow: hidden;
  margin: 0 10px;
  cursor: pointer;
	z-index:5000;background:#97753a;border-radius:10px;text-align:center;padding-bottom:30px;
}
	
	.bl_hamburgerLine div{color:#fff;position:relative;top:50px;font-family: 'Noto Sans JP', sans-serif;}
	
.bl_hamburgerLine span {
  display: block;
  position: absolute;
  right: 7px;
  top: 30px;
  background-color: #fff;
  height: 2px;
  width: 46px;
  transition: 0.3s;margin:0 auto;
}
.bl_hamburgerLine span::before,
.bl_hamburgerLine span::after {
  content: "";
  display: block;
  width: 46px;
  height: 2px;
  background: #fff;
  position: absolute;
  transition: 0.3s;margin:0 auto;
}
.bl_hamburgerLine span::before {
  top: -15px;
}
.bl_hamburgerLine span::after {
  top: 15px;
}
.bl_hamburgerLine + nav {
  display: none;
}

/* クリックした時 */
.bl_hamburgerLine.active span {
  transform: rotate(45deg);
}
.bl_hamburgerLine.active span::before {
  transform: rotate(-90deg);
  top: 0;
}
.bl_hamburgerLine.active span::after {
  content: none;
}

/* ハンバーガー展開時の中身 */
.bl_hamburgerLine + nav {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
}
.bl_menuBox {
	background: url(/wp-content/uploads/2023/02/25161531_m.webp);
	position: fixed;background-size: cover;background-position:50% 100%;
}
		
		.bl_menuBox:before{position:absolute;width:100%;height:100% !important;top:0;left:0;content:"";
			background:rgba(0,0,0,0.3);height:120%;
		}	
		
.bl_menuBox > ul {
  padding: 100px 40px 0;
 height:100%;
  overflow-y: auto;padding-bottom: 100px;
}
.bl_menuBox > ul > li {
  padding: 10px 0;
  overflow-wrap: break-word;
}
.bl_menuBox > ul > li + li {
  margin-top: 0px;
}
.bl_menuBox > ul > li > p {
  font-weight: bold;
  font-size: 20px;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  color: #fff;padding: 10px 0;
}
.bl_menuBox > ul > li > p::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 3px solid #7fff00;
  border-right: 3px solid #7fff00;
  transform: rotate(45deg);
  transition: 0.3s;
}
	
	.bl_menuBox li p{margin-bottom:0}
		
		.menyuta:after{transform:rotate(135deg) !important}
		
		
		.bl_menuBox > ul > li > p a{
  font-weight: bold;
  font-size: 20px;display: block;
  
  
  cursor: pointer;
  transition: 0.3s;
  color: #fff;
}
.bl_menuBox > ul > li > p a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}
		
	.menu-menu-1-container{display:none}
		
		
.bl_menuBox ul > li > p:hover::after {
  border-top: 3px solid #ddc50d;
  border-right: 3px solid #ddc50d;
}
.bl_menuBox ul > li > a {
  transition: all 0.3s;
  color: #fff;
  font-weight: 500;
  font-size: 20px;display: block;
}
		
		.bl_menuBox ul > li > a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}
		
		
		
		
.bl_menuBox ul > li > p:hover,
.bl_menuBox ul > li > a:hover {
  color: #ddc50d;
}
.bl_menuSub {
  overflow-wrap: break-word;
  display: none;
}
.bl_menuSub ul > li {
  text-align: left;
}
.bl_hamburgerMenu_list li + li {
  margin-top: 20px;
}

	
	.nobi {
  font-weight: bold;
  font-size: 20px;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  color: #fff;padding: 10px 0;
}
	
	
/* ====================================
  ここからPC幅
==================================== */
@media screen and (min-width: 768px) {
  .hp_displaySP {
    display: none !important;
  }
  /* ==========================
    ハンバーガーメニュー
  ========================== */
  .bl_menuBox {
    height: calc(100vh - 60px);
    width: 50%;
  }
  .bl_menuBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 120%;
    width: 100%;
    background: url(img_hamburger01.jpg) no-repeat center;
    background-size: cover;
  }
  .bl_menuBox > ul > li {
    text-align: right;
    width: 60%;
  }
  .bl_menuBox ul > li > a {
    padding-left: 10px;
  }
  .bl_menuSub {
    position: absolute;
    left: 60%;
    top: 30px;
    width: 40%;
    height: 100%;
    padding: 30px 10px;
  }
  .bl_menuSub ul > li + li {
    margin-top: 10px;
  }
  .bl_mainMenu,
  .bl_title {
    display: none;
  }
}

/* ====================================
  ここからスマホ幅
==================================== */
@media screen and (max-width: 767px) {
  .hp_displayPC {
    display: none !important;
  }
  /* ==========================
    ハンバーガーメニュー
  ========================== */
  .bl_menuBox {
    height:100%;width:100%;
  }
  .bl_menuBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 14vh;
    width: 100%;
    background-size: cover;
  }
  .bl_menuBox > ul {
   
      }
  .bl_menuBox > ul > li {
    text-align: left;border-bottom: 1px solid #fff;padding-bottom:0px;padding-top: 0;
}
  }
	
	.bl_menuBox ul{list-style:none}
	
	.nobi:after{display:none !important}
	
		/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	
	display: block;font-weight: bold;
font-size: 20px;
cursor: pointer;
transition: 0.3s;
color: #fff;
	
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 12px;
	height: 12px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 2px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	padding:0 20px;
	overflow: hidden;
}
	
	.content ul{margin-left:-30px}	
	
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:10px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
	
	.bl_menuBox input[type="checkbox"]{display:none}
	
	.content ul li{margin-bottom:10px;position:relative}
	
	.content ul li:before{content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 12px;
height: 12px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
transition: 0.3s;}
	
	.koiuu{position: relative;
top: 10px;
left: 10px;
width: 200px;}
	
	
  .bl_menuSub {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0px;height:100vh;
    background:url(/wp-content/uploads/2022/11/23150535.jpg);
    z-index: 1;
    font-size: 16px;
    font-weight: bold;
    text-align: left;padding-top: 50px;
  }
	
	.bl_menuSub:before{
		position:absolute;
		width:100%;
		height:100%;
		content:"";
		background:rgba(0,0,0,0.3);
		top:0;left:0;
		
	}
	
	
	
  .bl_mainMenu {
    padding:10px 20px;position: relative;cursor: pointer;color:#fff;margin-top: 10px;
  }
	
	.bl_mainMenu img{margin-top: -5px;
margin-right: 10px;}
	
	
	
  .bl_mainMenu::before {
    
    display: inline-block;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid #15aa5a;
    border-left: 3px solid #15aa5a;
    transform: rotate(45deg);
    transition: all 0.3s;
    margin: 0 20px 0 5px;
  }
  .bl_title {
    padding: 10px 20px;color:#2b2b2b;font-size:22px;position:relative;background:#7fff00;
  }
  .bl_title + ul {
    padding: 0 40px;
    list-style: disc;
    color: #fff;
  }
  .bl_title + ul > li {padding:10px 30px;list-style: none;
    color: #fff;border-bottom:1px solid #fff;position: relative;
  }

		
		/* 共通ソース */
.bl_hamburgerLine + nav {
  position: absolute;
  width: 100%;top: 0;left: 0;height:100vh;z-index:4900;
}
		
		.bl_menuBox a{color:#fff}
		
		.roll-project.fullwidth .project-item {
			width: 100%;
		}
		.blog-post,
		.service,
		.sidebar-column {
			padding: 0;
		}
		.roll-button {
			font-size: 12px;
		}
		.text-slider .maintitle {
			font-size: 18px;
		}
		.text-slider .subtitle {
			font-size: 14px;
		}
		.text-slider {
			margin-bottom: 5px;
		}
		.text-slider .subtitle {
			padding: 5px 0;
		}
		.button-slider {
    		padding: 5px 15px;
    		font-size: 11px;
		}
	
	
	.menuno{display:none !important}
	
	
	.ppiu{margin-top:100px}
	
	.joir{padding:0 15%}
	
	
	table{ width:100%; border-collapse:collapse;word-break: break-all; }
	
	input, textarea{
width:100%;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Chrome, Safari */
		text-overflow: clip;
    white-space: normal;
		margin:10px auto;
}
	
	
.con2aw{padding-bottom:50px;background:#fff;width:100%;padding:0 3px;}
	
	.boshu1{width:40%;}
	
	.blue{color:#0000ff;}
	
	.feminin{width:100%;}
	
	.pkki{width:96%;margin:0 auto;}
	
	.con2aw h2 img{width:90%;text-align:center;}
	
	.tex h4{color:#fff;text-align:center;background:#66a727;padding:15px 0;margin-top:0;}
	
	.tex{color:#000;border:5px solid #000;width:200px;height:auto;vertical-align:top;text-align:left;background:#fff;width:50%;}
		
	.tex_1{color:#000;text-align:center;font-size:20px;line-height:1.0;padding:0 5px;}
	
	.tex img{max-height:200px;text-align:center;}
	
	.tex_2{color:#ff0000;}
	
	.tex_3{text-align:left;font-size:15px;margin-top:20px;padding:0 10px;}
	
	.con4a{background:#fff;padding:16px;width:100%;margin:40px auto 0 auto;}
	
	.con4a h2 img{width:50%;margin:0 auto;text-align:center;color:#000;}
	
	.con4a h4{text-align:center;color:#ff0000;font-size:40px;}
	
	.con4a h5{text-align:center;color:#000;font-size:23px;margin-top:30px;}
	
	.con4a1{background:#fff;padding:50px 0;width:100%;padding:0;}
	
	.con4a1 h2{width:80%;text-align:center;margin:0 auto;}
	
	.kkaku{font-size:35px;color:#fff;}
	
	.con5a{background:#006400;padding:50px 0;}
	
	.con5a h2{text-align:center;}
	
	.con7yu{background:url(https://ecoclean-h.com/wp-content/uploads/2019/04/008-subtle-light-patterns.jpg);padding:50px 10%;}
	
	.con7yu h2{text-align:center;color:#000;}
	
	.boshu img{width:auto;}
	
	.boshu1 img{border:2px solid #fff;box-shadow:10px 10px 10px rgba(0,0,0,0.4);}
	
	.boshu td{padding:30px 0;text-align:center;font-size:30px;margin-top:30px;}
	
	.papan{padding:1px;font-size:16px;padding-bottom:30px;padding-left:5px;}
	
	.th, td{vertical-align:top;}
	
	.papan h4{font-size:20px;}
	
	.anc_1{margin-top:-50px;padding-top:50px;}
		
	.rabbit{color:#fff;font-size:28px;}
	
	.afbefo{text-align:center;margin-top:30px;}
	
	.con6a{background:#fff;padding:0;width:98%;}
	
	.con6a h2{color:#000;text-align:center;margin-top:50px;}
	
	.kiko{padding:0;font-size:17px;width:15%;}
	
	.kiko img{border:10px solid #999;box-shadow:10px 10px 10px rgba(0,0,0,0.4);}
	
	.kiko1{padding-top:20px;font-size:30px;width:15%;margin-top:40px;}
	
	.hanbun{float:left;width:50%;}
	
	.recyclebar{background:#15aa5a;padding:20px 5px;text-align:center;border-radius:10px}
	
	.recyclebar img{width:100%;height:auto;margin-top:10px}
	
	.whitetext{font-size:24px;color:#fff;font-weight:bold}
	
	.yeloowwaku{font-size:30px;color:yellow;
 font-weight:bold;text-shadow:
            2px 2px 2px #000, -2px -2px 2px #000,
           -2px 2px 2px #000,  2px -2px 2px #000,
            2px 0px 2px #000, -2px -0px 2px #000,
            0px 2px 2px #000,  0px -2px 2px #000;}
	
	.aowaku{font-size:30px;color:#fff;
 font-weight:bold;text-shadow:
            2px 2px 2px #0000cd, -2px -2px 2px #0000cd,
           -2px 2px 2px #0000cd,  2px -2px 2px #0000cd,
            2px 0px 2px #0000cd, -2px -0px 2px #0000cd,
            0px 2px 2px #0000cd,  0px -2px 2px #0000cd;margin-bottom:30px;}
	
	.tenpobut{font-size:28px;padding:5px 50px;background:#ff0000;color:#fff;font-weight:bold;border-radius:10px;border:2px solid #000;
	box-shadow:4px 4px 4px gray;}
	
	.tenpobut:hover{color:#0000ff}

	
	.kakaku_hyo{background:#fff;font-size:30px;padding:10px 15px;border:2px solid #000;margin:0 5px;}
	
	.kakaku_hyo td{padding:10px 20px;}
	
	.mojiko{margin-top:30px;}
	
	.hanbun1w{width:50%;float:left;text-align:center;padding:3%;font-size:35px;color:#000;}
	
	.hanbun1w img{border-radius:50px;}
	
	.text-t{text-align:left;}
	
	.bl{color:#00bfff;}
	
	.gr23{color:#7cfc00;}
	
	.daimoto{
		margin:0 auto;
		width:80%;}
	.mokuteki{float:left;width:33.3%;font-size:40px;text-align:center;color:#9400d3;padding:10px 0;height:auto;border-radius:50%;}
	
	.sime{font-size:50px;margin-top:30px;color:#008000;text-align:left;text-align:center;}
	
	.kyoutyou{font-size:47px;color:#66a727;}
	
		.box30 {
    margin: 2em 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
		
}
.box-title {
    font-size:22px;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}
	
	.box_30 {padding:30px;font-size:18px;}
	
	.box_30 img{max-height:200px;width:auto;}
	
	.price_pack{font-size:20px;color:#ff0000;text-align:left;margin-top:10px;margin-left:10px;}
	
	.zeinuki{color:#000;font-size:20px;}
	
	.hanbun_pack{width:100%;padding:2%;float:left;}
	
	
	.hanbun_pack1{width:100%;padding:2%;float:left;}
	
	.hanbun_ga{width:50%;float:left;padding:2% 2% 2% 10%;}
	
	.hanbun_ga1{width:50%;float:left;padding:2% 10% 2% 2%;}
	
		.ccl {
	display: inline-block;
	margin-left: -2px;
	padding: 5px 2px 0 0;
	width: 50px;
	font-family: "mkn";
	font-size: 32px;
	text-align: center;
	color: #FFF;
}
	#top01{background:#ffa500;width:98%;padding:0 10px;}
.ccl.g { background: url(../images/lp/ccl-g.png) no-repeat center center; }
.ccl.o { background: url(../images/lp/ccl-o.png) no-repeat center center; }
.ccl.od { background: url(../images/lp/ccl-od.png) no-repeat center center; }
.ccl.lg { background: url(../images/lp/ccl-lg.png) no-repeat center center; }
.ccl.dg,
.ccl.do {
	margin-left: -3px;
	padding: 6px 3px 3px 0;
	width: 62px;
	font-size: 38px;
}
.ccl.dg { background: url(../images/lp/ccl-dg.png) no-repeat center center; }
.ccl.do { background: url(../images/lp/ccl-do.png) no-repeat center center; }
	
	.dounai{text-align:center;color:#fff;font-size:30px;}
	
	#top01 .inner {
	position: relative;
	padding: 10px 0;
		max-width:1080px;
		margin:0 auto;
}
#top01 h2 {
	margin-bottom: 5px;
	padding-left: 15px;
	color:#fff;font-size:34px;
}
#top01 h2 .desc {
	margin-left: 10px;
	
	font-size: 34px;
	color: #fff;
}
#top01 .cntbox .row {
	
}
#top01 .cntbox .tel,
#top01 .cntbox .tel a {
	
	font-size: 50px;
	color: #fff;
}
#top01 .cntbox .tel {
	text-align: center;
	line-height: 1;
}	
#top01 .cntbox .cap {

	text-align:center;;
}
#top01 .cntbox .time {
	clear: both;
	text-align:center;
	padding-top: 5px;
	margin-top:60px;
	font-size: 20px;color:#fff;
}
#top01 .cntbox .time dt,
#top01 .cntbox .time dd {
	display: inline-block;
}
#top01 .cntbox .pntbox {
	margin-top:-100px;
	
}
#top01 .cntbox .pntbox li {
	float: left;
	margin-right: 10px;
	padding: 5px 10px;
	
	font-size: 17px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #CB1008;
	background: #FFF;
	list-style:none;
}
#top01 .cntbox .btn {
	clear: both;
	width: 680px;
}
#top01 .cntbox .btn a {
	display: block;
	padding: 19px 60px;

	font-size: 27px;
	text-align: right;
	border: 1px solid #990000;
	color: #FFF;
	background:
		url(../images/lp/btn02_pnt.png) no-repeat left 45px center,
		url(../images/lp/btn02_bg.jpg) no-repeat center center;
}
#top01 .cmtbox {
	position: relative;
	right: 0;
	bottom: 0;
	top:-70px;
	width: 350px;
	height: 240px;
	background: url(https://clean-ecology-service.com/wp-content/uploads/2019/11/kakouannnai.png) no-repeat center top;
}
#top01 .cmtbox .cmt {
	position: relative;
	top: 30px;
	left: 30px;
	padding: 10px 10px 10px 30px;
	width: 150px;
	line-height: 1.3;
	font-size: 19px;
	color: #000;
	background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
	
#top01 .cmtbox .cmt:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fff;
  z-index: 0;
}	
	
	#top01 .cmtbox1 {
	position: relative;
	right: 0;
	bottom: 0;
	top:-50px;
	background-position-x:50px;
	width:97%;
	height:190px;
	margin:0 auto;	
	background: url(https://clean-ecology-service.com/wp-content/uploads/2020/04/setei-1.png) no-repeat center top;
		content:"";background-size:cover;
}
#top01 .cmtbox1 .cmt {
	position: relative;
	top: 30px;
	left: 30px;
	padding: 10px 10px 10px 30px;
	width: 150px;
	line-height: 1.3;
	font-size: 19px;
	color: #000;
	background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
	
#top01 .cmtbox1 .cmt:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fff;
  z-index: 0;
}	
	
	.button-wrapper {
        display: inline-block;
        margin: 0px 5px;
        
    }
    .dark-button,
    .dark-button-2 {
        background: #333;
    }
    .button {
        background: #ffa500;
        border: none;
        padding: 2px;
        cursor: pointer;
        display: block;
        position: relative;
        overflow: hidden;
        transition: all .35s ease-in-out .35s;
        width:90%;
		margin:0 auto;
		left:5%;
        text-align: center;
		z-index:10;top:-165px;
		border:3px solid #fff;
    }
    .dark-button .button,
    .dark-button .button span {
        background: #36B4C7;
        color: #fff;
    }
    .dark-button .button:after,
    .dark-button .button:before,
    .dark-button .button:hover span {
        background: #fff;
        color: #444;
    } 
    .dark-button-2 .button,
    .dark-button-2 .button span {
        background: #333;
        color: #fff;
    }
    .dark-button-2 .button:after,
    .dark-button-2 .button:before,
    .dark-button-2 .button:hover span {
        background: #fff;
        color: #444;
    } 
    .spana {
        display: block;
        padding: 0 3px;
        background: #ffa500;
        z-index: 100;
        position: relative;
        transition: all .35s ease-in-out .35s;
		font-size:17px;
    }
	
	.spana span{color:#fff;
	}
	.spana:hover {
         color: #fff;
    }
    .button:hover span {
       
        
        transition: all .35s ease-in-out .35s;
    }
    .button:after {
        bottom: -100%;
        right: -100%;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background:#000080;
        transition: all .35s ease-in-out .5s;
    }
    .button:hover:after {
        right: 0;
        bottom: 0;
        transition: all ease-in-out .35s;
    }
    .button:before {
        top: -100%;
        left: -100%;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #000080;
        transition: all .35s ease-in-out .5s;
    }
    .button:hover:before {
        left: 0;
        top: 0;
        transition: all ease-in-out .35s;
    }
	
	
	
	
	
	.koeshoukai{width:80%;margin:50px auto;background:#fff;border-radius:10px;}
	
	.titi1w{text-align:center;background:#66a727;color:#fff;font-size:25px;width:20%;border-left:2px solid white;
	border-right:2px solid white;}
	
	.titi2w{vertical-align:top;overflow:hidden;width:20%;}
	
	.titi2w img{width:98%;margin:0 auto;}
	
	.titi3w{font-size:15px;color:#000;text-align:left;width:20%;padding:3%;}
	
	.con3a{background:#fff;padding:50px 10px;width:100%;}
	
	.con3a h3{color:#66a727;text-align:center;width:50%;margin:0 auto;margin-bottom:30px;}
	
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #ffffff;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0.5em 0.5em 2em;
	padding: 1em 0 2em 30px;
	cursor: pointer;
	border-radius: 0.3em;
	background: #00bfff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	margin-top:30px;
}
.cp_qa .cp_actab label span {
	display: block;
	padding: 0 2em 1em 2em;
	border-bottom: 1px solid #ffffff;
}
/* --?アイコン */
.cp_qa .cp_actab label::before {
	font-size: 2em;
	position: absolute;
	z-index: 99;
	top: 0.5em;
	left: -1em;
	padding: 0 0.5em;
	content: '\f128';
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #00bfff;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
/* --▼アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 50px;
	content: '▼';
	color:#000;
	display: inline-block;
	width: 100%;
	height: 1em;
	padding: 0.5em;
	text-align: right;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	height:80px;
	max-height: 0;
	margin: 0 5px 0.5em 35px;
	padding: 0 20px 0 120px;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
	background:
#ffa500;
	border-radius:5px;
}
/* --!アイコン */
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
	position: absolute;
	z-index: 99;
	top: calc(50% - 0.9em);
	left: 10px;
	padding-left:10px;
	padding-bottom:8px;
	content: 'A';
	color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #dc143c;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 0.5em 0.5em 0.5em 0;
	padding: 1em 1em 1em 3em;
	border-radius: 0.3em;
	background: #2196f3;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時の▼アイコンの動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	bottom: 0em;
	
}
	
	.formp{position:fixed;bottom:0;z-index:10000;left:0px;width:50%}
	
	.formp1{position:fixed;bottom:0;z-index:10000;left:50%;width:50%}
	
	.mongon1{
		background:#66a727;
		width:100%;
		margin:0 auto 0 auto;
		font-size:30px;
		padding:4% 1% 1% 4%;
		text-align:center;
		font-weight:bold;
		color:#fff;
		vertical-align:middle;
		
}
	.mongon1 span{color:#ff0000;}
	
	.mongon1 img{width:10%;height:auto;border-radius:50%;}
	
	.sasie{width:90%;margin:30px auto;margin-top:50px;}
	
	.sasie img{margin-top:50px;}
	
	.hanbun_ta1{width:100%;}
	
	.hanbun_ta2{width:100%;}
	
	.hanbun_ta2 img{vertical-align:middle;}
	
	.qutoi{width:80%;margin:50px auto;}
	
	.qutoi img{width:80%;margin:50px auto;}
	
	.jisseki{padding:30px 0;border-radius:15px;}
	
	
	.frex{padding:20px 3px;text-align:center;border:1px dotted #000;background:#00bfff;color:#fff;}
	
	.frex1{padding:20px;text-align:center;border:1px dotted #000;background:#fff;color:#0000ff;}
	
	.frex1m{padding:20px;text-align:center;border:1px dotted #000;background:#fff;color:#ff0000;}
	
	.frex2{padding:20px;border:1px dotted #000;background:#fff;}
	
	.frex3{padding:20px;border:1px dotted #000;background:#fff;text-align:center;font-size:26px;}
	
	.tawaku{position:relative;}
	
	.tawaku dl{padding: 20px 0;}
	
	.tawaku .mwform-radio-field label{display:flex}
	
	.tawaku .mwform-radio-field input{width:auto}
	
	.tawaku .mwform-radio-field label{padding:10px 0}
	
	.mojikou {text-align:left;padding-bottom: 5px;}
	
	.formkou {text-overflow: clip;
    white-space: normal;text-align:left}
	
	.hissu{background:#ff0000;padding:5px 10px;left:7%;color:#fff;font-size:16px;border-radius:3px;margin-top:10%;width:60px;display:inline;
	margin-left:15px}
	
	.btnWrap{width:90%;margin:0 auto}
	
	.enge{margin-top:-20px;}
	
	.enge img{border-radius:30px;text-align:center;}
	
	.monpa{margin-top:50px;}
	
	.ioko{margin:0 auto 35px;text-align:left}
	
	a.ancb{margin-top:-30px;padding-top:30px;display: block;}
	
	a.ancc{margin-top:-100px;padding-top:100px;display: block;}
	
	.telmon{text-align:center;color:#191970;margin:0 auto;margin-bottom:20px}
	
	.con0{position:relative;
		margin-top:50px
	}
	
		.titleco{ top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  color:#fff;text-align:center;
	position:absolute;}
	
	.tit1{font-size:25px;}
	
	.tit2{font-size:25px;margin-top:0px;position: relative;
display: inline-block;line-height:1.3;
margin-bottom: 1em;}
	
	.tit2:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 45%;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
border-radius: 1px;
}
	
		.scale-img { /*画像の幅*/
 /*画像の高さ*/
		object-fit:cover;
transition-duration: 0.5s; /*変化の時間*/
}
.scale-img:hover {
transform: scale(1.2,1.2); /*画像の拡大*/
cursor: pointer; /*カーソルをポインターにする*/
}
.scale-box {
width: 100%; /*ボックスの幅*/
height: 200px; /*ボックスの高さ*/
overflow: hidden; /*画像拡大時にはみ出た部分を隠す*/
	border:5px solid #00bfff;
	margin:0 auto;box-shadow:4px 4px 2px gray; 
}
	
	.scale-boxa {
width: 100%; /*ボックスの幅*/
height: 120px; /*ボックスの高さ*/
overflow: hidden; /*画像拡大時にはみ出た部分を隠す*/
	border:5px solid #00bfff;
	margin:0 auto;box-shadow:4px 4px 2px gray; 
		margin-bottom:30px;
}
	.tairt{font-size:20px;color:#fff;margin:0 auto;text-align:center;
	border-top:5px solid #00bfff;
	border-left:5px solid #00bfff;
	border-right:5px solid #00bfff;background:#00bfff;box-shadow:4px 4px 2px gray; 
	padding:10px 0;}
	
	.tairt1{font-size:20px;color:#fff;margin:0 auto;text-align:center;
	border-top:5px solid #00bfff;
	border-left:5px solid #00bfff;
	border-right:5px solid #00bfff;background:#00bfff;box-shadow:4px 4px 2px gray; 
	padding:10px 0;
	margin-top:20px;}
	
	.setubox{border-bottom:5px solid #00bfff;
	border-left:5px solid #00bfff;
	border-right:5px solid #00bfff;width:100%;margin:0 auto 20px auto;padding:15px;
	background:#00bfff;box-shadow:4px 4px 2px gray; 
	color:#fff;font-size:15px;text-align:left;}
	
		dl.qa {
 overflow: hidden;
 _zoom: 1;
		text-align:left;
		padding:0 5%;
}
 
dl.qa dd,
dl.qa dt {
 text-indent: -2.6em; 
 padding: 0 20px 0px 50px;
}
 
dl.qa dt {
 margin: 20px 20px 0 0;
}
 
dl.qa dd:first-letter,
dl.qa dt:first-letter {
 font-size: 1.6em;
 font-weight: bold;
 margin-right: 10px;
 padding: 5px;
}
 
dl.qa dd {
 margin: 10px 0 -1px 0;
 padding-bottom: 20px;
 border-bottom: solid 1px #00bfff;
}
 
dl.qa dt:first-letter {
 color: #3498db;
}
 
dl.qa dd:first-letter {
 color: #ff6767;
}
	
	table .yagou{box-shadow:4px 4px 2px gray;width:90%}
	
	.yagou{margin:30px auto;border:1px solid #fff;width:100%;background:#fff;}
	
	.yagou td{padding:5px 10px;font-size:18px;border:1px solid #4000ff;}
	
	.bluebox{background:#00bfff;color:#fff;font-size:20px;text-align:center;}
	
	.boxflow{padding:0px;border:3px solid #00bfff;margin-top:10px;
	font-size:16px;text-align:left;background:#fff;box-shadow:4px 4px 2px gray;}
	
	.boxflow img{height:200px;object-fit:cover;width:100%;}
	
	.yazirusi{ transform:rotate(90deg);  }
	
	.miyasu{padding:3px;}
	
	.koe{padding:10px 10px;}
	
	.skyablue{background:#00bfff;color:#fff;padding:5px 2px;width:40%}
	
	.con2gt{
		
		padding:50px 30px;margin:0 auto;text-align:center;
		background:url(https://clean-ecology-service.com/wp-content/uploads/2019/10/speed.jpg);
		background-position:50% 0%;
	}
	
	.con23{
		padding:50px 30px;
		margin:0 auto;text-align:center;
		background-color: transparent;
	background-image:
	 radial-gradient(rgba(77,210,255,0.2) 5px, transparent 5px);
	background-size: 50px 50px;
		z-index:1;
	}
	
	.voiback{background:url(https://clean-ecology-service.com/wp-content/uploads/2019/10/shabon.jpg);
	padding:50px 30px;}
	
	h7 {

padding-bottom: .5em;
		font-size:17px;
		color:#191970;
		position:relative;
}
h7:after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
height: 4px;
width: 100%;
background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #cc0000 2px, #cc0000 4px);
background: repeating-linear-gradient(45deg, #fff, #fff 2px, #cc0000 2px, #cc0000 4px);
}
	.bluewaku{position:relative;z-index:1;background:#00bfff;padding:3px;color:#fff;width:130px;text-align:center;
	border-radius:10px;margin-bottom:20px;margin-top:20px;}
	
	#price{display:block;position:relative;top:-100px;}
	#question{display:block;position:relative;top:-100px;}
	#service{display:block;position:relative;top:-100px;}
	#voice{display:block;position:relative;top:-100px;}
	#store{display:block;position:relative;top:-100px;}
	#before{display:block;position:relative;top:-100px;}
	
	.harf1{width:20%;float:right;text-align:left;margin-top:30px;}
	
	.harf22{float:right;width:100%;font-size:17px;}
	
	.kaitorimon{color:#ff0000;font-size:24px;}
	
	.harf1 img{}
	
	.fotinf{position:fixed;bottom:10px;padding:0 0 0 4%;z-index:9999;}
	
	.fotinf img{width:50%;float:left;border:2px solid #fff;}
	
	.go-top.show {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
		bottom : 60px;
	}
	
		.conti{
			
  position: fixed;
right:20px;
  top: 30px;
  width: 40px;
  height: 40px;
  background-color: #15aa5a;
  box-shadow: 0 2px 6px rgba(0,0,0,.16);
		z-index:3000;
		border-radius:10px;
}
	
	.global-nav {
  position: fixed;
  right: -105%; /* これで隠れる */
  top: 0;
  width: 100%; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #15aa5a;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: left;
  padding: 0 14px;
}
.global-nav__item a {
  display: block;
  padding: 4px 0;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  color: #fff;
	padding-left:10px;font-size:22px;
}
.global-nav__item a:hover {
  background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 1px;
  background-color: #fff;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 20px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #ccc;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}
	
			.subkaza li{list-style:none}
		
			/*全体*/
.hidden_box {
    margin:0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    
    font-weight: bold;
   position:relative;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;content:"";color:#fff;position:relative;z-index:9999;padding-left:10px;
	font-size:5.5vw;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f107';
;
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;float:right;padding-left:40px;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
     content: '\f106';
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}
	
	.hidden_box label:after{  content: '';     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #cc0000;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
		position:relative;
		top:15px;float:left;left:-10px;}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
	
	.voicekoe h2{text-align:center;color:#00bfff;}
	
	.voicekoe img{width:25%;float:left;border:2px solid #00bfff;}
	
	.osirase{padding:50px 30px;
	color:#4b4b4b;background:#fff;font-size:18px;text-align:left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
	
	.osirase h2{color:#ff4500;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
	
	.marker-blue {
background: linear-gradient(transparent 70%, #ffa500 0%);
}
	
	.title{background:#15aa5a;font-size:8vw;text-align:center;color:#fff;padding:40px 30px;
	background-image:
	 repeating-linear-gradient(-45deg,
	 #15b35f, #15b35f 7.5px,
	 transparent 0, transparent 15px);}
	
	.kotae1{padding:50px 30px;}
	
	.kotae11{padding:50px 30px;}
	
	.kotae1 h5{color:#15aa5a;font-weight:bold;font-size:7vw;}
	
	.bangou{top:150px;left:50px;background:rgba(21,170,90,0.9);color:#fff;padding:15px;border-radius:10px;
	text-align:center;font-size:7vw;position:absolute;}
	
	.shoukai{padding:1%;position:relative;margin-bottom:100px;font-size:5vw;
	letter-spacing:0.15em;}
	
	.hiace img{height:200px;object-fit:cover;}
	
	.goiryeo{font-size:5vw;text-align:left;margin-bottom:50px;}
	
	.shoukaiz{padding:1%;position:relative;margin-bottom:30px;font-size:5vw;
	letter-spacing:0.15em;}
	
	
	
	.shoukai3{padding:1%;position:relative;font-size:5vw;
	letter-spacing:0.15em}
	
	.shoukai3 img{box-shadow:4px 4px 2px;}
	
	.shoukai2{padding:1%;position:relative;font-size:5vw;
	letter-spacing:0.15em;}
	
	.shoukai2 img{box-shadow:4px 4px 2px;}
	
		
	.shoukai2 h3{font-size:8vw;color:#15aa5a;margin-top:20px;font-weight:700;letter-spacing:0.3em;
	text-align:left;}
	
	.shoukai3 img{box-shadow:4px 4px 2px;}
	
	.shoukai3 h3{font-size:8vw;color:#15aa5a;font-weight:700;letter-spacing:0.3em;
	text-align:left;}
	
	.shoukai img{box-shadow:4px 4px 2px;}
	
	.sihd img{object-fit:cover;height:350px;width:100%;}
	
	.saiosi{font-size:8vw;text-align:left;color:#15aa5a;margin-top:0px;}
	
		.obi{background:#fff;height:auto;content:"";font-size:5vw;color:#fff;text-align:center;padding:50px 10px;
	}
	
	.obisita{}
	
	.obisita img{text-align:center;margin:15px auto;box-shadow:4px 4px 2px #cdcdcd;}
	
	.kotae2{padding:50px 30px;
  }
	
	.tenpo th{padding:10px 5px;background:#15aa5a;color:#fff;border-bottom:1px dotted #fff }
	
	.tenpo td{padding:10px 5px;background:#fff;border-bottom:1px dotted #ccc }
	
	.flexk{text-align:center}
	
	.bifo{position:relative;}
	
	.bifo span{position:absolute;width:100%;background:rgba(0,0,0,0.7);color:#fff;
	left:0;bottom:0px;padding:20px;text-align:center;font-size:6vw;}
	
	.bifo img{width:90%;height:auto;margin:0 auto}
	
	.bifo1{text-align:center;}
	
	.bifo1 img {
 position:relative;width:80px;height:auto;transform:rotate(90deg);
  }
	
	.yaziruska{text-align:center;}
	
	.footer-widgets .container{padding:0 !important}
	
	.misekata{font-size:5vw;margin:20px auto;line-height:2.0;padding:10px}
	
	.misekata h4{color:#000000;font-size:5vw;margin:20px auto;font-weight:normal;line-height:2}
	
	.jpurg{text-align: center;
color: #3b3b3b;font-size:22px}
	
	.inobe2 h2:before,.inobe2 h2:after{display:none}
	
	.inobe2 h3{text-align: left !important;
font-size: 18px;
position: relative;margin:4px 0}
	
	.inobe2 h4{padding: 0;
		font-size: 14px;color:#000;font-weight:normal;margin:4px 0}
	
	.koid{width:100px;}
	
	.nayu{display:block !important}
	
	.misekata h3{color:#000;}
	
	.marker-animation-4152{font-size:22px;}
	
	.kakao{font-size:14px;color:#000;text-decoration:underline;}
	
	.obi{padding:0 30px;}
	
	.gozi{margin-top:-40px;}
	
	.contac{margin-top:130px;padding-top:40px;}
	
	.menuro{position:fixed;top:70px;right:10px;z-index:1405;color:#000;}
	
	.koudb img{object-fit:cover;height:300px;width:100%;margin:5px auto;border:2px solid #cdcdcd; }
	
	.ksfje{object-position:50% 0%;height:400px !important;}
	
	.romeo{background:#fff;padding-top:20px;}
	
	.romeo h3{text-align:center;color:#2b2b2b;}
	
	.misesiro h3{text-align:center;color:#2b2b2b;}
	
	.smfot{position:fixed;width:100%;bottom:0px;left:0;z-index:500;display:flex;justify-content: center;}
	
	.sline{border: 2px solid #fff;display:none}
	
	.sform{}
	
	.stel{}
	
	
	
	.jfyrhr img{margin:5px 0;}
	
	.sdjrj{width:70%;margin:30px auto;}
	
	.hinmoku{padding:1%;border:1px solid #dcdcdc;margin:15px auto;background:#fff;}
	
	.hinmoku h2{color:#15aa5a;font-size:20px;margin-left:20px;}
	
	.kotae1b{background:url(https://trash-service.net/wp-content/uploads/2022/03/tankukai.jpg.webp);
	background-size:cover;background-repeat:no-repeat;position:relative;z-index:0;
	background-size:cover}
	
	.kotae1b:before{position:absolute;height:100%;width:100%;background:rgba(255,255,255,0.4);content:"";z-index:1}
	
	.kotae11b{background:#fff;background:url(https://trash-service.net/wp-content/uploads/2020/10/3734970_m.jpg.webp);background-attachment:fixed;position:relative;background-size:cover;padding: 0px;}
	
	.kotae11b:before{position:absolute;content:"";width:100%;height:100%;
	background:rgba(255,255,255,0.4)}
	
	.kotae22b{background:#fff;background:url(https://trash-service.net/wp-content/uploads/2020/10/spring.jpg.webp);background-attachment:fixed;position:relative;}
	
	.kotae22b:before{position:absolute;content:"";width:100%;height:100%;
	background:rgba(255,255,255,0.1);}
	
	.gazousize{width:65%;margin-bottom:50px;}
	
	.gazousize2{padding-top:50px;width:80%;}
	
	.gazousize4{padding:50px 0;}
	
	.gazousize3{max-width:70% !important;padding:50px 0;margin:0 auto;}
	
	.gazousize6{padding-top:50px;width:65%;margin:0 auto;}
	
	.gazousize7{padding:50px 0;width:50%;margin:0 auto;}
	
	.dontou{padding-bottom:50px;}
	
	
	.uwanose{position:relative;z-index:10;padding:30px 4%;}
	
	.uwanose2{position:relative;z-index:10;margin:0px auto;background:rgba(255,255,255,0.7);
	padding:50px 10px;margin-left:-15px;margin-right:-15px;}
	
	.cbm_wrap {
    background: #fff;
    margin: 20px auto;
    display: block;width: 100%;min-height: 310px;
    padding:20px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}
.cbm_wrap img {
    width: 100%;
	height:300px;
    margin-top: 15px;object-fit:cover;
}

.cbm_wrap h1{
    font-size: 5vw !important;
    font-weight: bold;
    margin-top: 5px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
	color:#000;
}
.cbm_wrap a{
    text-decoration: none;
    color: #4A4A4A !important;
}
.cbm_wrap a:hover{
    text-decoration: underline;
    color: #6B6B6B !important ;
}
	
	.obix{background:#15aa5a;height:auto;font-size:2vw;color:#fff;text-align:center;padding:20px 5px;
	}
	
	.obitit{background-color: #F9F2B3;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;

	color:#2b2b2b !important;text-align:center;border-radius:10px;font-weight:bold;font-size:5.5vw !important;margin:0;padding:8px 0}
	
	.uwanose h2,.kotae22b h2{margin:0}
	

	.obitit2{color:#ffff00;margin:10px;font-weight:bold;font-size:3.7vw}
	
	.obitit3{background-color: #adff2f;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #FFEFEF), color-stop(.5, transparent), to(transparent));
-webkit-background-size: 5px;color:#2b2b2b;display:inline-block;padding:10px 5px;font-size:6vw
}
	
	.obitit4{color:#fff;font-size:6.5vw !important;border-bottom:3px solid #fff;display:inline-block;}
	
	.obitit4 a{color:#fff;font-size:6.5vw !important;}
	
	.obitit5{background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		height:140px;border-radius:15px;font-size:3.5vw;padding:10px 5px;color:#fff;text-align:left;
		line-height:1.5;
}
	
	.obitit5 img{vertical-align:middle;margin-top:45px;}
	
	.kugiri22{float:left;width:50%;padding:0 1%;}
	
	.wakete2{width:20%;float:left;}
	
	.wakete3{width:80%;float:left;padding:10px;}
	
	.shoukaix9{padding:3% 1%;position:relative;margin-bottom:100px;font-size:5vw;
	letter-spacing:0.15em;margin:3% 1%;background:#fff;border-radius:10px;box-shadow:5px 5px 2px gray;}
	
	.shoukaix9 img{text-align:center;margin:0 auto;max-height:427px;width:100%;object-fit:cover;
	border:2px solid #dcdcdc;box-shadow:4px 4px 2px gray;}
	
	.shoukaix9 h3{color:#000;text-align:center;position:relative;}
	
	.shoukaix9 h3:before{position:absolute;border-bottom:5px solid #15aa5a;width:40px;
	content:"";left: 50%; -webkit-transform : translate(-50%,-50%);transform : translate(-50%,-50%);top:30px;border-radius:2px;
	}
	
	.shoukaix91{padding:3% 1%;position:relative;margin-bottom:100px;font-size:5vw;
	letter-spacing:0.15em;margin:3% 1%;background:#fff;border-radius:10px;box-shadow:5px 5px 2px gray;}
	
	.shoukaix91 img{text-align:center;margin:0 auto;max-height:427px;width:100%;object-fit:cover;
	border:2px solid #dcdcdc;box-shadow:4px 4px 2px gray;}
	
	.shoukaix91 h3{color:#000;text-align:center;position:relative;}
	
	.shoukaix91 h3:before{position:absolute;border-bottom:5px solid #15aa5a;width:40px;
	content:"";left: 50%;-webkit-transform : translate(-50%,-50%);transform : translate(-50%,-50%);top:30px;border-radius:2px;
	
	}
	
	.kaikine{margin:50px auto;background:#000;height:2px;}
	
	.urjtj{margin-top:100px; left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	font-size:34px;box-shadow:5px 5px 3px gray;border:1px solid #000;
		padding:20px;
	}
	
	.hitokoto{font-size:7vw !important}
	
	.kakomiwaku{border:3px solid #15aa5a;background:#fff;border-radius:5px;margin-bottom:50px;padding:0 10px}
	
.takumi{display:block;text-align:center;padding:0 20px;}
	
	.futidori{ display        : inline-block;text-align:left;letter-spacing:0.25em;font-weight:bold;
  color          : #000000;            /* 文字の色 */
		font-size:5vw;/* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */}
	
	.futidori a{border-bottom: 3px solid #ff0000;color:#ff0000 !important}
	
	.btn back,.btn send{margin:10px auto;}
	
	.gaikan{width:100%;margin:0 auto;}
	
	.gaikan img{box-shadow:4px 4px 3px gray;border:5px solid #fff;}
	
	.poir{box-shadow:4px 4px 3px gray;}
	
	.kfour{margin:20px auto;width:100%;background:#fff;padding:50px;border:5px solid #15aa5a;box-shadow:4px 4px 3px gray;
	border-radius:10px;}
	
	.jhhut{position:relative;left:50%;transform:translate(-50%,0);display:inline-block;font-size:5vw;
	box-shadow:4px 4px 3px gray}
	
	.shouhim{position:relative;margin-bottom:50px;}
	
	.shouhim:before{border:2px solid #15aa5a;padding:10px;position:absolute;width:100%;height:100%;left:0%;top:0;content:"";box-shadow:3px 3px 3px gray;
	border-radius:10px;z-index:1}
	
	.cencen{text-align:center;margin-bottom:50px;}
	
	.zenhan2{font-size:19px;letter-spacing:0.15em;line-height:1.5;text-align:left}
	
	.shouhim li{position:relative;padding-right:30px !important;text-align:left}
	
	hr{margin:30px auto !important;background:#15aa5a !important;height:3px !important}
	
	.baras{font-size:22px;color:#15aa5a;font-weight:bold;width:50%;float:left;padding:12px 0;text-align:left}
	
	.sakai h3{font-weight:bold}
	
	.nnhuro th,.nnhuro td{padding:10px;border-bottom:1px solid #15aa5a}
	
	.con1g{font-size:19px;}
	
	.con1g h2{font-size:8vw;color:#15aa5a;margin-top:70px;text-align:center;font-weight:bold;}
	
	.kagomi{margin-bottom:50px}
	
	.pc{display:none}
	
	.gomiflex{display:flex}
	
	.conaisatu3{padding:20px}
	
	.conaisatu3 h3{color:#3b3b3b;margin-top:50px !important
	}
	
	.flex3{}
	
	.koum h4{color:#3b3b3b}
	
	.koum img{max-height:150px;width:auto}
	
	.koum{background:#f0f8ff;padding:15px;margin:30px auto;width:97%;font-size:18px}
	
	.riyuux{padding:15px;background:#f5f5f5;margin:20px 0;}
	
	.riyuux img{max-height:140px;width:auto}
	
	.marker {
  background: linear-gradient(transparent 70% , pink 70%);
}
	
	.conaisatu3 h3 span {
  background: linear-gradient(transparent 70% , #00ff00 70%);
}
	
	.conaisatu2{text-align:left;margin:0px auto 0;padding:10px;background:#f0f8ff}
	
	.gomiflex img{margin:30px 0;}
	
	.mojimiya{font-size:20px;line-height:2;letter-spacing:0.15em}
	
	.obique{background:url(/img/question/question.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obihaji{background:url(/wp-content/uploads/2022/12/25470879_m.jpg);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obinaga{background:url(/img/flow/kazari.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obigomiyasiki{background:url(/img/gomi/gomiyasiki.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obioffi{background:url(/img/office/office.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obihissoi{background:url(/img/hikkosi/hikkosi.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}

.obiwaste{background:url(/img/fuyouhin/fuyouhin.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}

.obiarrangement{background:url(/img/ihin/ihin.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}

	

	
	.obi3{background:url(/img/company/eco.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obigomi{background:url(https://trash-service.net/wp-content/uploads/2022/03/22766007_m.jpg.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obiihin{background:url(https://trash-service.net/wp-content/uploads/2022/03/23009550_m.jpg.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obiseizen{background:url(https://trash-service.net/wp-content/uploads/2022/03/5197597_m.jpg.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obihikko{background:url(https://trash-service.net/wp-content/uploads/2022/03/23114880_m.jpg.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obicontact{background:url(/img/contact/contact.webp);height:60vh;width:100%;background-size:cover;background-position:30% 50%;position:relative}
	
	.obivoice{background:url(/img/voice/lady-voice.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obiquw{background:url(https://trash-service.net/wp-content/uploads/2022/03/22535559_m.jpg.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obimap{background:url(/img/sitemap/earth.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
		
	.obiflow{background:url(https://trash-service.net/wp-content/uploads/2022/03/4394272_m.jpg.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	.obirecycle{background:url(/img/recycle/shop.webp);height:60vh;width:100%;background-size:cover;background-position:50% 50%;position:relative}
	
	
	
	.title1{color:#fff;font-size:6vw}
	
	.title2{color:#fff;font-size:6vw}
	
	.treja {
    border: 3px solid #ff0;
    box-shadow: 3px 3px 3px grey;
    margin-bottom: 30px;
}
	.sakai h3{color:#15aa5a}
	
	.sirui{color:#dc143c;margin-right:5px;}
	
	.shouhim li{width:50%;float:left;padding:10px 0}
	
	.flexw{padding:0 10%;position:absolute;bottom:30px;justify-content:center;width:100%;
	align-items:center}
	
	.point3{text-align:center;font-size:5vw;color:#fff;padding:6px 20px; -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);margin:0 auto;border-radius:15px;background:rgba(21,170,90,0.9);box-shadow:4px 4px 3px #333;margin:10px auto;
	line-height:1.5;}
	
	.okirt{padding:50px 30px}
	
	.okirt h2{margin-top:50px;margin-bottom:3px;}
	
	.plang{border: 1px solid #15aa5a;
padding: 10px;
position: relative;
border-radius: 10px;
background: #f0f8ff;}
	
	.joir {
  padding: 12px 30px;
  font-size: 22px;
  background: #15aa5a;
  color: #fff;
  margin-top: 12px;
}
	
	.hhuro{padding:5px 15px}
	
	.saimon,.kakakunew{font-size:20px;color:#ff4500}
	
	.fotmap{background:#f5f5f5;padding:50px 0 20px}
	
	.fotmap h2{color:#15aa5a;text-align:center;font-size:26px;}
	
	
	
	.mapcon2{padding:20px;color:#2b2b2b}
	
	.kakutiku {
  position: relative;
 background:#15aa5a;color:#fff;
		margin-bottom:35px;margin-top:-10px;
}
	
	.kakutiku td{padding:8px 5px}
	
	.okiu{float:left;width:50%;}
	
	.okiu2{color:#ff4500;margin-top:20px;font-size:20px}
	
	.flexm,.fotdown{z-index:3;position:relative}
	
	.fottop {
  background: url(/wp-content/uploads/2022/03/fotblue.png);
  background-repeat: repeat;
    background-size: auto;
  content: "";
  width: 100%;
  background-repeat: no-repeat;
  position: relative;
 
}
	
	.fottop::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
}
	
	.fottop h2{color:#15aa5a;text-align:center;font-size:26px;position:relative}
	
	.mbox a {
  position: relative;
  display: inline-block;color: #2b2b2b !important;
display: block;
padding: 5px 0;
		padding-left:30px;width:50%;float:left
}
	
	.mbox br{display:none}
	
	.mbox a::before {
  content: "";
  background: url(/wp-content/uploads/2022/03/3check.png.webp);
    background-repeat: repeat;
    background-size: auto;
  left: 5px;
  top: 50%;
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate(0,-50%);
}
	.nbox img{margin-top:30px;color:#2b2b2b}
	
	
	.flexmr{padding:10px 10px 80px}
	
	.koyu {color:#15aa5a !important;font-size:18px}
	
	.greenmoji{width:50%;float:left;padding-top:25px}
	
	.greenmoji img{margin-top:-10px;}
	
	.nakami{padding:50px 10px}
	
	.itirigh{text-align:right}
	
	.gaiyou{margin:50px auto 50px;border-collapse:collapse;font-size:18px}
	
	.gaiyou dl{padding:10px 0}
	
	.gaiyou dt{background:#f5f5f5;padding:20px}
	
	.gaiyou dd{padding:20px;}
	
	.gaiyou tr{border-top:1px solid #dedede;}
	
	.gaiyou th{font-size:17px;padding:25px 10px}
	
	.gaiyou td{font-size:17px;padding:25px 10px}
	
	.gaiyou td a{color:#4d4dff}
	
	.gaia{position:relative;margin-top: 110px;}
	
	.gaia:before{position:absolute;width:100%;height:100%;content:"";background:rgba(0,0,0,0.4)}
	
	.kitoi{margin-top:100px}
	
	
	.buto{padding:14px 25px;background:#15aa5a;color:#fff;font-size:20px;border:1px solid #fff;display:inline-block;
	box-shadow:2px 2px 3px gray}
	
	.buto:hover{background:#dc143c;color:#fff;}
	
	.boutou{font-size:20px;letter-spacing:0.15em;line-height:1.6}
	
	.flownayami{font-size:18px;}
	
	.riyuu2{padding:10px}
	
	.office{margin:50px auto}
	
	.office h3{margin-top:50px;color:#15aa5a !important;}
	
	.flowkan{padding:30px 0;font-size:20px;letter-spacing:0.15em;}
	
	.flow11{border:1px solid #15aa5a;margin:35px 0px;}
	
	.flow11 h3{background:#15aa5a;color:#fff !important;padding:15px 20px;margin:0}
	
	.flowbun{padding:20px;}

	.flow22{margin:30px 0;border:1px solid #15aa5a;}
	
	.flow22 h4{background:#15aa5a;color:#fff;padding:15px 20px;margin:0;line-height:1.6}
	
	.riyuu{padding:10px}
	
	.riyuu4{padding:20px;}
	
	.najia{}
	
	.najia img{}
	
	.setof{}
	
	.que{margin:50px auto;border:1px solid #15aa5a;border-radius:20px;box-shadow:4px 4px 3px gray }
	
	.situ{font-size:20px;color:#15aa5a;padding:20px 20px 20px 80px;font-weight:bold;background:url(/img/question/ques.webp);
	background-repeat:no-repeat;background-size:40px;background-position:20px 20px;}
	
	.kaitou{font-size:20px;padding:20px 20px 20px 80px;background:url(/img/question/answer.webp);
	background-repeat:no-repeat;background-size:40px;background-position:20px 20px;}
	
	.narabi{background:#fff}
	
	.nagomi{background:#f5f5f5;border-radius:0 0 20px 20px;}
	
	.kihon{position:relative;z-index:1;width:100%;overflow-x:hidden}
	
	.renraku1{text-align:left;background:#ff0000;font-size:20px;padding:20px 30px;color:#fff}
	
	.header-top{margin-top:100px}
	
	.site-logo{width:200px;position:relative;left:-85px;top: 20px;}
	
	.renraku1 span{color:#ffff00}
	
	.renraku2{text-align:center;background:#ff8c00;padding:20px 20px;color:#fff;font-size:20px;font-weight:bold}
	
	.onka{text-align:center;font-size:16px}
	
	.onka2{text-align:left;width:60%}
	
	.onka img{}
	
	.telm{font-size:30px;color:#fff;position:relative;top:5px;margin-left:10px;}
	
	.telm a{color:#fff}
	
	.inobe3x,.inobe4x {text-align:center !important;padding:10px}
	
	.telmb{font-size:26px;color:#3b3b3b;position: relative;
top: 5px;}
	
	.samuni {
    color: #ffff00 !important;
    font-weight: bold;
    text-shadow: -1px 0px #000, 0px -1px #000, 0px 1px #000, 1px 0px #000, 1px -2px #000, 2px -3px #000, 3px -4px #000, 4px -5px #000, 5px -6px #000, 2px -1px #000, 3px -2px #000, 4px -3px #000, 5px -4px #000, 6px -5px #000;
    font-size: 40px;
}
	
	.gurego {display:flex;align-items:center;padding:10px;justify-content:center;background:#fff;width:100%}
	
	.gurego img{height:40px;margin:0 5px;}
	
	.corona{background:#FDF6DF;padding:30px 15px;z-index:1000;position:relative}
	
	.tzkuan{z-index:10 !important}

	.coronawaku{border:3px solid #ff0000;margin:0 auto;background:#fff}

	.coronatit{background:#ff0000;padding:20px 0;font-size:20px;color:#fff;text-align:center}

	.nagomo{background:#fff;padding:5px;}
	
	.nagomo h3{color:#000;font-size: 16px;font-weight:normal !important;margin:8px 0 !important}
	
	.sform,.stel{border:2px solid #fff}
	
	.plan{background:#fff0ee;padding:30px 15px;background-size:cover;width:100%;overflow-x:hidden}

.plan h3{text-align:center;color:#3b3b3b;margin:0;font-weight:normal;font-size:20px}

.tiiki{background:#f0ffff;padding:50px 0;background-size:cover;background-attachment:fixed}
h2{font-size:45px;text-align:center;color:#3b3b3b;position:relative}

.kihon h2::before {
    position: absolute;
    top: -10px;
    left: -25px;
    border-right: 5px solid #1ac2d8;
    color: black;
    font-size: 10px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    text-transform: uppercase;
    content: 'trash';
}

.kakuplan{background:#fff;margin:30px auto}

.oneroom{border:3px solid #ffa500;position:relative}

.Diagonal {
  background: repeating-linear-gradient( 45deg, #f5f5f5, #fff 10px, #f5f5f5 10px, #fff 50px );
}

.saju{position:absolute;top:-10px;left:-30px;transform: rotate(-35deg);width: 100px;}

.shoryou{border:3px solid #1E90FF;}

.nielu{border:3px solid #32CD32;}

.yonelu{border:3px solid #FF4500;}

.plantit{padding:10px 0;font-size:30px;text-align:center;color:#fff !important;font-size:30px !important;padding:17px 0 !important}

.orange{background:#ffa500}

.blue{background:#1E90FF}

.green{background:#32CD32}

.tomato{background:#FF4500}

.inobe{padding:10px 10px;text-align:center !important;;font-size:20px;}
	
	.inobe img{width:60%}
	
	.bururyou{margin:30px auto;font-size:24px;}
	
	.toush h2 {
    margin-top: 0;
    font-size: 30px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    display: inline-block;
    color: #ffffff;
    letter-spacing: 6px;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
	
	.toush h2:before,.toush h2 :after{display:none}
	
	

.inobe2{padding:10px 30px;text-align:left;font-size:18px;position:relative}
	
	.hokenb h3 {
    background: #ffff00;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
    color: #000;text-align:center;word-break: keep-all;font-size:20px !important;font-weight:normal !important;margin:0;
}
	
	.inobe2 img{width:80%}

.inobe2 h3{text-align:center;color:#3b3b3b}

.kakoki{height:300px;width:auto;}

.akakakaku{font-size:25px;text-align:center;margin-bottom:30px;color:#ff0000;font-weight:bold}

.car{width:300px}

.mojiright{text-align:left}

.wakumoi{background: #15AA5A;
color: #fff;
padding: 12px 5px;
margin: 0 10px;
font-size: 16px;
}

.ponit{margin-bottom:30px}

.joiut{margin-bottom:50px;display: inline-block;		/* インライン要素：横並び配置、ブロック要素：幅や高さ・余白の指定可 */
	position: relative;
	color: rgba(0,0,0,0);		/* 透明 */
	top:0;
	left: 50%;transform:translate(-50%,0);letter-spacing:0.2em;font-size:24px;text-shadow: 1px 1px 1px gray;}

.joiut span:nth-of-type(1){
	position: absolute;
	color: #999;				/* グレー */
	top: 0;
	left: 0;
	-webkit-text-stroke-width: 10px;
	z-index: 10;
}
.joiut span:nth-of-type(2){
	position: absolute;
	color: #333;				/* 黒 */
	top: 0;
	left: 0;
	-webkit-text-stroke-width: 8px;
	z-index: 20;
}
.joiut span:nth-of-type(3){
	position: absolute;
	color: #FFF;				/* 白 */
	top: 0;
	left: 0;
	-webkit-text-stroke-width: 6px;
	z-index: 30;
}
.joiut span:nth-of-type(4){
	position: absolute;
	color: #F00;				/* 赤 */
	top: 0;
	left: 0;
	-webkit-text-stroke-width: 1px;
	z-index: 40;
}
.joiut span:nth-of-type(5){
	position: absolute;
	color: #F00;				/* 赤 */
	margin: 0;
	-webkit-background-clip: text;
	-webkit-text-stroke: 0px ;
	top: 0;
	left: 0;
	z-index: 50;
}


.kasuga{position:absolute;top:-20px;width: 100px;
right: -80px;}

.uemu{top:-60px}
	
	.mojileft{text-align:left;font-size:20px;}

.concenter{text-align:center;}
	
	.nsgoya{margin-top:25px;}

.toush{font-size:20px;display:inline-block;text-align:left;padding: 10px;color:#fff;
	position:absolute;top:30px;transform:translate(-50%,0);width:100%}

.flea{width: 100%;
   padding: 10px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.2); /* 背景色 */
  border: 1px solid rgba(255, 255, 255, 0.4); /* ボーダー */
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(5px); /* ぼかしエフェクト */
  backdrop-filter: blur(5px);
  box-shadow: 0 5px 20px rgba(200, 200, 200, 0.5); /* 薄い影 */
	color:#3b3b3b;}

.toush h2{margin-top:0;color:#ff0000;font-size:25px;width: 100%;}

.pat {
  background-size:cover;background-position:50% 70%;padding:30px 0;position:relative
}


.tomatr{color:#fff;font-size:18px;}

.recycleb{display:inline-block;position: relative;
left: 50%;
transform: translate(-50%,0);margin-bottom:50px;}

.shopl{background:#15AA5A;color:#fff;font-size: 22px;
text-align: center;}

.shopl:hover{background:#ff0000;}
	
/*ベース*/
section.typeB{
	display: flex;
	flex-wrap: wrap;
}
section.typeB::after {
	content: '';
	width: 100%;
	height: 3px;
	display: block;
	order: -1;
	background: rgba(0,0,0,.1);
}
section.typeB .tabLabel {	/* タブ */
	margin-right: 3px;
	padding: 3px 12px;
	flex: 1;
	order: -1;
	border-radius: 3px 3px 0 0;
	color: #444;
	background: rgba(0,137,167,.3);
	position: relative;
	transition: .5s ;
	cursor: pointer;
}
section.typeB .tabLabel::after {
	content: '';
	width: 100% ;
	height: 3px;
	display: block;
	pointer-events: none;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	background: #EFBB24;
	position: absolute;
	left: 0;
	bottom: -3px;
	z-index: 10;
	opacity: 0;
}

section.typeB .tabLabel:hover{background:#dc143c;color:#fff}


section.typeB .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.typeB input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeB .content {	/* 本文 */
	width: 100%;
	height:0;
	overflow:hidden;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	opacity:0;
}
section.typeB .content > div {
	pointer-events:none;
	transform: translateX(30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
}
/*アクティブ設定*/
section.typeB input:checked + .tabLabel {		/*タブ*/
	color: #fff;
	background: rgba(0,137,167,.7);
}
section.typeB input:checked ~ .tabLabel::after {
	transform: translateX(-100%);
}
section.typeB input:checked + .tabLabel::after {
	opacity: 1;
	transform: translateX(0);
}
section.typeB input:checked + .tabLabel + .content {	/*本文*/
	height: auto;
	padding: 15px;
	order: 1;
	opacity: 1;background: #fff;font-size:18px;
}
section.typeB input:checked ~ .content > div {
	transform: translateX(30%);
}
section.typeB input:checked + .tabLabel + .content > div {
	pointer-events:auto;
	transform: translateX(0);
}

.hosoku{color:#ff0000;text-align:center;margin-bottom:10px;font-size:16px}

.renrakuobi{background:#15AA5A;color:#fff;padding:20px 30px;font-size:20px;text-align:left}
	
	.renrakuobi h2{color: #fff;
font-size: 20px;
		text-align: left;line-height:1.7;margin:0}
	
	.renrakuobi h2:before,.renrakuobi h2:after{display:none}

.yero{color:#ffff00}

.whiteback{background:#fff;padding:10px;text-align: left;}

.wihan{color:#3b3b3b}

.flexl{display:flex;margin-top:30px;justify-content:center}

.flexl img{height:40px;}

.credit{background:#f5f5f5;color:#3b3b3b;padding:30px 30px 10px;font-size:20px;}

.orangete{color:#ffa500;font-weight:bold}

.kaitori{width:100%;background:#fff;}

.misesiro{background:#fff;padding:20px;}

.kaitori td{width:33.3%;padding:10px 2px;font-size:16px;}
	
	.kaitori td h3{font-size:16px;text-align:left;margin:3px 0;line-height:1.5;font-weight:normal}

.otoku{color:#ff4500;text-align:center;font-size:17px;}

.shouhin{width:100%;margin-top:50px;}
	
	.shopmon {
    background: #15aa5a;
    color: #fff;
    font-size: 20px;
    padding: 12px 0;
    text-align: center;
}
	
	.shopmon:hover{color:#ff0000}

.kati{padding:20px;position:relative;text-align:center}
	
	.kati img{margin-bottom:10px}

.ukiga{position:absolute;top:20px;right:20px;}

.ukiga img{width:50px;height:auto}

.onedan{color:#ff0000;font-size:22px;text-align:center}

.hikari{background:#fcf2d4;padding:50px 0;background-attachment:fixed;background-size:cover}

.riyuu{margin:30px 2%;background:#fff;padding:10px;font-size:20px;}
	
	.buttonhki{position:relative;height:60px;margin-top: 10px;}
	
	.buttonlink{padding:7px 20px;color:#fff;border-radius:5px;background:#15aa5a;position:absolute;color:#fff;
	left:50%;transform:translate(-50%,0);box-shadow:3px 3px 3px gray}

.obi1x{text-align:center;font-size:20px;color:#fff;padding:20px 0;background:#1E90FF;margin:0}

.obi2x{text-align:center;font-size:20px;color:#fff;padding:20px 0;background:#32CD32;margin:0}

.obi3x{text-align:center;font-size:20px;color:#fff;padding:20px 0;background:#FF8C00;margin:0}

.obi4x{text-align:center;font-size:20px;color:#fff;padding:20px 0;background:#8A2BE2;margin:0}

.hize{margin-bottom:0px;}


.prev,
.arrow label {
	left: 0;
}
.next {
	right: 0;
}

#switch1:checked ~ .next label[for="switch2"],
#switch2:checked ~ .next label[for="switch3"],
#switch3:checked ~ .next label[for="switch1"]{
	pointer-events: auto;
}
	
	.telco{color:#0000ff !important}

.sapporo{width:100%}

.sapporo td{width:20%;padding:4px 8px;font-size:14px;}

.sonota{width:100%}

.sonota td{width:50%;padding:8px 0px;}

.koutu{position:absolute;left:60%;top:90px;width:140px;height:auto;transform:rotate(35deg);  }

.wasurena{background:#89c3eb;padding:30px 0}

.fotcont{padding:0px 20px;color:#5b5b5b}
	
	.fotcont br{display:none;}
	
	.fotcont h4{margin:35px 0 10px;color:#3b3b3b;font-size:22px }

.fotcont a{color:#191970 !important;display:block;margin: 14px 0;text-decoration:underline}

.fotcont a:hover{color:#5b5b5b}
	
	.mkuy{display:inline-block !important}

.insta{padding:5px 20px;background:#fff;border-radius:50%;display:inline-block}
	
	.hryi{display:block !important}

.copyright{text-align:center;font-size:12px;padding:5px 10px;background:#46a9eb;color:#fff;}

#sidebar-footer .container,#sidebar-footer .col-md-12{padding-left:0;padding-right:0}

.mailko2 {
  position: fixed;
  right: 0;
  top: 2%;
  z-index: 2000;
}
	br{margin-top:20px;margin-bottom:20px;}
	
	html,body{max-width: 100% !important;}
	
		.riyuux2{width:100%;margin:30px 2% 30px;background:#f0f8ff;padding:10px;position:relative;padding-bottom:10px !important;
	box-shadow:3px 3px 3px gray}
	
	.riyuux2 h3{margin-top:15px !important}
	
	.kowake{padding:10px;margin:15px 1.5%;background:#f0fff0}
	
	.kowake h4{color:#15aa5a !important;font-weight:bold;text-align:left;margin-top:10px !important}
	
	.udora{margin:20px auto;}
	
	.uttae{font-size:22px}
	
	.pawas{width:50%;padding:20px;text-align:center}
	
	.conaisatu3 h4{font-size:20px;color:#3b3b3b}

	.smafle{display:flex}
	
	.conaisatu3 h3{line-height:1.6}


}

@media screen and (min-width:481px){
	
	.telposi{width:250px;height:auto;margin:0 25px;position:relative;top:-15px}
	
	.mailposi{width:250px;height:auto;margin:0 25px;position:relative;top:-15px}
	
	.hryi{display:none !important}

	
	.header-wrap .col-md-4, .header-wrap .col-md-8 {
	width:1100px;left: 50%;
transform: translate(-50%,0);
}
	
	.header-wrap .col-md-4{
	margin-top:20px;position: fixed;
		background:#fff;padding:30px 0 0;z-index:3000;
}

.header-wrap .col-md-4 p{
	font-size:12px;
	margin-bottom:5px;padding-top:10px;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
	float:none;
}

.site-logo, .header-wrap .col-md-4 {
  text-align: left;
	
}

.site-logo{width:220px;}
	
	.kunari{display:none}


#mainnav{margin-top: -20px;}
	
	.sm{display:none}
	
	.flex{display:flex;justify-content: space-between;}
	
	.kore{justify-content:center !important}
	
	.kaizen {width:47% !important}
	
	.saki{position:relative;height:500px;background:#191970;
	background:url(/wp-content/uploads/2023/02/23383719.jpg);background-position:relative;background-position:50% 100%}
	
	.consil{background:#f5f5f5;background:url(/wp-content/uploads/2025/11/bg_main.webp);}
	
	.entry-content{background:url(/wp-content/uploads/2025/11/bg_main.webp)}
	
	.con1{width:1100px;margin:0px auto;font-size:18px;padding:50px 0 50px;}
	
	.con11{padding:50px 0;font-size:18px;background:url(/wp-content/uploads/2025/11/bg_body.webp)}
	
	.uwanoski{padding:50px 0}
	
	.sajt{text-align:center}
	
	.baaha{padding:0 10px}
	
	.obi-title{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#2b2b2b}
	
	.obi1{font-size:1.6vw}
	
	.obi2{font-size:3vw}
	
	.obi-camp{background:url(/wp-content/uploads/2023/01/campain-back.jpg);background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px}
	
	.obi-jyunbi{background:url(/wp-content/uploads/2023/01/23241553_m.jpg);background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px}
	
	.obi-guide{background:url(/wp-content/uploads/2023/01/23650457_m.jpg);background-size:cover;height:500px;
	background-position:50% 30%;margin-top:152px}
	
	.obi-tuyomi{background:url(/wp-content/uploads/2023/01/23196344.jpg);background-size:cover;height:500px;
	background-position:50% 70%;margin-top:152px}
	
	.obi-voice{background:url(/wp-content/uploads/2023/01/25415725_m.jpg);background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px}
	
	.obi-plan{background:url(/wp-content/uploads/2023/01/51512.jpg) ;background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-option{background:url(/wp-content/uploads/2023/01/1566-1.jpg) ;background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-calendar{background:url(/wp-content/uploads/2023/01/25288666_m.jpg);background-size:cover;height:500px;
	background-position:50% 50%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-notes{background:url(/wp-content/uploads/2023/01/255-1.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-company{background:url(/wp-content/uploads/2023/01/551.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-store{background:url(/wp-content/uploads/2023/01/458754.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.obi-partner{background:url(/wp-content/uploads/2023/01/266541.jpg);background-size:cover;height:500px;
	background-position:50% 60%;margin-top:152px;background-repeat:no-repeat}
	
	.nagare1{background:#f5f5f5;}
	
	.nagare2{background:#f5f5f5;}
	
	.itikazu{padding:30px;display:flex}
	
	.itikazu img{width:50%;height:280px;object-fit:cover;object-position:50% 50%}
	
	.nagare1 h3,.nagare2 h3{color:#fff;background:#97753a;padding:10px 30px;margin: 0;}
	
	.toujitu{background:#deb887;color:#fff;font-size:30px;padding:20px}
	
	.skoi{width:50%;padding:10px;text-align:left;font-size:20px}
	
	.houti{font-size:30px}
	
	.linest{padding:20px;color:#fff;margin-top:30px;background:#07b53b;text-align:center;
	font-size:22px;font-family: 'Noto Sans JP', sans-serif;}
	
	.linest a{color:#fff}
	
	.linest a:hover,.linest2 a:hover{color:#cc0000}
	
	.linest span{color:#fff000}
	
	.linest img{width:100px;height:100px;}
	
	.linest2{padding:5px;color:#fff;background:#07b53b;text-align:center;
	font-size:18px;display:flex;line-height:1.3;align-items:center;margin-top:-10px;margin-left:10px;
	position:relative;top:-10px;font-family: 'Noto Sans JP', sans-serif;justify-content: space-evenly;}
	
	.linest2 a{color:#fff}
	
	.linest2 span{color:#fff000}
	
	.linest2 img{width:80px;height:80px;}
	
	.wihrtg{width:400px !important;margin:0 auto}
	
	.maut{text-align:center}
	
	.fontu2{margin:0 10px}
	
	.woru{width:auto;margin:0 auto}
	
	.woru a{color:#fff !important}

	
	.banner1{border:3px solid #ccc;width:1000px;margin:30px auto;text-align:center;font-size:25px;padding-bottom:30px;
	background:#fff}
	
	.banner2{border:3px solid #ccc;width:1000px;margin:30px auto;text-align:center;font-size:25px;padding-bottom:30px;
	background:#fff}
	
	.banner3{border:3px solid #ccc;width:1000px;margin:30px auto;text-align:center;font-size:25px;padding-bottom:30px;
	background:#fff}
	
	.rakuna{background:#97753a;color:#fff;text-align:center;font-size:40px;margin:0 0 30px;padding:10px 0}
	
	.lonti{text-align:center;color:#fff;font-size:22px;margin:30px 0;background:#ff0000;padding:5px 10px;}
	
	.hedposi{position:relative;height:100vh;background:#fff;background:url(/wp-content/uploads/2023/02/23376349.webp);background-size:cover;}
	
	.headabs{position:absolute;transform:translate(-50%,-50%);top:60%;left:50%;width:90%;font-weight:bold;text-align:center;
		color:#3b3b3b
	}
	
	.menu1 img{margin:10px auto;width:200px;height:auto}
	
	.narabi{justify-content:center !important}
	
	.kazuthy{margin-top:-50px}
	
	.fonto1{font-size:6vw;text-align:center;}
	
	.fonto2{font-size:2vw;text-align:center;margin:20px 0 20px;}
	
	.fonto3{font-size:3vw;text-align:center;margin-top:30px;padding-top: 30px;}
	
	.marker-animation-3058{border-radius:10px}
	
	.box55 {
margin: 2em auto;
padding:20px;/*内側余白*/
border: solid 8px #000   ;text-align:center;background:#000;font-size:90px;color:#fff;
		border-radius:5px;display: inline-block;margin:0;margin-left:40px;
		box-shadow:4px 4px 4px gray;
}
	
	.box55 span{color:#fff}
	
	.htu{margin-top:20px;}
	
	
	
	.heading07 {
	position: relative;
	padding-top: 80px;
	padding-left: 30px;
	font-size: 36px;color:#2b2b2b;
}

.heading07 span {
	position: relative;
	z-index: 2;
}

.heading07::before {
	content: attr(data-en);
	position: absolute;
	transform: rotate(-5deg);
	top: -20px;
	left: 0;
	color: #97753a;
	font-size: 35px;
	font-weight: 400;
	font-family: 'Parisienne', cursive;
	font-style: italic;
}
	
	.con2{width:1100px;margin:50px auto;font-size:18px}
	
	.con2 h3{color:#191970;font-size:22px}
	
	.boxjyun{background:#f5f5f5;margin:30px auto;padding:40px 20px}
	
	.sakui{text-align:center;}
	
	.voi1{width:30%;margin:20px 1.5%;word-wrap: break-word;border:2px solid #97753a;border-radius:8px;font-size:22px;background:#fff;
	background:url(/wp-content/uploads/2023/02/23320209.jpg);background-size:cover;position:relative}
	
	.custom {font-family:font-family: "shinryu", sans-serif !important;color:#3b3b3b !important;font-size:20px !important;text-align:left !important;
	padding:20px}
	
	.voi1:before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background:rgba(255,255,255,0.55)}
	
	.voi1 h4{background:#97753a;color:#fff;padding:10px;font-size:26px;margin-top:0;margin-bottom:30px;position:relative}
	
	.kasuma{position:absolute;width:90px;height:90px;top:10px;right:20px;}
	
	.jtjh{text-align:left;padding:30px;background:#f5f5f5;display:inline-block;margin:50px 0;font-size:20px}
	
	.hakama{width:90%}
	
	.leflef{text-align:left !important;font-size:20px}
	
	.hanatitle{position:relative;background:#97753a;color:#fff;font-size:24px;text-align:center;padding:10px 30px;border-radius:10px;top:-60px}
	
	.dont{padding:20px;position:relative;text-align:left}
	
	.wageba{padding-left:150px !important;text-align:left}
	
	.teiti{text-align:center;margin:40px auto !important;background:#fff}
	
	.re1,.re2,.re3,.re4{position:relative}
	
	.re1:before{background:url(/wp-content/uploads/2023/02/アセット-2-2.png);position:absolute;width:100px;height:98px;content:"";
		background-repeat:no-repeat;background-size:contain;left:-30px;top:-40px;z-index: 3;}
	
	.re2:before{background:url(/wp-content/uploads/2023/02/アセット-3-2.png);position:absolute;width:100px;height:98px;content:"";
		background-repeat:no-repeat;background-size:contain;left:-30px;top:-40px;z-index: 3;}
	
	.re3:before{background:url(/wp-content/uploads/2023/01/アセット-3-1.png);position:absolute;width:100px;height:98px;content:"";
		background-repeat:no-repeat;background-size:contain;left:30px;top:-40px;z-index: 3;}
	
	.re4:before{background:url(/wp-content/uploads/2023/02/アセット-4-1.png);position:absolute;width:100px;height:98px;content:"";
		background-repeat:no-repeat;background-size:contain;left:-30px;top:-40px;z-index: 3;}

	.voi2{width:30%;margin:20px 1.5%;word-wrap: break-word;border:2px solid #97753a;border-radius:8px;text-align:center;font-size:30px;
	background:#fff;color:#ff4500;}
	
	.voi2 h4{background:#97753a;color:#fff;padding:10px;font-size:26px;margin-top:0;text-align:center;font-family: "shinryu", sans-serif;}
	
	.voi2 img{height:150px;width:auto;}
	
	.box {position:fixed;top:65%;right:10px;overflow: hidden;height:300px;width:200px;z-index:3000;
}

/* アニメーション設定 */
.arrowWrap {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 200px;
}

.arrowInner p {
  font-size: 14px;
  text-align: end;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);color:#97753a;font-family: 'Noto Sans JP', sans-serif;
}

.arrow {
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #97753a;
  position: relative;
  overflow: hidden;
}

.arrow::before {
  content: '';
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #000;
  position: absolute;
  top: -150px;
  left: 0;
  -webkit-animation: arrow 2.5s ease 0s infinite normal;
  animation: arrow 2.5s ease 0s infinite normal;
}

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}
	
	.gabi{justify-content:start;}
	
	.ktut{margin-top:150px !important}
	
	.jipt{text-align:center;color:#97753a}
	
	.jipt2{text-align:center;color:#97753a}
	
	.opti{width:48%;border:2px solid #522f60;margin:30px 1%;text-align:center;border-radius:10px;box-shadow:4px 4px 4px gray;overflow:hidden}
	
	.opti h4{padding:10px;text-align:left;background:#522f60;color:#fff;margin:0;word-break:break-word;text-align:left;}
	
	.opti img{height:300px;width:100%;object-fit:cover}
	
	.jipt22 .opti{width:30%;border:2px solid #b7282e ;margin:30px 1.5%;text-align:center;border-radius:10px;box-shadow:4px 4px 4px gray;overflow:hidden;
	background: #fff;}
	
	.jipt22 .opti h4{padding:10px;text-align:left;background:#b7282e;color:#fff;margin:0;word-break:break-word;text-align:left;}
	
	.jipt22 .opti img{height:300px;width:100%;object-fit:cover}
	
	.box17{
    padding: 0.5em 1em;
    margin: 2em 0;
    box-shadow:3px 3px 3px gray;
	background:#fff;
}

	
	.takasa{height:252px}
	
	.con1 dl{width:800px;margin:20px auto;border-bottom: 1px dashed #97753a;}
	
	.con1 dl dt{color:#97753a}
	
	.con1 dl dd{border-bottom:1px solid #eee;padding:10px 0}
	
	.karinedan{color:#ff4500;font-size:30px;font-family: 'Noto Sans JP', sans-serif;}
	
	.tuyomi h3{font-size:28px;color:#97753a}
	
	.tuyomi{font-size:22px;}
	
	.fotcon{background:#f5f5f7;background:url(/wp-content/uploads/2023/02/23346635.png);
		background-size:cover;background-position:50% 100%;position:relative;margin-top: -50px;
}
	
	.fotcon:before{position:absolute;width:100%;height:100%;content:"";background:rgba(237,228,205,0.8)}
	
	.copy{text-align:center;font-size:13px;background:#b67b03;color:#fff;padding:10px;position:relative}
	
	.col-md-12,.container, .container-fluid{padding-left:0;padding-right:0;}
	
	.soni{width:1100px;margin:50px auto 0;display:flex;align-items:top;padding-top:30px;position: relative;}
	
	.kuwake{width:30%;margin:0 1.5%}
	
	.bori{font-weight:bold;font-size:18px;}
	
	.child_menu1{margin-top:-10px}
	
	.hotr{font-size:20px}
	
	.child_menu1 li a,.hotr{position:relative;display: inline-block;
  text-decoration: none;}
	
	.child_menu1 li a:before,.hotr:before{content:">";position:absolute;right:-30px;top:50%;transform:translate(0,-50%)}
	
	.child_menu1 li a::after,.hotr::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #97753a ;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.child_menu1 li a:hover::after,.hotr:hover::after {
  transform: scale(1, 1);
}
	
	.saita{margin-top:20px;padding-top: 20px;}
	
	.fontn{font-family: 'Noto Sans JP', sans-serif;}
	
	.saita1{padding-top:0px;}
	
	.tenjyo{font-size:18px;}
	
	.tenjyo img{height:70px;width:auto;margin:3px auto}
	
	.tenjyo a{color:#0000ff !important}
	
	.skoiy {margin-top:20px;}
	
	.con3y{width:60%;margin:30px auto !important}
	
	.sakura{background:url(/wp-content/uploads/2025/11/bg_body.webp);padding:50px 20% 100px;background-position:50% 0%;text-align:center}
	
	.fontnor{font-family: 'Noto Sans JP', sans-serif;}
	
	.tuika{font-size:35px;text-align:left;padding:30px;background:#fff;box-shadow:2px 2px 2px black;color:#cc0000;margin:50px auto;
	display:inline-block}
	
	.camp{padding:25px;font-size:30px;border-radius:100px;margin-top:30px;position:relative;top:30px;color:#fff;
	background: #e9d362;  /* fallback for old browsers */
background:#97753a
}
	
	.form_table{text-align:left;width:600px;margin:30px auto}
	
	.dsajuir{font-size:20px}
	
	.mojikou{padding:10px}
	
	.formkou{}
	
	.camp a{color:#fff}
	
	.camp:hover{color:ccc;}
	
	.camp1{padding:25px;font-size:30px;background:#97753a ;border-radius:100px;margin-top:30px;position:relative;top:30px;color:#fff}
	
	.camp1:hover{color:#ff0000;}
	
	.butcen{text-align:center}
	
	.congray{width:1100px;margin:50px auto;font-size:18px;background:#f5f5f5}
	
	.contuyo{margin:0px auto;font-size:18px;background:url(/wp-content/uploads/2023/02/25161531_m.webp);text-align:center;
	padding:100px 20%;background-size:cover;background-position:50% 50%;position:relative}
	
	.contuyo::before{position:absolute;width:100%;height:100%;content:"";background:rgba(255,255,255,0.5);top:0;left:0;}
	
	.contuyo h2{position:relative}
	
	.contuyo h3{font-size:36px;color:#3b3b3b;display:inline-block;text-align:left;line-height:2.2;letter-spacing:0.2;position:relative}
	
	.contuyo h3 span{padding:15px;font-size:36px;background:#b67b03;color:#fff;}
	
	.teishutu{background:rgba(255,255,255,0.8);width:100%;height:400px;text-align:center;display:inline-block}
	
	.teishutu span{position: relative;
top: 50%;font-size:26px;}
	
	.woru a{color:#fff !important;font-size:16px;text-align:left}
	
	.woru a:hover{color:#cc0000 !important}
	
	.bottomtasi{}
	
	.bottomtasi h2{text-align:center;color:#191970}
	
	.bottomtasi2{padding-bottom:50px;width:1100px;margin: 0 auto}
	
	.bottomtasi2 h2{text-align:center;color:#b67b03}
	
	.muryou{background:#fff;margin:20px;padding:10px;font-size:20px;}
	
	.yuuryou{background:#fff;margin:20px;padding:10px;font-size:20px;}
	
	.muryou h3,.yuuryou h3{color:#97753a;text-align:center}
	
	.torino{width:30%;margin:20px 1.5%;background:#522f60 ;padding:15px;color:#fff;border-radius:5px}
	
	.torino2{width:30%;margin:20px 5px;background:#b7282e ;padding:15px 7px;color:#fff;border-radius:5px;text-align:center}
	
	.nout{width:22%;margin:20px 1.5%;text-align:center;box-shadow:3px 3px 3px gray;border-radius:10px 10px 0 0}
	
	.nout span{padding:10px 0;font-size:20px}
	
	.nout a:hover{color:#ff0000}
	
	.nout img{height:220px;object-fit:cover;width:100%;}
	
	.tetuduki1{width:60%;padding:20px;text-align:left;font-size:20px}
	
	.tetuduki{width:40%;padding:20px;}
	
	.tetuduki img{width:300px;height:auto}
	
	.renobi{padding:50px 0%;background:url(/wp-content/uploads/2023/02/23402296.png) #fffffc;background-size:contain;background-position:50% 100%}
	
	.panama{width:48%;text-align:center;font-size:30px;color:#fff;border:3px solid #0095d9;border-radius:10px;margin:0 1%;background: #fff;font-family: 'Noto Sans JP', sans-serif;  }
	
	.panama2{width:48%;text-align:center;font-size:30px;color:#fff;border:3px solid #3eb370 ;border-radius:10px;margin:0 1%;background: #fff;font-family: 'Noto Sans JP', sans-serif; }
	
	.hfi{color:#008000;font-size:40px; }
	
	.hfi a{color:#0095d9}
	
	.hfi img{margin-top:-5px;margin-right:10px;}
	
	.hfi22{color:#ffa500 ;font-size:32px;margin-top:7px; }
	
	.hfi22 a{color:#3eb370}
	
	.hfi22 img{margin-top:-5px;margin-right:10px;}
	
	.hfi2{color:#3b3b3b;font-size:18px;text-align:center;padding-top:12px;line-height: 1.3;margin-left:5px}
	
	.pasona{background:#0095d9 ;color:#fff; }
	
	.pasona img{width:100px;height:auto}
	
	.pepper{width:1100px;margin:0 auto}
	
		.pasona2{background:#3eb370  ;color:#fff; }
	
	.pasona2 img{width:60px;height:auto}
	
	.pepper2{width:1100px;margin:0 auto}
	
	.sakur{margin-top:100px}
	
	.thue{text-align:center;font-size:22px;}
	
	.saburo{margin-right:30px;height: 50px;
width: auto;}
	
	.global_menu { /* メニュー全体のスタイル */
  width: 100%;
  position: relative;
  color: #333; /* 文字色 */
  background: #251802; /* 背景色 */
  text-align: center;top: 135px;
z-index: 1000;
	border-bottom:1px solid #fff;
}

.global_menu ul{display:flex;
justify-content:center;
align-content:center;padding:0 15%;margin:0}

.global_menu li {
  display: inline-block;
	width:25%;text-align:center
}
 
.global_menu a { /* 各項目のスタイル */
  display: block;
  padding: 10px 30px;
	color:#fff;
	font-size:18px;
	position:relative;
}

.global_menu a:before{position:absolute;
width:100%;height:200%}
 
.menu:hover > a {
  background: #97753a;
}
 
.child_menu > li > a { /* 子項目のスタイル */
  font-size: 18px;
}
.child_menu > li > a:hover { /* 子項目のスタイル（ホバー時） */
  background: #251802;
}
 
.child_menu { /* 下層メニューのスタイル */
  width: 100%;
  position: absolute;
  left: 0;
  padding: 15px 10% !important;
  color: #333; /* 文字色 */
  background: rgba(0,0,0,0.6); /* 背景色 */
  visibility: hidden; /* 下層メニューを非表示 */
	display:block !important;
	background-repeat:no-repeat;
	background-size:cover;background-position:50% 50%;z-index:2000;transition: all .0s;
}

.child_menu:before{position:absolute;
width:100%;height:200%;content;"";}

.child_menu::after{position:absolute;
width:100%;height:100%;
background:rgba(255,255,255,1)}

.child_menu li{padding:0;width:48%;
float:left;background:#97753a;margin:5px 1%;transition: all .0s;}
	
	

.child_menu li a{color:#fff;text-align:left;font-size:26px;transition: all .0s;position:relative;padding-left:70px;}
	
	.child_menu li a:before{position:absolute;left:20px;top:50%;width:40px;height:38px;background:url(/wp-content/uploads/2023/02/アセット-1-1.png);
	transform:translate(0,-50%);content:"";background-size:cover}	

.child_menu li img{width:160px;height:120px;object-fit:cover;margin-right:20px;transition: all .0s;display:none}

 
.menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
  visibility: visible; /* 下層メニューを表示 */
}
 
.child_menu a:hover {
  color: #fff;transition: all .0s;
}
	
	.hissu{margin-left:20px;padding:5px 7px;background:#ff0000;color:#fff}
	
}

.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
    transition: 1.5s ease-in-out;
  }

@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}

.fade_group div ,
.fade_group2 div {
    content: '';
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    pointer-events: none;
}
.fade_group div {
    z-index: 9999;
    transition: .6s;
}
.fade_group2 div {
    z-index: 9998;
    transition: .8s;
}
.fade_group div:nth-of-type(1) {
    background: rgba(175,151,94,.3);
}
.fade_group div:nth-of-type(2) {
    background: rgba(175,151,94,.5);
    transition-delay:.1s;
}
.fade_group div:nth-of-type(3) {
    background: rgba(175,151,94,.7);
    transition-delay:.2s;
}
.fade_group div:nth-of-type(4) {
    background: rgba(50,50,50,1);
    transition-delay:.3s;
}
.fade_group2 div:nth-of-type(1) {
    background: rgba(175,151,94,.8);
    transition-delay: .2s;
}
.fade_group2 div:nth-of-type(2) {
    background: rgba(175,151,94,.8);
    transition-delay: .3s;
}
.fo .fade_group div{
    left: 0;
}
body.fo .fade_group2 div{
    left: 100vw;
}

.typed-cursor{display:none}

.ksoru{}

/***カーテンのように開くアニメーション***/
.ksoru::before,.ksoru::after{
  content: "";
  position: fixed; /*固定表示*/
  top: 0;
  width: 50vw;
  height: 100vh;
  background: #000 ; /*劇のカーテン色*/
  animation: curtainOpen 1s forwards;
  animation-delay: .2s; /*遅延時間(遅延時間)*/
  z-index: 9999; /*最前面に*/
}
.ksoru::before{
  left: 0;
}
.ksoru::after{
  right: 0;
}

@keyframes curtainOpen{
  0%{
    width: 50vw; /*閉じている状態*/
  }
  100%{ 
    width: 0; /*開く*/
    visibility: hidden; /*非表示に*/
  }
}



.wf-loading {
visibility: hidden;opacity:0;
}
.wf-active {
visibility: visible;opacity:1;
}
.wf-inactive {
visibility: hidden;opacity:0;
}