/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: http://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:サイト高速化、Google PageSpeed Insightsでの高得点獲得に重点を置きながら、比較的カスタマイズしやすい形を目指したテーマystandardの子テーマ
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 子テーマ用のスタイルを書く */

/* ystandardテンプレート */

html {
	font-size: 17px;
}

body {
	font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: .1em;
	line-height: 1.7;
}
h2 {
	font-size: 21px;
	line-height: 1.5em !important;
}

.site-header {
	padding: 0 0 80px 0;
	background: url('./images/wave02.png') left bottom repeat-x #f2eeea;
}

@media screen and (max-width:600px) {
	.site-header .custom-logo {
		width: 80%;
	}
}

.site-branding.header__branding  {
	padding: 15px 0;
}

.h-nav.rwd .h-nav__main .h-nav__menu {
	justify-content: space-around;
}

@media screen and (max-width:960px) {
	.h-nav__main {
		padding-left: 10px;
	}
}

.h-nav.-center .h-nav__main > ul li a {
	padding: 0;
	font-size: 1.1rem;
	font-weight: 800;
	display: block;
	text-decoration: none;
}

.h-nav__main li {
	margin: 10px 0;
	font-size: 1.1rem;
	font-weight: 800;
	width: auto;
	position: relative;
}
.h-nav__main li a {
	padding: 0;
	font-size: 1.1rem;
}
.h-nav__main li a i:before {
	font-size: 1.7em;
	color: yellowgreen;
	margin-right: 5px;
}
@media screen and (min-width:960px) {
	.h-nav.rwd .h-nav__menu li ul {
		padding: 0.2em 0.5em;
		margin: 1em 0;
		background: #d6ebff;
		box-shadow: 0px 0px 0px 10px #d6ebff;
		border: dashed 2px white;
	}
}
@media screen and (min-width: 1025px) {
	.h-nav.-center .h-nav__main > ul li ul {
		right: 0;
		left: unset;
		white-space: normal;
	}
}
@media screen and (min-width: 960px) {
	.h-nav.rwd .global-nav__sub-menu {
		width: 200%;
		position: absolute;
		left: -100%;
		right: -100%;
		margin: 0 auto;
		text-align: center;
		opacity: 0;
		visibility: hidden;
		z-index: 0;
		transition: all .3s;
	}
	.h-nav.rwd .global-nav__sub-menu li {
		text-align: center;
		padding-left: 0;
		opacity: .9;
	}
}
@media screen and (min-width: 1025px) {
	.h-nav.rwd li ul li {
		border-bottom: 1px solid transparent;
	}
}
.full-width .site__content {
	background-color: unset;
}
.container {
	max-width: 1220px;
	padding: 0 15px;
}

.flex__col {
	padding: 0;
}

.content__main {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: unset;
}

@media screen and (min-width: 1025px) {
	.content__main {
		padding: 0;
	}
}
@media screen and (min-width: 1200px) {
	.content__main {
		padding: 30px;
	}
}
.header--2row .global-nav__item:first-child a {
	padding-left: 1em;
}

#custom_html-2 {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}

.entry__header--one-col {
	min-height: initial;
}
.entry__title--one-col {
	color: #222222;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}

.pagination {
	background-color: white;
	color: #939393;
	padding: 15px;
	margin-top: 1em;
	justify-content: center;
}

#to_top_scrollup {
	font-weight: 900;
}

.site-footer {
	padding: 80px 0 0 0;
	background: url('./images/wave01.png') left top repeat-x #f2eeea;
	border-top: none;
}
.site__footer a:hover {
	text-decoration:underline;
}
.footer__nav-list li {
	font-size: .9em;
	margin: 0 15px 5px 0;
}

/* === 共通 ================================ */
.ccitem-btn {
	text-align: right;
	margin: 10px 0;
}
.ccitem-btn a {
	background: pink;
	color: dimgray;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #e6e6e6;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

/* === Google Map ================================ */
.cc-gmap-medicine,
.cc-gmap-dentistry,
.cc-gmap-pharmacy,
.cc-gmap-care {
	margin-top : 30px;
	margin-bottom: 30px;
}

.ccgmap-wrap {
	margin-top : 20px;
}

#gmap {
	width: 100%;
	height: 600px;
	border-radius: 10px;
}
	.gmap-block {
	}
	.gmap-block .gmap-title {
		font-size : 25px;
		font-weight : bold;
		margin-bottom : 10px;
	}
	.gmap-block .gmap-title a {
		font-size : 25px;
		line-height : 100%;
		margin : 0;
	}
	.gmap-block a.gmap-link {
		float : right;
		color : #FFFFFF;
		font-size : 10px;
		text-align : center;
		text-decoration : none;
		margin : 5px 0px 0px 0px;
		padding : 2px 10px 2px 10px;
		border-radius : 10px;
		background-color : #ff9900;
	}
		a:hover .gmap-block a.gmap-link {
			background-color : #74A8DC;
		}
	.gmap-address {
	}
	.gmap-tel {
		color: #ff670d;
	}

/* === 検索画面 ================================ */
.cc-tab-search > .tab-btn {
	background: transparent;
}
.cc-tab-search .btn {
	background: #d6ebff;
	color: #806d49;
}
@media screen and (max-width:600px) {
	.cc-tab-search .btn {
		float: left;
		padding: 4px;
		margin: 2px;
		width: calc( 100% / 2 - 4px );
	}
}
.cc-tab-search > .tab-content {
	padding: 1em;
	background: #d6ebff;
	box-shadow: 0px 0px 0px 5px #d6ebff;
	border: dashed 2px white;
}

.ccsearch-item {
	display: flex;
	margin-bottom: 1em;
}
@media screen and (max-width:600px) {
	.ccsearch-item {
		display: block;
	}
}
.ccsearch-item > .cc-item-title {
	width: 230px;
	color: indianred;
	margin-bottom: 1em;
	font-weight: 800;
}
.ccsearch-item > .cc-item-body {
	width: 100%;
}
.ccsearch-item > .cc-item-body ul {
	display: table-cell;
}
.ccsearch-item > .cc-item-body ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.cc-search-found:before {
	content: '件数：';
}
.cc-search-num {
	color: #ffffff;
	background-color: #3a87ad;
	margin: 0 5px;
	padding: 2px 8px;
	font-weight: bold;
	white-space: nowrap;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.cc-search-found:after {
	content: '件';
}

/* === 制度・手続きについて ================================ */
.site-content .archive__title {
	font-size: 21px;
	font-weight: 600;
	color: #806d49;
	padding: 15px 15px 15px 15px;
	background-color: #d6ebff;
	border-style: dashed;
	border-width: 2px 2px 2px 2px;
	border-color: #ffffff;
	border-radius: 5px 5px 5px 5px;
}
.category-process .archive__list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}
.archive__list .category-process {
	width: calc(100% / 2 - 20px);
	margin: 10px;
	padding: 10px;
}

@media screen and (max-width:600px) {
	.archive__list .category-process {
		width: calc(100% / 1 - 20px);
	}
}

.archive__list > .category-process > .ccitem-title {
	color: salmon;
	font-size: 21px;
}
.archive__list > .category-process > .ccitem-title:before {
	content: '\f06c\0020';
	font-family: FontAwesome;
	font-size: 21px;
	color: yellowgreen;
}
.archive__list > .category-process > .ccitem-picture {
	width: 200px;
	float: left;
	margin: 0px 10px 10px 0px;
}
@media screen and (max-width:600px) {
	.archive__list > .category-process > .ccitem-picture {
		width: 100%;
	}
	.archive__list > .category-process > .ccitem-picture > img {
		width: 100%;
	}
}


/* === FAQ一覧 ================================ */
.page-template-page-faq .archive__title,
.category-faqmental .archive__title,
.category-faqlife .archive__title {
	font-size: 21px;
	font-weight: 600;
	color: #806d49;
	padding: 15px 15px 15px 15px;
	background-color: #d6ebff;
	border-style: dashed;
	border-width: 2px 2px 2px 2px;
	border-color: #ffffff;
	border-radius: 5px 5px 5px 5px;
}
.page-template-page-faq .archive__title:before,
.category-faqmental .archive__title:before,
.category-faqlife .archive__title:before {
}
.page-template-page-faq .archive__list,
.category-faqmental .archive__list,
.category-faqlife .archive__list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}
.page-template-page-faq .archive__list {
	margin-bottom: 50px;
}
.archive__list .category-faqmental,
.archive__list .category-faqlife {
	width: calc(100% / 2 - 20px);
	margin: 10px;
	padding: 10px;
	border: 1px dotted lightsalmon;
	border-radius: 8px;
}

@media screen and (max-width:600px) {
	.archive__list .category-faqmental,
	.archive__list .category-faqlife {
		width: calc(100% / 1 - 20px);
	}
}

.archive__list > .category-faqmental > .ccitem-title,
.archive__list > .category-faqlife > .ccitem-title {
	color: steelblue;
	font-size: 17.5px;
	margin: 12px 0;
	font-weight: bold;
	line-height: 24px;
}


/* === 医科・歯科・薬局・看護・介護・センター ================================ */
.archive__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-right: 0;
	margin-left: 0;
}

.archive__list .cc_medicine,
.archive__list .cc_dentistry,
.archive__list .cc_pharmacy,
.archive__list .cc_care,
.archive__list .cc_center {
	width: 49%;
	min-height: 14em;
	border: 1px dotted lightsalmon;
	border-radius: 8px;
	margin: 0.5% 0;
	padding: 20px;
	background: white;
	position: relative;
}
@media screen and (max-width:600px) {
	.archive__list .cc_medicine,
	.archive__list .cc_dentistry,
	.archive__list .cc_pharmacy,
	.archive__list .cc_care,
	.archive__list .cc_center {
		width: 100%;
		height: auto;
		min-height: auto;
	}
}
.archive__list .cc-list-icon {
	display: inline-block;
	display: none;
	margin-right: 10px;
	vertical-align: top;
}
.archive__list .cc-list-detail {
	display: inline-block;
}
	.archive__list .cc-list-detail .ccitem-title a {
		color: lightsalmon;
		font-size: 18px;
		font-weight: 800;
		text-decoration: none;
	}
	.archive__list .cc-list-detail .ccitem-location {
		margin-right: 10px;
	}
	.archive__list .cc-list-detail .ccitem-phone {
	}
	.archive__list .cc-list-detail .ccitem-phone:before {
		content: '\0020\F098\0020';
		font-family: FontAwesome;
		color: yellowgreen;
	}
	.archive__list .cc-list-detail .ccitem-departments:before {
		content: '\0020\f0fa\0020';
		font-family: FontAwesome;
		color: yellowgreen;
	}
	.archive__list .cc-list-detail .ccitem-caremenu:before {
		content: '\0020\f0fa\0020';
		font-family: FontAwesome;
		color: yellowgreen;
	}

.archive__list .cc-list-map {
	position: absolute;
	bottom: 20px;
	right: 20px;
	margin-top: 0.5em;
}
@media screen and (max-width:600px) {
	.archive__list .cc-list-map {
		position: static;
	}
}

	.archive__list .cc-list-map .ccitem-gmap-route,
	.archive__list .cc-list-map .ccitem-gmap-link {
		float: right;
	}
	.archive__list .cc-list-map .ccitem-gmap-route a,
	.archive__list .cc-list-map .ccitem-gmap-link a {
		color: #fff;
		background: salmon;
		margin: 0 3px;
		padding: 4px;
		font-weight: 600;
		border-radius: 2px;
		cursor: pointer;
		text-decoration: none;
	}

/* === 詳細ページ ================================ */
.one-col--singular .content__main {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	background: transparent;
}
.singular-article {
	max-width: none;
	background: transparent;
}

.entry-title {
	font-weight: bold;
	margin: 0;
}
	.entry-title .item_icon {
		margin-right: 10px;
	}

.entry-header > .item_address,
.entry-header > .item_telephone {
	font-size: 80%;
}
.entry-header > .item_address > .item_icon,
.entry-header > .item_telephone > .item_icon {
	margin-right: 10px;
	font-size: 120%;
}

.entry-header > .item_address > .item_icon:before {
	content: "\f041"; /* map-marker */
	font-family: FontAwesome;
}
.entry-header > .item_telephone > .item_icon:before {
	content: "\f095"; /* phone */
	font-family: FontAwesome;
}

.entry__content {
	padding: 10px 0 0 0;
}

.ccitem-wrap {
	width: 100%;
	padding: 0;
	margin: 30px 0 0 0;
}
.ccitem-wrap .item_title {
	font-weight: bold;
	font-size: 1em;
	padding: 5px 15px;
	margin-bottom: 10px;
}
	.cc_medicine .ccitem-wrap .item_title {
		border-bottom: 2px solid blue;
	}
	.cc_dentistry .ccitem-wrap .item_title {
		border-bottom: 2px solid orange;
	}
	.cc_pharmacy .ccitem-wrap .item_title {
		border-bottom: 2px solid green;
	}
	.cc_care .ccitem-wrap .item_title {
		border-bottom: 2px solid red;
	}
	.cc_center .ccitem-wrap .item_title {
		border-bottom: 2px solid pink;
	}

.ccitem-wrap .ccitem {
	width: 100%;
	display: table;
}
@media screen and (max-width:600px) {
	.ccitem-wrap .ccitem {
		display: block;
	}
}
.ccitem-wrap .ccitem:nth-child(odd) {
	background-color: white;
}
.ccitem-wrap .ccitem:nth-child(even) {
	background-color: whitesmoke;
}

.ccitem-wrap .ccitem .ccitem-title {
	width: 250px;
	display: table-cell;
	vertical-align: top;
	padding: 5px;
	font-weight: 600;
}
@media screen and (max-width:600px) {
	.ccitem-wrap .ccitem .ccitem-title {
		width: 100%;
		display: block;
	}
}
.ccitem-wrap .ccitem .ccitem-body {
	display: table-cell;
	text-align: left;
	padding: 5px;
}
.ccitem-wrap .ccitem .ccitem-body a {
	background: oldlace;
	padding: 0 0.7em;
	margin: 0 0.5em 0 0;
	font-size: 0.8em;
	border-radius: 0.5em;
	text-decoration: none;
}
.ccitem-wrap .ccitem .ccitem-body a:hover {
	background: peachpuff;
}
.ccitem-wrap .ccitem .ccitem-body .item_kana {
	font-size: 80%;
}

.ccitem-footer {
	padding: 4px 0;
	margin: 16px 0 4px 0;
	font-size: 80%;
}
.ccitem-footer > .modified_date {
	width: 100%;
	color: #999;
	display: inline-block;
	text-align: right;
}

/* === Anyway Feedback ================================ */
.afb_container {
	padding: 10px 20px;
	color: #333;
	font-size: 1.0rem;
	background: lightskyblue;
	border: none;
	margin: 30px 0 10px 0;
	text-align: center;
}
.afb_container a {
	font-size: 11px;
	border: 1px solid #999;
	text-decoration: none;
	padding: 10px;
	background: white;
	margin: 10px;
}
.afb_container a:link {
	color: #333;
	text-decoration: none;
}
.afb_container .status {
	margin-top: 10px;
	margin-left: 5px;
	font-size: 11px;
}
