/*
Theme Name: chinoku
Author: aThemes
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chinoku
*/

/*--------------------------------------------------------------
animation
--------------------------------------------------------------*/
.translateY {
    opacity: 0.0;
    transition: opacity 0.5s ease;
    transform: translateY(80px);
    transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.show.translateY {
    transform: translateY(0);
     opacity: 1.0;
}
/*--------------------------------------------------------------
container
--------------------------------------------------------------*/
@media (min-width: 1240px) {
    .container {width: 94%;max-width: 1220px;}
}
/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 50%;
	float:left;
}
.posts-navigation .nav-next,
.post-navigation .nav-next{
	text-align: right;
	width: 50%;
	float: right;
}
.post-navigation .nav-links {width: 100%;}
.pagination .nav-links {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.posts-navigation .nav-previous {
	padding-left: 15px;
}
.posts-navigation .nav-next {
	padding-right: 15px;
}
.post-navigation {
	padding: 0 0 30px;
    position: relative;
}
.post-navigation a {
	color: #000;
	position: relative;
}
.post-navigation .nav-previous:hover span,
.post-navigation .nav-next:hover span {
	color: #47425d;
}
.navigation.pagination{
    margin: 0 auto;
    max-width: 1010px;
    text-align: center;
    padding: 60px 0;
}
.f-area{
	position: relative;
	margin: 100px 0 0;
	padding-bottom: 30px;
}
.post-navigation .nav-next a:after {
    background: url(images/new-arrow.png) no-repeat;
    content: '';
    width: 30px;
    height: 5px;
    position: absolute;
    top: 6px;
    right: -35px;
}
.post-navigation .nav-previous a:after {
    background: url(images/old-arrow.png) no-repeat;
    content: '';
    width: 30px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: -35px;
}
.nav-links .page-numbers {
    line-height: 1;
    color: #252525;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.nav-links .page-numbers li{
    border: 1px solid #252525;
    margin: 0 2px;
}
.nav-links .page-numbers li a {
    padding: 9px 12px;
}
.nav-links .page-numbers li:first-of-type,
.nav-links .page-numbers li:last-of-type {
    border: none;
}
.nav-links .page-numbers li:first-of-type a,
.nav-links .page-numbers li:last-of-type a {
    padding: 0 4px;
}
.nav-links .page-numbers.current {
    background-color: #252525;
    color: #fff;
     padding: 10px 12px;
}
@media screen and ( min-width: 991px ) {
	nav.woocommerce-pagination {margin-top: 45px;}
}
@media screen and ( max-width: 990px ) {
	.post-navigation {padding: 0 5%;}
}
@media screen and ( max-width: 590px ) {
	.post-navigation {padding-bottom: 30px;}
	.f-area {margin: 80px 0 0 0;}
}
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------------
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%;}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.sticky {display: block;}
#page {
    position: relative;
	background: #fdfadd;
}
.hentry {}
.byline,.updated:not(.published) {display: none;}
.single .byline,.group-blog .byline {display: inline;}
.single .entry-header,
.page .entry-header {
	margin-bottom: 30px;
}
.inner-area.archive article .entry-header {margin-bottom: 20px;}
.entry-footer {
	clear: left;
	margin-top: 30px;
}
.page-links {
	clear: both;
	margin: 0 0 30px;
}
.page-header {
	margin: 0;
	border: 0;
	text-align: center;
}
.page-wrap .content-wrapper {
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
body.search .page-wrap .content-wrapper {
	padding-top: 0;
	padding-bottom: 120px;
}
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
	padding: 30px;
}
.single .page-wrap .content-wrapper,
.category .page-wrap .content-wrapper,
.archive .page-wrap .content-wrapper{
	padding: 40px 0 100px 0;
	display: flex;
	flex-flow: wrap;
}
.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: '';
	padding: 0;
}
.single .hentry .meta-post a {
	color: #d65050;
}
@media screen and ( max-width: 800px ) {
	.single .page-wrap .content-wrapper {padding: 0 5% 80px 5%;}
	.single .entry-header, .page .entry-header {margin-bottom: 30px;}
}
/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
embed,iframe,object {max-width: 100%;}
img {max-width: 100%;height: auto;}
/*--------------------------------------------------------------
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;
}
html{font-size: 62.5%;}
body {
	font-size: 1.7rem;
	line-height: 1.8;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	color: #111;
}
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 {
	color: #443f3f;
	opacity: 0.8;
	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;
}
.widget-area .widget ul{
    list-style: none;
    padding: 0;
    margin: 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-size: 30px;}
h2 { font-size: 26px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 15px;}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 1.4;
	margin: 10px 0 24px;
}
.text-white { color: #fff !important; }
.text-dark { color: #443f3f !important;}
button,.llms-button-action,.llms-student-dashboard .llms-button-secondary,input[type="button"],input[type="reset"],input[type="submit"] {
	position: relative;
	display: inline-block;
	font-family: "Raleway", sans-serif;
	line-height: 24px;
	font-weight: 700;
	padding: 12px 34px;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 30px;
	-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,.llms-button-action:hover,.llms-student-dashboard .llms-button-secondary:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
	background-color: transparent;
}
.select2-container--default .select2-selection--single,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: 40px;
	width: 90%;
	padding: 4px 20px;
	margin: 1% 0;
	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;
}
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: 90%;
	height: 120px;
	padding: 15px 20px;
}
input[type="checkbox"] {
	display: inline;
}
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 {width: 100%;}
th,td {
	border: 1px solid #c3c4c7 !important;
	padding: 8px;
	text-align: center;
}
td{text-align: left;}
ul{padding:0;margin-left: 1.5em;}
*:focus {outline: none;}
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.site-description {
	font-size: 1.2rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.site-header {
    z-index: 10;
    width: 100%;
    height: 90px;
    position: relative;
    background: #fff;
}
.site-title img {width: 100%;}
.header-wrap.fixed .site-title img {
    max-width: 190px;
}
.header-wrap.fixed #mainnav{
	margin-top: 20px;
}
.header-wrap.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.9);
	-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;
}
.header-inner {display: none;}
.header-wrap .site-title{margin:0;}
.header-wrap.float-header.fixed .site-title {
	margin: 0 !important;
}
.header-wrap .container{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.header-wrap .container .row {margin: 0;}
.site-header .col-md-3,.site-header .col-md-9 {
	min-height: 0;
	padding:0;
}

@media screen and (min-width: 1281px) {
	.site-header .col-md-3 {width: 26%;margin-left: 3vw;}
	.site-header .col-md-9 {width:calc((96% - 27%) + 20px);margin-right: 2vw;display: flex;
	align-items: center;justify-content: flex-end;}
}
@media screen and (min-width: 1280px) {
	.site-header .col-md-3 {width: 24%;margin-left: 2vw;}
	.site-header .col-md-9 {width: calc((96% - 24%) + 20px);margin-right: 1vw;}
}
@media screen and (max-width: 1079px) {
	.header-wrap .row.pc{display: none;}
}
@media screen and (min-width: 590px) {
	.site-description {display:none;}
}
.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 {
	background-color: rgba(255, 255, 255, 0.9)  !important;
	padding: 0;
}
.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;
	width: 100%;
	-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;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}
#mainnav li {
	float: left;
	padding: 0 20px;
}
#mainnav li.h-link01,#mainnav li.h-link02,#mainnav li.h-link03{
    width: 110px;
    border-radius: 5px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: 10px;
    line-height: 1.4;
}
#mainnav li.h-link01 a,#mainnav li.h-link02 a,#mainnav li.h-link03 a{color: #fff !important;}
#mainnav li.h-link01{ background: #f08b00;}
#mainnav li.h-link02{background: #87b73e;width: 120px;margin-left: 5px;}
#mainnav li.h-link03{background: #f16363;width: 105px;margin-left: 5px;}
#mainnav ul ul li {
	padding: 0;
}
#mainnav ul li a{
	position: relative;
	display: block;
	color: #333;
	font-size: 1.5rem;
	font-weight: 600;
	text-decoration: none;
	outline: none;
	letter-spacing: 0.5px;
}
#mainnav ul li a:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0%;
    height: 2px;
    background: #f08b00;
    z-index: -1;
    transition: all 0.4s;
    opacity: 1;
}
#mainnav ul li.h-link01 a:after, #mainnav ul li.h-link02 a:after, #mainnav ul li.h-link03 a:after{content: none;}
#mainnav ul li a:hover:after {width: 100%;}
#mainnav ul li a:hover {color: #666;}
#mainnav ul ul a {width: 230px;}
#mainnav > ul > li:last-child {padding-right: 0;}
#mainnav ul li {position: relative;}
#mainnav ul li ul {
	width: 100%;
	position: absolute;
	top: 100%;
	left: initial;
	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;
}
#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;
    margin-top: 12px;
    visibility: visible;
    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;
    width: 230px;
    left: 50%;
    transform: translateX(-50%);
    border: 3px solid #eea803;
    background: #fff;
    border-radius: 10px;
}
#mainnav li:hover > ul ul {padding-top: 0;left: 100%;}
#mainnav .sub-menu {z-index: 99999;}
#mainnav .sub-menu li a{
    display: block;
    line-height: 1.4;
    -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 .sub-menu li:hover > a {
    color: #eea803;
    opacity: 1;
}
#mainnav li:hover > .sub-menu > li > a {padding: 12px 18px;}
#mainnav li:hover > .sub-menu > li > a:after {content: none;}
/* 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: '';
}
.fw-menu-container {
	padding-left: 60px;
	padding-right: 60px;
}
.header-change {
	position: fixed;
	top: -175px;
	transition: .5s;
	width: 100vw;
	background-color: rgba(255, 255, 255, 0.9);
	height: 90px;
	z-index: 100;
	margin: 0;
	padding: 0;
}
.header-change.show{
	top: 0;
}
.header-change .containers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    height: 90px;
}
.header-change-left{
    width: 300px;
    margin-left: 5vw;
    padding: 5px 0;
}
.header-change-left h1{
	margin:0;
}
.header-change-right li{padding: 0 15px;}
.header-change-right ul{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header-change-contact, .header-change-line{
	background: #6eb92c;
	color: #fff;
}
.header-change-contact a, .header-change-line a {
	color: #fff !important;
	line-height: 90px;
	padding: 0 4px;
}
.header-change-contact a {
	padding: 0 8px;
}
.header-change-contact a:hover, .header-change-line a:hover{
	opacity: 0.8;
}
.header-change-line img{
	width: 60px;
}
.header-change #mainnav ul li.header-change-contact a:after,
.header-change #mainnav ul li.header-change-line a:after {
content: none;
}
@media screen and (max-width: 1360px) {
	.header-change{display:none;}
}
@media screen and (max-width: 1180px) {
	#mainnav li{padding: 0 15px;}
}

/*--------------------------------------------------------------
Mobile navigation
--------------------------------------------------------------*/
#mainnav-mobi {
		display: block;
		margin: 0 auto;
		width: 100%;
		position: absolute;
		top:28px;
		background-color: #1c1c1c;
		margin-top: 15px;
		z-index: 1000;
	}
	#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: 10px 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-submenu {
		position: absolute;
		right: 20px;
		top: 0;
		width: 50px;
		text-align: center;
	}
	.btn-menu {
		display: none;
	}
	.site-header .row.sp {display: none !important;}
	
@media screen and (max-width: 1080px) {
	.site-header {margin-bottom: 0;height: 80px;}
	.site-header .row.sp {
		display: block !important;margin: 0;position: relative;width: 100%;
	}
	.site-header .sp-inner {width: 94%;margin: 0 auto;}	
	.site-header.fixed {height: 100px;}
	.sp-logo {max-width: 300px;}
	.sp-logo a{color: #1a1a1a;font-size: 30px;font-weight: 600;line-height: 80px;}
	.btn-menu{
		color: #87b73e;
		text-align: center;
		width: 45px;
		height: 45px;
		cursor: pointer;
		transition: all 0.3s ease-out;
	}
	.dc-menu-trigger {
		position: absolute;
		top: 0px;
		left: 11px;
		display: block;
		width: 45px;
		height: 45px;
		background: #87b73e;
		cursor: pointer;
		z-index: 30;
		transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
		transition-delay: 600ms;
	}
	.dc-menu-trigger span {
		position: relative;
		display: block;
		width: 70%;
		height: 3px;
   		 margin: 20px auto;
		background-color: #fff;
		font-size: 0px;
		user-select: none;
		transition: background-color 0.5s;
	}
	.btn-menu.active .dc-menu-trigger span {background-color: transparent;}
	.btn-menu.active .dc-menu-trigger {transition: all 0.4s cubic-bezier(0.7, 0, 0.36, 0.63);}
	.dc-menu-trigger span:before,.dc-menu-trigger span:after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		content: '';
  		transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
	}
	.dc-menu-trigger span:before {transform: translateY(-250%);top: -2px;}
	.dc-menu-trigger span:after {transform: translateY(250%);top: 2px;}
/*Just bust a move*/
	.btn-menu.active .dc-menu-trigger span:before {transform: translateY(0) rotate(45deg);top: 2px;}
	.btn-menu.active .dc-menu-trigger span:after {transform: translateY(0) rotate(-45deg);}
	.btn-menu.active .dc-menu-trigger:before {animation: plusVertical 0.3s ease forwards;}
	.btn-menu.active .dc-menu-trigger:after {animation: plusHorizontal 0.3s ease forwards;}
	#sp-menu {
		position: fixed;
		z-index: 300;
		background-color: #fff;
		color: #1a1a1a;
		top: 0;
		right: -100vw;
		width:90%;
		height: 100vh;
		overflow: auto;
	}
	#sp-menu a{
		color: #1a1a1a;
		padding: 0.8em 0;
		border-bottom: 1px solid rgb(92 92 92 / 50%);
		display: block;
		font-size: 1.7rem;
		font-weight: 600;
	}
	.menu-menu-container{padding: 0 4%;}
	.menu-menu-container ul{list-style: none;margin: 0;}
	#sp-mainnav {padding: 100px 0;}	
	ul#menu-sp-navi {
    		list-style: none;
    		text-align: left;
		margin: 0 5%;
		padding:0;
	}
	ul#menu-sp-navi li{letter-spacing: 1.5px;font-size: 1.6rem;}
	#sp-menu .h-link01, #sp-menu .h-link02, #sp-menu .h-link03{display:none;}
}
@media screen and (max-width: 590px) {
	.sp-logo{max-width: 250px;}
}
	
/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
	.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;
	}
.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: 60px 0 0 0;
	clear: both;
	overflow: hidden;
}
.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;}

/*--------------------------------------------------------------
Blog
--------------------------------------------------------------*/
.content-area .hentry {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: dotted 1px #949494;
}
body.archive .content-area .hentry {padding: 20px 0 0;}
.content-area .hentry:first-child {
	padding-top: 0;
}
.content-area .hentry:first-child:after {
	height: 0;
}
.hentry .post-content {
	overflow: hidden;
}
.content-area .entry-thumb {
	text-align: center;
	margin-bottom: 10px;
}
.entry-header .title-post,
.hentry .title-post{
    font-size: 2.6rem;
    line-height: 1.3;
    padding-bottom: 10px;
    padding-left: 35px;
    margin: 0;
    text-align: left;
    position: relative;
}
.hentry .title-post a{
	color: #6eb92c;
}
.entry-header .title-post:before,
.hentry .title-post:before{
    content: '';
    background: url(images/ttl-bg.svg) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 5px;
}
.entry-content h2.wp-block-heading,
.hentry .title-archive {
	font-size: 2.6rem;
	line-height: 1.3;
	padding-bottom: 10px;
	padding-left: 35px;
	margin: 0;
	text-align: left;
	position: relative;
}
.entry-content h2.wp-block-heading{margin-bottom: 20px;}
.entry-content h2.wp-block-heading:before,
.hentry .title-archive:before {
	content: '';
	background: url(images/ttl-bg.svg) no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
}
.hentry .meta-post {
	margin-bottom: 20px;
}
.hentry .meta-post,
.hentry .meta-post a {
	color: #5e5e5e;
	fill: #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 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%;
	float: none;
}
.error-404 {
	text-align: center;
	padding-bottom: 150px;
}
.error-404 .page-content p {
	margin-bottom: 30px;
}
.no-results.not-found {
	text-align: center;
	padding-bottom: 150px;
}
.masonry-layout {
	width: 100%;
	padding: 0 0 70px 0;
}
.masonry-layout .hentry {
	width: 360px;
	margin: 15px;
	padding: 0;
}
.masonry-layout .post-wrap {
	padding: 0;
}
.masonry-layout .hentry:after {
	width: 0;
	height: 0;
}
/*button*/
.wp-block-button{margin: 20px 0 !important;}
.wp-block-button a {
	background: #87b73e;
	color: #fff;
	border-radius: 10px;
}
/* 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;
	}
	.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: #000;
	}
	.single .single-meta {
		display: table;
		font-size: 1.4rem;
	}
	.single-meta .byline {
		padding-left: 10px;
	}
	.classic-alt .meta-post a {
		color: #d65050;
	}
	.single-meta ul {
   		 margin: 0;
   		 padding: 0;
   		 list-style: none;
    		display: flex;
	}
	.single-meta ul li{
   		 position: relative;
	}
	.single-meta ul li:first-of-type {
   		 padding-right: 1em;
	}
	.single-meta ul li:first-of-type:after{
    		content: '';
    		background: #888;
    		width: 1px;
    		height: 15px;
    		position: absolute;
    		top: 0.4em;
   		 right: 0.5em;
	}
@media only screen and (max-width: 640px) {
	.hentry .title-archive,
	.entry-header .title-post, .hentry .title-post {font-size: 2rem;}
}
/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget-area {
	border: none;
	padding: 0 10px 0 0;
}
.widget-area .widget {
	position: relative;
	margin-bottom: 35px;
}
.widget-area h3{
	font-size: 1.8rem;
	line-height: normal;
	padding-bottom: 0.3em;
	margin: 0 0 0.6em 0;
	position: relative;
}
.widget-area .widget ul li{
    border-bottom: dotted 1px #888;
    padding: 10px 0 10px 1.5rem;
    line-height: 1.5;
}
.widget-area .widget ul li a{position: relative;}
.widget-area .widget ul li a:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -1rem;
    background: url(images/arrowR.png) no-repeat 0 8px;
    background-size: 50%;
    width: 10px;
    height: 20px;
}
.widget-area .widget ul li:first-child {padding-top: 0;}
.widget-area,.widget-area  a {color: #333;}
/* 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%;
	}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#f-reserv{
	background: url(images/f-bg.jpg) no-repeat;
	background-size: cover;
	padding: 60px 0;
	margin-top: 0;
	text-align: center;
	clear: both;
	border-top: 10px solid #f9bd00;
}
#f-reserv h2{
	font-size: 22px;
	margin: 0 0 35px 0;
}
#f-reserv .flex-box{justify-content: space-between;position: relative;}
.f-reserv-item{
    width: 47%;
    background: #fff;
    border-radius: 15px;
    border: 4px solid #87b73e;
    padding: 20px 30px 30px;
    display: flex;
    flex-flow: wrap;
}
.f-reserv-item.L{
    border: 4px solid #efa804;
    position: relative;
}
.f-reserv-item.R{
    position: relative;
}
.f-selec-ttl{
    background: #E4EECD;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 5px 0;
    font-weight: 600;
    text-align: center;
    font-size: 2rem;
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f-reserv-item.L .f-selec-ttl{background: #F5E2CB;}
.f-reserv-item .text{text-align: justify;}
.btn a{
    width: 250px;
    margin: 0 auto;
    padding: 0.8em 0 !important;
}
.btn-orange a{ background: #f08b00 !important;}
.btn-green a{background: #87B73E !important;}


@media only screen and (max-width: 767px) {
	.f-reserv-item .text h3 {font-size: 16px;}
	.f-reserv-item.tel .text{font-size: 28px;}
	.f-reserv-item.tel .text img{width: 30px;}
	.f-reserv-item.web .more-button{width: 90%;}
	.site-footer #fnav {display: none;}
}
@media only screen and (max-width: 640px) {
	.f-reserv-item {display: block;width: 100%;margin: 0 0 20px;}
	.f-reserv-item.tel{border:none;border-bottom: 1px solid #333;padding-bottom: 10px;margin-bottom: 30px;}
	.site-footer .site-info .f-logo {padding-bottom: 0;}
	.top-links{display:none;}
	.f-reserv-item.web .more-button{margin: 20px auto 0;}
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
.site-footer {
    padding: 40px 0 20px;
    position: relative;
	background: #fff;
}
.site-footer .site-info {text-align: center;}
.site-footer,
.site-footer a {
    color: #1a1a1a;
}
.site-footer .f-logo {
    padding-bottom: 20px;
}
.site-footer .f-logo img {
    max-width: 300px;
}
.site-footer #fnav{
    margin-bottom: 60px;
}
.site-footer #fnav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
}
.site-footer #fnav ul li{
    font-size: 1.5rem;
    text-align: left;
}
.site-footer #fnav ul li.h-link01 .br-pc, .site-footer #fnav ul li.h-link02 .br-pc{display:none;}
.Copyright p {
    font-size: 11px;
    letter-spacing: 0.08em;
    margin: 30px 0 0 0;
}
/*--------------------------------------------------------------
Go to top button
--------------------------------------------------------------*/
.go-top{
	position: fixed !important;
	right: 2%;
	bottom: -45px;
	color: #fff;
	display: block;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
	width: 50px;
	height: 50px;
	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 {background-color: #949494;border-radius: 10px;}
.go-top:hover {background-color: #749d37;color: #fff;}
.go-top.show {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
	bottom : 2%;
}

/* Elements
-------------------------------------------------------------- */
a{color: #f08400;cursor: pointer;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #443f3f;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #f08b00;}
button,input[type="button"],input[type="reset"],input[type="submit"] {
    background-color: #87b73e;
    border: 1px solid #87b73e;
	margin: 0 auto;
}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
	background-color: transparent;
	color: #76a333;
}
	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 #01a89c;}
	#mainnav > ul > li > a.active,
	#mainnav > ul > li > a:hover {color: #01a89c;}
	.error-wrap #search-submit:hover {background-color: #d65050;border-color: #d65050;}
	.text-slider .maintitle:after {background-color: #000;}
	.hentry .meta-post a:hover {color: #01a89c;}
	.hentry blockquote { border-left: 3px solid #01a89c;}
	.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;}

.single-product .entry-summary .yith-wcwl-add-button,
.single-product .entry-summary .yith-wcwl-wishlistexistsbrowse,
.single-product .entry-summary .compare {
	width: 36px;
	height: 36px;	
	display: block;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	text-align: center;
	line-height: 36px;
	fill: #3e3e3e;
	font-size: 16px;
}
.single-product .entry-summary .yith-wcwl-add-to-wishlist,
.single-product .entry-summary .compare {
	display: inline-block;
}
.single-product .entry-summary .yith-wcwl-add-to-wishlist {
	margin-right: 10px;
}
.yith-placeholder {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 36px;
}
.product_meta {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ebebeb;
}
.product_meta > * {display: block;}
/*--------------------------------------------------------------
SVGs
--------------------------------------------------------------*/
.sydney-svg-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	line-height: 1;
}
.go-top svg {fill: #fff;}
.go-top:hover svg {fill: #fff;}
.meta-post .sydney-svg-icon {
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
}
.posted-on .sydney-svg-icon {top: -1px;}
.single-meta .sydney-svg-icon {fill: #68647a;}
.single-meta .sydney-svg-icon {
	width: 14px;
	height: 20px;
	margin-right: 7px;
}
.wp-custom-header button {fill: #fff;}
.btn-menu .sydney-svg-icon {
	width: 22px;
	fill: #000;
}
.btn-submenu svg {
	fill: #000;
	width: 20px;
	transform: rotate(-180deg);
	transition: all 0.4s;
	position: relative;
	top: 15px;
}
.btn-submenu.active svg {
	transform: rotate(0);
}
@media only screen and (max-width: 1080px) {
	.header-clone {display: none;}
	.posts-navigation {overflow: hidden;margin-bottom: 30px;}
	#mainnav {display: none;}
	.btn-menu {display: block;position: fixed;right: 5%;top: 15px;z-index: 10000;}
	.fw-menu-container {padding-left: 30px;padding-right: 30px;}
}
@media only screen and (max-width: 780px) {
	h1 { font-size: 2.6rem;}
	h2 { font-size: 2.4rem;}
	h3 { font-size: 2.0rem;}
	h4 { font-size: 1.8rem;}
	h5 { font-size: 1.6rem;}
	h6 { font-size: 1.4rem;}
}

/* Center menu vertically */
@media screen and (min-width: 1081px) {
	#mainnav > div > ul,.header-wrap .fw-menu-container > .row,.header-wrap .container > .row {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		align-items: center;
		position: relative;
		height:90px;
	}
	#mainnav > div > ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.menu-centered #mainnav > div > ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.menu-centered .fw-menu-container > .row {-ms-flex-wrap: wrap;flex-wrap: wrap;}
}
	
/*-パソコンにはパソコン用のスマホにはスマホ用の改行を作る-
 お問い合わせ・<br class="br-sp">ご相談-*/
@media screen and (min-width: 481px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 480px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
.center{text-align:center;}

/**
** Gutenberg*/
.post-template-post_nosidebar .content-area {max-width: 805px;margin-left: auto;margin-right: auto;}
.post-template-post_nosidebar .alignfull,.post-template-post_nosidebar .wp-block-cover-image {
	max-width: 100vw;
	width: auto;
	margin-left: -182px;
	margin-right: -182px;
}
.post-template-post_nosidebar .alignwide {
	max-width: none;
    width: calc(100% + 200px);
    position: relative;
    left: -100px;
}
#svg-animation .st0{
    fill:none;
    stroke:#FFFFFF;
    stroke-width:19;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray: 1500;
    stroke-dashoffset:1500;
}
#svg-animation { max-width: 100%;height: auto;}
#under_btn a {
  display: inline-block;
  position: absolute;
  right: 2%;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #252525;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
}
#under_btn a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #252525;
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

.more-button {width: 250px;}
.more-button a{
	background: #6eb92c;
	color: #fff;
	font-weight: 600;
	display: block;
	text-align: center;
	padding: 0.8em 1em;
	border-radius: 20px;
	position: relative;
}
.more-button a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(
	45deg) translateY(-50%);
	width: 8px;
	height: 8px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
}
.more-button a:hover {
	background-color: #f9bd00 !important;
}
a.more-link{
    color: #fff;
    background: #ed8b04;
    font-size: 1.5rem;
    line-height: 50px;
    font-weight: 600;
    position: relative;
    border: 2px solid #ED8B16;
    text-align: center;
    border-radius: 10px;
    z-index: 1;
    transition: 0.3s linear !important;
    display: block;
    letter-spacing: 0.5px;
    overflow: hidden;
}
a.more-link svg{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
a.more-link:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: 0.2s linear;
}
a.more-link:hover {
    left: 0;
	border: 2px solid #ED8B16;
	color: #ED8B16 !important;
}
a.more-link:hover:after{
	left: 0;
	background: #fff;
	color: #ED8B16 !important;
}
.f-more-button {
    width: 280px;
    margin: 0 auto;
}

/* home
-------------------------------------------------------------- */
.sydney-hero-area{
	position: relative;
	margin: 0;
	padding: 0;
}
body.home .home-main{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.home-main-ph{position: relative;}
.home-main-ph img{
    width: 100%;
    z-index: 2;
    position: relative;
}
.home-main-copy{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    text-align: center;
}
.home-main-copy .text1{
    position: relative;
    font-size: 44px;
    color: #fff;
    font-weight: 600;
    margin: 30% 0 0;
    text-shadow: 0 0 10px rgb(0 0 0 / 60%);
}
.waves_v2 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none;
}
.thb-divider-container .thb-svg-divider{
    width: 100%;
    left: 0;
    height: 100%;
    position: absolute;
    fill: #fefadd;
}
@media screen and (max-width: 1079px) {
	.site-header .row.pc{display:none;}
	.home-main-copy .text1{font-size: 34px;}
	.waves_v2{width: 350%;}
}
@media screen and (max-width: 590px) {
	.site-header {height: 80px;}
	.header-wrap .container{padding: 0;}
	.main_image{display: block;overflow: visible;}
	#mainimg{ width: 100%;}
	.home-main-copy .text1{font-size: 22px;margin: 24% 0 0;}
}
.calendar{
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
}
.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*news*/
.header-line{
    margin: 80px 0 60px;
    text-align: center;
    position: relative;
    z-index: 3;
}
.ttl{
    font-size: 3rem;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0;
}
.ttl-en{
    font-size: 1.4rem;
    font-weight: 600;
}
.top-service h2::before{
    content: "";
    width: 200px;
    height: 100px;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background: url(images/top-service-ttl-bg.png) no-repeat;
    background-size: cover;
}
.new_back{
	padding: 60px 0 20px;
	background-color: #ffecc0;
	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: 14px 14px;
}
.new_back .archive{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 880px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.container.news{
    margin-bottom: 40px;
    max-width: 880px;
}
.container.news .more-button{
	text-align: center;
	margin: 50px auto 0;
}
ul.news-list{
    list-style: none;
    padding: 0;
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 8px;
    margin: 0 0 8px;
}
li.blog-item{
	display: flex;
	align-items: center;
	gap: 40px;
    border-bottom: dotted 1px #666;
    padding: .7rem 0;
}
ul.news-list .flex{
	display: flex;
	align-items: center;
}
ul.news-list .cat{
	background: #eea803;
	color: #fff;
	letter-spacing: 0.6px;
	width: 100px;
	text-align: center;
	font-size: 1.4rem;
	line-height: 25px;
	height: 25px;
	margin: 0 0 0 1em;
	border-radius: 10px;
}
ul.news-list .cat a {
    color: #fff;
    font-weight: 600;
}
ul.news-list li h3{
	font-size: 1.7rem;
	margin: 0;
	font-weight: 600;
}
.container.kairan {
    background: #fff;
    border-radius: 20px;
    padding: 30px 3%;
    max-width: 880px;
}
.container.kairan .pdfemb-viewer{
    width: 100% !important;
    height: auto !important;
}
.pdfemb-viewer .pdfemb-pagescontainer.grab-to-pan-grab,
.pdfemb-viewer .pdfemb-pagescontainer.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link),
.pdfemb-the-canvas{
    width: 100% !important;
    height: auto !important;
}
.kairan-title{
    position: relative;
    padding-left: 30px;
}
.kairan-title:before{
    content: '';
    background: url(images/ttl-bg.svg) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 5px;
}
/*ページ内リンクズレ
#primary {
    padding-top: 100px;
    margin-top: -100px;
}*/
@media screen and (max-width:590px) {
	li.blog-item{ flex-flow: wrap;gap: 10px;}
	.blog-tit{width: 100%;}
	/**/
	.top-service h2{font-size: 2.6rem;}
	.top-service .flex{flex-flow: wrap;}
	.top-service-item{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.image-cut{width: 100px;margin-right: 20px;}
	.image-cut img{height: 100px;}
	.blog-text{width: calc((100% - 120px) - 20px);}
	ul.cat-day li h3{font-size: 1.6rem;}
}

/*--------------------------------------------------------------
ページ共通
--------------------------------------------------------------*/
.sydney-hero-area.page {
	margin: 0;
	padding: 20px 0;
}
.sydney-hero-area.page .home-main {max-width:100%;}
.page-main-ph{
    margin-left: 25vw;
    position: relative;
    z-index: 2;
}
.page-main-ph img{width: 100%;height:400px;object-fit: cover;}
.page-main-ph:after{
    content: '';
    background: #fbe4ad;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 5%;
    z-index: -1;
}
.Inner-ttl {
    letter-spacing: 0.15em;
    z-index: 5;
    position: absolute;
    top: 38%;
    left: 3vw;
	background: #87b73ec9;
    width: 30%;
    text-align: center;
    padding: 70px 0 40px 0;
}
.Inner-ttl h1{
    color: #fff;
    font-size: 3.3rem;
	text-shadow: 0 1px 2px #87b73ec9, 0 1px 2px #87b73ec9, 0 1px 2px #87b73ec9;
}
.head-line.page h2{
    display: inline-block;
}
.inner-area980{
	width: 94%;
	max-width: 1220px;
	margin: 0 auto;
	position: relative;
}
.page-back60{padding-bottom: 60px;}
/*目次*/
.toc {
    padding: 15px;
    background: #f8f8f8;
    border-radius: 6px;
    margin-bottom: 25px;
}
.toc h2{
    font-size: 1.8rem;
    line-height: normal;
    padding-bottom: 0.3em;
    margin: 0 0 0.6em 0;
    position: relative;
}
.toc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.toc li {
    border-bottom: dotted 1px #888;
    padding: 8px 0 8px 1.5rem;
    line-height: 1.5;
}
.toc li a{position: relative;}
.toc li a:before{
    content: '';
    position: absolute;
    top: -2px;
    left: -1rem;
    background: url(images/arrowR.png) no-repeat 0 8px;
    background-size: 50%;
    width: 10px;
    height: 20px;
}
.toc-sub {
    margin-left: 15px;
    font-size: 0.95em;
}


@media screen and (max-width:1280px) {
	.page-main-ph {margin-left: 20vw;}
}
@media screen and (max-width:1080px) {
	.sydney-hero-area.page{padding: 0;}
	.page-main-ph {margin-left: 10vw;}
	.page-main-ph:after{left: -15px;}
	.page-main-ph img{height: 280px;width: 100%;object-fit: cover;}
	.Inner-ttl{padding: 30px 0 20px 0;width: 40%;}
	.Inner-ttl h1 {font-size: 2.8rem;}
}
@media screen and (max-width:640px) {
	.page-main-ph {margin-left: 0vw;}
	.Inner-ttl{left: 50%;transform: translateX(-50%);width: 80%; padding: 20px 3% 10px 2%; -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";}
	.Inner-ttl h1 {font-size: 2.4rem;}
	.entry-content p{text-align: justify;}
	.has-text-align-center{text-align: center !important;}
}

/*--------------------------------------------------------------
about
--------------------------------------------------------------
.sec-about{
    text-align: center;
    position: relative;
}
.sec-about .inner{
    text-align: left;
    z-index: 2;
}
.sec-about .inner:before{
    content: '';
    background: url(images/about-bg.svg) no-repeat;
    height: 300px;
    width: 300px;
    position: absolute;
    top: -80px;
    left: -100px;
    z-index: -1;
}
.sec-about .inner:after{
    content: '';
    background: url(images/about-bg02.svg) no-repeat;
    height: 300px;
    width: 300px;
    position: absolute;
    bottom: -80px;
    right: -100px;
    z-index: -1;
}
.sec-about .inner .photo{
    width: 25%;
    text-align: center;
}
.sec-about .inner .text{
    width: 70%;
    margin-right: 5%;
}
.is-style-rounded40 img{
	border-radius: 40px;
	margin-bottom: 15px;
}
.tb_form{margin-bottom: 30px;}
.tb_form td{background-color: #fff;}
.tb_form td:first-of-type{
    width: 24%;
    position: relative;
    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;
}
.tb_form td:first-of-type:after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: calc(50% - 10px);
    right: -10px;
    border-left: 10px solid #f9f2b3;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.p-company_access__info {
	border-left: 1px solid #509b0c;
	padding: 5px 0 5px 25px;
}
@media only screen and (max-width: 640px) {
	.floorguide .item{width: 100%;}
	.sec-about .inner:before{height: 200px;width: 200px;top: -40px;left: -40px;}
	.sec-about .inner:after{height: 200px;width: 200px;bottom: -40px;right: -40px;}
}

/*--------------------------------------------------------------
company
--------------------------------------------------------------
.sec-company{
    margin: 60px 0;
}
.company-box {
    border: 3px solid #eea803;
    background: #fff;
    padding: 40px 40px 30px;
}
.company-box h3{
    position: absolute;
    display: inline-block;
    top: -0.5em;
    left: 40px;
    padding: 0 0.5em;
    line-height: 1;
    font-size: 2.4rem;
    background: #fef8f2;
    color: #eea803;
    letter-spacing: 0.1em;
    margin: 0;
}
.tb_form{}
@media only screen and (max-width: 640px) {
	.tb_form td:first-of-type, .tb_form td {width: 100%;display: block;border-bottom: none !important;}
	.tb_form {border-bottom: 1px solid #c3c4c7 !important;}
	.tb_form td:first-of-type:after{content:none;}
	.company-box{padding: 40px 25px 30px;text-align: justify;}
	.site-description{display:none;}
}

/*--------------------------------------------------------------
kawara
--------------------------------------------------------------*/
.sec-kawara{}


/*--------------------------------------------------------------
business
--------------------------------------------------------------
.job-area{
    border: 4px solid #f08b00;
    background: #fff;
    padding: 40px 40px 30px;
    border-radius: 40px;
}
.job-area .wp-block-gallery.wp-block-gallery-1{margin-bottom: 20px;}
.job-area img{border-radius: 30px;}
.flow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
.flow > li{
    padding: 30px 30px 20px;
    margin-bottom: 3vh;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    border: 4px solid rgb(240 139 0);
    position: relative;
    background: #fff;
}
.flow > li:nth-child(odd) {
  margin-right: auto;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow > li:not(:last-child)::before{
    border-width: 25px;
    border-left-color: rgb(240 139 0);
}
.flow > li:not(:last-child)::after {
  border-width: 20px;
  border-left-color: #fff;
}
.flow > li .icon{
    font-size: 1.4rem;
    color: #fff;
    font-weight: 600;
    background: rgb(240 139 0);
    background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
    background: -webkit-linear-gradient(left, rgb(240 139 0) 0%,rgb(234 184 94) 100%);
    background: linear-gradient(to right, rgb(240 139 0) 0%,rgb(233 189 102) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
    padding: 5px 20px;
    display: block;
    border-radius: 20px;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 100;
}
.flow > li dl dt{
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: rgb(240 139 0);
}
.heading04{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    text-align: center;
}
.heading04::before,
.heading04::after{
    content: '';
    width: 3px;
    height: 70px;
    background-color: #333;
    margin-top: 30px;
}
.heading04::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
.speechBubble{
	position: relative;
	width: fit-content;
	padding: 12px 16px;
	background-color: #87b73e;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	border-radius: 15px;
}
.speechBubble::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  border-style: solid;
  border-width: 20px 0 0 20px;
  translate: -50% 100%;
  transform: skew(-25deg);
  transform-origin: top;
}
.speechBubble::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 25%;
    border-style: solid;
    border-width: 15.2px 0 0 15.2px;
    border-color: #87b73e transparent transparent;
    translate: calc(-50% + 0.4px) 100%;
    transform: skew(-25deg);
    transform-origin: top;
}
.work-inner02{
    background: peachpuff;
    padding: 30px;
    border-radius: 20px;
    font-weight: 600;
}
.waku-red{
    border: dotted 2px #d65050;
    background: #fff;
    color: #d65050;
    padding: 0.6em;
}
.bg-w{
    background: rgb(255 255 255 / 54%);
    padding: 30px;
}
.qa h4{
	position: relative;
	margin-left: 50px;
}
.qa h4:before,.qa p:before{
	margin-right: .4em;
}
.qa h4:before{
	font-weight: 500;
	content: "Q.";
	background: #87b73e;
	color: #fff;
	border-radius: 10px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	position: absolute;
	text-align: center;
	left: -40px;
	top: -10px;
}
.qa p{
	margin-left: 50px;
	background: #f0f0f1;
	padding: 0.8em 1em 0.8em 4em;
	position: relative;
	line-height: 1.5;
}
.qa p:before{
	content: "A.";
	background: #f08b00;
	color: #fff;
	border-radius: 10px;
	width: 35px;
	height: 35px;
	font-size: 20px;
	position: absolute;
	left: 20px;
	top: 8px;
	text-align: center;
	line-height: 35px;
}
@media only screen and (max-width: 820px) {
	.speechBubble,.speechBubble02{font-size: 16px;}
}
@media only screen and (max-width: 590px) {
	.flow{display: block;}
	.flow > li:not(:last-child)::before{top: 100%;left: 40%;transform: rotate(90deg);}
	.flow > li:not(:last-child)::after{top: 99%;left: 41%;transform: rotate(90deg);}
	.flow > li:not(:last-child)::before{border-width: 25px;}
	.flow > li:not(:last-child)::after{border-width: 21px;}
	.heading04{font-size: 2rem;line-height: 1.6;}
	.page-id-261 .heading04{font-size: 1.7rem;}
	.heading04::before, .heading04::after{height: 50px;}
	.job-area{padding: 40px 4% 30px;}
	.job-area img {border-radius: 20px;}
	.bg-w{padding: 30px 20px;}
	.qa h4{margin-left: 40px;}
	.qa p{margin-left: 0;padding: 0.8em 1em 0.8em 3em;}
	.qa p:before{left: 10px;}
}
@media only screen and (max-width: 320px) {
	.heading04{font-size: 1.7rem;}
}

/*--------------------------------------------------------------
kairan
--------------------------------------------------------------*/
.page-wrap.kairan{
	width: 94%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 60px 0;
	display: flex;

}
.archive-job{margin-bottom: 50px;}
@media only screen and (max-width: 820px) {
	.page-wrap.kairan{display:block;}
}
@media only screen and (max-width: 590px) {
	
}
/*--------------------------------------------------------------
recruit
--------------------------------------------------------------
.recruit-list{
    margin-bottom: 80px;
    list-style: none;
    margin-left: 0;
}
.recruit-list li {
    margin-bottom: 20px;
    position: relative;
}
.recruit-list li a{
    padding: 1em 1.5em;
    border: 2px solid #f08b00;
    background: #fff;
    width: 100%;
    display: block;
    position: relative;
    color: #222;
    font-size: 1.8rem;
}
.recruit-list li a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate( 45deg) translateY(-50%);
    width: 8px;
    height: 8px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #f08b00;
}
.recruit-list li a:hover {
    border: 1px solid #f08b00;
    background: #f08b00;
    color: #fff;
}
.recruit-list li a:hover::after{border-color: #fff;}
.entry-content.recruit{
    width: 94%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 0 60px;
}

/*--------------------------------------------------------------
contact
--------------------------------------------------------------
.sec-contact{
    border-bottom: 1px solid #a7aaad;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.inner_tel{
	width: 90%;
	max-width: 700px;
	margin: 10px auto 0 auto;
	padding: 20px 2%;
	border-radius: 20px;
	text-align: center;
	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;
}
.inner_tel .tel {
    padding: 0;
    margin: 10px;
    position: relative;
    font-size: 3.6rem;
    font-weight: 600;
    display: inline-block;
}
.inner_tel a {color: #333;}
.inner_tel .tel img{
    display: inline-block;
    width: 30px;
    margin-right: 8px;
}
.inner_tel .tel p{
    text-align: left;
    width: 40%;
    margin: 0 auto;
}
.sec-contact02{
    text-align: center;
    padding-bottom: 20px;
}
.sec-contact02 p{text-align: left;}
.tb_contact {
	margin-bottom: 40px;
}
.tb_contact p{margin: 0;}
.sec-contact-form th, .tb_form th{
    width: 24%;
    position: relative;
    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;
}
table tbody th:after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: calc(50% - 10px);
    right: -10px;
    border-left: 10px solid #f9f2b3;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.sec-contact-form td, .tb_form td{
    text-align: left;
    padding: 10px 12px 10px 20px;
    background: #fff;
}
.form100{width: 100%;}
.form30{width: 30%;}
.requiredIcon {
    background: #d2101c;
    color: #fff;
    margin: 0;
    font-size: 80%;
    padding: 3px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    float: right;
}
.formy_btn p{text-align: center;}

.kiyakubox-area{margin: 30px 0 0 0;}
.kiyakubox-area h4{margin: 0 0 10px 0;}
.kiyakubox {
    height: 18em;
    overflow: scroll;
    border: #999999 1px solid;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 1em 1.5em;
    font-size: 14px;
    text-align: left;
}
.kiyakubox dt, .kiyakubox dd{margin-bottom: 0.6em;}

@media only screen and (max-width:768px) {
	.sec-contact-form td, .sec-contact-form th {display:block;width:100%;padding: 10px;}
	table tbody th:after{content:none;}
}
@media only screen and (max-width:590px) {
	.inner_tel .tel {font-size: 30px;}
	.inner_tel .tel img{width: 25px;}
	.sec-contact-form{margin: 0 5%;}
}


/* post & archive
-------------------------------------------------------------- */
.fullwidth .content-area .post-wrap {padding-right: 0;}
.content-area.archive{ padding-bottom: 60px;}
.archive {padding-bottom: 80px;}
.archive figure,
.entry-content figure{
    margin: 20px 0;
}
.archive article {
	width: 100%;
	margin: 0;
	border-bottom: dotted 1px #949494;
}
.archive article .title-archive a {
	color: #6dbc25;
    text-align: justify;
}
main .content-wrapper .row {
    display: flex;
    flex-flow: row-reverse;
}
.archive-title {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
}
@media (max-width: 590px) {
	.page-header{margin: 0;}
    .inner-area.archive article .title-post {font-size: 22px;}
    .archive-title {
           font-size: 22px;
	   line-height: 1;
	   margin-bottom: 0;
    }
    .page .page-wrap .content-wrapper {padding: 0 5% 30px 5%;}
}
/**/
.sydney-breadcrumbs {
    width: 94%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: right;
    padding: 20px 0 0;
    font-size: 1.4rem;
}

/* post & single
-------------------------------------------------------------- */
.single-main{
    width: 72%;
    background: #fff;
    padding: 50px 5% 40px;
    margin: 0 3% 50px 0;
    border-radius: 10px;
    border-top: 10px solid #ed8b16;
}
#secondary{width: 23%;padding: 0;}
@media (max-width: 980px) {
	.page-wrap.kairan{display: block;}
    .archive .single-main { width: 96%;margin:0 auto;}
	.single-main{width:100%;}
    #secondary {width: 96%;margin:0 auto;padding: 80px 0 0;}
    .single #secondary{padding: 60px 0 0 0;width: 100%;}
	.f-area {width: 100%;float: none;padding: 0 3%;margin: 4% 4% 50px;}
}