/*
Theme Name: さくら小児科医院テンプレート
Description: さくら小児科医院テンプレート
Author: Mika Obata
Version: 1.0

2018.04
*/


/*
有限会社インフォテック　2カラムスタイル（中ページ用）
2018 小畑

☆優先順位☆
[1位(スマホ)]・・・739px以下のスタイル
[2位(タブレットorパソコン)]・・・740px以上のスタイル
[3位(パソコン)]・・・1024px以上のスタイル

■2種類でフレキシブル対応をしているので今後さらに分ける場合は追加出来ます
■全てに対応させたい場合は[1位]のみに記述しておけばOKです
*/

/*
株式会社パワーネット

2026/6/16
カレンダー表示用のデザイン(calendar-area, calendar-legend)を追加 ※index.phpにも同じCSSを入れること

*/



/* ---スマホ(739px以下の時のスタイル)--- */

body{
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-image: url("../../wordpress/img/all/background.jpg");
	margin:0;
	position: relative;
	overflow-x: hidden;
	line-height:1.5em;
}
p{
	font-size:16px;
	color:#42210B;
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}

.phone{
	display:inline;
}
.tablet{
	display:none;
}

/*メニューを非表示にする*/
.navigation{
	display:none;
}

/*ハンバーガーアイコンのCSS*/
.hamburger {
  	display: block;
  	position: fixed;
  	width: 100%;
  	height: 45px;
  	background-color:#ffa1c5;
  	border-bottom:3px solid #fc77a3;
  	opacity: 0.9;
  	top: 0;
  	right: 0;
  	z-index: 10000;
  	padding: 12px;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  	-webkit-tap-highlight-color: transparent;
  	-ms-touch-action: manipulation;
  	touch-action: manipulation;
}
.hamburger__icon {
  	position: relative;
  	margin-top: 7px;
  	margin-bottom: 7px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
  	display: block;
  	width: 25px;
  	height: 2px;
  	background-color: #fff;
  	-moz-transition-property: background-color, -moz-transform;
  	-o-transition-property: background-color, -o-transform;
  	-webkit-transition-property: background-color, -webkit-transform;
  	transition-property: background-color, transform;
  	-moz-transition-duration: 0.4s;
  	-o-transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	transition-duration: 0.4s;
}
.hamburger__icon:before, .hamburger__icon:after {
  	position: absolute;
  	content: "";
}
.hamburger__icon:before {
  	top: -7px;
}
.hamburger__icon:after {
  	top: 7px;
}
.hamburger.active .hamburger__icon {
  	background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  	background-color: #fff;
}
.hamburger.active .hamburger__icon:before {
  	-moz-transform: translateY(7px) rotate(45deg);
  	-ms-transform: translateY(7px) rotate(45deg);
  	-webkit-transform: translateY(7px) rotate(45deg);
  	transform: translateY(7px) rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
  	-moz-transform: translateY(-7px) rotate(-45deg);
  	-ms-transform: translateY(-7px) rotate(-45deg);
  	-webkit-transform: translateY(-7px) rotate(-45deg);
  	transform: translateY(-7px) rotate(-45deg);
}
.fat-nav {
  	top: 0;
  	right: 0;
  	z-index: 9999;
  	position: fixed;
  	display: none;
  	width: 100%;
  	height: 100%;
  	background: rgba(0, 0, 0, 0.8);
  	-moz-transform: scale(1.4);
  	-ms-transform: scale(1.4);
  	-webkit-transform: scale(1.4);
  	transform: scale(1.4);
  	-moz-transition-property: -moz-transform;
  	-o-transition-property: -o-transform;
  	-webkit-transition-property: -webkit-transform;
  	transition-property: transform;
  	-moz-transition-duration: 0.4s;
  	-o-transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	transition-duration: 0.4s;
  	overflow-y: auto;
  	overflow-x: hidden;
  	-webkit-overflow-scrolling: touch;
}
.fat-nav__wrapper {
  	width: 100%;
  	height: 100%;
  	display: table;
  	table-layout: fixed;
}
.fat-nav.active {
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-webkit-transform: scale(1);
  	transform: scale(1);
}
.fat-nav ul {
  	display: table-cell;
  	vertical-align: middle;
  	padding: 0;
}
.fat-nav li {
  	display: block;
  	list-style-type: none;
  	text-align: center;
  	padding: 0;
	border-bottom: 1px dotted #fff;
}
.fat-nav li:hover {
	background-color:rgba(255,255,255,0.5);
}
.fat-nav li, .fat-nav li a {
 	 color: #fff;
}
.fat-nav li a {
  	display:block;
  	text-decoration: none;
  	padding:12px 0;
}


/*ヘッダー*/
.header-line{
	background-image: url("../../wordpress/img/all/header1.png");
	height: 15px;
	margin: 0;
}
.header-left{
	float:none;
	margin:35px 2% 0 2%;
}
.header-right{
	float:none;
	text-align:center;
	margin: 5px 0;
}
.header-logo img{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.header-text2{
	font-size:90%;
	color:#B21454;
}
.header-text3{
	font-size:150%;
	color:#560600;
	font-weight:bold;
}
.header-icon2{
	margin: 0 5px -6px 0;
}
.header-bottom{
	display: block;
	width: 40%;
	float:none;
	background-color:#FFA1C5;
	border: 2px solid #fff;
	border-radius: 20px;
	font-size: 14px;
	color: #38002B;
	margin:5px auto 0 auto;
	padding: 1px 0;
	text-align: center;
	text-decoration: none;
}
.header-bottom:hover{
	color: #FFA1C5;
	background-color:#fff;
}

/*フッター*/
.footer-line{
	background-image: url("../../wordpress/img/all/footer2.png");
	height: 15px;
	margin: 30px 0 0 0;
}
.footer-background{
	background-image: url("../../wordpress/img/all/footer-background.jpg");
	padding:20px 0;
}
.footer-left{
	width:100%;
	float:none;
	margin:0 2%;
}
.footer-right{
	display: none;
}
.footer-text1{
	font-size:150%;
	font-weight:bold;
}
.footer-text2{
	font-size:130%;
	margin:10px 0;
}
.copyright{
	font-size:14px;
	background-color:#F275A5;
	color:#fff;
	padding:1px 0;
    	text-align:center;
}



/* ページトップへ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 5%;
    font-size: 15px;
}
#page-top a {
    background-image: url("../../wordpress/img/all/top.png");
    background-repeat: no-repeat;
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
}
#page-top a:hover {
    background-image: url("../../wordpress/img/all/top_on.png");
}



/* ページリンクのハンバーガーメニュー分の高さずれる指定 */
#link1,
#link2,
#link3,
#medical-box1,
#medical-box2,
#medical-box3,
#medical-box4{
  content: "";
  display: block;
  height: 8rem;
  margin-top: -8rem;
  visibility: hidden;

}



/*ページナビ（お知らせ）*/
.notice-pagenavi {
    	padding:10px 0;
    	margin:10px 0;
    	text-align: center;
	background-color:#FFF7AD;
}
.notice-pagenavi a, .notice-pagenavi span {
    	border: 1px solid #C69C6D;
    	background-color:#fff;
    	margin: 3px;
    	padding: 2px 20px;
    	text-decoration: none;
    	color: #000;
}
.notice-pagenavi a:hover, .notice-pagenavi span:hover {
    	background-color:#FFE4B9;
    	color: #000;
}
.notice-pagenavi a.previouspostslink, .notice-pagenavi a.nextpostslink{
    	padding: 2px 30px;
}
.notice-pagenavi span.current {
    	background-color:#FBB03B;
    	color: #000;
}


/*ページナビ（子育て耳より情報）*/
.topics-pagenavi {
    	padding:10px 0;
    	margin:10px 0;
    	text-align: center;
	background-color:#fcd9df;
}
.topics-pagenavi a, .topics-pagenavi span {
    	border: 1px solid #f4a6c6;
    	background-color:#fff;
    	margin: 3px;
    	padding: 2px 20px;
    	text-decoration: none;
    	color: #000;
}
.topics-pagenavi a:hover, .topics-pagenavi span:hover {
    	background-color:#FFEFF3;
    	color: #000;
}
.topics-pagenavi a.previouspostslink, .topics-pagenavi a.nextpostslink{
    	padding: 2px 30px;
}
.topics-pagenavi span.current {
    	background-color:#FB96B0;
    	color: #000;
}



/* メイン背景のリピートライン */
.main-body-line1{
	background-image: url("../../wordpress/img/all/background_top.png");
	height: 11px;
	margin: -11px 0 25px 0;
}
.main-body-line2{
	background-image: url("../../wordpress/img/all/background2_top.png");
	height: 11px;
	margin: 11px 0 0 0;
}
.page-back{
	background-image: url("../../wordpress/img/all/background2.jpg");
	margin: 0;
	padding: 30px 0;
}


/* 中ページのタイトル */
.page-title-img{
	display: flex;
	align-items: center;
	margin:15px 0 0 0;
}
.page-title-img:before, .page-title-img:after {
	content: "";
	flex-grow: 1;
	height: 10px;
	display: block;
}
.page-title-img:before {
	margin-right: .4em;
	background-image: url("../../wordpress/img/all/title.png");
}
.page-title-img:after {
	margin-left: .4em;
	background-image: url("../../wordpress/img/all/title.png");
}
.page-link-box{
	text-align:center;
}
.page-link{
	color: #000;
	background-image: url("../../wordpress/img/all/header4.png");
	background-repeat: no-repeat;
	background-position: left top 7px;
	padding: 0 0 0 20px;
	margin: 0 0 0 30px;
	text-decoration: none;
}
.page-link:hover{
    text-decoration: underline;
}
.page-title{
	display: flex;
	align-items: center;
	margin:0 0 20px 0;
}
.page-title h3{
	color:#A67C52;
	font-size:100%;
	margin:0;
}
.page-title:before, .page-title:after {
	content: "";
	flex-grow: 1;
	height: 4px;
	display: block;
}
.page-title:before {
	margin-right: 1.5em;
	background-image: url("../../wordpress/img/all/sub_title.png");
}
.page-title:after {
	margin-left: 1.5em;
	background-image: url("../../wordpress/img/all/sub_title.png");
}


/* 中ページのメインスタイル */
.pagebody-left{
	float:none;
	margin:0 2%;
}
.pagebody-right{
	float:none;
	margin:0 2%;
}


/*「お知らせ」一覧 */
.notice-link{
	display: block;
	position: relative;
	background-color:#fff;
	background-image: url("../../wordpress/img/cms/notice2.png");
	background-repeat: repeat-y;
   	background-position: left top;
   	padding: 25px 20px 25px 40px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-radius: 5px;
	margin:10px 0;
	text-decoration: none;
	color:#000;
	box-shadow: 3px 2px 3px rgba(133, 133, 133, 0.2), 0 5px 20px rgba(255, 255, 255, 0.2) inset;
}
.notice-link:hover{
	background-color:#ebffb5;	
	border-right:1px solid #8faf1e;
	border-bottom:1px solid #8faf1e;
}
.notice-time{
	color:#560600;
	font-size:80%;
	padding: 0 0 0 25px;
}
.notic-title{
	color:#000;
	font-size:120%;
	background-image: url("../../wordpress/img/top/info5.png");
	background-repeat: no-repeat;
	background-position: left top 10px;
	padding: 7px 0 0 25px;
}
.notice-line{
	background-image: url("../../wordpress/img/top/info6.png");
	height: 4px;
	margin: 5px 0;
}
.notic-content{
	color:#4D4D4D;
	font-size:90%;
	padding: 0 10px 0 25px;
}
h2.month-title{
	font-size: 18px;
	padding: 0;
	margin: 0;
}


/*「お知らせ」記事 */
.notice-single{
	background-color:#fff;
	background-image: url("../../wordpress/img/cms/notice2.png");
	background-repeat: repeat-y;
   	background-position: left top;
   	padding: 25px 20px 25px 40px;
	border-radius: 5px;
	margin:10px 0;
	text-decoration: none;
	color:#000;
	box-shadow: 3px 2px 3px rgba(133, 133, 133, 0.2), 0 5px 20px rgba(255, 255, 255, 0.2) inset;
}
.notice-single img{
	display: block;
	max-width: 100%;
	height:auto;
	margin: 5px auto;
}


/*「子育て耳より情報」一覧*/
.topics-link{
	display: block;
	position: relative;
	background-color:#fff;
	background-image: url("../../wordpress/img/top/mimiyori3.png");
	background-repeat: no-repeat;
   	background-position: left 2px top 2px;
   	padding: 20px;
	border-radius: 5px;
	margin:10px 0;
	text-decoration: none;
	box-shadow: 3px 2px 3px rgba(133, 133, 133, 0.2), 0 5px 20px rgba(255, 255, 255, 0.2) inset;
}
.topics-link:hover{
	background-color:#FFE1F7;	
}
.topics-title{
	color:#560600;
	font-size:130%;
	font-weight:bold;
	padding: 0 30px;
}
.topics-line{
	background-image: url("../../wordpress/img/top/mimiyori7.png");
	height: 4px;
	margin: 10px 0;
}
.topics-content{
	color:#42210B;
	padding:0 30px;
}
.topics-content p{
	padding:0 0 10px 0;
}


/*「子育て耳より情報」記事*/
.topics-single{
	background-color:#fff;
	background-image: url("../../wordpress/img/top/mimiyori3.png"), url("../../wordpress/img/top/mimiyori4.png"), url("../../wordpress/img/top/mimiyori5.png"), url("../../wordpress/img/top/mimiyori6.png");
	background-repeat: no-repeat;
   	background-position: left 2px top 2px, right 2px top 2px, left 2px bottom 2px, right 2px bottom 2px;
   	padding: 30px;
	border-radius: 5px;
	margin:10px 0;
	text-decoration: none;
	color:#000;
	box-shadow: 3px 2px 3px rgba(133, 133, 133, 0.2), 0 5px 20px rgba(255, 255, 255, 0.2) inset;
}
.topics-single img{
	display: block;
	max-width: 100%;
	height:auto;
	margin: 5px auto;
}
.topics-single-title{
	color:#560600;
	font-size:130%;
	font-weight:bold;
	background-image: url("../../wordpress/img/cms/topics2.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 27px 0 0 70px;
	margin:0 0 -12px 0;
}


/* ウィジェット（お知らせ・子育て耳より情報） */
.widget{
	list-style-type: none;
}
.widgettitle{
	height:30px;
	background-image: url("../../wordpress/img/cms/notice1.png");
    	background-repeat:no-repeat;
    	background-position: left top;
	background-color:#D3F786;
	border-radius: 5px;
    	font-size: 16px;
	font-weight: normal;
	padding:10px 0 0 35px;
    	margin:10px 0 5px 0;
}
.widgettitle-search{
	height:30px;
	background-image: url("../../wordpress/img/cms/topics1.png");
    	background-repeat:no-repeat;
    	background-position: left top 1px;
    	font-size: 18px;
	color:#560600;
	padding:0 0 0 30px;
    	margin:10px 0 5px 0;
}
.screen-reader-text {
    	display: none;
    	visibility: hidden;
}
.widget_search{
    	margin: 0;
    	padding: 0;
}
.searchform{
    	margin-bottom:0;
    	background-color:#FFB8D0;
    	padding:10px;
    	border-radius: 5px;
}
#s {
    	display: block;
    	width: 68%;
	float:left;
    	height:30px;
    	margin:0 auto;
}
#searchsubmit{
    	display: block;
    	width: 30%;
	float:right;
    	background-color: #F97888;
    	border:none;
    	padding: 5px 10px;
    	margin:0 0 0 2%;
    	color:#fff;
    	border-radius: 5px;
}
#searchsubmit:hover{
    	background-color: #EF5F71;
}

.widget_archive ul {
	list-style-type: none;
    	font-size: 15px;
	margin:0;
	padding:0;
}
.widget_archive ul li a {
	display: block;
	width: 100%;
    	color:#000;
	text-decoration: none;
	text-align: left;
	margin:0 0 0 0;
	padding:3px 0 3px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	 box-sizing: border-box;

}
.widget_archive ul li a:hover {
	background-color: #EAD8AD;
}



/*「診療案内」ページ*/
.top-time-img1, .top-time-img2,
.medical-right img, .medical-right2 img{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;	
}
.time-left{
	float:none;
}
.time-right{
	float:none;
}
.top-time-indent{
	color:#1A1A1A;
	word-break: break-all;
	margin-left: 1em;
	text-indent: -1em;
}
.top-time-redtext{
	color:#FF0000;
	text-align:center;
	margin:5px 0;
}

.top-tell-backimg{
	background-image: url("../../wordpress/img/top/tel1.png");
	height: 75px;
	margin: 5px 0 10px 0;
	text-align:center;
}
.top-tell-left{
	margin: 13px 0 -13px 0;
	padding-right: 5px;
}
.top-tell-right{
	margin: 13px 0 -13px 0;
	padding-left: 5px;
}
.top-tell-img1{
	margin: 0 0 -3px 0;
}
.top-tell-img2{
	margin: 13px 5px -7px 0;
}
.top-tell-text{
	font-size:140%;
	color:#380301;
	font-weight:bold;
}
.medical-box1, .medical-box2,
.medical-box3, .medical-box4{
    	position: relative;
    	margin: 50px 1% 0 1%;
    	padding:0;
}
.medical-box1{
    	border: solid 3px #F7C179;
}
.medical-box2{
    	border: solid 3px #F9D629;
}
.medical-box3{
    	border: solid 3px #FFBBD5;
}
.medical-box4{
    	border: solid 3px #BFDD62;
}
.medical-box1 .medical-box-title1,
.medical-box2 .medical-box-title2,
.medical-box3 .medical-box-title3,
.medical-box4 .medical-box-title4{
    	position: absolute;
    	display: inline-block;
    	top: -35px;
    	left: -3px;
    	color: #560600;
    	font-size: 19px;
    	font-weight: bold;
    	padding: 0 40px;
    	height: 35px;
    	line-height: 35px;
    	vertical-align: middle;
    	border-radius: 5px 5px 0 0;
}
.medical-box1 .medical-box-title1{
    	background: #F7C179;
}
.medical-box2 .medical-box-title2{
    	background: #F9D629;
}
.medical-box3 .medical-box-title3{
    	background: #FFBBD5;
}
.medical-box4 .medical-box-title4{
    	background: #BFDD62;
}
.medical-box1 p, .medical-box2 p,
.medical-box3 p, .medical-box4 p{
    	margin: 0; 
    	padding: 0;
}
.medical-left, .medical-left2{
	float:none;
	margin:15px;
}
.medical-right, .medical-right2{
	float:none;
	margin:5px;
}
.medical-left p{
	color:#1A1A1A;
	padding:0 15px;
}
.medical-left2 p{
	color:#1A1A1A;
}
.medical-line1{
	background-image: url("../../wordpress/img/medical/medical7.png");
	height: 5px;
	margin: 10px 0;
}
.medical-line2{
	background-image: url("../../wordpress/img/medical/medical9.png");
	height: 5px;
	margin: 10px 0;
}
.medical-line3{
	background-image: url("../../wordpress/img/medical/medical11.png");
	height: 5px;
	margin: 10px 0;
}
p.medical-items1{
	background-image: url("../../wordpress/img/medical/medical3.png");
	background-repeat: no-repeat;
	background-position: left top 6px;
	padding: 1px 0 1px 20px;
	margin:0;
	color:#000;
}
p.medical-items2{
	background-image: url("../../wordpress/img/medical/medical4.png");
	background-repeat: no-repeat;
	background-position: left top 6px;
	padding: 1px 0 1px 20px;
	margin:0;
	color:#000;
}
p.medical-items3{
	background-image: url("../../wordpress/img/medical/medical5.png");
	background-repeat: no-repeat;
	background-position: left top 6px;
	padding: 1px 0 1px 20px;
	margin:0;
}
.medical-title-box1{
	background-color:#FFF29E;
	border-top:1px solid #F9D629;
	border-bottom:1px solid #F9D629;
	padding:5px 0;
}
.medical-title-box2{
	background-color:#FFE0C7;
	border-top:1px solid #FFBBD5;
	border-bottom:1px solid #FFBBD5;
	padding:5px 0;
}
.medical-title-text{
	display: flex;
	color:#560600;
	text-align:center;
	align-items: center;
}
.medical-title-text:before, .medical-title-text:after {
	content: "";
	flex-grow: 1;
	height: 12px;
	display: block;
}
.medical-title-text:before {
	float:right;
	margin-right: 1em;
	background-image: url("../../wordpress/img/medical/medical12.png");
	background-repeat: no-repeat;
	background-position: right;
}
.medical-title-text:after {
	margin-left: 1em;
	background-image: url("../../wordpress/img/medical/medical13.png");
	background-repeat: no-repeat;
	background-position: left;
}
.medical-title-text2{
	color:#FF1D25;
	text-align:center;
	margin:0 5px;
}
.medical-boxleft1{
	display: flex;
	float:none;
	background-color:#F9E482;
	border-bottom:1px solid #F9D629;
	border-right:none;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
	padding:10px 20px;
	color:#560600;
	font-weight:bold;
	align-items: center;
}
.medical-boxright1{
	float:none;
	border-bottom:1px solid #F9D629;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
	padding:10px;
}
.medical-boxleft2{
	display: flex;
	float:none;
	background-color:#FFE0C7;
	border-bottom:1px solid #FFBBD5;
	border-right:none;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
	padding:10px 20px;
	color:#560600;
	font-weight:bold;
	align-items: center;
}
.medical-boxright2{
	float:none;
	border-bottom:1px solid #FFBBD5;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
	padding:10px;
}
.flex{
	display: inline;
}



/*「医師紹介」ページ*/
.doctor-img1 {
    	display: block;
    	width: auto;
    	height: auto;
    	max-width: 100%;
    	max-height: 100%;
    	margin-left: auto;
    	margin-right: auto;
}
.doctor-imgbox{
	background-image: url("../../wordpress/img/doctor/doctor2.png"), url("../../wordpress/img/doctor/doctor3.png");
	background-repeat: no-repeat;
	background-position:left 50px top 100px, right 50px top 100px;
}
.doctor-left{
	float:none;
	margin:0 1%;
}
.doctor-right{
	float:none;
	margin:0 1%;
}
.doctor-title h3{
	color:#560600;
	font-size: 110%;
	font-weight:bold;
	background-image: url("../../wordpress/img/doctor/doctor4.png");
	background-repeat: no-repeat;
	background-position: left 5px top 4px;
	background-color:#fff;
	padding: 7px 0 4px 40px;
	margin:10px 0;
    	border-radius: 5px;
}
.doctor-sub-title{
	color:#FF6197;
	font-size:17px;
	font-weight:bold;
	background-image: url("../../wordpress/img/doctor/doctor5.png");
	background-repeat: no-repeat;
	background-position: left top 10px;
	padding: 6px 0 0 20px;
	margin:30px 0 0 0;
}
.doctor-line{
	background-image: url("../../wordpress/img/doctor/doctor6.png");
	height: 3px;
	margin:0 0 10px 0;
}
.doctor-text{
	padding:0 20px;
}
.doctor-comment{
	color:#560600;
	font-size:19px;
	font-weight:bold;
}


/*「当院のご案内」ページ*/
.information-left1, .information-right1{
	float:none;
	margin:0 1%;
}
.information-left2, .information-right2{
	float:none;
	margin:0 1%;
}
.information-title1{
	color:#560600;
	font-size:21px;
	font-weight:bold;
	background-image: url("../../wordpress/img/information/information1.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px 0 5px 40px;
	margin:10px 0 0 0;
}
.information-line1{
	background-image: url("../../wordpress/img/information/information2.png");
	height: 8px;
	margin:0 0 10px 0;
}
.information-line2{
	background-image: url("../../wordpress/img/information/info-line.png");
	height: 4px;
	margin:5px 0;
}
.information-text1{
	float:left;
	color:#FF6197;
	font-size:17px;
	font-weight:bold;
	background-image: url("../../wordpress/img/information/information3.png");
	background-repeat: no-repeat;
	background-position: left top 4px;
	padding: 0 0 0 22px;
	margin:0 1% 0 0;
}
.information-text2{
	float:left;
	margin:0 0 0 1%;
}
.information-access-title1{
	color:#560600;
	background-image: url("../../wordpress/img/information/access1.png");
	background-repeat: no-repeat;
	background-position: left 5px top 10px;
	background-color:#fff;
	padding: 3px 0 3px 22px;
	margin:10px 0 5px 0;
    	border-radius: 5px;
}
.information-access-title2{
	color:#560600;
	background-image: url("../../wordpress/img/information/access2.png");
	background-repeat: no-repeat;
	background-position: left 5px top 10px;
	background-color:#fff;
	padding: 3px 0 3px 22px;
	margin:10px 0 5px 0;
    	border-radius: 5px;
}
.information-access-title3{
	color:#560600;
	background-image: url("../../wordpress/img/information/access3.png");
	background-repeat: no-repeat;
	background-position: left 5px top 10px;
	background-color:#fff;
	padding: 3px 0 3px 22px;
	margin:10px 0 5px 0;
    	border-radius: 5px;
}
.information-access-text{
	float:left;
	font-weight:bold;
	padding: 0;
	margin:0 1% 0 0;
}

.information-img {
    	display: block;
    	width: auto;
    	height: auto;
    	max-width: 100%;
    	max-height: 100%;
	margin-top:25px;
    	margin-left: auto;
    	margin-right: auto;
}
.information-iframe{
    	border:5px solid #fff;
}
.information-iframe iframe {
    	display: block;
    	width: 100%;
    	margin: 0;
}




/* ---スマホここまで--- */




@media screen and (min-width: 740px) {

/* ---タブレット・パソコン(740px以上の時のスタイル)--- */

	
.phone{
	display:none;
}
.tablet{
	display:inline;
}

/*ハンバーガーメニューを非表示にする*/
.hamburger{
	display:none;
}

/*メインの幅*/
.main-body, .header, .footer{
	max-width:1118px;
	margin-left:auto;
	margin-right:auto;
}
.time-body{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;	
}


/*メニュー*/
.navigation{
	display:block;
}
.menu{
  	padding: 0;
  	margin:10px 0;
  	list-style-type: none;	
}
.menu1 a, .menu2 a, .menu3 a,
.menu4 a, .menu5 a{
	position: relative;
  	display: block;
  	width:16.25%;
	height:100px;
	float:left;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position:50% 20%;
	margin-right:0.5%;
	margin-bottom:10px;
	text-decoration: none;
	color:#60340F;
	font-weight:bold;
	border-radius: 3px;
	border-bottom:5px solid #fff;
	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
}
.menu1 a{
	border-top:5px solid #FFE1F7;
	background-image: url("../../wordpress/img/all/menu1.png");
}
.menu2 a{
	border-top:5px solid #C4DBA1;
	background-image: url("../../wordpress/img/all/menu2.png");
}
.menu3 a{
	border-top:5px solid #ADE4F7;	
	background-image: url("../../wordpress/img/all/menu3.png");
}	
.menu4 a{
	border-top:5px solid #E2C7F9;	
	background-image: url("../../wordpress/img/all/menu4.png");
}
.menu5 a{
	border-top:5px solid #FCD194;	
	background-image: url("../../wordpress/img/all/menu5.png");
}	
.menu6 a{
	position: relative;
  	display: block;
  	width:16.25%;
	height:100px;
	float:left;
	background-color:#fff;
	background-image: url("../../wordpress/img/all/menu6.png");
	background-repeat: no-repeat;
	background-position:50% 20%;
	border-top:5px solid #FFF278;
	margin-bottom:10px;
	text-decoration: none;
	color:#60340F;
	font-weight:bold;
	border-radius: 3px;
	border-bottom:5px solid #fff;
	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
}
.menu-text{
	position: absolute;
	bottom: 0;	
	width: 100%;
	font-size: 95%;
	white-space:nowrap;
	text-align: center;
}
.menu1 a:hover{
	background-image: url("../../wordpress/img/all/menu1_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu2 a:hover{
	background-image: url("../../wordpress/img/all/menu2_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu3 a:hover{
	background-image: url("../../wordpress/img/all/menu3_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu4 a:hover{
	background-image: url("../../wordpress/img/all/menu4_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu5 a:hover{
	background-image: url("../../wordpress/img/all/menu5_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu6 a:hover{
	background-image: url("../../wordpress/img/all/menu6_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
	
.menu2.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu2_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu3.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu3_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}	
.menu4.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu4_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}	
.menu5.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu5_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}	
.menu6.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu6_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}

	
/*ヘッダー*/
.header-left{
	width:52%;
	float:left;
	margin:0;
}
.header-right{
	width:35%;
	float:right;
	margin: 5px 0 0 0;
	text-align:right;
}
.header-bottom{
	float:right;
	margin:5px 0 0 0;
}


	
/*フッター*/
.footer-left{
	width:79%;
	float:left;
	margin:0 0 0 1%;
}
.footer-right{
	display: block;
	width:19%;
	float:right;
	margin:0 1% 0 0;
}
.footer-link a{
    background-image: url("../../wordpress/img/all/footer.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #560600;
    font-size: 15px;
    padding: 0 0 0 20px;
    text-decoration: none;
}
.footer-link a:hover{
    text-decoration: underline;
}


/* ページトップへ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 10%;
    font-size: 15px;
}


/* 中ページのメインスタイル */
.pagebody-left{
	width:70%;
	float:left;
	margin:0;
}
.pagebody-right{
	width:28%;
	float:right;
	margin:0;
}


/*「診療案内」ページ*/
.top-time-redtext{
	text-align:left;
}
.top-tell-img1{
	margin: 13px 0 -13px 0;
}
.medical-left{
	width:74%;
	float:left;
	margin:20px 0 20px 20px;
}
.medical-right{
	width:20%;
	float:right;
	margin:5px 20px 5px 0;
}
.medical-left2{
	width:65%;
	float:left;
	margin:20px 0 20px 20px;
}
.medical-right2{
	width:29%;
	float:right;
	margin:5px 20px 5px 0;
}
.medical-boxleft1{
	width:23%;
	float:left;
	border-right:1px solid #F9D629;
}
.medical-boxright1{
	width:77%;
	float:right;
}
.medical-boxleft2{
	width:23%;
	float:left;
	border-right:1px solid #FFBBD5;
}
.medical-boxright2{
	width:77%;
	float:right;
}
.flex{
	display: flex;
}





/*「医師紹介」ページ*/
.doctor-left{
	width:49%;
	float:left;
	margin:0;
}
.doctor-right{
	width:49%;
	float:right;
	margin:0;
}


/*「当院のご案内」ページ*/
.information-left1{
	width:55%;
	float:left;
	margin:0;
}
.information-right1{
	width:42%;
	float:right;
	margin:0;
}
.information-left2{
	width:25%;
	float:left;
	margin:0;
}
.information-right2{
	width:72%;
	float:right;
	margin:0 1% 0 0;
}
.information-text1{
	width:17%;
}
.information-text2{
	width:75%;
}
.information-access-text{
	width:85px;
}


/* ---タブレット・パソコンここまで--- */
}

@media screen and (min-width: 1024px) {

/* ---パソコン(1024px以上の時のスタイル)--- */


/*ヘッダー*/
.header-text3{
	font-size:180%;
}

	
	
}


@media print {
/* --印刷時のスタイル(タブレット・パソコンと同じ)--- */


.phone{
	display:none;
}
.tablet{
	display:inline;
}

/*ハンバーガーメニューを非表示にする*/
.hamburger{
	display:none;
}

/*メインの幅*/
.main-body, .header, .footer{
	max-width:1118px;
	margin-left:auto;
	margin-right:auto;
}
.time-body{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;	
}


/*メニュー*/
.navigation{
	display:block;
}
.menu{
  	padding: 0;
  	margin:10px 0;
  	list-style-type: none;	
}
.menu1 a, .menu2 a, .menu3 a,
.menu4 a, .menu5 a{
	position: relative;
  	display: block;
  	width:16.25%;
	height:100px;
	float:left;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position:50% 20%;
	margin-right:0.5%;
	margin-bottom:10px;
	text-decoration: none;
	color:#60340F;
	font-weight:bold;
	border-radius: 3px;
	border-bottom:5px solid #fff;
	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
}
.menu1 a{
	border-top:5px solid #FFE1F7;
	background-image: url("../../wordpress/img/all/menu1.png");
}
.menu2 a{
	border-top:5px solid #C4DBA1;
	background-image: url("../../wordpress/img/all/menu2.png");
}
.menu3 a{
	border-top:5px solid #ADE4F7;	
	background-image: url("../../wordpress/img/all/menu3.png");
}	
.menu4 a{
	border-top:5px solid #E2C7F9;	
	background-image: url("../../wordpress/img/all/menu4.png");
}
.menu5 a{
	border-top:5px solid #FCD194;	
	background-image: url("../../wordpress/img/all/menu5.png");
}	
.menu6 a{
	position: relative;
  	display: block;
  	width:16.25%;
	height:100px;
	float:left;
	background-color:#fff;
	background-image: url("../../wordpress/img/all/menu6.png");
	background-repeat: no-repeat;
	background-position:50% 20%;
	border-top:5px solid #FFF278;
	margin-bottom:10px;
	text-decoration: none;
	color:#60340F;
	font-weight:bold;
	border-radius: 3px;
	border-bottom:5px solid #fff;
	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	-ms-box-sizing: border-box;
   	box-sizing: border-box;
}
.menu-text{
	position: absolute;
	bottom: 0;	
	width: 100%;
	font-size: 95%;
	white-space:nowrap;
	text-align: center;
}
.menu1 a:hover{
	background-image: url("../../wordpress/img/all/menu1_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu2 a:hover{
	background-image: url("../../wordpress/img/all/menu2_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu3 a:hover{
	background-image: url("../../wordpress/img/all/menu3_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu4 a:hover{
	background-image: url("../../wordpress/img/all/menu4_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu5 a:hover{
	background-image: url("../../wordpress/img/all/menu5_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu6 a:hover{
	background-image: url("../../wordpress/img/all/menu6_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
	
.menu2.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu2_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}
.menu3.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu3_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}	
.menu4.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu4_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}	
.menu5.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu5_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}	
.menu6.current-menu-item a{
	background-image: url("../../wordpress/img/all/menu6_on.png");
	background-color:#FFFA52;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
}

	
/*ヘッダー*/
.header-left{
	width:52%;
	float:left;
	margin:0;
}
.header-right{
	width:35%;
	float:right;
	margin: 5px 0 0 0;
	text-align:right;
}
.header-bottom{
	float:right;
	margin:5px 0 0 0;
}
.header-text3{
	font-size:180%;
}


	
/*フッター*/
.footer-left{
	width:79%;
	float:left;
	margin:0 0 0 1%;
}
.footer-right{
	display: block;
	width:19%;
	float:right;
	margin:0 1% 0 0;
}
.footer-link a{
    background-image: url("../../wordpress/img/all/footer.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #560600;
    font-size: 15px;
    padding: 0 0 0 20px;
    text-decoration: none;
}
.footer-link a:hover{
    text-decoration: underline;
}



/* ページトップへ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 10%;
    font-size: 15px;
}


/* 中ページのメインスタイル */
.pagebody-left{
	width:70%;
	float:left;
	margin:0;
}
.pagebody-right{
	width:28%;
	float:right;
	margin:0;
}


/*「診療案内」ページ*/
.top-time-redtext{
	text-align:left;
}
.top-tell-img1{
	margin: 13px 0 -13px 0;
}
.medical-left{
	width:74%;
	float:left;
	margin:20px 0 20px 20px;
}
.medical-right{
	width:20%;
	float:right;
	margin:5px 20px 5px 0;
}
.medical-left2{
	width:65%;
	float:left;
	margin:20px 0 20px 20px;
}
.medical-right2{
	width:29%;
	float:right;
	margin:5px 20px 5px 0;
}
.medical-boxleft1{
	width:23%;
	float:left;
	border-right:1px solid #F9D629;
}
.medical-boxright1{
	width:77%;
	float:right;
}
.medical-boxleft2{
	width:23%;
	float:left;
	border-right:1px solid #FFBBD5;
}
.medical-boxright2{
	width:77%;
	float:right;
}
.flex{
	display: flex;
}





/*「医師紹介」ページ*/
.doctor-left{
	width:49%;
	float:left;
	margin:0;
}
.doctor-right{
	width:49%;
	float:right;
	margin:0;
}


/*「当院のご案内」ページ*/
.information-left1{
	width:55%;
	float:left;
	margin:0;
}
.information-right1{
	width:42%;
	float:right;
	margin:0;
}
.information-left2{
	width:25%;
	float:left;
	margin:0;
}
.information-right2{
	width:72%;
	float:right;
	margin:0 1% 0 0;
}
.information-text1{
	width:17%;
}
.information-text2{
	width:75%;
}
.information-access-text{
	width:85px;
}



}



/* カレンダーエリア by POWERNET */

.calendar-area {

	display: flex;
	justify-content: center;

}

.calendar-legend {

	background-color: #ffffff;
	border: 1px dotted #505050;
	margin: 5px;
	padding: 5px;
	text-align: center;
    justify-content: center;

}