@charset "utf-8";

/* ウィジェット
-------------------------------------------------------------- */
.widget-area {
width:90%;
margin: 0px auto 18px 0px; /*左サイドバー/margin-left:0px; 右サイドバー/margin-right:0px; */
text-align:center;
}
.widget-area li {
width:100%;
margin:0px auto 0px auto;
list-style:none;
}
.widget-area li ul {
width:100%;
margin:0px auto 18px auto;
line-height:160%;
}
.widget-area li ul li a {
width:95%;
margin:0px auto 0px auto;
line-height:180%;
padding:2px 3px 2px 3px;
text-align:left;
border-bottom:1px dotted #3D0F0A;
display:block;
}
.widget-area li ul li span.current_post {
color: #8E9FE8;
}
h3.widget-title {
margin: 0px auto 10px auto;
padding:7px 0px 7px 0px;
font-weight:600;
line-height:100%;
color:#FFF;
width:100%;
text-align:center;
background-color:#8E9FE8;
border-radius: 4px 4px 0px 0px; /* CSS3草案 */  
-webkit-border-radius: 4px 4px 0px 0px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 4px 4px 0px 0px;   /* Firefox用 */
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

/* ウィジェット　その他
-------------------------------------------------------------- */
.textwidget {
width:100%;
margin:10px auto;
line-height:160%;
font-size:13px;
text-align:left;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
	margin: 0px auto;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 4px;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #fff;
}
.widget_rss a.rsswidget:hover {
	color: #fff;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

.widget_mycategoryorder li {
display: none;
}

.widget_mycategoryorder li.cat-item {
display:inherit;
}

/* トップイメージ
-------------------------------------------------------------- */
#top-image {
margin:0px;
width:100%;
height: 280px;
margin:0px 0px 0px auto; /*左側に配置/margin-left:0px; 右側に配置/margin-right:0px; */
}
ul#portfolio {
margin:0px;
text-align:left;
overfow: hidden;
z-index: 10;
}
ul#portfolio li {
list-style:none;
list-style-type:none;
}
ul#portfolio li img {
border: 0px;
}

/* おしらせ
-------------------------------------------------------------- */
.whatsnew {
text-align:center;
width:100%;
margin:10px 0px 0px auto; /*左側に配置/margin-left:0px; 右側に配置/margin-right:0px; */
}

.whatsnew .whatsnew-title {
margin:0px 0px 15px 0px;
vertical-align:middle;
background-color:#8E9FE8;
border-radius: 4px 4px 0px 0px; /* CSS3草案 */  
-webkit-border-radius: 4px 4px 0px 0px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 4px 4px 0px 0px;   /* Firefox用 */
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

.whatsnew .whatsnew-title p {
text-align:center;
font-size:16px;
line-height:30px;
color:#FFFFFF;
}
.whatsnew p.whatsnew-right {
float:right;
font-weight:normal;
font-size:12px;
padding-top:5px;
padding-right:0px;
}
.whatsnew ul {
clear:both;
width:100%;
margin:0px auto 0px auto;
}
.whatsnew ul li {
width:100%;
margin:8px auto 0px auto;
padding:0px 0px 5px 5px;
border-bottom:1px dotted #3D0F0A;
text-align:left;
font-size:12px;
line-height:100%;
font-weight:normal;
list-style:none;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* タブでカテゴリー毎に記事を一覧*/
.tab-box {
width:100%;
margin:0px 0px 0px auto; /*左側に配置/margin-left:0px; 右側に配置/margin-right:0px; */
height:auto!important;
display:block;
}
.tab-box .tab  {
width:100%;
margin:0px 0px 12px auto; /*左側に配置/margin-left:0px; 右側に配置/margin-right:0px; */
height:30px;
background-color:#8E9FE8;
border-radius: 4px 4px 0px 0px; /* CSS3草案 */  
-webkit-border-radius: 4px 4px 0px 0px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 4px 4px 0px 0px;   /* Firefox用 */
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.tab-box .tab ul {
margin-left:10px;
}
.tab-box .tab li  {/*クリックするタブ部分*/
float:left;
line-height:30px;
list-style:none;
height:30px;
text-align:center;
width:100px;
font-size:12px;
border-right:1px solid #dcdcdc;
}
.tab-box .tab li a {
text-align:center;
display:block;
color:#fff!important;
width:100px;
}
.tab-box .tab li:first-child  {/*選択中のタブのリンクカラー*/
text-align:center;
color:#fff!important;
width:110px;
margin-left:-10px;
border-radius: 4px 0px 0px 0px; /* CSS3草案 */  
-webkit-border-radius: 4px 0px 0px 0px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 4px 0px 0px 0px;   /* Firefox用 */
}
.tab-box .tab li:first-child a {/*選択中のタブのリンクカラー*/
text-align:center;
display:block;
color:#fff!important;
width:110px;
}
.tab-box .content_box {/*切り替わる部分を囲うボックス*/
    clear: both;
    overflow: hidden;
    width:100%;
    height:auto!important;
   margin:10px auto;
}
.tab-box .content_box  ul {
clear:both;
width:670px;
margin:0px auto 0px auto;
}
.tab-box .content_box ul li  {
width:100%;
margin:8px auto 0px auto;
padding:0px 0px 5px 5px;
border-bottom:1px dotted #3D0F0A;
text-align:left;
font-size:12px;
line-height:100%;
font-weight:normal;
list-style:none;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.tab-box .content_box p.whatsnew-right {
float:right;
font-weight:normal;
font-size:12px;
padding-top:5px;
padding-right:0px;
}
.tab-box .area {/*切り替わる部分はまず全部消しておく*/
    display: none;
}
.tab-box .tab li.active {/*選択中のタブ。色を変える等*/
text-align:center;
line-height:30px;
height:30px;
background-color:#4867CC;
}
.tab-box .tab .tab li.active a {/*選択中のタブのリンクカラー*/
text-align:center;
color:fff;
background-color:#4867CC;
}
.tab-box .tab li a:hover {/*選択中のタブのリンクカラー*/
text-align:center;
color:fff;
background-color:#4867CC;
}
.tab-box .tab li:first-child a:hover {/*選択中のタブのリンクカラー*/
color:fff;
text-align:center;
background-color:#4867CC;
width:110px;
border-radius: 4px 0px 0px 0px; /* CSS3草案 */  
-webkit-border-radius: 4px 0px 0px 0px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 4px 0px 0px 0px;   /* Firefox用 */
}

/*ページネートリンク*/
div.wp-pagenavi {
    margin: 30px 30px;
    color: #555;
    font-size: 85%;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 0.5em 1em;
    margin: 0.25em;
    text-decoration: none;
    border: 1px solid #8E9FE8;
}
.wp-pagenavi a:visited {
    border: 1px solid #8E9FE8;
}
.wp-pagenavi a:hover {
    text-decoration: underline;
    border: 1px solid #8E9FE8;
	background-color:#8E9FE8;
    color: #fff;
}
.wp-pagenavi a:active {
    border: 1px solid #4867CC;
	background-color:#8E9FE8;
    color: #fff;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
    padding: 0.5em 1em;
    margin: 0.25em;
    border: 1px solid #ddd;
}
.wp-pagenavi span.current {
    font-weight: bold;
}

/*コンテンツ　詳細
-------------------------------------------------------------- */
/*診療予約について*/
.yoyaku {
width:600px;
margin:20px auto 20px auto;
}
.web-yoyaku {
float:left;
width:50%;
}
.mobile-yoyaku {
float:right;
width:50%;
}
.yoyaku p {
text-align:center;
}

/* 記事　見出し*/
#content h3 {
clear:both;
width:100%;
padding:4px 0px 3px 0px;
margin:25px auto 18px auto;
text-indent:13px;
background-color:#8E9FE8;
text-align:left;
line-height:100%;
font-size:15px;
color:#fff;
border-radius: 3px; /* CSS3草案 */  
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px;  /* Firefox用 */
}

/* 小見出し（DT）*/
#content dt {
font-size: 16px;
line-height: 28px;
color:#E84D9B;
}

/* 小見出しー大（h4）*/
#content h4 {
font-size: 16px;
line-height: 28px;
color:#E84D9B;
}

/* 小見出しー標準サイズ（h5）*/
#content h5 {
font-size: 14px;
line-height: 28px;
color:#E84D9B;
}

/* いいねボタン */
.fb-like-box-top {
clear: both;
width:95%;
height:35px;
margin : 0px 10px 0px 10px;
}
.fb-like-box-top .fb-like {
float:left;
padding:7px 0px 0px 10px;
}
.fb-like-box-top .f-logo {
float:left;
padding:0px 0px 0px 0px;
}
.facebook-like-botan {
width:100%;
text-align:right;
}

/* Trust Form */
.contact-form {
margin:0px auto;
}
.contact-form table {
width:99%!important;
margin:15px auto 30px 1px;
border:1px solid #a3a2a2!important; /* テーブルボーダーカラー */
background-color:#FFFFFF;
}
.contact-form table th {
width:25%;
border:1px solid #a3a2a2!important;
font-weight:bold!important;
vertical-align:top;
padding-top:10px;
color:#ed63d5!important; /* 質問項目のテキストカラー */
background: #EAF0F9;  /* 質問項目の背景カラー */
font-size:14px!important; 
}
.contact-form table td {
border:1px solid #a3a2a2!important;  /* テーブルボーダーカラー */
font-weight:normal;
vertical-align:top!important;
color:#000000!important;
padding-top:12px!important;
padding-left:5px!important;
font-size:14pxt;
}
.contact-form table td select {
margin-bottom:5px!important;
}
.contact-form textarea  {
clear:both;
background: #fbfbff; /* テキストボックス背景カラー */
border: 1px solid #ccc!important;  /* テキストボックスボーダーカラー */
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
color:#000000!important;
margin-bottom:0px;
}
.contact-form input[type="text"] {
background: #f2f7fe;  /* テキストボックス背景カラー */
padding: 2px;
color:#000000!important;
margin-bottom:0px;
}
.contact-form input[type="radio"] {
color:#000000!important;
vertical-align:middle!important;
position:relative;
top:8px;
}
.contact-form input[type="checkbox"]  {
color:#000000!important;
vertical-align:middle!important;
position:relative;
top:8px;
}
.contact-form li {
list-style-type:none;
height:20px;
position:relative;
top:-10px;
float:left; /* チェックボックス・ラジオボタン　並べ方 */
}
.contact-form label {
color:#000000!important;
font-size:13px;
margin-right:15px;
}
.submit-container {
width:100%;
text-align:center;
margin-top:-15px;
}
.require {
color:#FF0000;
font-weight:bold;
font-size:14px;
}
.submessage {
margin-top:5px;
margin-left:10px;
color:#555;  /* 補足テキストカラー */
font-size:12px!important;
float:right;
}

/*診療時間 テーブル */
table.time {
width:100%;
border: 1px solid #ccc!important;
border-collapse: collapse!important;
margin:0px auto;
background-color:#fff;
}
table.time th {
border: 1px solid #ccc!important;
padding: 7px!important;
vertical-align:middle;
text-align:center;
}
table.time td {
border: 1px solid #ccc!important;
padding: 7px!important;
vertical-align:middle;
text-align:center;
}
table.time td.w-150 {
width:150px;
}
table.time td.day {
font-size:140%!important;
}
table.time td.day-on {
background-color:#dee4fd;
color:#E84D9B;
font-size:160%!important;
}

/* クリニックフォト　記事一覧
-------------------------------------------------------------- */
ul.clinic-photo-box {
width:100%;
margin:0px auto 0px auto;
border:0px!important;
}
ul.clinic-photo-box li.clinic-photo {
float:left;
width:280px;
height:210px;
margin:20px 20px 20px 20px;
list-style-type:none;
}
ul.clinic-photo-box li.clinic-photo figure {
width:280px;
height:210px;
margin:0px;
padding:0px;
}
ul.clinic-photo-box li.clinic-photo figure img {
padding:0px;
width:280px;
height:210px;
}
ul.clinic-photo-box li.clinic-photo .clinic-photo-title {
height:20px;
width:100%;
line-height:170%;
text-align:center;
margin-top:5px;
}

/* 院内フォト シングルページ
-------------------------------------------------------------- */
.clinic-photo-box2 {
width:640px;
margin:0px auto 0px auto;
}
.clinic-photo-box2 figure {
width:640px;
margin:0px auto;
}
.clinic-photo-box2 figure img {
margin:0px auto;
}

/* TOPイメージ
-------------------------------------------------------------- */
#top-image2,
#slider {
	width:100%;
	height:250px;	
}
.slider-wrapper {
	width:100%;
	height:250px;
}
.nivoSlider img {
	width:100%;
	height:250px;
}

/* TEL（PC）
 -------------------------------------------------------------- */
.tel {
	position:absolute;
	right:0;
	top:10px;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	margin:0;
	padding:0;
	letter-spacing:0.03em;
	font-weight:bold;
	color:#8E9FE8;
}
.tel span {
	font-size:85%;
	margin:0;
	padding:0;
	margin-bottom:8px;
	color:#8E9FE8;
}
@media all and (max-width: 1155px) {
.tel {
	font-size:26px;
}
}

/* 営業カレンダー
 -------------------------------------------------------------- */
.business-calendar-attribute li.attr0 {
	width:33%;
	float:left;
}

/*---------------------------------------------------------
 ページネーション（複数ページにまたがる時）2023-04-13追加
  ---------------------------------------------------------*/
.pager_style{
	text-align:center;
	padding:30px 0 0 0;
}
.pager_style li{
	width:40px;
	border:1px solid #BBBBBB;
	background:#fff;
	display:inline-block;
	margin:0 5px 10px 0;
}
.pager_style li:hover{
	background:#82c264;
}
.pager_style li.on{
	background:#82c264;
}
.pager_style li a{
	font-size:16px;
	text-decoration:none;
	display:block;
	padding:8px 0;
}
.pager_style li.on a{
	color:#fff;
}
.pager_style li a:hover{
	color:#fff;
}
.pager_style li.prev{
	margin:0 10px 0 0;
}
.pager_style li.next{
	margin:0 0 0 10px;
}
@media screen and (max-width: 768px) {
	.pager_style li{
		width: 30px;
	}
	.pager_style li a{
		font-size:12px;
		padding:6px 0;
	}
	.pager_style li.prev,
	.pager_style li.next{
		margin:0;
	}
}