/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/
h1{font-size:1.8em;color:#009966;}
h2{font-size:1.4em;color:#009966;}
h3{font-size:1.4em;color:#333;}
h4{font-size:1em;color:#333;}

ul{
	margin: 1em 0;
	text-align:left;
	padding-left: 40px;
	list-style-type: disc;
}
ol{
	margin: 1em 0;
	text-align:left;
	padding-left: 40px;
	list-style-type: decimal;
}
table{border:1px;}


/*タイトル画像サイズ変更*/
.navbar-brand {width:250px;}

/*ヘッダー*/
.bg-primary{background-color:#FFF!important;
background-color: rgba(255, 255, 255, 0.95)!important;box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.2);}

/*メニューテキスト・ナビ背景*/
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color:#009966;}
#main-menu{font-weight:600;}

#navbarNavDropdown{
transition: all 0.2s ease-out;
}
.navbar-dark .navbar-nav .nav-link {
    color:#009966;
}
.navbar-dark .navbar-nav .nav-link.active{
    color:#009966;
}
.navbar-dark .navbar-nav .nav-link:hover{
    color:#52c49e;
}

@media (max-width: 1199px){}
@media (max-width: 991px){.nav-item{background-color:#d3f3e8;
padding:0 1em 0 1em;margin:1px;border-radius:5px}
.nav-item:hover{background-color:#fafbe2;}}
@media (max-width: 767px){}
@media (max-width: 543px){}


li.current-menu-item  {
    background-color: #ffffcc; 
	border-radius:5px;
}

/*バーガーメニュー*/
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 153, 102, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
#main-menu{margin-bottom:1rem;}

/*トップビジュアル*/
.thumb-img{height:150px bottom 0px;}
.btn-woman{
padding-top:50px;
background-image:url(/wp-content/uploads/2025/08/wman.png);
background-repeat: no-repeat;
background-position: left 20px top 0px;
background-size: 90px;
}
.btn-man{
padding-top:50px;
background-image:url(/wp-content/uploads/2025/08/man.png);
background-repeat: no-repeat;
background-position: right 15px top 0px;
background-size: 90px;
}

#mainvisual{margin:-80px 0 0 0;}
#page-wrapper,wrapper{padding-top:0;}
.subcap {margin-top:-240px;width:75%;margin-left:90px;text-align:left;margin-bottom:0;}
.subcap .col-8  {padding:1em;background-color: rgba(255, 255, 255, 0.9);border-radius:5px;}
.subcap .col-8 h1 {font-size:1.2em;color:#009966;text-align:left;}
@media (max-width: 1199px){
.subcap {margin-top:-200px;width:85%;margin-left:50px;}
#mainvisual{margin:-50px 0 0 0;}

}
@media (max-width: 991px){
.row.subcap {margin-top:-80px;width:100%;margin-left:0px;}
#mainvisual{margin:-40px 0 0 0;}
}
@media (max-width: 767px){
.row.subcap {margin-top:-60px;}
#mainvisual{margin:0px 0 0 0;}
}
@media (max-width: 543px){
.subcap .col-8  {padding:0.5em;}
.subcap .col-4  {padding:0;}
}

.subcap h1{margin:0;font-size:1.2em !important;margin-bottom:0.4em;}

/*コンテンツ設定*/
.entry-content{text-align:center;}

h1{text-align:center;margin:1em 0;}

/*初診の方エリア*/
.line-btn-area{
	margin:0 auto .5rem auto ;
	width:340px;
}
.line-btn-area span{font-size:1.5em;
font-weight:bold;
	margin:1em 0 0 0;
}
.line-btn-area p{font-size:0.9em;
}
.white_wrap{background:#FFF;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
padding:1.5em;text-align:left;border-radius: 0.5rem;}

@media (max-width: 543px){.white_wrap{padding:1em;}}

.white_wrap h3{border-bottom:2px #ccc dotted;}


/*LINEボタン*/
a.btn_line {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin: auto;
	padding: 1rem 3rem;
	font-weight: bold;
	border-radius: 0.5rem;
	border-bottom: 7px solid #006f00;
	background: #00b900;
	color: #fff;
		background-image:url(http://homecareclinic-online.jp/wp-content/uploads/2025/08/icon_line.png) ;
background-repeat: no-repeat;
background-position: left 10px bottom 50%;
  background-size: 15%;
}
a.btn_line_noimg {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	border-radius: 0.5rem;
	border-bottom: 7px solid #006f00;
	background: #00b900;
	color: #fff;
}
a.btn_line:hover {
	margin-top: 6px;
	border-bottom: 1px solid #006f00;
	color: #fff;
}
a.btn_line_noimg:hover {
	margin-top: 6px;
	border-bottom: 1px solid #006f00;
	color: #fff;
}

/*NORMALボタン*/
a.btn_go {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;

	width: 100%;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 7px solid #0686b2;
	background: #27acd9;
	color: #fff;
}
a.btn_go:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

/*テーブル*/
 .minwidth600 table{min-width:600px}

.table-bordered, .wp-block-table table {
    border: 2px solid #52c49e;
}
.wp-block-table thead
 {
    border-bottom:none;
}
.has-fixed-layout {
  border-collapse: collaps !important;
  font-weight: bold !important;
  text-align: center !important;
	width:100%;
}
.has-fixed-layout th, td {
  padding: .5em 1em !important;
  border: 2px solid #52c49e !important;
}
.has-fixed-layout th {
  background: #52c49e !important;
  color: #fff !important;
  border-right: 2px solid #fff !important;
  border-top: 2px solid #52c49e !important;
}
.has-fixed-layout th:last-of-type {
  border-right: 2px solid #52c49e !important;
}

/*注釈文字*/
.anntxt{font-size:0.8em;}

/*手順説明*/
.steps h2{color:#000;font-size:1em;}
div.steps {margin:2em;}
.steps {
  counter-reset: step-counter;
  position: relative;
  padding-left: 2rem;
}
.steps:before {
  content: "";
  background-color: #27acd9;
  width: 2px;
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  height: calc(100% - 0.7rem);
  z-index: 0;
}

.steps > h2 {
  counter-increment: step-counter;
  display: flex;
  align-items: center;
}
.steps > h2:before {
  content: counter(step-counter);
  background: #27acd9;
  color: white;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.5rem;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  position: absolute;
  left: 0;
  z-index: 1;
}

/*よくある質問*/
.accordion-006 {
 ? ?max-width: 900px;
    margin-bottom: 7px;
    background-color: #d3f3e8;
    border-radius: 5px;
}
.accordion-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #009966;
    font-weight: 600;
    cursor: pointer;
}

.accordion-006 summary::-webkit-details-marker {
    display: none;
}
.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #a3c3b8;
    border-right: 3px solid #a3c3b8;
    content: '';
    transition: transform .3s;
}
.accordion-006[open] summary::after {
    transform: rotate(225deg);
}
.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}
.accordion-006[open] p {
    transform: none;
    opacity: 1;
}

.FAQ-Q{font-size:1.4em;
color:#3366cc;text-align:left;vertical-align:top;}

.FAQ-A{font-size:1.4em;
color:#ff84be;text-align:left;}


.telbig{font-size:1.8em;font-weight:bold;color:#009966;text-align:center;}
.telbig a{color:#009966;}


/*フッター背景*/
#wrapper-footer-full{background-color:#009966;color:#FFF;text-align:center;}
#wrapper-footer{background-color:#009966;color:#FFF;}
.m-f-footer{font-size:5em;line-height:0;}
.m-f-footer img{width:150px;margin-bottom:10px;}
.m-tx-footer{text-align:center;}
.m-tx-footer a{color:#fff;border-bottom:1px dotted #fff;}
.m-tx-footer a:hover{text-decoration:none;}
.site-footer{text-align:center;}

/*ページトップへ戻る*/
.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #009966;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid #009966;
  border-right: 3px solid #009966;
  transform: translateY(20%) rotate(-45deg);
}

/*モーダルウィンドウ*/
.modal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 9999
}
.modal.is-show {
  display: block;
}
.modal-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 10000;
}
.modal-content {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  max-width: 500px;
  width: 80%;
  max-height: 80vh;
  overflow-y: auto;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: 10001;
}
.modal-close {
  position: relative;
  cursor: pointer;
  background: none;
  border: none;
  z-index: 10002;
}
/*自由診療ボタン*/
.p-med-btn a{	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	max-width: 400px;
	margin: auto;
	padding: .5rem .5rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 7px solid #0686b2;
	background: #27acd9;
	color: #fff;}
.p-med-btn a:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

/*LINEイメージなしボタン*/
.p-line-btn a{	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	max-width: 400px;
	margin: auto;
	padding: .5rem .5rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 7px solid #006f00;
	background: #00b900;
	color: #fff;}
.p-line-btn a:hover {
	margin-top: 6px;
	border-bottom: 1px solid #006f00;
	color: #fff;
}



/*ブログ*/
#blog_title{background-image:url("/wp-content/uploads/2025/08/bgblog.jpg"); background-position: 0 0;background-repeat: no-repeat;background-color:#e4e4e4;}
#blog_title .container .col-md{background-color: rgb(0 185 0 / 0.55);padding:10px;border-radius:10px;}
#blog_title .container h1{margin:0;font-family: "秀英にじみ丸ゴシック B";color:#fff;}

.blog_white_wrap{background:#FFF;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);padding:1.5em;text-align:left;border-radius: 0.5rem; }
#single-wrapper .blog_white_wrap .entry-title{text-align:left !important;margin:0 0 0.3em 0;}
#single-wrapper .blog_white_wrap .entry-content{text-align:left !important;}
.entry-meta{font-size:0.7em; margin-bottom:0.5em;text-align:right;color:#666;}
.entry-meta a{color:#666;}
.entry-footer{font-size:0.7em; margin-bottom:0.5em;text-align:right;color:#666;margin-bottom:1.5em;}
.entry-footer a{color:#666;}
#archive-wrapper .blog_white_wrap .page-title{text-align:left !important;margin:0 0 1em 0;font-family: "秀英にじみ丸ゴシック B";}
#archive-wrapper .blog_white_wrap .entry-content{text-align:left;}
body.blog .site-main{background:#FFF;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);padding:1.5em;text-align:left;border-radius: 0.5rem; }
.blog_side_white_wrap{background:#FFF;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);padding:1.5em;text-align:left;border-radius: 0.5rem;}
.blog_side_white_wrap h2{font-family: "秀英にじみ丸ゴシック B";}
.blog_side_white_wrap a{color:#009966;border-bottom:2px dotted #009966;}
.blog_side_white_wrap a:hover{text-decoration:none;}
@media (max-width: 767px){.blog_side_white_wrap{margin-top:1em;}}

.wp-block-categories-list ul{margin:0;}

body.blog h2.entry-title a{color:#009966;border-bottom:2px dotted #009966;}
body.blog h2.entry-title a:hover{text-decoration:none;}
body.archive h2.entry-title a{color:#009966;border-bottom:2px dotted #009966;}
body.archive h2.entry-title a:hover{text-decoration:none;}

body.blog .entry-content{text-align:left;}


.wp-block-categories-list{padding-left:0 !important;list-style:none;}

/*投稿ページ*/
#single-wrapper .catchip{background-color:#ececec;padding:0 2px;margin-bottom:0.3em;font-size:0.8em;}
#single-wrapper .catchip a{color:#999;}


/* 投稿本文内の要素を枠内に収める */
.entry-content img,
.entry-content table,
.entry-content iframe {
  max-width: 100%;
  height: auto;
}
/*サイドバー*/
ul.wp-block-latest-posts li{margin-bottom:1em;list-style: inside;color:#666;}

/*ブログ非表示*/
.entry-meta .byline {display:none;}

/*スペース*/
.margin_bottom1em{margin-bottom:1em;}

/*マーカー*/
strong, em, mark {
    background: linear-gradient(transparent 60%, #FFF8C7 60%);
}

/*comming*/
.overlay-text{text-align:center;vertical-align:middle;}

/*パンくずリスト*/
nav.breadcrumb {background-color:#ececec;border-bottom:1px solid #87ff87;font-size:0.9em;margin-top:-30px;}