/*
Theme Name: cure_tcd082-child
Version: 1.6
Template: cure_tcd082
*/

/* =======================================================
* common
* ======================================================= */
body {
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'Urbanist', "sans-serif", "メイリオ", Meiryo !important;
}

img {
	vertical-align: bottom;
}

a:hover {
	opacity: 0.5;
}

.flex-block {
	display: flex;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.contents .cb_contents,
#footer_menu ul,
#footer_logo .logo,
.footer_info_container {
	max-width: 1030px;
	margin: 0 auto;
}

/* header */
.pc body.admin-bar,
.pc body.admin-bar.header_fix {
	padding-top: 0;
}

#header {
	background: rgba(149,138,130,0.7) !important;
	border: none;
	/*opacity: 0.7 !important;*/
	/* KVに重ねる */
	/*position: absolute;*/
	height: 70px;
	margin-bottom: 0;
	position: fixed !important;
}

#header_logo img {
	width: 237px;
}

body.home #global_menu {
	opacity: 1;
}

#global_menu > ul > li > a {
	height: 70px;
	letter-spacing: 0.1em;
	line-height: 70px;
	padding-left: 40px;
}


body #global_menu > ul > li.current-menu-item > a,
body #global_menu > ul > li.active > a {
	color: rgba(255,255,255,0.5) !important;
}

#global_menu ul ul {
	top: 70px;
}

/* footer */
/* フッターメニュー */
#footer_logo {
	max-width: 1030px;
	border-bottom: 1px solid #FFF;
	margin: 0 auto;
}

#footer_logo img {
	max-width: 246px;
	width: 100%;
	padding-bottom: 4.6%;
}

#footer_bottom {
	background: #958a82;
	color: #FFF;
}

#footer_menu {
	height: auto;
	padding: 3.4% 0 2.3%;
}

#footer_menu ul {
	display: flex;
	justify-content: space-between;
	text-align: inherit;
}

#footer_menu li {
	margin-left: 0;
}

#footer_menu li a {
	height: auto;
	line-height: inherit;
}

#footer_menu > ul > li > a,
#footer_menu > ul > li:nth-of-type(7) ul li a {
	display: block;
	border-bottom: 1px solid #101010;
	padding-bottom: 5px;
}

#footer_menu ul.sub-menu {
	display: block;
}

#footer_menu ul.sub-menu li {
	display: block;
	padding-top: 12px;
}

@media screen and (min-width: 1252px) {
	#footer_menu > ul > li:nth-of-type(7) ul li {
		padding-top: 32%;
	}
}

#footer_menu ul.sub-menu li:before {
	content: "- ";
}

#footer_menu > ul > li:nth-of-type(7) ul li:before {
	content: none;
}

.privacy {
	text-align: center;
	padding: 4% 1.5% 0;
}

.privacy::before,
.privacy::after {
	content: "｜";
}

.privacy a {
	letter-spacing: 0.1em;
	padding: 0 1%;
}

/* フッター情報 */
#footer_top {
	display: none;
}

#footer_bottom {
	padding: 2.5% 0;
}

#footer_logo .logo {
	border-bottom: 1px solid #FFF;
	padding-bottom: 2.4%;
}

.footer_info_container {
	display: flex;
	justify-content: space-between;
	padding-top: 1.4%;
}

.footer_info,
#footer_sns {
	text-align: left;
	letter-spacing: 0.05em;
	margin: 0;
}

#footer_sns {
	padding-top: 2.4%;
}

#footer_sns li {
	background: #FFF;
	border-radius: 50%;
	margin-left: 16px;
}

#footer_sns li a {
	width: 35px !important;
	height: 35px;
	line-height: 35px;
}

#footer_sns li a:before {
	color: #958a82;
	top: 0;
}

#footer_sns li.youtube a:before {
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(img/common/icon-youtube.svg);
    background-size: contain;
    vertical-align: middle;
	top: 7.5px;
	left: 7.5px;
}

#footer_sns li:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: 0.5s;
}

#copyright {
	height: auto;
	line-height: 1.78;;
	padding-bottom: 2%;
}

#return_top {
	display: none;
}

/* KVタイトル：游ゴシック体 Midium 40pt 字間100 */
/* 欧文タイトル：Urbanist Midium 38pt 字間100 */
.contents h3 {
	font-family: 'Urbanist' !important;
	font-size: 38px;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 9.7% 0 5.4%;
}

/* 和文タイトル：游ゴシック体 Midium 28pt 字間100 */
.contents h4 {
	font-size: 28px;
	font-weight: unset;
	letter-spacing: 0.1em;
}

/* 本文：游ゴシック体 Midium 15pt 字間50 行間30 */
.main-text {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 2;
}

/* 本文箱組み：游ゴシック体 Midium 14pt 字間50 行間25 */
.sub-text {
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.78;
}

/* 欧文小見出し箱組み：Urbanist SemiBold 18pt 字間50 */
.sub-title-en {
	font-family: 'Urbanist' !important;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
}

/* 和文小見出し箱組み：游ゴシック体 Midium 16pt 字間50(JOURNAL）*/
.sub-title-ja {
	font-size: 16px !important;
	letter-spacing: 0.05em !important;
}

.cb_contents .link_button a {
	min-width: 220px !important;
	height: 48px;
	border: 1px solid #101010;
	font-family: 'Urbanist' !important;
	font-size: 13px;
	line-height: 48px;
}

.link_button a:hover {
	background: none !important;
	color: inherit !important;
}

/* =======================================================
* front-page.php
* ======================================================= */
/* kv設定 */
/*#header_slider,
#header_slider .item {
	height: inherit;
}*/

#header_slider .item {
	background-position: center top !important;
}

#header_slider .item.animation_type1.animate .image {
    -webkit-animation: unset !important;
    animation: unset !important;
}

body.home #header_logo {
	opacity: 1;
}

body.home #menu_button {
	opacity: 1 !important;
}
/* /kv設定 */

.contents .cb_contents {
	padding-bottom: 5%;
}

.philosophy,
.contents h3 {
	text-align: center;
}

.philosophy p {
	padding: 6.2% 0;
}

.brand {
	background: #F2F2F2;
}

.brand-chart {
	max-width: 575px !important;
	width: 100%;
}

.brand img {
	display: block;
	max-width: 100%;
	padding-bottom: 9.7%;
	margin: 0 auto;
}

.index_service_list {
	padding: 0;
}

.index_service_list .service_list {
	width: inherit;
	margin: 0 auto;
}

.index_service_list .service_list_wrap {
	padding: 0 0 8.8% 0;
}

.index_service_list .service_list .item {
	min-height: auto !important;
	width: calc(25% - 2.5%);
	background: none;
	margin: 0 2.5% 0 0;
}

.index_service_list .service_list .item a {
	background: none;
}

.index_service_list .service_list .image_wrap {
	height: 178px; /* 画像の高さ */
}

.home .brand .service_list .item a:hover .image {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: 0.5s;
}

.index_service_list .service_list .item .desc {
	max-height: inherit;
	line-height: 1.66;
	padding: 0;
	margin: 0;
}

.index_service_list .service_list .item .desc span {
	display: block;
}

.index_service_list .service_list .item .desc .sub-title-en,
.journal .index_service_list .service_list .item .sub-title-ja {
	padding: 6.7% 0;
}

.brand .link_button,
.journal .link_button {
	margin-top: 0;
}

.journal {
	background: #E0DDDA;
}

.journal .index_service_list .service_list .item {
	/*width: calc(33.3333% - 2.5%)*/
	width: calc(100% / 3 - 16px);
	margin: 0 24px 0 0;
}

.journal .index_service_list .service_list .item:nth-of-type(3) {
	margin-right: 0;
}

.journal .index_service_list .service_list .item .title {
	font-weight: 400;
	text-align: left;
	padding-bottom: 0 !important;
}

/* BRAND */
.brand .service_list .item:nth-of-type(3) .sub-title-en {
	display: inline-block;
}

.brand .service_list .item:nth-of-type(3) .sub-title-en.min {
	font-size: 10px;
	padding-left: 3%;
}

/* NEWS */
/* 非表示にする */
.news {
	display: none;
}

.news .cb_contents {
	max-width: 876px;
}

.whatsnew {
	padding: 0 4.6%;
}

.news-archive,
.news-archive-inner {
	display: flex;
	justify-content: space-between;
}

.news-archive-inner {
	width: 43%;
	padding: 1% 1.6%;
	margin-bottom: 3.5%;
}

.news-archive-inner:first-of-type {
	border-bottom: 1px solid #958A82;
	border-left: 6px solid #958A82;
	color: #958A82;
}

.news-archive-inner:last-of-type {
	border-bottom: 1px solid #826A39;
	border-left: 6px solid #826A39;
	color: #826A39;
}

.news-archive-inner .auxca,
.news-archive-inner .jaxury {
	background: none;
}

.news-archive-inner .auxca a {
	color: #958A82;
}

.news-archive-inner .jaxury a {
	color: #826A39;
}

.news-archive-inner a::after {
	position: relative;
	bottom: 3px;
	padding-left: 7px;
}

.news-archive-inner .auxca a::after {
	content: url("img/common/arrow-auxca.png");
}

.news-archive-inner .jaxury a::after {
	content: url("img/common/arrow-jaxury.png");
}

.whatsnew dl {
	padding: 1.4% 0 !important;
}

.whatsnew a {
	display: flex !important;
	align-items: center;
	padding: 0 !important;
}

.whatsnew dt {
	width: 13% !important;
	float: none !important;
	margin: 0 !important;
}

.whatsnew dt span {
	display: block;
	color: #FFF;
	text-align: center;
	padding: 4.5% 0;
}

.auxca {
	background: #958A82;
}

.jaxury {
	background: #826A39;
}

.whatsnew dd {
	display: flex;
	width: 87%;
	padding: 0 !important;
}

.date {
	width: 12%;
	padding: 0 3%;
}

.title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news .sp-switch {
	display: none;
}

/* =======================================================
* under
* ======================================================= */
.under-kv {
	/* KVに重ねる */
	position: relative;
}

.under-kv img {
	width: 100%;
	padding-bottom: 1.4%;
}

.under-kv p {
	color: #FFF;
	font-size: 40px;
	position: absolute;
	top: 50%;
	letter-spacing: 0.1em;
	line-height: 1.25;
}

.under h4 {
	text-align: center;
}

.contents-inner {
	max-width: 1030px;
	padding: 7% 0;
	margin: 0 auto;
}

/* =======================================================
* archive-journal
* ======================================================= */
.category-journal .under-kv p {
	left: 20%;
	transform: translateY(-60%) translateX(-20%);
	-webkit-transform: translateY(-60%) translateX(-20%);
}

#main_contents {
	width: 1030px;
}

#service_archive {
	padding-bottom: 6.6%;
}

#service_archive #service_list .item {
	width: calc(100% / 3 - 16px);
	margin: 0 24px 140px 0;
}

#service_archive #service_list .item a:hover {
	background: none;
}

#service_archive  #service_list .item:nth-child(2n) {
	margin-right: 24px;
}

@media screen and (min-width: 1252px) {
	#service_archive #service_list .item:nth-child(3n) {
		margin-right: 0;
	}
}

#service_archive #service_list .item .animate_background:hover .image {
	-webkit-transform: none;
    transform: none;
}

#service_archive #service_list .title_area {
	background: #FFF;
	border: none;
	border-bottom: 1px solid #707070;
	padding: 7.5% 0 9%;
}

#service_archive #service_list .sub-title-ja {
	font-weight: bold; 
	line-height: 1.87;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 4.3%;
}

#service_archive #service_list p span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

#service_archive #service_list .item .flex-between {
	align-items: center;
	padding-top: 5.3%;
}

.journal-date {
	font-family: 'Urbanist' !important;
	letter-spacing: 0.1em;
}

#service_archive #service_list .item .flex-between .link_button {
	width: 100px;
	border: 1px solid #101010;
	box-sizing: border-box;
	font-size: 10px;
	text-align: center;
	padding: 2% 0;
}

/* ページネーション */
.nav-links {
	font-family: 'Urbanist' !important;
	text-align: center;
}

.page-numbers li {
	display: inline-flex;
	padding: 0 9.5px 6.5px 9.5px;
}

.prev.page-numbers,
.next.page-numbers {
	border: none;
	color: #707070;
	font-weight: bold;
}

.page-numbers li span {
	border-bottom: 1px solid #707070;
	color: #707070;
	padding: 0 6.5px 6.5px 6.5px;
}

.page-numbers li a {
	border-bottom: 1px solid #DBDBDB;
	color: #DBDBDB;
	padding: 0 6.5px 6.5px 6.5px;
}

/* =======================================================
* single-journal
* ======================================================= */
.single-journal #main_col {
	margin-bottom: 0;
}

.post_content,
#next_prev_post,
.post_content p {
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" !important;
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 2;
}

.single-journal .post_content p {
	padding-bottom: 7.4%;
	margin: 0;
}

#post_title_area {
	margin-bottom: 2%;
}

#post_title_area .date {
	width: auto;
	display: inline-block;
	background: #958A82;
	color: #FFF;
	font-family: 'Urbanist' !important;
	letter-spacing: 0.1em;
	line-height: 1.78;
	text-align: center;
	padding: 0.4% 0.8%;
	margin-top: 0;
}

.single-journal .wp-block-image {
	text-align: center;
}

.single-journal #post_title_area .title {
	width: 100%;
	white-space: unset;
    overflow: unset;
    text-overflow: unset;
	padding: 10% 0 1%;
}

.single-journal #post_title_area .title,
.single-journal figcaption {
    font-size: 28px;
    line-height: 1.78;
	text-align: center;
}

.wp-block-image .aligncenter img {
	padding-bottom: 5%;
}

.wp-block-image .aligncenter > figcaption {
	display: block;
	padding-bottom: 5%;
	margin: 0;
}

.single-journal .post_content p.has-background {
	font-size: 13px;
	padding: 2.5% 5%;
	margin-bottom: 7.41%;
}

.author_profile {
	border: none;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	padding: 6.2% 0;
}

/* aタグを使わない場合 */
.author_profile p.avatar {
    display: block;
    width: 182px;
    height: 182px;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin: -1px;
}

.author_profile .info {
	padding: 0 0 0 5%;
}

.author_profile .info-container {
	display: flex;
}

.chief {
	font-family: 'Urbanist' !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
}

.author_profile .name {
	font-family: 'Urbanist', "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" !important;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.25;
}

.author_profile .desc {
	white-space: inherit;
	text-overflow: unset;
	padding: 0;
	margin: 0;
}

.author_profile .author_link li {
	margin: 0 0 0 25px;
}

.author_profile .author_link li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
}

.author_profile .author_link li.insta a:before {
	color: #FFF;
	background: #101010;
	border-radius: 50%;
	top: 0;
}

.single-journal-sns #footer_sns {
	text-align: center;
	padding: 4.7%;
}

.single-journal-sns #footer_sns li {
	background: #958A82;
}

.single-journal-sns #footer_sns li a:before {
	color: #FFF;
}

#footer_sns li.pinterest a:before {
	content: url("img/common/icon-pinterest.svg");
	width: 15px;
	margin: 0 auto;
}

/* 関連記事 */
.related {
	background: #E0DDDA;
	padding: 4% 0;
}

.wa_chpcs_slider_title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 7.5% 0 9%;
}

.wa_chpcs_image_carousel li {
	margin: 0 6px;
}

#wa_chpcs_image_carousel317 .wa_chpcs_prev,
#wa_chpcs_image_carousel317 .wa_chpcs_next,
#wa_chpcs_image_carousel317 .wa_chpcs_prev_v,
#wa_chpcs_image_carousel317 .wa_chpcs_next_v {
	width: 24px !important;
	height: 24px !important;
	background: none !important;
	line-height: 24px !important;
	margin-top: -48px !important;
}

#wa_chpcs_image_carousel317 .wa_chpcs_prev:hover,
#wa_chpcs_image_carousel317 .wa_chpcs_next:hover {
	color: inherit !important;
}

.related.cb_contents .link_button {
	margin-top: 5px;
}

.related.cb_contents .link_button a {
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" !important;
}