/*
Theme Name: HIYOWAKO Original Theme
Theme URI: https://hiyowakotokyo.com/
*/

body {
	min-width: 1120px;
	color: #221815;
	font-family: "Helvetica", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	/* border-top: 15px solid #888889; */
	line-height: 1.9;
	letter-spacing: 0.05em;
}

.wrapper {
	width: 100%;
	/* width: 1120px; */
	margin: 0 auto;
}

header {
	position: relative;
	width: 900px;
	margin: 0 auto 36px;
}

header .logo {
	padding-top: 60px;
}

header .logo a {
	display: inline-block;
	text-decoration: none;
}

header .logo img {
	width: 295px;
	height: 85px;
}

/* COMMON / global-nav */
header .global-nav {
	display: flex;
	align-items: flex-end;
	margin-top: 12px;
}

header .global-nav .page a {
	display: block;
	width: 132px;
	height: auto;
	margin-right: 14px;
	padding-bottom: 9px;
	color: #231815;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.05em;
	border-bottom: 2px solid #353535;
	line-height: 1;
	transition: all 0.3s ease-in-out;
}

header .global-nav .page a:hover  {
	color: #9fa0a0;
	border-bottom: 2px solid #c9c9ca;
}

header .global-nav .facebook {
	margin-left: 38px;
}

header .global-nav .facebook a {
	background-image: url(images/common/icon_facebook.png);
}

header .global-nav .instagram a {
	background-image: url(images/common/icon_instagram.png);
}

header .global-nav .facebook a:hover {
	opacity: 0.65;
/* 	background-image: url(images/common/icon_facebook_on.png); */
}

header .global-nav .instagram a:hover {
	opacity: 0.65;
/* 	background-image: url(images/common/icon_instagram_on.png); */
}

header .global-nav a {
	display: block;
	float: left;
	width: 39px;
	height: 39px;
	margin-right: 10px;
	background-size: cover, 0 0;
	background-repeat: repeat;
	-webkit-background-size: cover;
	transition: all 0.3s ease-in-out;
}

.hero-graphic {
	width: 100%;
	/* width: 1120px; */
	height: 370px;
	/* height: 391px; */
	background-color: #eeefef;
	/* overflow: hidden; */
}

/* .hero-graphic ul li img {
    width: 100%;
    height: auto;
} */

.hero-graphic ul li img {
	display: block;
    width: 100%;
    height: 370px;
	object-fit: cover;
}

/* COMMON / flexslider */
.flexslider {
	position: relative;
	width: 1120px;
	margin: 0 auto;
	/* height: 391px; */
	height: 370px;
	overflow: hidden;
}

.flexslider .slides {
	width: 1120px;
	/* height: 391px; */
	height: 370px;
}

.flexslider .slides li {
	opacity: 0;
}

.flex-direction-nav a:before {
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  background: url(images/slider/btn-nav-right.png) no-repeat 0 70px;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 50px;
  height: 150px;
  margin: -75px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -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;
}

.flexslider .flex-prev {
  left: -50px;
}

.flexslider .flex-next {
  right: -50px;
}

.flexslider:hover .flex-prev {
  left: 0;
}

.flexslider:hover .flex-next {
  right: 0;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-prev {
  opacity: 1.0;
  background: url(images/common/btn-nav-left.png) no-repeat 30px 57px;
  background-size: 20px 36px;
}

.flex-direction-nav .flex-next {
  opacity: 1.0;
  background: url(images/common/btn-nav-right.png) no-repeat 0 57px;
  background-size: 20px 36px;
}

/* contents / COMMON */
section {
	margin-bottom: 40px;
	padding-top: 30px;
}

.about-us {
	text-align: center;
}

.bland-name {
	width: 945px;
	margin: 0 auto;
}

.content {
	width: 1120px;
	/* width: 945px; */
	margin: 35px auto 0;
	min-height: 300px;
}

.content .sec-title {
	font-size: 16px;
	font-weight: normal;
/* 	margin: 0 auto 45px; */
	margin: 0 auto 50px;
	text-align: center;
}

.content section.about-us .sec-title {
	margin: 0 auto 35px;
}

.content .sec-title .inner {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    line-height: 1.1;
}

.content .sec-title .inner::after {
    position: absolute;
    content: "";
    width: 132px;
    bottom: -5px;
    left: 50%;
    margin-left: -66px;
    border-bottom: 2px solid #898989;
}

.about-us .lead-text,
.about-us .lead-en-text {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	/* font-size: 23px; */
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.96;
}

.about-us .lead-en-text {
	font-size: 16px;
	margin-top: 1.3em;
	letter-spacing: 0.03em;
}

section.news {
	display: block;
	width: 750px;
	margin: 0 auto 60px;
    /* display: flex;
    flex-wrap: wrap; */
}

section.news .article {
	margin-bottom: 50px;
}
section.news .article li {
	margin-bottom: 20px;
	border-bottom: 1px solid #666;
}
section.news .article li:last-child {
	margin-bottom: 0;
}
section.news .article a {
	display: flex;
	flex-wrap: wrap;
	color: #221815;
	text-decoration: none;
	align-items: center;
}

section.news .article .date {
	margin-right: 50px;
}

section.news .more {
	text-align: right;
}

section.news .more a {
	display: inline-block;
	width: 105px;
	color: #221815;
	font-size: 14px;
	padding: 4px 0;
	text-decoration: none;
	text-align: center;
	border: 1px solid #221815;
}
section.bland-name .article {
    display: flex;
    flex-wrap: wrap;
}

section.bland-name .article li {
    width: 261px;
    margin: 0 81px 40px 0;
    line-height: 1.5;
}

section.archive-body .article li {
    margin: 30px 20px 30px 0;
    border-bottom: 1px solid #666;
}

section.bland-name .article li a {
	color: #221815;
	text-decoration: none;
}

section.bland-name .article .thumb {
    width: 261px;
    height: 169px;
    margin-bottom: 4px;
    overflow: hidden;
}

section.bland-name .article .thumb img {
    width: 100%;
    height: auto;
    border: 1px solid #e3e3e3;
}

section.bland-name .article li:nth-child(3n) {
    margin-right: 0;
}

section.archive-body .article li:nth-child(3n) {
	margin: 0 40px 40px 0;
}

section.bland-name .article .text-wrap {
	padding: 8px;
}
section.bland-name .article .title {
	font-size: 20px;
	font-weight: bold;
}

section.bland-name .article .excerpt {
	margin-top: 10px;
	text-align: justify;
}

section.bland-name .article .excerpt p {
	font-size: 13px;
}
/* .service-line .article .title,
.service-line .article .excerpt,
.news .article .date,
.news .article .title,
.archive-body .article .date,
.archive-body .article .title {
	padding: 0 8px;
} */

.service-line .article li {
    margin: 0 81px 0 0;
}

.service-line .article .title {
	color: #898989;
	font-size: 19px;
	line-height: 2.3;
}

.service-line .article .excerpt {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 15px;
	line-height: 1.6;
}


.news .article .date,
.news .article .title {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.news .article .date {
	font-size: 18px;
}
.news .article .title {
	font-size: 20px;
}
/* .news .article .date,
.news .article .title,
.post-detail .article .date,
.post-detail .article .title,
.archive-body .article .date,
.archive-body .article .title {
	font-size: 16px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4;
} */

/* NEWS DETAIL PAGE // SERVICE LINE DETAIL PAGE // ARCIVE PAGE */
article.post-article,
article.service-line-article,
article.post-archive {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 145px;
	padding: 0 120px;
}

/* .post-detail,
.archive-body {
	width: 562px;
	padding-top: 32px;
} */
.post-detail {
	width: 562px;
	padding-top: 32px;
}
.archive-body {
	width: 620px;
}
.archive-body .article a {
	display: flex;
	color: #221815;
	text-decoration: none;
}

.archive-body .article a .date {
	margin-right: 50px;
}
.post-detail .detail-title,
.archive-body .detail-title {
	width: 132px;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 50px;
}

.service-line-article .post-detail .post-title {
	color: #898989;
	font-family: "Helvetica", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 18px;
	margin-top: 50px;
}

.post-detail .detail-title .inner,
.archive-body .detail-title .inner {
	display: block;
	width: 132px;
	border-bottom: 2px solid #898989;
	text-align: center;
}

.post-detail .date {
	font-size: 14px;
	margin-bottom: 2px;
	line-height: 1.4;
}

.post-detail .post-title {
	font-size: 16px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin-bottom: 40px;
}

/* SINGLE PAGE / Management Screen */
.post-body,
.post-body p {
	font-size: 13px;
	line-height: 2.2;
	letter-spacing: 0.05em;
}

.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
	font-size: revert;
}

.post-body p {
	margin-bottom: 25px;
	text-align: justify;
}

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

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

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

.post-body .wp-block-image {
    margin-bottom: 25px;
}

.post-body img {
    max-width: 100%;
}

.post-body figcaption a {
	word-wrap: break-word;
}

.post-detail .wp-block-image .aligncenter {
	text-align: center;
}

.post-detail .wp-block-image .aligncenter figcaption {
	text-align: center;
}


/* SINGLE PAGE / Navigation */

.single .post-nav {
    display: flex;
    justify-content: space-between;
    width: 65px;
    margin: 60px 0 0 5px;
}

.single .post-nav .prev,
.single .post-nav .next {
    display: inline-block;
    width: 15px;
    height: 30px;
}

.single .post-nav a {
	display: inline-block;
    width: 15px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
	transition: all 0.3s ease-in-out;
} 

.single .post-nav .prev a {
	background-image: url(images/common/post_prev.png);
}

.single .post-nav .prev a:hover {
	background-image: url(images/common/post_prev_on.png);
}

.single .post-nav .next a {
	background-image: url(images/common/post_next.png);
}

.single .post-nav .next a:hover {
	background-image: url(images/common/post_next_on.png);
}

/* ARCHIVE / wp pagenavi*/
.wp-pagenavi{
	margin-top: 70px;
    text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
    display: inline-block;
    margin: 4px;
    padding: 10px 12px;
    color: #fff;
    line-height: 1;
    font-size: 14px;
    text-decoration: none;
    background: #c9c9ca;
    border: 1px solid #c9c9ca;
}

.wp-pagenavi .current {
    color: #727172;
    background: #fff;
    border: 1px solid #999;
}

.wp-pagenavi a:hover {
    border: 1px solid #727172;
	background:  #727172;
}

/* sidebar */
.sidebar {
	width: 130px;
	/* width: 245px; */
	margin-top: 95px;
}

/* sidebar / archive page */
.post-archive .sidebar {
    margin-top: 72px;
}

.sidebar h3 {
	color: #221815;
	font-size: 16px;
	font-weight: normal;
	font-family: Helvetica;
	padding: 0 10px 3px 0;
	text-decoration: none;
	text-align: right;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #221815;
}

/* sidebar / ARCHIVE */ 
.sidebar .post-archive-link {
	margin: 0 0 70px 0;
	text-align: right;
}

.sidebar .post-archive-link li {
	font-size: 14px;
	/* width: 215px; */
	/* margin-left: 25px; */
	text-align: right;
	background-image : linear-gradient(to right, #999 5px, transparent 5px);
	background-size: 10px 1px;
	background-repeat: repeat-x; 
	background-position: left bottom;
}

.sidebar .post-archive-link a {
	display: inline-block;
	width: 100%;
	height: 45px;
	color: #231815;
	padding: 15px 10px 0 25px;
	/* padding: 15px 10px 0 120px; */
	text-align: left;
	text-decoration: none;
}

/* sidebar / PICK UP */
.sidebar .popular-articles li {
	/* width: 215px;
	margin-left: 25px; */
	background-image : linear-gradient(to right, #999 5px, transparent 5px);
	background-size: 10px 1px;
	background-repeat: repeat-x; 
	background-position: left bottom;
	line-height: 1.4;
}

.sidebar .popular-articles li a {
	display: block;
	color: #221815;
	font-size: 13px;
	padding: 15px 0 13px 0;
	text-decoration: none;
	text-align: justify;
	line-height: 1.6;
	letter-spacing: normal;
}

.sidebar .popular-articles li a .date {
	display: block;
	color: #231815;
	font-size: 10px;
	margin: 0 7px 5px 0;
	text-align: right;
}

.sidebar .post-archive-link a,
.sidebar .popular-articles li a,
.sidebar .popular-articles li a .date {
	transition: all 0.3s ease-in-out;
}

.sidebar .post-archive-link a:hover,
.sidebar .popular-articles li a:hover,
.sidebar .popular-articles li a:hover .date {
	opacity: 0.8;
}

/* sidebar / SERVICE LINE */
.service-line-article .sidebar {
	width: 261px;
/* 	margin-top: 58px; */
	margin-top: 60px;
}

.sidebar-service-line li {
	margin-bottom: 35px;
}

.sidebar-service-line li a {
	display: block;
	text-decoration: none;
}

.sidebar-service-line .title,
.sidebar-service-line .excerpt {
	padding: 0 7px;
}

.sidebar-service-line .photo {
	display: block;
	width: 261px;
	height: 169px;
	margin-bottom: 4px;
	overflow: hidden;
}

.sidebar-service-line .photo img {
	width: 100%;
	height: auto;
    border: 1px solid #e3e3e3;
}

.sidebar-service-line .title {
	color: #898989;
    font-size: 19px;
    line-height: 2.3;
}

.sidebar-service-line .excerpt {
	color: #221815;
	font-size: 15px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.6;
}

/* footer */
footer {
/* 	margin-top: 85px; */
	margin-top: 45px;
	background: #eeefef;
}

.footer-bar {
	color: #fff;
	font-size: 19px;
    height: 45px;
    background-color: #595757;
    text-align: center;
    line-height: 45px;
} 

footer .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    width: 945px;
    margin: 0 auto;
    padding: 60px 0 25px;
}

footer .inner .footer-info {
	width: 250px;
}

footer .logo {
	width: 230px;
	height: auto;
	margin-bottom: 10px;
}

footer .logo img {
	width: 100%;
	height: auto;
}

footer .company-address {
	font-size: 18px;
	margin-bottom: 5px;
	letter-spacing: -0.02em;
}

/* footer .company-en {
	display: block;
	font-family: "Didot";
	font-size: 12px;
	margin-top: -0.6em;
	margin-left: 0.3em;
	letter-spacing: -0.028em;
} */

footer .office-address {
	font-size: 12px;
/* 	margin-left: 0.1em; */
	margin: 0 0 18px 0.1em;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

footer .office-map a {
	font-size: 12px;
	color: #333;
}

footer .office-address span {
	display: block;
/* 	margin-top: 5px; */
	margin: 5px 0;
	text-indent: -0.5em;
}

footer .copyright {
	background: #fff;
}

footer .copyright .inner {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 10px;
	height: 60px;
	padding: 20px 0 0 0.5em;
}

/* CONTACT */
footer .mailform {
	width: 430px;
	margin-top: 10px;
}

footer .mailform .form-group {
	overflow: hidden;
	margin-bottom: 18px;
}

footer .mailform .form-group.message {
	margin-bottom: 40px;
}

footer .mailform label {
	float: left;
	width: 88px;
/* 	padding-top: 7px; */
/* 	font-size: 11px; */
	font-size: 10px;
	padding-top: 11px;
	vertical-align: middle;
}

footer .mailform .message label {
/* 	padding-top: 51px; */
	padding-top: 67px;
}

footer .mailform .form-control {
	display: inline-block;
	width: 342px;
	vertical-align: middle;
}

footer .mailform input[type=text],
footer .mailform input[type=email],
footer .mailform textarea {
	width: 100%;
	border: none;
}

footer .mailform textarea {
	width: 342px;
	resize: none;
}

footer .mailform input {
/* 	height: 33px; */
	height: 38px;
}

footer .mailform .form-action {
	padding-left: 88px;
	overflow: hidden;
	text-align: right;
}

footer .mailform input[type=submit] {
	width: 105px;
	height: 35px;
	background-color: transparent;
	border: 2px solid #898989;
	box-sizing: border-box;
}

footer .mailform textarea {
	height: 150px;
}

footer .form-action p input {
	color: #231815; 
	cursor: pointer;
}

/* 404 PAGE */

.page-404 h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.page-404 .text {
	font-size: 16px;
}

/* 公式　送信ローダーの位置調整 */
.wpcf7 .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.wpcf7-submit-block {
    position: relative;
    margin-bottom: 2em; /* 要調整(*1) */
}

.wpcf7-submit-block input[type='submit'] {
    min-width: 105px;
}

/* 公式　送信ローダークリック時 */
.wpcf7-submit.wpcf7-active {
    pointer-events: none;
    opacity: .5;
}