/*
Theme Name: cure_tcd082-child
Version: 1.6
Template: cure_tcd082
*/

/* =======================================================
* max-width: 1251px
* ======================================================= */
@media screen and (max-width: 1251px) {
	/* =======================================================
	* common
	* ======================================================= */
	/* KVタイトル：游ゴシック体 Midium 40pt 字間100 */


	/* 欧文タイトル：Urbanist Midium 20pt 字間100 行間25 */
	.contents h3 {
		font-size: 20px;
		padding: 13.2% 0 2.4%;
	}

	/* 和文タイトル：游ゴシック体 Midium 17pt 字間100 行間30 */
	.contents h4 {
		font-size: 17px;
		line-height: 1.76;
	}

	/* 本文：游ゴシック体 Midium 12pt 字間100 行間25 */
	.main-text {
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: 2.08;
		padding: 12% 0 13.5%; /*検証中*/
	}

	/* 本文箱組み：游ゴシック体 Midium 12pt 字間50 行間25 */
	.sub-text {
		font-size: 12px;
		line-height: 2.08;
	}


	/* 欧文小見出し箱組み：Urbanist SemiBold 15pt 字間50 行間25 */
	.sub-title-en {
		font-size: 15px;
		line-height: 1.66;
	}

	/* 和文小見出し箱組み：游ゴシック体 Midium 12pt 字間50(JOURNAL）行間30 */
	.sub-title-ja {
		font-size: 12px !important;
		line-height: 2.5;
	}

	/* header */
	#header {
		height: 40px;
	}

	#header_logo {
		height: auto;
		left: 0;
		padding-left: 5.5%;
	}

	#header_logo img {
		width: 135px;
		margin: 0;
	}	

	#header #menu_button span,
	#header.active #menu_button span {
		background: #FFF !important;
	}

	#drawer_menu {
		width: 80%;
		right: -80%;
	}

	#header_logo .mobile_logo_image {
		width: 60%;
		object-fit: contain;
		margin: 0;
	}

	#menu_button {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	#menu_button span:nth-child(1) {
		top: 14px;
		left: 0;
	}

	#menu_button span:nth-child(2) {
		top: 20px;
		left: 0;
	}

	#menu_button span:nth-child(3) {
		top: 26px;
		left: 0;
	}

	#mobile_menu {
		padding: 4.2%;
	}

	#mobile_menu a {
		font-size: 14px;
		letter-spacing: 0.1em;
		padding: 4.3% 0 1.6%;
	}

	#mobile_menu li ul {
		padding-top: 4%;
	}

	#mobile_menu li ul li a {
		border: none;
		padding: 1.5% 0;
	}

	#mobile_menu li ul li a::before {
		content: "- ";
	}

	#mobile_menu .child_menu_button {
		width: auto;
		height: auto;
	}

	#mobile_menu .child_menu_button .icon:before {
		display: none; /* 現在リスト非表示のためnone */
		top: 18px;
		right: 6px;
	}

	/* footer */
	#footer_menu,
	#footer_bottom {
		padding: 0 5.5%;
	}

	#footer_logo img {
		padding: 12.1% 0;
	}

	#footer_logo .logo {
		padding: 12.1% 0;
	}

	#footer_logo img {
		width: 55%;
		object-fit: scale-down;
	}

	.footer_info_container {
		display: block;
		padding-top: 12.1%;
	}

	.footer_info {
		font-size: 13px;
		line-height: 1.53;
		text-align: center;
		padding: 0%;
	}

	.footer_info a {
		color: #FFF;
	}

	#footer_menu ul {
		display: block;
	}

	#footer_menu ul.menu {
		padding: 12% 0;
	}

	#footer_menu li {
		display: block;
		margin-bottom: 5.7%;
	}

	/* 子メニュー表示時はアクティブにする */
	/*#footer_menu li:nth-of-type(4) {
		margin-bottom: 0;
	}*/

	#footer_menu li:nth-of-type(6) {
		margin-bottom: 0;
	}

	#footer_menu li a {
		letter-spacing: 0.1em;
		line-height: 1.78;
		text-align: left;
		padding-bottom: 0;
	}

	#footer_menu > ul > li:nth-of-type(7) ul {
		padding: 5.7% 0 0;
	}

	#footer_menu > ul > li:nth-of-type(7) ul li a {
		font-size: 14px;
	}

	#footer_menu ul.sub-menu {
		padding: 7.4% 0;
	}

	#footer_menu ul.sub-menu li {
		text-align: left;
		line-height: 2.5;
		padding: 0;
		margin: 0;
	}

	#footer_menu ul.sub-menu li a {
		display: inline-block;
		font-size: 12px;
		margin-bottom: 0;
	}

	.privacy {
		padding: 0 0 7.5%;
	}

	#footer_sns {
		text-align: center;
		padding: 12% 0;
	}

	#copyright {
		height: auto;
		font-size: 10px;
		line-height: 2;
		padding-bottom: 7.8%;
	}

	/* =======================================================
	* front-page.php
	* ======================================================= */
	.contents-inner {
		padding: 13% 5.5%;
	}

	.contents .cb_contents {
		padding: 0 5.5% 16%;
	}

	.cb_contents .link_button {
		margin-top: 10%;
	}

	.cb_contents .link_button a {
		height: 40px;
		font-size: 13px;
		line-height: 40px;
	}

	/* PHILOSOPHY */
	.philosophy p {
		padding: 15% 0 8%;
	}

	/* BRAND */
	.home .brand img {
		padding: 9.7% 0;
	}

	.index_service_list .service_list_wrap {
		padding: 10% 0 0;
	}

	.index_service_list .service_list {
		margin: 0;
	}

	.index_service_list .service_list .item {
		width: calc(50% - 10.5px);
		margin: 0 21px 21px 0 !important;
	}

	.index_service_list .service_list .item:nth-child(2n) {
		margin-right: 0 !important;
	}

	.index_service_list .service_list .image_wrap {
		height: 118px;
	}

	.index_service_list .service_list .item .desc {
		font-size: 10px;
		line-height: 1.6;
		padding: 0;
		margin: 0;
	}

	.index_service_list .service_list .item .desc .sub-title-en {
		line-height: 1.66;
		padding-bottom: 1.5%;
	}

	.index_service_list .service_list .item:nth-of-type(3) .sub-title-en {
		padding-bottom: 0;
	}

	.sub-title-en.min {
		font-size: 10px;
		/*padding: 0 0 4% !important;*/
	}

	/* JOURNAL */
	.journal .index_service_list .service_list {
		display: block;
	}

	.journal .index_service_list .service_list .item {
		width: 100%;
		margin: 0 !important;
	}

	.journal .index_service_list .service_list .image_wrap {
		height: auto;
	}

	.journal .index_service_list .service_list .item .title {
		text-align: center;
		padding: 4.2% 0 8.5% !important;
		margin: 0 auto;
	}

	.wp-block-image .aligncenter img {
		padding-top: 0 !important;
	}

	/* =======================================================
	* under
	* ======================================================= */
	.under-kv img {
		padding: 0;
	}

	#main_contents {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 5.5%;
	}

	.archive .contents h3 {
		padding: 13.2% 0;
	}

	/* =======================================================
	* archive-journal
	* ======================================================= */
	#service_archive #service_list .item {
		width: calc(100% / 2 - 11px);
		font-size: 10px !important;
		margin: 0 22px 43px 0;
	}

	#service_archive #service_list .item:nth-child(2n) {
		margin-right: 0;
	}

	#service_list .image_wrap {
		height: 98px;
	}

	#service_archive #service_list .sub-title-ja {
		padding-bottom: 5.5%;
	}

	.title_area .sub-text {
		line-height: 1.5;
	}

	#service_archive #service_list .item .flex-between {
		align-items: flex-start;
	}

	#service_archive #service_list .item .flex-between .link_button {
		width: 65px;
		padding: 4.5% 0;
	}

	.nav-links {
		padding: 5% 0 4%;
	}

	/* =======================================================
	* single-journal
	* ======================================================= */
	.single-journal #post_title_area .title,
	.single-journal figcaption {
		font-size: 17px;
		line-height: 1.76;
	}

	.single-journal #post_title_area {
		margin: 0;
	}

	.single-journal #post_title_area .title {
		padding: 13% 0 0;
		white-space: normal;
	}

	#post_title_area .date {
		padding: 2% 2.7%;
		margin-top: 3%;
	}

	.post_content .aligncenter {
		margin-bottom: 0;
	}

	.single-journal .post_content p,
	.wp-block-image .aligncenter img,
	.wp-block-image .aligncenter > figcaption,
	.single-journal .post_content p.has-background {
		padding: 5% 0;
	}

	.single-journal .post_content p.has-background {
		padding: 10% 7.5%;
	}

	.author_profile {
		height: auto;
		padding: 10.5% 0;
	}

	/* 編集者横行一覧に飛ばす場合はaタグ */
	/*.author_profile a.avatar {
		display: contents;
	}

	.author_profile a.avatar img {
		width: 180px;
		height: 180px;
		margin: 0 auto;
	}*/

	/* aタグを使わない場合 */
	.author_profile p.avatar {
		display: contents;
	}

	.author_profile p.avatar img {
		width: 180px;
		height: 180px;
		margin: 0 auto;
	}

	.author_profile .info {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0;
	}

	.author_profile .info-container {
		justify-content: space-between;
		padding: 11.5% 8.2%;
	}

	.author_profile .name {
		font-size: 20px;
		margin-bottom: 0;
	}

	.author_profile .desc {
		max-height: initial;
		overflow: unset;
		white-space: normal;
		margin-bottom: 5.1%;
	}

	.author_profile .desc span {
		-webkit-line-clamp: unset;
	}

	.single-journal-sns #footer_sns {
		padding: 12.5% 0;
	}

	.single-journal-sns #footer_sns li {
		margin: 0 4.4%;
	}

}

/* =======================================================
* max-width: 770px
* ======================================================= */
@media screen and (max-width: 770px) {
	#header_slider .item {
		padding-top: 62.5%;
	}

	/* NEWS */
	.news .pc-switch {
		display: none;
	}

	.news .sp-switch {
		display: block;
	}

	.news-archive {
		padding-top: 4.5%;
	}

	.news-archive-inner {
		width: 100%;
		padding: 1% 4%;
		margin-bottom: 6.9%;
	}

	.listing-item {
		display: flex;
		padding: 3.5% 0;
	}

	.date {
		width: 23.5%;
		padding: 0;
	}

	.excerpt-dash {
		display: none;
	}

	.excerpt {
		width: 76.5%;
		font-size: 10px;
		line-height: 1.6;
	}

	.news .link_button {
		margin-top: 3.5%;
	}

	.news div:nth-of-type(2) {
		margin-bottom: 10.5%;
	}

	.news .link_button a {
		background: #958A82;
		border: 1px solid #958A82;
		color: #FFF;
	}
	
	.news div:nth-of-type(4) a {
		background: #826A39;
		border: 1px solid #826A39;
		color: #FFF;
	}

	.under-kv p {
		font-size: 16px;
		top: 60%;
	}

	/* =======================================================
	* archive-journal
	* ======================================================= */
	.category-journal .under-kv p {
		left: 5.5%;
		transform: translateY(-60%) translateX(-5.5%);
		-webkit-transform: translateY(-60%) translateX(-5.5%);
	}

	/* =======================================================
	* single-journal
	* ======================================================= */
	.related {
		padding: 9.4% 0 10.5% ;
	}

	.wa_chpcs_image_carousel li,
	.wa_chpcs_image_carousel li img {
		width: 156px !important;
	}

	.wa_chpcs_image_carousel ul,
	.wa_chpcs_image_carousel li {
		height: 140px !important;
	}

	#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 {
		margin-top: -32px !important;
	}

	.wa_chpcs_slider_title {
		font-size: 10px !important;
	}

	.cb_contents .link_button {
		margin-top: 5%;
	}

	.cb_contents .link_button a {
		font-family: "游ゴシック Medium", "Yu Gothic Medium", "yu-gothic-pr6n" !important;
	}

}

/* =======================================================
* max-width: 440px
* ======================================================= */
@media screen and (max-width: 440px) {
	/*#header_slider .item {
		height: 250px;
	}*/

	.related #main_contents {
		padding: 0;
	}



}