@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

:root {
	--theme-color-lighter: #D3EC73; /* rgba(211, 236, 115) */
	--theme-color-light: #C6E546; /* rgba(198, 229, 70) */
	--theme-color: #B9E01E; /* rgba(185, 224, 30) */
	--theme-color-dark: #90AF17; /* rgba(144, 175, 23) */
	--theme-color-darker: #6B8211; /* rgba(107, 130, 17) */

	--theme-color-pair-lighter: #FEF5FA; /* rgba(254, 245, 250) */
	--theme-color-pair-light: #FBC5E2; /* rgba(251, 197, 226) */
	--theme-color-pair: #F89ACB; /* rgba(248, 154, 203) */
	--theme-color-pair-dark: #F466B2; /* rgba(244, 102, 178 */
	--theme-color-pair-darker: #F1369A; /* rgba(241, 54, 154) */
}
/* -------------------- 共通ルール ------------------------ */
body {
	font-family: Questrial, Montserrat, 'Josefin Sans', Quicksand, Roboto, Arial, "新ゴ R", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;
}
.mb-0{
 margin-bottom:0!important;
}
div#container {
	overflow: hidden;
}
/* 見出し リセット */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6{
	font-family: "UD新ゴ コンデンス90 M";
	font-weight: normal;
	border-radius: 0;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6{
	margin-top: 40px;
	padding: 0;
	background: none;
	border: none;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6{
	color: white;
}
.article header h1 {
	position: relative;
	display: block;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
	border-bottom: 3px solid #eee;
}
header h1::after{
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	height: 2.5px;
	width: 2em;
	background-color: var(--theme-color-pair-dark);
}
.article header h1:first-child {
	margin-top: 0;
}
h2.catch{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

h2.catch:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -5px;/*線の上下位置*/
	display: inline-block;
	width: 460px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	transform: translateX(-50%);/*位置調整*/
	background-color: #eebbcb;/*線の色*/
	border-radius: 2px;/*線の丸み*/
}
/* 非表示オブジェクト */
.header, .single #header-in, .breadcrumb-item .fa-folder, .breadcrumb-item .fa-file{
	display: none;
}
.breadcrumb span.sp{
	color: #aaa;
}
.breadcrumb .breadcrumb-item {
	color: var(--theme-color-darker);
}
/* ------------------------ vegas ---------------------- body直下に設置 */
#vegas-container {
	position: relative;
	display: flex;
	width: 100vw;
	height: 70vh;
	left: 50%;
	right: 50%;
	padding: 0;
	margin: 0 -50vw;
	background-position:center center;
	background-size: cover;
	align-items: center;
	justify-content: center;
}
#vegas-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	font-family: Roboto, "新ゴ R";
	color: white;
	text-shadow: 1px 1px 1px #000;
}
#vegas-inner .vegas-title{
	font-size: 5vw;
	letter-spacing: .3rem;
	line-height: 1.5;
	text-align:center;
}
#vegas-inner .vegas-sub-title{
	font-weight: 500!important;
	display:block;
	font-size: 1.2rem;
	letter-spacing: .2rem;
}
.vegas-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}

/* バナー最下部のスクロール案内ボタン */
.svg-hex-icon{
	position: absolute;
	bottom: 40px;
	width: 60px;
	height: 60px;
	left: calc(50% - 60px/2);
	z-index: 2;
}
/*
#vegas-container::after {
position: absolute;
content: "";
width: 60px;
height: 60px;
bottom: 10px;
left: 50%;
margin-left: -30px;
background: url(https://uedacc.jp/wp/wp-content/themes/cocoon-child-master/img/hexagon-blue-down.svg) no-repeat;
z-index: 999!important;
}
*/
/* サイトトップ以外 headline ｜ カテゴリー見出し用 */
div#body_top_box{
	position: relative;
	max-width: 1222px;
	margin: 120px auto 0;
	z-index: 1; /* 直下itemの被さり防止 */
}
.headline_box{
	display: table;
	position: absolute;
	padding: 0;
	text-align: center;
	color: #fff;
	width: 250px;
	height: 250px;
	font-size: 1.8rem;
	line-height: 1.2;
	background-color: rgba(0,0,0, .4);
	z-index: 2;
}
.headline {
	display: table-cell;
	vertical-align: middle;
	padding: 0 4px;
}

.headline h1.title-en{
	font-size: 2.1rem;
	font-weight: normal;
	border: none;
	display: block;
	font-family: Lora;
}
.headline .title-jp{
	display: block;
	font-size: 1rem;
	font-weight: normal;
	margin-top: 6px;
	color: var(--theme-color-pair);
}
#body_top_overlay {
	content: '';
	background: rgba(0, 90, 135, 0.4);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
img.w-100, #body_top_img {
	width: 100%;
	max-height: 400px;
	object-fit: cover;
}
img.head-img {
	height: 300px;
	object-fit: cover;
}

/* vegas 内 サイドボタン */
#side-btn{
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);	
	left: calc(100vw - 53px);
	font-family: Questrial, Montserrat, 'Josefin Sans', Quicksand, Roboto, Arial, "新ゴ R", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 1rem;
	width: 200px;
	color: white;
	text-shadow: none;
	transition: left 2s cubic-bezier(.22, 1, .36, 1) 0s;
	background: var(--theme-color-dark);
	opacity: .6;
	box-shadow: 0 15px 45px -5px rgb(0 0 0 / 10%);
}
#side-btn:hover{
	left: calc(100% - 180px);
	background: var(--theme-color-darker);
	opacity: .9;
	animation: color-change 1s linear;
}
@-webkit-keyframes color-change {
	0% {background-color: var(--theme-color-dark); opacity: .6;}
	100% {background-color: var(--theme-color-pair-dark); opacity: .6;}
}
@keyframes color-change {
	0% {background-color: var(--theme-color-dark); opacity: .6;}
	100% {background-color: var(--theme-color-pair-dark); opacity: .6;}
}
#side-btn .item {
	line-height: 3; 
}
#side-btn i{
	padding-right: 15px;
	padding-left: 15px;
}
#side-btn a{
	display: block;
	color: white;
	text-decoration: none;
}
#side-btn a:hover{
	background-color: var(--theme-color-pair-darker);
}
a.phone{
	font-size: 1.6rem;
	font-family: "Lato";
	font-weight: 900;
	text-decoration: none;
}

.alert-box{
	border: none;
	background: rgba(238,187,203,0.2);
}
.alert-box::before{
	color: #eebbcb;
}
.information-box{
	border: none;
	background: rgba(28,163,143,0.1);
}
.information-box::before{
	color: var(--theme-color);
}
/* 電話発信、PC無効 */
a[href^="tel:"] {
	pointer-events: none;
}
.tbl-time{
	text-align: center;
	table-layout: fixed;
}
.tbl-time th:first-child{
	width: 160px;
}
.tbl-time td{
	color: var(--theme-color-dark);
}
/* 本文リストを"Font Awesome 5 Free"で飾る */
ul {
	list-style: none;
	padding-left: 1em;
}
ul li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-right: 3px;
	color: var(--theme-color-pair);
}
ul.check_circle li::before{
	padding-right: 6px;
	color: #eebbcb;
	content: '\f058'; /* アイコンのunicode */	
}
ul.check_circle li{
	padding-left:1.2em;
	text-indent:-1.2em;
}
ul.sinryo li{
	text-align: left;
	padding-left:1rem;
	text-indent:-1.3rem;
}
.home ul.sinryo li {
	font-size: 1rem;
}
ul.sinryo li:before{
	content: '\f0f1';
}
ul.github li:before {
	opacity: 0.2;
	content: '\f113';
}/* リスト（バス）を"Font Awesome 5 Free"で飾る */
ul.cmt li:before {
	padding-right: 6px;
	color: #eebbcb;	
	content: '\f27a'; /* アイコンのunicode */
}
/* 本文リストを"Font Awesome 5 Free"で飾る */
ul {
	list-style: none;
	padding-left: 1em;
}
/* リスト（聴診器）を"Font Awesome 5 Free"で飾る */
div.catch .policy{
	font-size: 1em;
	line-height: 2em;
}
div.catch{
	display: flex;
	flex-direction: column;
	text-align:center;
}

div.map {
	position: relative;
	height: 450px;
	width: 100%;
	overflow: hidden;
}
.map iframe {
	width: 100%;
}
.rich_font {
	font-family: "リュウミン R-KL" !important;
}
/* 本文コンテンツの主ブロック */
.flexWrap{
	display: flex;
	margin-top: 0;
}
.flexLeft {
	width: 5rem;
	writing-mode: vertical-rl;
}
.flexRight {
	width: 100%;
	font-size: 1.05rem;
}
/* 縦書き */
h1.sectTtl{
	margin-top: 0;
}

span.en{
	position: relative;
	left: -6px;
	font-size: 13px;
	color: var(--theme-color);
}
span.jp{
	font-size: 28px;
}
h2.blockTtl{
	margin-top: 0;
	font-family: "新ゴ R";
}
.yakushoku{
	font-size: 0.8em;
	font-weight: normal;
}
.doctor{
	font-size: 1.2em;

}
dl.dangumi{
	padding-left: 6em;
}
.dangumi dd:nth-of-type(2n), .dangumi dt:nth-of-type(2n){
	/* color: #00a497; */
}
.dangumi dt, .dangumi dd{
	float: left;
	margin: 0;
}
.dangumi dt{
	clear: left;
	float: left;
	margin-left: -6em;
}
/* カテゴリー別一覧の個別記事につくカテゴリー非表示 */
.entry-card-categorys{
	display: none !important;
}
.archive-title{
	font-weight: normal;
}
/* カテゴリー別一覧のカテゴリーの飾りアイコン追加 */
.archive-title span::before{
	font-family: "Font Awesome 5 Free";
	opacity: .6;
	color: #E35C70;
}

/* お知らせカテゴリーのアイコン */
.category-news .archive-title span::before{
	content: '\f27a'; /* アイコンのunicode */	
}
/* 子どもの病気カテゴリーのアイコン */
.category-sickness .archive-title span::before{
	content: '\f113'; /* アイコンのunicode */
	font-weight: 400!important;
}
/* 子どもの病気（一覧）の日付 */
.category-sickness .post-date{
	display: none;
}
/* 子どもの病気（記事）の日付 */
.category-sickness-post .date-tags{
	display: none;
}
.entry-card-snippet{
	text-align: justify;
	text-justify: inter-ideograph;
}
/* カテゴリー別一覧の記事間の余白 */
a.a-wrap{
	margin-bottom: 0;
}
/* カテゴリー別一覧ページの各記事の飾りアイコン */
.entry-card-title::before{
	font-family: "Font Awesome 5 Free";
	padding-right: 4px;	
	color: var(--theme-color);
}
/* お知らせの各記事タイトルにアイコン追加 */
.category-news .entry-card-title::before {
	content: '\f27a';
}
/* 子どもの病気の各記事タイトルにアイコン追加 */
.category-sickness .entry-card-title::before {
	content: '\f113';
	font-weight: 400!important;

}

/* アイキャッチ画像 */
img.eye-catch-image{
	height: 30vh;
	object-fit: cover;
}

/* 投稿記事のタイトルにつけるアイコン */
.post .entry-title::before{
	font-family: "Font Awesome 5 Free";
	padding-right: 6px;	
	color: var(--theme-color);
	opacity: .6;
}
/* お知らせ（記事）のタイトルにつけるアイコン */
.category-news-post .entry-title::before{
	content: '\f27a'; /* アイコンのunicode */	
}
/* 子どもの病気（記事）のタイトルにつけるアイコン */
.category-sickness-post .entry-title::before{
	content: '\f113'; /* アイコンのunicode */	
}
/* 子どもの病気（記事）のタイトル */
.article .entry-title{
	font-weight: normal;
}

#main{
	margin-top: 10px !important;
}

/* information-box 輪郭なし */
.information-box{
	border: none;
}

/* カテゴリーラベル */
.cat-label,.cat-link{
	background-color: #B2D71D;
}
/* コンテンツ内は両端揃え */
.entry-content{
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ▼本文内修飾 */
.page_section{
	margin-top: 3rem;
	line-height: 1.55;
	clear: both;
}
.page_section:nth-child(1){
	margin-top: 0;
}
.page_section__header {
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #eee;
}
h2.page_section__title{
	font-family: "新ゴ R";
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
h2.page_section__title::after{
	content: "";
	position: absolute;
	bottom: -1.5px;
	left: 0;
	height: 2.5px;
	width: 2em;
	background-color: var(--theme-color-pair-dark);
}
body:not(.single) .page_section__body{
	margin-left: 2em;
}
strong{
	font-family: "新ゴ R";
}
/* ▲本文内修飾 */

/* スクロール案内ボタンを縦方向にずらした（-20px）分必要 */
#main{
	margin-top:20px;
}
/* ▲Topページのバナー用 */

/* グローバルメニュー */
/* navi メニュー */
#header-container .navi {
	position: absolute;
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 45, 51, .1);
}
.fixed-header #navi, body:not(.home) #navi{
	font-size: 1rem;
	width: 100%;
	background-color: rgba(255, 255, 255, .9);
	-webkit-transition: all .4s ease 0s,background .6s ease .2s;
	transition: all .4s ease 0s,background .6s ease .2s;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	border-bottom: solid 2px var(--theme-color-lighter);
	box-shadow: 0 1px 2px -1px rgba(0,0,0,.1), 0 3px 4px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1);
}
#navi .navi-in a{
	font-size: 1rem;
}
.navi-in >ul .sub-menu > li .item-label{
	text-shadow: none;
}
#navi i{
	opacity: .7;
}
.fixed-header #navi a, body:not(.home) #navi a{
	color: #000;
	text-shadow: none;
}
#header-container .navi.hide{
	transform: translateY(-100%);
}
#navi .navi-in a:hover, .navi-footer-in a:hover{
	background-color: var(--theme-color-dark); /*テーマカラーより若干濃く*/
}
#navi a:hover i, .navi-footer-in a:hover i{
	color: #FFF; /*テーマカラーより若干濃く #004A7F #0068b7 rgba(0, 104, 183) */
	opacity: 1;
}
body:not(.home) #navi .navi-in a.active{
	background-color: var(--theme-color-lighter); /*テーマカラーより若干濃く*/
}
body:not(.home) #navi .navi-in > ul > li:hover a{
	color: white;
	font-weight: bold;
	background-color: var(--theme-color-light); /*テーマカラーより若干濃く*/
}
body:not(.home) #navi .navi-in > ul > li:hover .item-description{
	color: white;
	font-weight: bold;
}
body:not(.home) .navi-in a:hover .item-label { /* home 以外のメニュー */
	color: #333;
	filter: none;
}
body:not(.home) .navi-in .sub-menu a:hover .item-label { /* home 以外のホバー時のサブメニューの文字 */
	color: white;
}
/* navi メニュー内ホームボタン */

a.home_btn{
	/*	display: none;*/
	width: 50px;
	height: 50px;
	position: absolute;
	margin-top: 4px;
	margin-left: 4px;
}
.naviFixed a.home_btn{
	display: block;
}
.home_logo {
	filter: drop-shadow(0px 0px 2px #fff);
}
.home_logo:hover {
	filter: filter: drop-shadow(0 0 4px #fff);
}
.fixed-header .home_logo:hover {
	filter: drop-shadow(0px 0px 1px #fff) drop-shadow(1px 1px 1px #aaa);
}
/*navメニューのサブメニュー*/
.navi-in > ul .sub-menu{
	box-shadow: 2px 2px 4px;
}
.navi-in > ul .sub-menu > li .item-label {
	color: #333;
}
.navi-in > ul .sub-menu > li .item-label:hover {
	color: white;
}
/* トップページでのみ、メニューのトップページボタンを非表示 */
.home #navi ul li:first-child {
	display: none;
}

.fa-fw {
	width: 1.2857142857142858em;
	text-align: center;
}
/* アピールエリア（追加） */
#appeal{
	min-height: 280px;
}

/* 個別ページの全てをまとめて非表示 */
/*投稿日・更新日を消す場合*/
.post-update,
.page .entry-title,
.page .date-tags,
.page .author-info,
div.appeal-content{
	display: none;
}

/*著者情報を消す*/
.page .author-info {
	display: none;
}

/*著者情報を消す*/
.post .author-info {
	display: none;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.d-flex {
	display: -ms-flexbox;
	display: flex;
}
.d-row {
	flex-direction: row;
}
.d-col {
	flex-direction: column;
}
.d-center {
	justify-content: center;
	align-items: center;
}
.flex-col {
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-md-row {
	-ms-flex-direction: row;
	flex-direction: row;
}
.align-items-center {
	-ms-flex-align: center;
	align-items: center;
}
.align-center {
	margin: 0 auto;
}
.text-center {
	text-align: center;
}
.title_center_line{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.9rem;
}
.title_center_line::before, .title_center_line::after{
	border-top: 1px solid var(--theme-color);
	width: 5rem;
	content: "";
}
.title_center_line::before{
	margin-right: .8rem;
}

.title_center_line::after {
	margin-left: .8rem;
}
.text-white {
	color: white;
}
.text-shadow {
	text-shadow: 1px 1px 1px #000;
}
.z-999 {
	z-index: 999;
}
/* Recent post widget */
.rpwe-block li {
	margin-top: 10px!important;
}
.rpwe-summary {
	line-height: 1.6;
}
/*リンクボタン*/
a.button-rounded {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	text-decoration: none;
	color: var(--theme-color-pair-dark);
	height: 66px;
	background: #fff;
	border: 2px solid var(--theme-color-pair-dark);
	border-radius: 5rem;
	font-size: 19px;
	line-height: 19px;
	letter-spacing: -0.3px;
	padding: 21px 40px 20px;
	margin: 20px 0;
	vertical-align: middle;
	color: #f3656f;
}

a.button {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	text-decoration: none;
	color: white;
	height: 66px;
	background: var(--theme-color-dark);
	font-size: .9rem;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: -0.3px;
	padding: 21px 40px 20px;
	margin: 20px 0;
	vertical-align: middle;
}
a.button:hover {
	background: var(--theme-color-darker);
}

img.doctor {
	width: 50%;
	height: 50%;
}
.news-box {
	display: block;
	position: relative;
	padding-top: 24px;
	text-align: left;

}
.news-box h3{
	font-size: 1.2rem;
	margin: .5rem 0;
}
.news-box .category {
	position: absolute;
	top: 0;
	right: 0;
	font-size: .8rem;
	padding: 3px 6px;
	background-color: var(--theme-color-dark);
}
.news-box .category a{
	color: white;
	text-decoration: none;
}
.news-box .date {
	display: inline-block;
	font-size: .75rem;
	padding: 2px 4px;
	background-color: var(--theme-color-lighter);
}
.news-box .excerpt {
	font-size: 1.1rem;
	padding: 2px 4px;
}
.news-box .permalink a{
	color: #333;
	font-size: 1rem;
	padding: 2px 4px;
}
.news-box p {
	margin: 6px 0;
}
.single .alert-box p {
	margin-bottom: 10px;
}
/* ダウンロードボックス */
.download-box {
	background: #f3fafe;
	border: 1px solid #bde4fc;
	padding: 10px 20px 10px 72px;
	border-radius: 4px;
	position: relative;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}
/* ダウンロードボックス（アイコン） */
.download-box::before{
	content: '\f019';
	color: #87cefa;
	border-right: 1px solid #bde4fc;	
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 50px;
	position: absolute;
	top: -13px;
	left: 13px;
	padding-right: .15em;
	line-height: 1em;
	top: 50%;
	margin-top: -.5em;
	width: 44px;
	text-align: center;
}
hr.separation{
	margin: 0;
	color: none;
	border-top: 2px dotted var(--theme-color);
}
.search-edit, input[type="text"]{
	border-radius: 0;
}
.prof_midashi {
	display: inline-block;
	font-size: 1rem;
	padding: 4px 30px;
	border: 1px solid var(--theme-color-dark);
	background: #fff;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
/* content_header*/
div.content_header{
	text-align: center;
	margin: 100px 0 60px;
}
div.content_header .catch_en {
	font-family: Rubik;
	font-size: 1.2rem;
	color: var(--theme-color-dark);
	margin-bottom: 0;
}
div.content_header .catch_jp {
	font-size: 2.1rem;
	color: #333;
	margin-top: 20px;
}
body.home hr {
	opacity: .5;
}
.desc {
	font-size: 1rem;
	line-height: 1.8;
}
/* 院内紹介 */
body.page-facility .column-wrap .text {
	font-size: .98rem;
	padding: 60px;
	border: 1px solid #ccc;
}
body.page-facility .content-in {
	max-width: 980px;
}
body.page-facility h3.catch {
	color: var(--theme-color-dark);
}
body.page-facility h3.catch-pair {
	color: var(--theme-color-pair-dark);
}
body.page-facility .column-wrap {
	justify-content: flex-start;
	margin-bottom: 0!important;
}
.full-wide {
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	padding: 0;
	margin: 30px -50vw;
	background-repeat: no-repeat;
	background-position: center center;
}
/* パララックス背景 */
/* Rellax ---------------------------------------------------- */
.parallax {
	overflow: hidden;
}
.parallax .cts{
	position: relative;
	min-height: 40vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-attachment: fixed;
	background-size: 900px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cts::before {
	content: '';
	background: inherit;
	filter: brightness(80%) blur(1px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
}
.bg-01 { /* 受付 */
	background-image: url(https://uedacc.jp/wp/wp-content/uploads/2021/09/ueda-bg-02.jpg);
}
.bg-02 {
	background: url(https://uedacc.jp/wp/wp-content/uploads/2021/09/uedacc-img-11.jpg) no-repeat fixed center center;
}
.text-bg-title {
	font-family: "じゅん 201";
	font-size: 1rem;
}
.sickness_list {
	width: 1000px;
	margin: 60px auto;
	z-index: 3;
	flex-wrap: wrap;
}
.sickness_list article.item {
	position: relative;
	text-align: center;
	min-height: 300px;
	width: calc(25% - 12px);
	background: #fff;
	margin: 0 12px 12px 0;
	padding: 20px;
	box-sizing: border-box;
	transition: all 0.35s ease;
}
.sickness_list article.item > p {
	display:none;
}
.sickness_list article.item:hover {
	-ms-transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
}
.sickness_list article.item h3.title {
	font-size: 1rem;
	margin-top: 20px;
	font-family: "UD新ゴ コンデンス90 M";
	transition: 1s linear; /* アニメーションした画像が元のサイズに戻るとき */
}
.sickness_list div.image_wrap{
	width: 100%;
	height: 100px;
	background: white;
}
.sickness_list article.item a{
	display: block;
	text-decoration: none;
	color: #333;
}
.sickness_list article.item a:hover{
	color: var(--theme-color-darker);

}
.sickness_list article.item a:hover .doctor-icon {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
	animation-timing-function: ease;
}
.sickness_list article.item a:hover .doctor-icon {
	background: var(--theme-color-light);
}
.sickness_list div.doctor-icon {
	width: 100px;
	height: 100px;
	display: inline-block;
	mask: no-repeat center/70%;
	-webkit-mask: no-repeat center/70%;
	background: var(--theme-color);
	mask-image: url(https://uedacc.jp/wp/wp-content/uploads/2021/09/doctor.png);
	-webkit-mask-image: url(https://uedacc.jp/wp/wp-content/uploads/2021/09/doctor.png);
	transition: 1s linear; /* アニメーションした画像が元のサイズに戻るとき */
}
.sickness_list p.desc {
	text-align: justify;
	font-size: .9rem;
	margin-top: 20px;
}
.column-wrap.column-3.access > div {
	width: calc(100% / 3);
}
/* -------------------------- アクセス --------------------------- */
#map {
	position: relative;
	padding-top: 300px;
	height: 450px;
	width: 100%;
	overflow: hidden;
}
#map iframe {
	position: absolute;
	top: -150px;
	left: 0;
	width: 100%;
	height: calc(100% + 150px + 150px);
	pointer-events: none;
}
.map--gray iframe{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}
.column-wrap.column-3.access-gallery > div {
	width: calc(100% / 3);
}
#park .column-left, #park .column-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 47%;
}
#park .desc {
	margin-bottom: auto;
}
.broken_link, a.broken_link {
	text-decoration: none!important;
}
.blank-box {
	padding: .5em;
	border: 1px solid;
}
.blank-box.bb-tab .bb-label {
	border: 1px solid;
	font-weight: bold;
}
/* code php*/
/*
.bb-nenmatu-sinryo .bb-label .fa::before {
content: "";
}
*/
.bb-nenmatu-sinryo .bb-label::after {
	content: "年末診療";
}
.bb-kyusin .bb-label::after {
	content: "休診";
}
.bb-gogokyusin .bb-label::after {
	content: "午後休診";
}
.bb-fuzai .bb-label::after {
	content: "院長不在";
}
.bb-nensi .bb-label::after {
	content: "年始";
}
.blank-box.bb-purple{
	border-color: #8E5ADC;
}

/* footer */
footer#footer {
	margin-top: 0;
	padding: 0;
}
nav.navi-footer {
	background-color: #efefef;
}
.footer-bottom {
	padding: 0;
	width: 100vw;
	margin: 24px auto 0;
}
.footer-bottom.fnm-text-width .menu-footer li {
	display: flex;
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	height: 58px;
	border: none;
}
.copyright {
	padding: 18px 0;
	margin: 0;
}
.footer-bottom.fnm-text-width .menu-footer li a {
	padding: 0 20px;
}
#footer a:hover {
	color: var(--theme-color-dark);
}
#footer-in {
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	padding: 0;
	margin: 30px -50vw;
}

#footer_banner {
	display: flex;
}
#footer_banner .item {
	position: relative;
	display: flex;
	width: calc(100% / 4);
	height: 150px;
	justify-content: center;
	align-items: center;
}
#footer_banner .item .title {
	position: absolute;
	font-weight: bold;
	color: white;
	z-index: 999;
}
#footer_banner .item img {
	height: 150px;
	object-fit: cover;
}
#footer_banner .img-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(to right, rgba(144, 175, 23, 1) 0%, rgba(144, 175, 23, 0) 80%);
}
/* サイドバーのお知らせ */
.widget_recent_entries ul li {
	text-align: right;
	padding: 4px 0;
	border-bottom: 1px dotted gray;
}
.widget_recent_entries ul li a {
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
}
.widget_recent_entries ul li .post-date {
	padding: 4px 6px;
	margin-left: auto;
	background-color: #efefef;
}
/* Display Post plugin */
#content ul.display-posts-listing{
	display: flex;
	flex-direction: column;
}
#content ul.display-posts-listing li.listing-item{
	position: relative;
	padding-left: 0;
	text-indent: 0;
	display: table-cell;
	line-height: 1.2;
	border-bottom: 1px dot #ddd;
}
.display-posts-listing .title, .display-posts-listing .date, .display-posts-listing .excerpt{
	display: inline-block;
	margin: 4px;
}
.display-posts-listing .title{
	font-weight: bold;
	text-decoration: none;
}
.display-posts-listing .date {
	float: right;
	font-size: .85rem;
	background-color: #eee;
	padding: 3px 6px;
	border-radius: 4px;
}
.display-posts-listing .excerpt{
	font-size: .95rem;
}
.display-posts-listing .excerpt-more{
	display: none;
}
input.search-edit {
	font-size: .95rem;
}
#map:hover{
	cursor: pointer;
}
/* フッター手前のお問い合わせボックス */
.toiawase-box {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .95rem;
}
.toiawase-box h2 {
	font-size: 1.5rem;
	text-align: center;
	line-height: 1;
}
.toiawase-box .en {
	font-family: "Roboto";
	color: var(--theme-color-pair-dark);
}
.toiawase-box .address {
	font-size: 1.2rem;
}
div.phone {
	margin: 12px 0;
}
a.phone {
	color: #333;
	font-family: Rubik;
	font-size: 1.6rem;
	margin: 0 3px;
	text-decoration: none;
}
span.price {
	font-family: 'Jost';
	font-weight: bold;
	font-size: 1.4rem;
}

/* インフルエンザweb予約バナー*/
.inful-yoyaku-banner {
	position: absolute;
	bottom: 6px;
	left: 6px;
	background-color: var(--theme-color-pair);
	width: 300px;
	padding: 10px 10px 0;
	z-index: 2;
}
.inful-yoyaku-banner:hover {
	cursor: pointer;
	background-color: var(--theme-color-light);
}
.inful-yoyaku-banner:hover .desc{
	color: var(--theme-color-darker);
}
.inful-yoyaku-banner .desc {
	font-family: '新ゴ R';
	font-size: .9rem;
	color: var(--theme-color-pair-darker);
}
.inful-yoyaku-banner .button {
	width: 100%;
	font-size: 1.8rem;
	font-family: '新ゴ B';
	line-height: 1;
	color: white;
	text-shadow: 1px 1px 2px black;
}
.inful-image-box {
	width: 100%;
}
.inful-yoyaku-banner img {
	width: 120px;
	height: auto;
	margin-top: 10px;
	filter: drop-shadow(0 0 0.5rem white);
}
/* 吹き出し本体 */
.inful-yoyaku-banner .balloon{
  position: relative;
  padding: 2px;
 background-color: white;
 border-radius: 3px;
}
/* アイコンを下に表示 */
.inful-yoyaku-banner .balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -10px;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
	/*必要ならばここにコードを書く*/
}
/*1030px以下*/
@media screen and (max-width: 1030px){
	/*必要ならばここにコードを書く*/
	ul.sinryo{
		padding-left: 0 !important;
	}
	.page_section__body{
		margin-left: 1em;
	}
	.article ul{
		padding-left: 6px;
		margin-top: 0.5em;
	}
	li.menu-item{
		font-size: 1.2em;
	}
	li.menu-item i{
		color:#ea4e4e;
		opacity: .6;
	}
}
/*833px以下*/
@media screen and (max-width: 833px){
	.tbl-time th:first-child{
		width: 120px;
	}
	.hp-none{
		display: none;
	}
	.sickness_list article.item {
		width: calc(100% / 2 - 40px);
		margin: 30px auto;
	}
	/* アクセスマップのレイアウト */
	.column-wrap.access-gallery {
		display:none;
	}
	.container .column-wrap {
		flex-direction: column;
	}
	.column-wrap > div, .column-wrap .sinryo-schedule {
		width: 100% !important;
	}
}
/*768px以下*/
@media screen and (max-width: 768px){
	/*必要ならばここにコードを書く*/
	time.rpwe-time{
		font-size:0.7em;
		color: #fff !important;
		left: 0;
		width: 74px;
		margin-top:6px;
		margin-left:4px;
		background-color: rgba(28,163,143,1) !important;
		box-shadow: 2px 2px 2px 1px rgba(255,255,255,0.5);
	}
	.rpwe-summary{
		width: 100% !important;
	}
	div#body_top_box {
		margin-top: 0;
	}
	.headline_box {
		width: calc(100vw / 3);
		height: calc(100vw / 3);
	}
	.access-gallery {
		display: none;
	}
	.content_header .catch_jp {
		font-size: 1.5rem!important;
	}
	.content_header p.desc {
		text-align: justify;
		margin: 10px;
	}
	.content_header br {
		margin-bottom: 1rem;
	}
}
/*600px以下*/
@media screen and (max-width: 600px){
	/*必要ならばここにコードを書く*/
	.sp-block {
		display: block;
	}
	body.page-facility .column-wrap .text {
		order: 2;
		border: none;
		padding: 10px 0 60px;
	}
	body.page-facility .column-wrap .img {
		order: 1;
		margin: 0;
	}
	body.page-facility h3.catch, body.page-facility h3.catch-pair {
		margin: 0 0 10px;
	}
	.navi-footer-in > .menu-footer li.menu-item {
		width: auto;
	}
	.sickness_list {
		flex-direction: column;
		padding: 40px;
	}
	.sickness_list article.item {
		width: 100%;
		min-height: 30px;
		padding: 10px;
		margin: 10px 0;
	}
	.sickness_list article.item h3.title {
		margin: 0;
	}
	.sickness_list article.item .image_wrap, .sickness_list article.item p{
		display:none;
	}
	/* 医師紹介　上田先生 */
	img.doctor {
		width: 100%;
		margin: 0 0 20px;
	}
	.parallax .cts{
		background-attachment: scroll;
	}
	#vegas-container{
		height: calc(100vh - 70px);
	}
	#vegas-inner {
		top: 40%;
		width: 90vw;
		font-family: "新ゴ B";
	}
	#vegas-inner .address {
		font-size: 1.4rem;
	}

	#vegas-inner .vegas-title {
		font-size: 12vw;
		margin-top: 10px;
	}
	#vegas-inner .vegas-sub-title {
		margin-top: 10px;
	}
	a.button {
		font-size: .85rem;
		padding: 20px;
	}
	.toiawase-box .address {
		font-size: 1rem;
	}
	#side-btn {
		top: 38%;
		left: calc(100vw - 45px);
	}
	.title_center_line::before, .title_center_line::after{
		width: 4rem;
		/*border-top: 1px solid var(--theme-color-dark);*/
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
}