@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
:root {
	--main-color: #555; /* テーマカラー */
	--theme-color-lighter: #E5F6FF;
	--theme-color-light: #009CEA;
	--theme-color: #007cba;
	--theme-color-dark: #006ba1;
	--theme-color-darker: #005a87;
	--theme-color-darkest: #003651;
	--main-color-light: #777;
	--main-color-dark: #333;
	--gold: #ceb076;
	--kin-aka : #ea5506;  /* 金赤 */

	--health : rgba(77, 99, 159, .9);   /* 健康であるために 4d639f */
	--seikatu : rgba(53, 108, 146, .9);  /* 生活習慣病 356c92 */
	--cancer : rgba(58, 97, 79, .9);      /* ガン特集 c9ced1 */
	--onaka : rgba(223, 212, 190, .9);    /* おなかの病気 dfd4be */
	--igaku : rgba(146, 161, 166, .9);    /* 医学ミニ情報 92a1a6 */
	--nihonjin : rgba(166, 123, 45, .9); /* 日本人について a67b2d */
	--kyoudo : rgba(189, 165, 187, .9);   /* 郷土案内 bda5bb */

	--t-health : rgba(77, 99, 159, .4);   /* 健康であるために 4d639f */
	--t-seikatu : rgba(53, 108, 146, .4);  /* 生活習慣病 356c92 */
	--t-cancer : rgba(58, 97, 79, .4);      /* ガン特集 c9ced1 */
	--t-onaka : rgba(223, 212, 190, .4);    /* おなかの病気 dfd4be */
	--t-igaku : rgba(146, 161, 166, .4);    /* 医学ミニ情報 92a1a6 */
	--t-nihonjin : rgba(166, 123, 45, .4); /* 日本人について a67b2d */
	--t-kyoudo : rgba(189, 165, 187, .4);   /* 郷土案内 bda5bb */
}
body {
	font-family: Questrial, Montserrat, 'Josefin Sans', Quicksand, Roboto, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
/* カテゴリーページ */
body.category main, body.single main{
/*	font-family: "リュウミン B-KL"; */
}
body.category main .card-title, body.single main .card-title{
/*	font-family: "リュウミン B-KL"; */
}
.rich-font {
	font-family: "リュウミン R-KL";
}
body.single h1, body.single h2, body.single h3, body.single h4, body.single h5, body.single h6, body.single h7 {
	padding-left: 0;
}
body.home .entry-header, .page .date-tags, .author-info, body.page h1.entry-title, body.home .appeal{
	display: none;
}
div#container{
	overflow: hidden;
}
main#main{
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 16px;
}
/* ------------------------ vegas ---------------------- body直下に設置 */
#vegas-container {
	position: relative;
	display: flex;
	width: 100vw;
	height: 40vh;
	left: 50%;
	right: 50%;
	padding: 0;
	margin: 0 -50vw;
	background-position:center center;
	background-size: cover;
	align-items: center;
	justify-content: center;
}
body.home #vegas-container{
	height: calc(100vh - 180px);
}
#vegas-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#vegas-inner .en{
	display:block;
	font-size: 1.2rem;
}
.vegas-title{
	font-family: "新ゴ R";
	color: #fff;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}
.vegas-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}
#vegas-container p#scroll-down {
	margin-top: auto;
	margin-bottom 20px;
	opacity: .6;
}
#vegas-container p#scroll-down a{
	display: block;
	text-decoration: none;
	color: white;
}
#vegas-container .scroll-down-text {
	margin-bottom: 10px;
}
br.hp-show {
	display:none;
}
/* vegas 内 headline ｜ カテゴリー見出し用 */
div#body_top_img_box{
	position: relative;
	display: flex;
	max-width: 1222px;
	max-height: 400px;
	margin: 120px auto 0;
	align-items: center;
	z-index: 1; /* 直下itemの被さり防止 */
}
img.w-100, #body_top_img_box img {
	width: 100%;
	max-width: 100vw;
	max-height: 400px;
	object-fit: cover;
}
.headline_area{
	text-align: center;
	color: #fff;
	width: 340px;
	height: 120px;
	z-index: 2;
}
.headline_area h1{
	border: none;
}
.headline_area.for-health::before{
	background-color: var(--health);
}
.headline_area.seikatusyukanbyou::before{
	background-color: var(--seikatu);
}
.headline_area.cancer::before{
	background-color: var(--cancer);
}
.headline_area.onaka::before{
	background-color: var(--onaka);
}
.headline_area.med-info::before{
	background-color: var(--igaku);
}
.headline_area.nihonjin::before{
	background-color: var(--nihonjin);
}
.headline_area.kyoudo::before{
	background-color: var(--kyoudo);
}
.headline_area_inner{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index:3;
}
.headline{
	font-size: 2.4rem;
	line-height: 1.2;
}
.headline_area .sub_title{
	font-family: "新ゴ R";
	font-size: .9rem;
}
.headline_area h1.title-en{
	font-family: times;
}
/* vegas 内 サイドボタン */
#side-btn{
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);	
	left: calc(100% - 60px);
	font-family: Questrial, Montserrat, 'Josefin Sans', Quicksand, Roboto, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;	font-size: 1rem;
	background-color: #455765;
	width: 200px;
	color: white;
	text-shadow: none;
	padding-left: 20px;
	transition: left .7s cubic-bezier(.22, 1, .36, 1) 0s;
	opacity: .8;
}
#side-btn:hover{
	left: calc(100% - 180px);
	background-color: #007a96;
	animation: color-change 2s linear;
	opacity: 1;
}
#side-btn .item {
	line-height: 3; 
}
#side-btn i{
	margin-right: 15px;
}
#side-btn a{
	color: white;
	text-decoration: none;
}
/* 電話発信、PC無効 */
a[href^="tel:"] {
	pointer-events: none;
}

/*　----------------　カルーセル　--------------------*/
body.home .content {
	margin-top: 0;
}
body.home main#main {
	padding-top: 0;
}
body.home .entry-content {
	margin-top: 0;
}
.carousel{
	margin-top: 0;
	font-family: Questrial, Montserrat, 'Josefin Sans', Quicksand, Roboto, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;	font-size: 1rem;
}
#carousel-in{
	position: relative;
	width:100vw;
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%); /*div要素そのものの幅は維持しつつ*/
}
/* 記事内画像（img）＋リンク(a)にhoverで隣接イメージを拡大 */
figure.carousel-entry-card-thumb, figure.card-thumb{
	overflow: hidden;
	margin-bottom: 0; /* overflowと合わせて必須 */
}
.card-thumb img:hover, .a-wrap:hover img, .owl-carousel img:hover {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
	animation-timing-function: ease;
}

.card-thumb img, .owl-carousel img {
	height: 100%;
	vertical-align: bottom; /* 下にできる余白を除去 */
	transition: 1s linear; /* アニメーションした画像が元のサイズに戻るとき */
}
.card-thumb img.carousel-entry-card-thumb-image {
	display: inline-block;
}
.carousel-content {
	margin: 0;
}
.carousel .a-wrap{
	padding: 0;
}
.carousel-entry-card-wrap {
	padding: 0 10px;
}
.carousel-entry-card-content{
	margin: 10px;
}
.carousel-entry-card-thumb{
	margin: 0;
}
a.cf{
	margin:0 !important;
}
.cat-label{
	font-family: "新ゴ R";
	padding: 8px;
	top: 0;
	left: 0;
	border: none;
}
/* カルーセル｜カスタマイズ */
.carousel-entry-card{
	display: block;
	position: relative;
}
.carousel-entry-card-content{
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 25%;
	padding: 6px;
	margin: 0 !important;
	background-color: rgba(0, 0, 0, .7);	
}
.carousel .a-wrap:nth-child(even) .carousel-entry-card-content{
	background-color: rgba(0, 90, 135, .7);
}
.carousel-entry-card-title{
	font-size: .8rem;
	line-height: 1.3;
	color: white;
	height: auto;
	margin: 0;
}

/*カルーセル内画像左肩・記事一覧のカテゴリー名*/

/* fanction.php 内の関数で実現 */

/* 健康であるために */
body.parent-slug-for-health .cat-label, a.btn-health {
	background-color: var(--health);
}
/* 生活習慣病 */
body.parent-slug-seikatusyukanbyou .cat-label, a.btn-seikatu {
	background-color: var(--seikatu);
}
/* 生活習慣病 */
body.parent-slug-cancer .cat-label, a.btn-cancer {
	background-color: var(--cancer);
}
/* おなかの病気 */
body.parent-slug-onaka .cat-label, a.btn-onaka {
	color: #111;
	background-color: var(--onaka);
}
/* 医学ミニ情報 */
body.parent-slug-igaku .cat-label, a.btn-igaku {
	background-color: var(--igaku);
}
/* 日本人について */
body.parent-slug-nihonjin .cat-label, a.btn-nihonjin {
	background-color: var(--nihonjin);
}
/* 郷土案内 */
body.parent-slug-kyoudo .cat-label, a.btn-kyoudo {
	background-color: var(--kyoudo);
}

/* ------------------------- グローバルナビ ------------------------- */

/* home 画面のみ */
#navi{
	position: absolute;
	font-family: '新ゴ R';
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	top: 0;
	left: 0;
	border-bottom: solid 1px rgba(255, 255, 255, .4);
	background-color: rgba(0, 0, 0, .2);
}
/* サイトトップメニューの背景をアニメーション */
body.home #navi{
	background-color: rgba(0, 0, 0, .2);
	animation: home-menu-bg-color 10s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation: home-menu-bg-color 10s infinite;
	-webkit-animation-timing-function: ease-in-out;
}
@-webkit-keyframes home-menu-bg-color {
	0% { background-color: rgba(0, 0, 0, .1); }
	50% { background-color: rgba(0, 0, 0, .4); }
	100% { background-color: rgba(0, 0, 0, .1); }
}
@keyframes home-menu-bg-color {
	0% { background-color: rgba(0, 0, 0, .1); }
	50% { background-color: rgba(0, 0, 0, .4); }
	100% { background-color: rgba(0, 0, 0, .1); }
}
/* スクロール時、固定メニューに切り替わったらアニメーション停止 */
body.home .fixed-header #navi {
	font-family: '新ゴ R';
	animation: paused;
	background-color: white;
}
/* home 画面以外 */
.fixed-header #navi, body:not(.home) #navi{
	font-family: '新ゴ R';
	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 #1e50a2; /*　瑠璃色るりいろ　#1e50a2　*/
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}
#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;
}
.fixed-header #navi i, body:not(.home) #navi i{
	color: var(--theme-color);
}
header#header{
	display: none;
}
#header-container .navi.hide{
	transform: translateY(-100%);
}
#navi .navi-in a:hover, .navi-footer-in a:hover{
	background-color: var(--theme-color-darker); /*テーマカラーより若干濃く #004A7F #0068b7 rgba(0, 104, 183) */
}
#navi a:hover i, .navi-footer-in a:hover i{
	color: #FFF; /*テーマカラーより若干濃く #004A7F #0068b7 rgba(0, 104, 183) */
	opacity: 1;
}
/*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;
}

/* ---------------------------------- 役に立つ医学情報 ------------------------------ */
.d-flex{
	display: flex;
}
.d-col {
	flex-direction: column;
}
.d-row {
	flex-direction: row;
}
.d-none {
	display: none;
}
.opacity-0 {
	opacity: 0;
}
.s-between {
	justify-content: space-between;
}
.w-100{
	width: 100%;
}
.align-items-stretch{
	align-self: stretch;
	width: 100%;
}
.col-1{
	width: 8.333333333%;
}
.col-2{
	width: 16.66666666%;
}
.col-3{
	width: 25%;
}
.col-4{
	width: 33.33333333%;
}
.col-5{
	width: 41.66666666%;
}
.col-6{
	width: 50%;
}
.col-7{
	width: 58.33333333%;
}
.col-8{
	width: 66.66666666%;
}
.col-9{
	width: 75%;
}
.col-10{
	width: 83.33333333%;
}
.col-11{
	width: 91.66666666%;
}
.col-12{
	width: 100%;
}
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	margin: 0.5rem;
}
.card:hover{
	background-color: #efefef;
	cursor: pointer;
}
.card p {
	margin-bottom: 0;
}
.card .card-title {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	color: var(--theme-color-dark);
}
.card h3.card-title i{
	color: var(--main-color);
}
.card-body{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1rem;
}
/* 人間ドック */
.tbl-dock-desc, .tbl-dock-desc td {
	font-size: .9rem;
	background: #fff;
	border: 1px solid #aaa;
}
.tbl-dock-desc, .tbl-dock-desc td:first-child {
	background: #efefef;
}
.tbl-dock-desc td{
	padding: 10px;
}
.tbl-dock-desc td.item{
	text-align: center;
	width: 100px;
}
.tbl-dock-desc td.desc{
	padding-top: 20px;
	padding-bottom: 8px;
}
.tbl-dock-desc .charge {
	color: #666;
	font-family: Lusitana;
	font-size: 1.3rem;
}
.card p.charge{
	text-align: center;
	color: #666;
	width: 100%;
	background: #eee;
	font-family: Lusitana;
	font-size: 1.3rem;
	margin-top: auto;
	padding: 6px;
	border-radius: 3px;
}
.card .tax, .tbl-dock-desc .tax {
	font-size: .9rem;
	margin-left: 4px;
}
.card.dog{
	padding: 1rem;
}
.card.dog .card-text {
	margin-bottom: 1rem;
}
.option .card {
	padding: 12px 6px 6px;
	margin-bottom: 10px;
}
.option .card:first-child {
	margin-left: 0;
}
.option .card:last-child {
	margin-right: 0;
}
.card p.sub-title {
	font-size: .9rem;
	margin-bottom : 2px;
}
.card p.title {
	font-family: "新ゴ R";
	font-size: 1.2rem;
}
.card p.desc{
	font-size: .85rem;
	margin-bottom: 10px;
}
.card.blank {
	visibility: hidden;
}
.card img {
	margin: 16px auto;
}
#naisikyou-info p.img {
	margin-top: 16px;
}
#naisikyou-info p.desc {
	text-align: left;
	margin-top: 16px;
	margin-bottom: auto;
	padding: 20px 30px;
}
.dock-box {
	background-size: cover;
	background-repeat:  no-repeat;                              /* 背景の繰り返し設定 */
	background-position: center;             /* 背景の位置指定 */
	background-color: rgba(255,255,255,0.97); /* background には opacity が効かないため */
	background-blend-mode: lighten; /* background には opacity が効かないため */
}
.svg-icon {
	opacity: .3;
	margin: 0 auto;
	width: 64px;
	height: 64px;
}
.dock .option {
	margin-bottom: 20px;
}
.dock-box img.svg-icon{
	width: 120px;
	height: 120px;
}
#show-naisikyou-info{
	display: block;
	width: 280px;
	font-size: 1.1rem;
	background: #eee;
	margin: 20px auto;
	padding: 10px;
}
#show-naisikyou-info:hover{
	cursor: pointer;
	background: #ddd;
}
#naisikyou-info{
	display: none;
}
/* --------------------------------- footer banner ----------------------------------- */

#footer_item_wrap {
	display: flex;
	justify-content: space-between;
}
#footer_item_wrap .item {
	width:100%;
}
#footer_item_wrap a {
	display: block;
	color: white;
	position: relative;
	height: 150px;
}
#footer_item_wrap .title {
	font-family: '新ゴ B';
	position: absolute;
	padding: 0 30px;
	z-index: 3;
	color: #fff;
	font-size: .95rem;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#footer_item_wrap .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background: -moz-linear-gradient(left, rgba(34,58,88,1) 0%, rgba(34,58,88,0) 50%);
	background: -webkit-linear-gradient(left, rgba(34,58,88,1) 0%, rgba(34,58,88,0) 50%);
	background: linear-gradient(to right, rgba(34,58,88,1) 0%, rgba(34,58,88,0) 50%);
}
#footer_item_wrap .image_wrap {
	display: block;
	width: 100%;
	height: 150px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#footer_item_wrap .image {
	width: 100%;
	height: 100% !important;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#footer_banner {
	display: flex;
	justify-content: space-between;
}
#footer_banner .item {
	width:100%;
}
#footer_banner a {
	display: block;
	color: white;
	position: relative;
	height: 150px;
}
#footer_banner .title {
	font-family: '新ゴ R';
	position: absolute;
	padding: 0 30px;
	z-index: 3;
	color: #fff;
	font-size: .95rem;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#footer_banner .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background: -moz-linear-gradient(left, rgba(34,58,88,1) 0%, rgba(34,58,88,0) 50%);
	background: -webkit-linear-gradient(left, rgba(34,58,88,1) 0%, rgba(34,58,88,0) 50%);
	background: linear-gradient(to right, rgba(34,58,88,1) 0%, rgba(34,58,88,0) 50%);
}
#footer_banner .image_wrap {
	display: block;
	width: 100%;
	height: 150px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#footer_banner .image {
	width: 100%;
	height: 100% !important;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#footer_top {
	padding: 40px;
	position: relative;
	justify-content: center;
	align-items: center;
}
#footer_inner {
	color: #333;
	height: 240px;
	width: 1000px;
}
#footer_inner .item_row {
	width: 100%;
	margin: 10px;
	z-index: 999;
}
#footer_inner .item_col {
	font-size: .9rem;
	padding: 10px;
	justify-content: center;
	align-items: center;
	height: 100px;
	background-color: white;
}
#footer_inner a.phone {
	color: #111;
}
#footer_inner p.tel_number {
	margin-bottom: 4px;
}
.item_col .button {
	color: white;
	background-color: #455765;
}

.footer-left, .footer-right {
	display:none;
}
.footer-bottom .copyright {
	font-family: "新ゴ R";
	color: white;
	margin: 0;
	padding: 20px 0;
}
/*---------------------------------------*/

#footer_schedule {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	font-size: 14px;
	height: 204px;
	border: 3px solid #455765;
	border-top-color: rgb(69, 87, 101);
	border-right-color: rgb(69, 87, 101);
	border-bottom-color: rgb(69, 87, 101);
	border-left-color: rgb(69, 87, 101);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
#footer_schedule tr {
	background-color: white;
}
#footer_schedule td:nth-child(1) {
	width: 120px;
}
#body_top_overlay, #footer_overlay {
	content: '';
	background: rgba(0, 90, 135, 0.4);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#footer_overlay {
	background: rgba(34, 58, 88, 0.7);
}
.footer_bg_image {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
nav#navi-footer{
	background-color: #eee;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	margin: 0 calc(50% - 50vw);
}
.footer-bottom.fnm-text-width .menu-footer li a {
	font-size: .9rem;
	padding: 20px 20px;
}
.footer-bottom.fnm-text-width .menu-footer li a:hover, .footer-bottom.fnm-text-width .menu-footer li a:hover i{
	color: #004872;
	background-color: #eee;
}
.navi-footer-in > .menu-footer li, .navi-footer-in > .menu-footer li:last-child {
	border: none;
}
/* ページの先頭へ戻るボタン */
.go-to-top {
	bottom: 90px;	
}
.go-to-top-button {
	border-radius: 3px;
	width: 60px;
	height: 60px;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
}
.go-to-top-button:hover {
	background-color: var(--theme-color-lighter);
}
/* footer 内の余分なmarginやpaddingを消す */
.footer-bottom{
	margin-top: 0;
	padding: 0 8px;
}
.footer-widgets {
	margin: 0 auto;
}
.footer-center {
	padding: 0 16px;
	width:100%;
}
.footer {
	margin-top: 0;
	padding: 0 8px;
}
/* ------------------ 問い合わせフォーム｜contact form  ------------------------- */
.contact {
	font-family: Questrial, Montserrat, 'Josefin Sans', Quicksand, Roboto, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.wpcf7 {
	text-align: left;
}
.wpcf7 label {
	width: 100%;
}
.wpcf7 p.wpcf7-box {
	margin: 1.8em 0;
}
.wpcf7 input, .wpcf7 textarea {
	border-radius: 0;
	font-size: 16px;
	width: 100%;
}
/* contact form confirm */
.wpcf7 .wpcf7c-conf {
	background-color: #ddd;
	border: 1px solid #333;
}
/* contact form confirm  [ 修正する ] */
.wpcf7 input[type="button"] {
	-webkit-appearance: none;
	border: 1px solid #ddd;
	background-color: #f5f8fa;
	padding: 11px;
	width: 100%;
	margin: 0;
	margin-bottom: 6px;
	cursor: pointer;
}
.wpcf7 input.wpcf7c-elm-step2[type="submit"] {
	font-weight: bold;
}
.wpcf7 .wpcf7-not-valid{
	border-color: red;
	background-color: #fdeff2; /* 薄桜 */
}
.wpcf7 .info-box {
	margin-top: 10px;
}
.wpcf7-not-valid-tip {
	font-size: .9rem !important;
	font-weight: bold !important;
}

/* ---------------------- 以下未検証 ---------------------------- */

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.flex-column {
	display: flex;
	align-items: flex-start;
}
.ura-img-hr {
	height: 350px;
	object-fit: cover;
	margin:0;
	padding: 0;
}
h2.center {
	text-align: center;
}
div.content_center {
	display:flex;
	position: relative; /*これがないと前面のcover画像が表示されない*/
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 0;
	background-attachment: fixed !important;
}
.home_cover {
	background: url(https://uraoka.jp/img/bg.png) center center repeat;
	background-size: cover 100vw;
}
h2.horizontal-ruler {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 2rem;
	line-height: 1.5;
	border: none !important;
	background: none;
}
h2.horizontal-ruler::before {
	margin-right: 8px;
	border-top: 2px solid var(--main-color);
	content: "";
	flex-grow: 1;
}
h2.horizontal-ruler::after {
	margin-left: 8px;
	border-top: 2px solid var(--main-color);
	content: "";
	flex-grow: 1;
}
h2.horizontal-ruler.white::before, h2.horizontal-ruler.white::after {
	border-color: white;
}

.bottom_line_full {
	border-bottom: 2px solid #0d0015;
}
a.button {
	display: inline-block;
	padding: 15px 30px;
	color: var(--main-color);
	background-color: #fafafa;
	border: 1px solid var(--main-color);
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	line-height: 1.0em;
}
a.button:hover {
	color: #fff;
	background-color: var(--main-color);
	border: 1px solid white;
}

span.bold {
	font-family: "リュウミン B-KL";
}
.font-ryumin-R {
	font-family: "リュウミン R-KL";
}
.font-ryumin-M {
	font-family: "リュウミン B-KL";
}

.text-right{
	text-align:right;
}

body.page {
	background: none;
}

/*記事内のイメージサイズ大の100%指定*/
.single img.size-full {
	width: 100%;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article h7 {
	font-family: "リュウミン B-KL";
	border: none;
	padding: 10px;
	margin: 60px 0 20px;
	background: none;
	border: none;
}
.article h2{
	font-size: 1.6rem;
}
.article h3{
	font-size: 1.4rem;
}
.article h4{
	font-size: 1.35rem;
}
.article h5{
	font-size: 1.3rem;
}
.article h6{
	font-size: 1.25rem;
}
.article h7{
	font-size: 1.2rem;
}

.article .ttl-border-left {
	border-left: 4px solid var(--theme-color);
}
.article .health .card-title {
	border-left-color: var(--health);
}
.article .seikatu .card-title {
	border-left-color: var(--seikatu);
}
.article .cancer .card-title {
	border-left-color: var(--cancer);
}
.article .onaka .card-title {
	border-left-color: var(--onaka);
}
.article .igaku .card-title {
	border-left-color: var(--igaku);
}
.article .nihonjin .card-title {
	border-left-color: var(--nihonjin);
}
.article .kyoudo .card-title {
	border-left-color: var(--kyoudo);
}
.page-igaku-info .article h2 {
	background-color: white;
}

.no_deco {
	font-weight: normal;
	border: none !important;
	padding: 0 !important;
	background-color:none;
}
.desc {
	font-size: .92rem;
}

/*ウィジェットカテゴリー：親*/
#sidebar {
	font-family: "新ゴ R";
}
.widget_categories ul li a{
	padding: 5px 4px;
}
/* 配色のテーマ｜品のある知的イメージ */
#sidebar a[href$="for-health"] { /*健康であるために*/
	background-color: var(--t-health);
}
#sidebar a[href$="seikatusyukanbyou"] { /*生活習慣病*/
	background-color: var(--t-seikatu);
}
#sidebar a[href$="cancer"] { /*ガン特集*/
	background-color: var(--t-cancer);
}
#sidebar a[href$="/onaka"] { /*おなかの病気*/
	background-color: var(--t-onaka);
}
#sidebar a[href$="/med-information"] { /*知っておきたい医学ミニ情報*/
	background-color: var(--t-igaku);
}
/* サイドバーから「お知らせ」を除外 */
#sidebar li.cat-item-143 {
display:none;
}
/* サイドバー内 カテゴリーを任意の順序にするため必要 */
#categories-5>ul {
	display:flex;
	flex-flow: column;
}
#categories-5 li.cat-item-21 { /* 知っておきたい医学ミニ情報 */
	order: 1;
}
#categories-5 li.cat-item-3 { /* おなかの病気 */
	order: 2;
}
#categories-5 li.cat-item-5 { /* 生活習慣病 */
	order: 3;
}
#categories-5 li.cat-item-8 { /* 健康であるために */
	order: 4;
}
#categories-5 li.cat-item-58 { /* ガン特集 */
	order: 5;
}
ul.children {
	display: flex;
	flex-flow: column;
}
/* 知っておきたい医学ミニ情報 */
.cat-item.cat-item-22 {
	order: 1;
}
.cat-item.cat-item-40 {
	order: 2;
}
.cat-item.cat-item-108 {
	order: 3;
}
.cat-item.cat-item-41 {
	order: 4;
}
.cat-item.cat-item-43 {
	order: 5;
}
.cat-item.cat-item-48 {
	order: 6;
}
.cat-item.cat-item-49 {
	order: 7;
}
.cat-item.cat-item-50 {
	order: 8;
}
.cat-item.cat-item-52 {
	order: 9;
}
.cat-item.cat-item-34 {
	order: 10;
}
.cat-item.cat-item-53 {
	order: 11;
}
.cat-item.cat-item-99 {
	order: 12;
}
/* おなかの病気 */
.cat-item.cat-item-4 {
	order: 1;
}
.cat-item.cat-item-25 {
	order: 2;
}
.cat-item.cat-item-7 {
	order: 3;
}
.cat-item.cat-item-26 {
	order: 4;
}
.cat-item.cat-item-27 {
	order: 5;
}
.cat-item.cat-item-45 {
	order: 6;
}
.cat-item.cat-item-11 {
	order: 7;
}
.cat-item.cat-item-31 {
	order: 8;
}
.cat-item.cat-item-12 {
	order: 9;
}
.cat-item.cat-item-32 {
	order: 10;
}
.cat-item.cat-item-33 {
	order: 11;
}
.cat-item.cat-item-14 {
	order: 12;
}
.cat-item.cat-item-54 {
	order: 13;
}
.cat-item.cat-item-20 {
	order: 14;
}
/* 生活習慣病 */
.cat-item.cat-item-39 {
	order: 1;
}
.cat-item.cat-item-36 {
	order: 2;
}
.cat-item.cat-item-37 {
	order: 3;
}
.cat-item.cat-item-38 {
	order: 4;
}
/* 健康であるために */
.cat-item.cat-item-42 {
	order: 1;
}
.cat-item.cat-item-44 {
	order: 2;
}
.cat-item.cat-item-9 {
	order: 3;
}
.cat-item.cat-item-46 {
	order: 4;
}
.cat-item.cat-item-13 {
	order: 5;
}
.cat-item.cat-item-15 {
	order: 6;
}
/* ガン特集 */
.cat-item.cat-item-107 {
	order: 1;
}
.cat-item.cat-item-23 {
	order: 2;
}
.cat-item.cat-item-24 {
	order: 3;
}
.cat-item.cat-item-6 {
	order: 4;
}
.cat-item.cat-item-29 {
	order: 5;
}
.cat-item.cat-item-10 {
	order: 6;
}
.cat-item.cat-item-30 {
	order: 7;
}
.cat-item.cat-item-16 {
	order: 8;
}
/*本文背景のパララックスが画像*/
.bg_dark{
	color: white;
	text-shadow: 1px 1px 1px #000;  
}
.bg_dark::before {
	content: '';
	position: absolute;
	/* 輪郭がぼやけてしまうのでブラー範囲を広げる */
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	background: inherit;
	filter: brightness(.4);
	z-index: -1;
}
body.page-id-9192 .bg_cover{
	height: 50vh;
}
.bg_cover_01::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/01.png);
}
.bg_cover_02::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https:/uraoka.jp/js/vegas/overlays/02.png);
}
.bg_cover_03::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/03.png);
}
.bg_cover_04::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/04.png);
}
.bg_cover_05::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/05.png);
}
.bg_cover_06::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/06.png);
}
.bg_cover_07::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/07.png);
}
.bg_cover_08::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/08.png);
}
.bg_cover_09::before{
	background:none; /*bg_darkのinheritを消す*/
	background-image: url(https://uraoka.jp/js/vegas/overlays/09.png);
}
/*子要素の幅を親要素の幅まで広げる*/
.full-wide{
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	padding: 0;
	margin: 30px -50vw;
	background-repeat:  no-repeat; /* 画像の繰り返し  */
	background-position: center center;
}
#footer .full-wide{
	margin: 0 -50vw;
}
body.page-igaku-info .full-wide .bg_cover{
	height: 40vw;
}
/*子要素は親要素の影響を受けない*/
.full-width{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	margin: 0 calc(50% - 50vw);
	padding: 50px calc(50vw - 50%); /*div要素そのものの幅は維持しつつ*/
	overflow: hidden;
	background-attachment: fixed; /* 背景画像固定、パララックス効果 */
	z-index: 0;
}
.full-width .content-center{
	width: 100vw;
}
.text-center{
	text-align: center;
}
/*会社概要／ハウステック*/
.clinic dt {
	float: left;
	clear: left;
	width: 4em;
	text-align: right;
}
.clinic dd {
	float: left;
	margin-left: 1em;
}
a.phone {
	color: #333;
	font-family: Rubik;
	font-size: 1.6rem;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
}
/* 本文リストを"Font Awesome 5 Free"で飾る */
.article ul {
	list-style: none;
	padding-left: 1em;
	margin-bottom: 0;
}
ul li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-right: 3px;
	color: var(--kin-aka);
}
ul.check-circle li::before{
	content: '\f058'; /* アイコンのunicode */	
}
ul.check-circle li{
	padding-left:1em;
	text-indent:-1em;
}
table.sinryo {
	table-layout: fixed;
	width: 100%;
	margin: 10px 0;
	text-align: center;
	vertical-align: middle;
}
table.sinryo th:first-child{
	width: 200px;
}
table.sinryo th{
	padding: 15px 0;
}

/* bootstrap card */
body.page-id-9192 .card{
	height: 100%;
}
.article h5.font-mini{
	font-size: 17px;
}

/*ページ内輪崩れ（fixed menu）対応*/
h2.p-link{
	padding-top: 100px;
	margin-top:-100px;
}
body.archive span.fa-folder-open{
	display:none;
}
/*Easy Custom Auto Excerpt*/
a.ecae-link {
	display:block;
	width:100px;
	margin-top:10px !important;
	margin-left:3px !important;
	padding:5px 5px 5px 5px;
	border-radius:15px;
	background-color:#ffcc00 !important;
	color:#000 !important;
}

#breadcrumb{
	font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.breadcrumb-item:last-child{
	color: #007cba;
}
.breadcrumb-item .fa-file, .breadcrumb-item + .breadcrumb-item::before{
	display: none;
	padding-right: 0;
}
/*ページ内リンクからジャンプするときのズレ（ページトップfixedメニュー含め）の調整*/
div[id^="plink-"]{
	padding-top: 100px;
	margin-top: -100px;
}
.animate_background .image{
	transition: 1s linear;
}
.animate_background:hover .image{
	filter: brightness(.7);
	transform: scale(1.3);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化にかかる時間*/
	animation-timing-function: ease;
}
.font-gothic {
	font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}
.bg-white{
	background-color: white !important;
}
.text-white {
	color: white;
}
/* ------------- staff ------------- */

h2.title{
	margin: 60px auto 30px;
	display: table;
	border-top: 3px solid var(--theme-color-light) !important;
}
div.contents-box{
	padding: 10px;
}
.data_list {
	font-size: .95rem;
}
ul.profile{
	font-size: .94rem;
}
ul.profile li:before{
	content: '\f501';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: var(--theme-color-dark);
	padding-right: 4px;
}
div.staff dd{
	margin-left: 4px;
}

div.staff img{
	width: 100%;
	height: 450px;
	object-fit: cover;
}
div.staff .contents{
	font-size: .95rem;
	padding: 10px 60px;
}

.book-box::before{
	font-family: "Font Awesome 5 Free";
	content: '\f02d';
	font-weight: 900;
	color: var(--theme-color);
	border-right: 1px solid var(--theme-color);
}
.book-box{
	background: #fefefe;
	border: 1px solid #ccd;
}
.tbl-jisseki {
	font-family: Roboto;
	font-weight: 500;
	background-color: white;
	color: #333;
	text-shadow: none;
	text-align: center;
	width: 60%;
	margin: 0 auto 100px;
}
.tbl-jisseki td:last-child{
	text-align: right;
	padding-right: 40px;
}
.tbl-1988{
	width: 100%;
	font-size: .8rem;
	margin: 60px 0;
}
.tbl-1988 tbody tr:nth-child(odd) {
	background: none;
}
.tbl-1988 td{
	text-align: right;
}
.tbl-1988 th{
	text-align: center;
	/* テキストを縦書きに指定 */
}
.tbl-cancer {
	width: 60%;
	margin: 0 auto 100px;
}
.tbl-cancer thead th:nth-child(2), .tbl-cancer tfoot th:nth-child(3), .tbl-cancer tbody td:nth-child(3) {
	border-top: none;
	border-bottom: none;
	background: white;
}
/* 404 error page */
.img_box{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20vh;
	background:url(https://uraoka.jp/img/image31.jpg) no-repeat center center; background-size:cover;

}
.message {
	display: block;
	font-family: Montserrat;
	font-weight: 100;
	color: rgba(0, 90, 135, 0.1);
	text-shadow: 0 -1px #fff ,0 -2px #fff, 0 8px 15px rgba(0,0,0,0.7);
	font-size: 10vw;
	opacity: .7;
	z-index: 999;
}
.overlay {
	content: '';
	background: rgba(0, 90, 135, 0.6);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.tbl-1988 tbody tr:nth-child(odd):hover td {
	background: #FFF0DB;
}
/*テーブル hover クロスハイライト*/
.cross-highlight {
	border-spacing: 0;
	border-collapse: collapse;
	border: solid 1px #666;
	overflow: hidden;
}
.cross-highlight tr:hover {
	background-color: #FFF0DB;
}
.cross-highlight td, .cross-highlight th {
	position: relative;
}
.cross-highlight td:hover{
	background-color: #FFBD5D !important;
}
.cross-highlight tr:hover td.year{
	font-weight: bold;
}
.cross-highlight td:hover:after {
	content: "";
	background-color: #FFF0DB;
	width: 100%;
	height: 200vh;
	position: absolute;
	top: -100vh;
	left: 0;
	z-index: -1;
}


/* -------------------------- アクセス --------------------------- */
#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%);
}
body.page-access .desc i{
	padding: 0 5px;
}
.column-wrap.no-padding {
	justify-content: start;
}
.column-wrap.no-padding.column-3 > div{
	width: 33.33%;
}
.column-wrap.border {
	border: 1px solid #aaaa;
}
#park {
	margin-bottom: 100px;
	padding: 6%;
	display: flex;
}
#park .column-left, #park .column-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 47%;
}
#park .desc {
	margin-bottom: auto;
}
#park img{
	height: 300px;
	width: 100%;
	object-fit: cover;
	margin-top: auto;
}
#map:hover{
	cursor: pointer;
}
/* ---------------------------- HighCharts ----------------------------- */

/* 当院で発見された悪性腫瘍 */
.chart {
	height: 60vh;
	max-height: 500px;
	min-height: 300px;
}
/* HighCharts 共通 */
.highcharts-figure, .highcharts-data-table table {
	font-family: Questrial;
	min-width: 310px; 
	margin: 1em auto;
}
.highcharts-data-table table {
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
}
.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
	padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}
.highcharts-data-table tr:hover {
	background: #FFBD5D;
}
.highcharts-title {
	font-family: "リュウミン R-KL";
}

/* 付箋付きボックス -----------------------------------------------　*/
.bb-attention .bb-label::after {
	content: "ご注意";
	font-family: '新ゴ B';
}
/* 輪郭線を 3px から変更 */
.blank-box {
	border: 1px solid;
	background: white;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
/* 輪郭線を 3px から変更 */
.blank-box.bb-tab .bb-label {
	left: -1px;
}
.information-box {
	border: none;
}
button.normal {
	font-size: .85rem;
	border: none;
}
button i {
	color: var(--theme-color);
	font-size: 1.8rem;
}
/* サイトマップ｜site-map */
.article .sitemap ul li {
	margin-bottom : 10px;
}
.sitemap li a {
	font-weight: bold;
	display: block;
	text-decoration: none;
	border-left: 4px solid var(--theme-color);
	border-top: 1px solid #ddd;
	padding: 8px;
}
.sitemap li a:hover {
	background: #efefef;
}
.sitemap .children a {
	font-weight: normal;
	margin-left: 16px;
	padding: 6px;
}
div.wp-caption {
	width: 100% !important;
}
.entry-card-snippet {
	font-size: 1rem;
}
.entry-card-info > * {
	font-size: .9rem;
}

/* 投稿記事 single ページの画像幅 */
body.single img{
	width: 100%;
}
body.single span.bold {
	font-family: "リュウミン B-KL";
	font-size: 1.2rem;
}
.w800 {
	max-width: 800px;
}
/* top ページ内 AI相談窓口 */
/*#ubie-banner {
position: absolute;
bottom: 0;
left: 0;
width: 400px;
margin: 10px;
}
*/
a.ai-soudan, a.ai-soudan:hover {
	text-decoration: none;
	color: black;
}
#ai-soudan-box-header {
	position: absolute;
	left: 20px;
	bottom: 40px;
	background-color: white;
}
.ai-soudan-box{
	width: 480px;
	border: 4px solid #E34B83;
	border-radius: 6px;
	padding: 0 0 8px 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: Questrial, Montserrat, 'Josefin Sans', Quicksand, Roboto, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, 
		background-color: white;
}
.ai-soudan-box:hover {
	cursor: pointer;
	background-color: #ffffef!important;
	box-shadow: 0 2px 4px -1px rgba(255,0,0,.2), 0 4px 5px 0 rgba(255,0,0,.14), 0 1px 10px 0 rgba(255,0,0,.12);
}
.ai-soudan-box .contents {
	margin-top: 8px;
	line-height: 1.5;
	font-weight: bold;
}
.ai-soudan-box .caution {
	font-size: .95rem;
}
.ai-soudan-box .title {
	position: relative;
	top: -1px;
	left: -20px;
	padding: 10px;
	font-size: 1rem;
	font-weight: bold;
	color: white;
	background-color: #E34B83;
	border-radius: 0 0 6px 0;
}
.ai-soudan-box .right-box {
	position: relative;
	width: 100px;
}
.ai-soudan-box .right-box .ai-soudan{
	position: absolute;
	bottom: -8px;
	right: 0;
}
.ai-soudan-box #ai-soudan-hand {
	position: absolute;
	width: 60px!important;
	height: 60px!important;
	bottom: -35px;
	right: 60px;
	z-index: 1;
	filter: drop-shadow( 0 0 0.75rem white);
}

/************************************
** ショートコードカテゴリ一覧
************************************/
.custom-entry-card-wrap.a-wrap {
	text-decoration: none;
	display: block;
	color: #333;
	padding: 1.5%;
	margin-bottom: 3%;
	transition: all 0.3s ease-in-out;
}
.custom-entry-card-wrap h2 {
	color: #333;
	font-size: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6;
	font-weight: bold;
	background: none;
}
.custom-entry-card-wrap .entry-card-content {
	margin-left: 216px;
}
.custom-entry-card-wrap .entry-card-thumb {
	width: 216px;
}
.custom-entry-card-wrap .card-thumb img {
	display: block;
	width: 216px;
	height: 14vw;
	max-height: 140px;
	object-fit: cover;
}

.pagination.cumstom_pagination .border-partition a,
.pagination-next.cumstom_pagination .border-partition a,
.pagination-next.cumstom_pagination .border-partition a:first-of-type {
	border-top: solid;
	border-left: solid;
	border-right: solid;
	border-bottom: solid;
}

@media screen and (max-width: 480px) {
	.custom-entry-card-wrap h2 {
		font-size: 16px;
		line-height: 1.3;
	}
	.custom-entry-card-wrap .entry-card-content {
		margin-left: 38%;
	}
	.custom-entry-card-wrap .entry-card-thumb {
		width: 38%;
	}
	.custom-entry-card-wrap .card-thumb img {
		width: 100%;
		height: 18vw;
		max-height: 180px;
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
	/*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	/*必要ならばここにコードを書く*/
	.d-row:not('.ai-soudan-box'){
		flex-direction: column;
	}
	.d-flex .card{
		width: 100%;
	}
	#footer_top{
		display: none;
	}
	div.footer-bottom{
		display: none;
	}
	.option .card, .card.dog{
		margin: 10px 0;
	}
	.uraoka-theme.wp-posts-carousel .wp-posts-carousel-title{
		font-size: 1rem !important;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	/*必要ならばここにコードを書く*/
	#footer_inner {
		flex-direction: column;
	}
	#footer_top .col-6{
		width:100%;
	}
	h2.p-link {
		padding-top: 0;
		margin-top: 20px;
	}
	.card.none {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	.page .eye-catch,
	.max-img {
		margin-left: -29px;
		margin-right: -29px;
	}
}

@media screen and (max-width: 768px) {
	.article h2{
		font-size: 1.35rem;
	}
	.article h3{
		font-size: 1.25rem;
	}
	.article h4{
		font-size: 1.15rem;
	}
	.article h5{
		font-size: 1.1rem;
	}
	.article h6{
		font-size: 1.05rem;
	}
	.article h7{
		font-size: 1rem;
	}
	.page .eye-catch,
	.max-img {
		margin-left: -10px;
		margin-right: -10px;
	}
	h2.horizontal-ruler{
		padding: 0;
		font-size: 1.2rem;
	}
	.text-center{
		padding: 10px;
	}
	.no__br{
		text-align: justify !important;
		text-justify: inter-ideograph !important;
	}
	.text-center .no__br{
		text-align: left;
	}
	.no__br br{
		display: none;
	}
	table.sinryo span.item{
		display: none;
	}
	table.sinryo th:first-child{
		width: 110px;
	}
	.headline_area{
		width: 50vw;
		height: 80px;
	}
	.headline_area_inner{
		display: block;
		position:absolute;
		top 0;
		left 0;
		width: 100%;
	}
	.headline{
		font-size: 5vw;
		line-height: 1;
	}
	#footer_banner .item {
		width: 50%;
	}
	#side-btn{
		left: calc(100% - 54px);
	}
	div.staff h2{
		margin: 30px auto;
	}
	div.staff img{
		height: auto;
		object-fit: contain;
	}
	img.width-100{
		width: 100%;
		height: 100%;
	}
	div#body_top_img_box{
		margin-top: 0;
	}
	body.page-access #gallery {
		display: none;
	}
	.column-wrap {
		flex-direction: column;
	}
	.column-wrap > div {
		width: 100% !important;
	}
	.tbl-jisseki, .tbl-cancer {
		width: 100%;
		margin: 0;
	}
	.entry-content img:not(.svg-icon):not(.no_resize){
		max-height: 50vh;
	}
	#body_top_img_box img {
		width: 100vw;
	}

	.vegas-sub-title {
		.7rem;
	}
	/* ai相談 */
	.ai-soudan-box {
		width: 390px;
		font-size: .8rem;
	}
	.ai-soudan-box .right-box {
		width: 70px;
	}
	.ai-soudan-box .title {
		font-size: .83rem;
	}
	.ai-soudan-box .caution{
		font-size: .7rem;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
	.home #vegas-container{
		height: 40vh;
	}
	div.content_center{
		font-size: 1rem !important;
		background-attachment: local !important;
	}
	.entry-content img:not(.svg-icon):not(.no_resize){
		height: 35vh;
	}
	img.inchou{
		width: 100%;
	}
	#sinryo_biko{
		text-align: left;
	}
	a.button {
		padding: 15px;
	}
	.tbl-dock-desc td.item{
		width: 1.5rem;
	}
	#ubie-banner {
		width: 95%;
		margin: 10px;
	}
	br.hp-show {
		display: block;
	}
	.vegas-title .jp {
		font-size: 8vw;
	}

	/* ai相談 */
	/* 480px以下の解像度（スマートフォン）で非表示 */
	#ai-soudan-box-header{
		display: none;
	}
	/* 480px以下の解像度（スマートフォン）で表示 */
	#ai-soudan-box-hp {
		position: relative;
		display: flex;
		padding: 0 0 8px 10px;
		margin: 6px;
		width: auto;
	}
	.ai-soudan-box .title {
		padding: 4px 6px;
		left: -11px;
	}
	.ai-soudan-box .right-box {
		/* display: none; */
		min-width: 60px;
		margin-left: 16px;
	}
	.ai-soudan-box #ai-soudan-hand-hp {
		position: absolute;
		right: 44px;
		bottom: -42px;
		z-index: 1;
	}
}