/*
Theme Name: WP_KEITENDO_Fixed
Theme URI:
Author: adbig
Author URI: adbig.jp
Description: 敬天堂歯科医院ウェブサイト専用 Wordpressテーマ
Version: 1.0
*/

body, html { width: 100%; margin: 0; padding: 0;}

body {
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 85%;
	margin: 0;
	padding: 0;
	background: #FFF;
	line-height:1.6;
}

html{ background: #04c; }

a,button { outline:0; }
a { color: #3366cc; text-decoration: underline; }
a:hover { text-decoration: none; }
form { font-size:100%; }
img { vertical-align:bottom; }
input[type=button], input[type=reset], input[type=submit] { border:solid 1px #c4c4c4; background-color:#fff; font-size:90%; border-radius:5px; padding:2px 6px; }
input[type=button]:active, input[type=reset]:active, input[type=submit]:active { background-color:#ccc; }

iframe{width: 100%;}
h1, h2, h3, h4, h5, h6, p, dl, ol, ul { margin: 1em 0; }
section, article { margin: 2em 0; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
p:first-child, dl:first-child, ol:first-child, ul:first-child, section:first-child, article:first-child { margin-top: 0; }
p:last-child, dl:last-child, ol:last-child, ul:last-child, section:last-child, article:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 900; }
h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 120% !important; }

.eo-fullcalendar .fc-view>table>thead {
    background: #FFF !important;
}

.eo-fullcalendar .fc-view>table>thead th {
	padding: 10px !important;
}
.eo-fullcalendar-screen-reader-text,
.fc-title{ display: none;}

.fc-day-grid-event { height: 50px !important; margin: 0 !important;}

.fc-content-skeleton table{
	position: relative;
}
.fc-content-skeleton thead,
.fc-content-skeleton tbody
{ /*position: absolute;
width:100% !important;*/
}

/******************************************************************************************************* classes */
.sans-serif { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
.serif { font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; }
.hover-transition { transition:opacity 0.2s; }
.hover-transition:hover { opacity:0.6; }


.inner{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.table{
	display: table;
}

.cell{
	display: table-cell;
	vertical-align: top;
}

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

p.att,
div.att
{
	color:#e33;
}

ul.att{
	color:#e33;
	list-style: none;
	padding-left: 0 !important;
}
ul.att li{
	text-indent: -1em !important;
	padding-left: 1em !important;
}
ul.att li:before{
	content:"※";
}

div.notice{
	background: #ddd;
	border-radius: 1em;
	padding: 1.5em 2em;
	margin: 1em 0;
}

dl.dltable{
	overflow: hidden;
	border-bottom: 1px dotted #666;
}
dl.dltable dt,
dl.dltable dd
{
	border-top: 1px dotted #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

dl.dltable dt{
	float: left;
	clear: both;
	width: 200px;
	padding: 1em;
	font-weight: 900;
}

dl.dltable dd{
	margin-left: 200px;
	padding: 1em;
}
dl.inner-dl,
dl.inner-dl dt:first-child,
dl.inner-dl dd:nth-child(2)
{
	border: none;
}


.alignleft { text-align: left;}
.alignright { text-align: right;}
.aligncenter { text-align: center;}

img.aligncenter { display: block; margin: 0 auto; }
img.alignright { float: right; margin: 2em;  margin-right: 0; margin-top: 1em;}
img.alignleft { float: left; margin: 2em; margin-left: 0; margin-top: 1em; }

img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; max-width: 100%;}

.clear{ display: block; clear: both; }

/* clearfix */
.clearfix { overflow: hidden; zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }



#content table{
	border-bottom: 1px dotted #666;
	width: 100%;
}
#content table th,
#content table td
{
	border-top: 1px dotted #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
}

#content table th{
	font-weight: 900;
	width: 200px;
	text-align: left;
	vertical-align: middle;
}

#content table.inner-table,
#content table.inner-table tr:first-child th,
#content table.inner-table tr:first-child td
{
	border: none;
}

#content table.inner-table th{
	width: auto;
}


/* Media Query */
@media screen and (max-width: 480px) {


#content table,
#content table tbody,
#content table tr,
#content table th,
#content table td
{
	display: block;
	width: 100%;
}
#content table th,
#content table td{
	border-top: none;
	
}
#content table th{
	background: #dbe7ff;
	border-radius: .5em;
	padding: .3em .8em;
}
	
#content table td{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	
}
#content table td:last-child{
	padding-bottom: 2em;
}
#content table.inner-table tr:last-child td:last-child{
	padding-bottom: 0;
}
	
#content table.inner-table,
#content table.inner-table tbody,
#content table.inner-table tr,
#content table.inner-table th,
#content table.inner-table td
{
	display: block;
	width: 100%;
}
#content table.inner-table th{
	display: inline-block;
	width: auto;
	background: #ddd;
}


}/* EOF Media Query */


/******************************************************************************************************* #page */
#page {
	width:100%;
	min-width: 1000px;
}

/******************************************************************************************************* #header */
#header {
	width: 1000px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 30px;
	padding-right: 490px;
	padding-bottom: 10px;
	margin: 0 auto;
	position: relative;
}


/*--- フロントページ用 ---*/
.home #header{
	background:url(images/siteimage.jpg) 100% 40%;
	padding-bottom: 30px;
}

.home #header #intro{
	margin-top: 40px;
	line-height: 1.8;
	padding-bottom: 1em;
}


/*--- サイトロゴ ---*/
#header #site-title{
	margin-top: 0;
}
#header #site-title img{
	width:100%;
	height: auto;
}


/*--- グローバルナビ ---*/
#header #nav-main ul{
	width:100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
}
#header #nav-main li{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:20%;
	display: table-cell;
	border-left:1px solid #666; 
	text-align: center;
	font-weight: 900;
	font-size: 110%;
}
#header #nav-main li:first-child{
	border: none;
}
#header #nav-main li a{
	width:100%;
	display:block;
	height: 50px;
	color: #666;
	line-height: 50px;
	text-decoration: none;
}
#header #nav-main li a:hover{
	color: #0044cc;
}


#nav-main-sp ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
#nav-main-sp li{
	border-top:1px solid #FFF;
}
#nav-main-sp li a{
	width:100%;
	display:block;
	color: #FFF;
	background:#04C;
	text-align:center;
	line-height: 40px;
	text-decoration: none;
}


/*--- ヘッダーお問い合わせ ---*/
#header-utils{
	position: absolute;
	top:20px;
	right: 20px;
}

#header-utils ul{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 450px;
	display: table;
	border-spacing: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}
#header-utils li{
	display: table-cell;
	background: #04c;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
}
#header-utils li address{
	font-style: normal;
}
#header-utils li a{
	display: block;
	text-decoration: none;
}
#header-utils li a:hover{
	opacity: .8;
}
#header-utils li .name{
	font-weight: 900;
	font-size: 110%;
	color: #FFF;
	margin: 0;
}
#header-utils li .address{
	font-size: 90%;
	color: #baccf0;
	margin: 0;
}

#header-utils li .tel{
	font-family:Futura, Century Gothic, Arial, Helvetica, "sans-serif";
	font-size: 200% ;
	color: #FFF;
	padding: 0;
	margin: 5px 0 10px;
	line-height: 1;
}

#header-utils li .btn-apply{
	background: #FFF!important;
	margin: 0 !important;
	color: #666 !important;
	padding: .2em !important;
	border-radius: 2em !important;
}


#btn-sp-menu{
	display: none;
	width: 45px;
	height: 45px;
	border-radius: 8px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	
	position: absolute;
	top:25px;
	right: 25px;
	background: #000 url(images/btn-menu-sp.png) 50% 0;
}
.menu-open { background-position: 0 -45px !important; }

/******************************************************************************************************* #nav */
#nav-main {}
#menu-main-container {}
#menu-main-ul {}
.menu-item {}
.menu-item a {}
.current-menu-item a,
.current-menu-parent,
.current-menu-item a,
.current-post-ancestor a,
.current-category-ancestor a {}

/******************************************************************************************************* #container */
#container {}

/******************************************************************************************************* #content */
#content {}

#site-menu{
	padding:30px;
}

#site-menu .column {
	margin: 0;
	padding:0;
	padding-right:1.5em;
	list-style: none;
	float: left;
	width: 25%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
}
#site-menu .column li a{
	display: block;
	background: url(images/mk-arrow.png) no-repeat .5em 50%;
	padding:.5em;
	padding-left:25px;
	color:#000;
	text-decoration:none;
	border-radius:.5em;
}
#site-menu .column li a:hover{
	background-color: #dbe7ff;
}


/******************************************************************************************************* #footer */
#footer {
	color:#FFF;
	background:#04c;
	padding-bottom:130px;
	position:relative;
}

/*--- フッター　カレンダー・診療時間など ---*/
#schedule{
	float:right;
	width:55%;
	padding-top: 30px;
}
#schedule .header-title{
	margin-top: 0;
	margin-bottom: .5em;
}

#schedule .header-title .month-num{
	font-size:160%;
	margin-right:.2em;
}

#calendar{
	width:100%;
	display: table;
}
#calendar .today{
	color:#fff !important;
	font-weight: 900;
	padding: 0 !important;
}
#calendar .today span{
	display: inline-block;
	background-color: rgb(186, 189, 3);
	border-radius: 2em;
	padding: .2em;
	min-width:1.5em;
}

#calendar .m{
	display: table-cell;
	vertical-align: top;
	width: 49%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#calendar .cell{
	width: 50%;
}

#calendar .blanc{
	display: table-cell;
	width: 2%;
}

#calendar .m h3{
	margin: 0;
}

#schedule .m h3 .month-num{
	font-size:160%;
	margin-right:.2em;
}

#calendar .calendar-table{
	border:0;
	border-collapse:separate;
	border-spacing:1px;
	box-sizing:border-box;
	
}
#calendar .calendar-table thead,
#calendar .calendar-table tbody
{
	display: table;
	width: 95%;
}
#calendar .calendar-table th,
#calendar .calendar-table td { border:0; }

#schedule .calendar-table thead th .month-num{
	font-size:160%;
	margin-right:.2em;
	margin-left: .2em;
}

#calendar .calendar-table thead th{ text-align: left;}

#calendar .calendar-table tbody th,
#calendar .calendar-table tbody td
{
	background:#FFF;
	color:#04C;
	text-align:center;
	padding:.5em;
}

#calendar .calendar-table tbody td{
	background: #dbe7ff;
}
#calendar .calendar-table tbody td span{
	font-weight: 900;
}


#calendar .calendar-table tbody th.mon,
#calendar .calendar-table tbody th.tue,
#calendar .calendar-table tbody th.thu,
#calendar .calendar-table tbody th.fri,
#calendar .calendar-table tbody th.sat,
#calendar .calendar-table tbody td.sun,
#calendar .calendar-table tbody td.mon,
#calendar .calendar-table tbody td.tue,
#calendar .calendar-table tbody td.wed,
#calendar .calendar-table tbody td.thu,
#calendar .calendar-table tbody td.fri,
#calendar .calendar-table tbody td.sat
{
	background:#fff;
	color:#04C;
}

#calendar .calendar-table tbody th.sun,
#calendar .calendar-table tbody th.wed,
#calendar .calendar-table tbody th.holyday,
#calendar .calendar-table tbody td.holyday
{
	background:#ffd6e5;
	color:#04C;
}

#calendar .calendar-table tbody th.thu,
#calendar .calendar-table tbody th.consultation,
#calendar .calendar-table tbody td.consultation
{
	/*相談日を削除により background:#FFB;*/
	color:#04C;
}

#calendar-notes{
	padding: .8em;
	background: #0033BB;
	border-radius: .5em;
	margin-bottom: .5em;
}

#schedule .holyday{ color:#ffd6e5; }
/*相談日を削除により#schedule .consultation{ color:#FFB; }*/
#schedule dt.office-hours{ line-height:3 !important; }


#schedule dl{
	overflow:hidden;
}

#schedule dt,
#schedule dd{
	display:inline;
	margin:0;
	padding:0;
	vertical-align:top;
	line-height:2;
}
#schedule dt{
	font-weight:bold;
}

#schedule dd::after{
	display:block;
	content:'';
}
#schedule dl.child{
	margin:0;
	padding:0;
	color:#baccf0;
}
#schedule dl.child dt{
	font-weight:normal;
}


/*--- フッター　サイトフッター ---*/
#footer-utils{
	float:left;
	width:45%;
}

#footer-title{
	margin:30px 0;
}

/*--- フッター　クリニック情報 ---*/
#footer-clinic{
	list-style:none;
	margin:30px 0;
	padding:0;
}
#footer-clinic a{
	color:#FFF;
	text-decoration:none;
}

#footer-clinic li{
	overflow:hidden;
	margin-bottom:10px;
}
#footer-clinic li address,
#footer-clinic li .tel
{
	float:left;
}

#footer-clinic li address{
	width:180px;
	font-style:normal;
}
#footer-clinic li address h3{
	font-size:14px;
	margin:0;
}
#footer-clinic li address p{
	font-size:12px;
	margin:0;
	color:#baccf0;
}

#footer-clinic li .tel{
	font-family:Futura, Century Gothic, Arial, Helvetica, "sans-serif";
	font-size: 220% ;
	color: #FFF;
	padding: 0;
	margin: 5px 0 10px;
	line-height: 1;
}

/*
#footer-clinic li .tel
{
	text-indent:-9000px;
	background-position:0 30px;
	height:30px;
	width:215px;
	margin-top:5px;
}
	

#footer-clinic li.gofuku-cho-clinic .tel{
	background-image:url(images/img-tel-gofuku-cho.png);
}
#footer-clinic li.southside-clinic .tel{
	background-image:url(images/img-tel-southside.png);
}
*/

/*--- フッター　資格 ---*/
#qualifications{
	margin:30px 0;
}

#qualifications h3{
	margin:0 0 .2em;
	font-size:14px;
}
#qualifications ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	color:#baccf0;
}
#qualifications ul li{
	margin:.3em 0;
}

/*--- フッター　コピーライト ---*/
#copyrights{
	font-size:12px;
	color:#baccf0;
}

/*--- フッター　ページの先頭へ ---*/
a#btn-topofpage{
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	display:block;
	width:150px;
	height:110px;
	margin-left:-75px;
	padding-top:20px;
	background:url(images/btnimg-to-pagetop.png) no-repeat 50% 60px;
	position:absolute;
	left:50%;
	bottom:0;
}


/*--- フッター　メディアクエリ ---*/

@media screen and (max-width: 480px) {

#calendar .calendar-table thead,
#calendar .calendar-table tbody
{
	width: 100%;
}

}



/******************************************************************************************************* breadcrumb */

.breadcrumb{
	width: 100%;
	font-size: 90%;
	background: #dbe7ff;
}
.breadcrumb ul{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	padding: 1em 0;
}
.breadcrumb li { display:inline-block; }
.breadcrumb a { color: #025; text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }


/******************************************************************************************************* navigation */

.pagination{
    margin:2em 0;
    text-align:center;
}
.pagination .screen-reader-text { display:none; }
.pagination .nav-links {}
.nav-links .page-numbers {
	display:inline-block;
	text-decoration:none;
    border: solid 1px #CCC;
    /*border-radius:5px;*/
    padding:5px 10px;
    margin:0 2px;
	background: #fff;
}
.nav-links .page-numbers.current {
    background: #04c;
    border: solid 1px #16b;
    color: #FFF;
}
.pagination a:hover{
    color: #16b;
    border: solid 1px #16b;
    background-color: #FFF;
}


.nav-links .page-numbers {}
.nav-links .page-numbers.current {}


.next-previous { width:100%; display: table; border-spacing: 15px 0; margin-bottom: 1.5em; box-sizing: border-box;}
.next-previous a { color: #04c; text-decoration: none; }
.next-previous .next,
.next-previous .previous
{
	position: relative;
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	width: 50%;
	/*border: 1px solid #CCC;*/
	background: #baccf0;
	padding: 1em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
.next-previous .next		{ padding-left: 30px; border-radius: 1em; }
.next-previous .previous	{ padding-right: 30px; border-radius: 1em; }

.next-previous .next-icon,
.next-previous .previous-icon
{
	color: #04c;
	position: absolute;
	top:50%;
	transform:  translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.next-previous .next-icon{ left: 10px;}
.next-previous .previous-icon{ right: 10px;}

/******************************************************************************************************* archive */

/******************************************************************************************************* .entry-content */
.entry-content { line-height:1.8; text-align:justify; }
.entry-content ul, .entry-content ol { margin:1em 0 1em 2em; }
.entry-content p { margin:1em 0; }
.entry-content ul:first-child, .entry-content ol:first-child, .entry-content p:first-child { margin-top:0; }
.entry-content ul:last-child, .entry-content ol:last-child, .entry-content p:last-child { margin-bottom:0; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin:1em 0; line-height:1; }
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child { margin-top:0; }
.entry-content h1, .entry-content xx-large { font-size:160%; }
.entry-content h2, .entry-content x-large { font-size:140%; }
.entry-content h3, .entry-content large { font-size:120%; }
.entry-content h4, .entry-content medium { font-size:100%; }
.entry-content h5, .entry-content small { font-size:90%; }
.entry-content h6, .entry-content x-small { font-size:80%; }
.entry-content xx-small { font-size:70%; }
.entry-content img { max-width:100%; height:auto; }
.entry-content td { vertical-align:top; }
.entry-content blockquote { padding:30px; margin:30px 0; background-color:#f9f9f9; border:solid 1px #ddd; border-radius:5px; }




/******************************************************************************************************* Main Contents */

.content-header{
}
.content-header .inner{
}
.content-header .header-title,
.content-header .title
{
	margin: 0;
	color: #04c;
}

/******************************************************************************************************* blog */

.more-link{
	display: block;
	width: auto;
	margin: 1em 0;
}


.page #container,
.post #container,
.letter #container
{
	background: #dbe7ff;
	padding: 0 0 15px;
	min-width: 960px;
}

.home #container{
	background: #FFF;
}

.page #container .inner,
.post #container .inner,
.letter #container .inner
{
	padding: 0 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.post .content-header{
	margin: 0 auto;
	width: 910px;
	padding: 10px 25px 30px;
}
.post .content-header .inner{
	padding: 0 !important;
}

.post #content,
.post #content article,
.letter #content,
.letter #content article
{
	width: 680px !important;
}

.page #content article,
.post #content article,
.letter #content article
{
	background: #FFF;
	margin: 1em 0;
	padding: 18px;
	border-radius: 1em;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.post #content article:first-child,
.letter #content article:first-child
{
	margin-top: 0;
}
.post #content article:last-child,
.letter #content article:last-child
{
	margin-bottom: 0;
}

.post #content article .article-title
{
	font-size: 160%;
	color: #000;
	margin: 0;
}
.single #content article .article-title{ margin-bottom: 0;}

.post #content article .article-categories,
.post #content article .article-categories a
{
	color: #666;
}
.post #content article .article-categories ul{
	display: inline;
	vertical-align: middle;
	font-size: 90%;
	margin: .5em 0 2em;
	padding: 0;
	list-style: none;
}
.post #content article .article-categories ul li{
	display: inline-block;
	margin-left: .5em;
}

.post #content article .date{
	color: #666;
}

.post #content article figure,
.letter #content article figure
{
	padding: 0;
	margin: 0;
	text-align: center;
}

.post #content article ul,
.post #content article ol,
.letter #content article ul,
.letter #content article ol
{
	padding-left: 1.5em;
	margin-top: 0;
	margin-bottom: 1em;
}
.post #content article ul:last-child,
.post #content article ol:last-child,
.letter #content article ul:last-child,
.letter #content article ol:last-child
{
	margin-bottom: 0;
}

.post #content img,
.letter #content img
{
	max-width: 640px;
	height: auto;
}

.post #aside,
.letter #aside
{
	padding: 0 0 0 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.post #aside .aside-item .item-title,
.letter #aside .aside-item .item-title
{
	font-size: 120%;
	background: #04c;
	color: #FFF;
	border-radius: 2em;
	padding: .2em .5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 0;
	margin-bottom: .5em;
}

.post #aside .aside-item,
.letter #aside .aside-item
{
	margin: 2.5em 0;
}
.post #aside .aside-item:first-child,
.letter #aside .aside-item:first-child
{
	margin-top: 0;
}
.post #aside .aside-item:last-child,
.letter #aside .aside-item:last-child
{
	margin-bottom: 0;
}

.post #aside .aside-item ul,
.letter #aside .aside-item ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 .5em;
}
.post #aside .aside-item ul li,
.letter #aside .aside-item ul li
{
	border-bottom: 1px dotted rgba(0,0,0,0.50);
}
.post #aside .aside-item ul a,
.letter #aside .aside-item ul a
{
	text-decoration: none;
	color: #000;
	display: block;
	padding: .5em 0;
}
.post #aside .aside-item ul a:hover,
.letter #aside .aside-item ul a:hover
{
	text-decoration: underline;
}




@media screen and (max-width: 480px) {

.breadcrumb .inner{ padding-left:0; padding-right: 0;}

.breadcrumb-bottom{ display: none; }

.table,
.cell
{
	display: block;
}

.post #container,
.page #container,
.letter #container{ min-width: 0; }

.post #container .inner,
.page #container .inner,
.letter #container .inner	{ padding: 0; }

.page #content article,
.post #content article,
.letter #content article	{ padding: 1em; }

.post #content,
.post #content article,
.letter #content,
.letter #content article
{
	width: 100% !important;
}

.page #content .article-title { font-size: 140%; }
	
.content-header,
.post .content-header{
	width: 100%;
	padding: 1em 0;
}

.post #content img,
.letter #content img
{
	max-width: 100%;
	height: auto;
}

.single #content		{ width: 100%; }
.single #content img  { width: 100%; height: auto; }
	
	
	
.post #aside,
.letter #aside
{
	padding: 25px 0;
	overflow: hidden;
}
	
.post #aside .aside-item,
.letter #aside .aside-item
{
	margin: 0 0 2em;
}

.post #aside .blog-categories,
.post #aside .blog-archives
{
	float: left;
	width:50%;
}

.post #aside .blog-archives{
	padding-left: 1em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

}/*EOF Media Queries */


/*--------------------------------------------------------------
	マップ
----------------------------------------------------------------*/

.map-container {
	width: 100%;
	height: 480px;
	border: #ccc solid 1px;
	margin: 1em 0;
}

/* fixes potential theme css conflict */
.map-container img {
   max-width: inherit !important;
}

/******************************************************************************************************* Page */

/* 固定ページ
-----------------------------------*/


.page #content{
	padding: 0;
}

.page #content .article-title{
	color: #FFF;
	background: #04c;
	padding: .3em 1em;
	margin-bottom: 1em;
	border-radius: .5em;
}

.page #content ul,
.page #content ol{
	padding-left: 1.5em;
	margin: 1em 0 1.5em;
}

.page .section-header {
	margin: 1em 0;
	padding:1em 0;
	border-top: 1px dotted #666;
}

.page #content h2{
	border-left: 5px solid #04c;
	padding:0 .5em;
	margin: 0;
	font-size: 130%;
}

/* フロントページ
-----------------------------------*/


.home #content{
	padding: 0 !important;
}

.home #content section{
	padding: 2em 0;
}

.home #content .section-header{
	text-align: center;
	margin: 2em 0;
}
.home #content .section-header .header-title{
	color:#04c;
	font-size:220%;
}

.home #content article{
	background: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	border: none;
}

.home #content .article-title{
	color: #04c;
	background: none;
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.home .section-header {
	margin: 1em 0;
	padding: 0;
	border-top: 0;
}

.home #content h2{
	border: 0;
	padding:0;
	margin: 0;
	font-size: 130%;
}

/*--- .home 診療案内 ---*/

#nav-care .nav-title{
	text-align: center;
	color: #04c;
}

#nav-care ul{
	list-style: none;
	overflow:hidden;
	margin: 0 auto !important;
	padding:0;
	width:810px;
}

#nav-care li{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#nav-care li:last-child{
	margin-right:0;
}

.single-care .subject,
.tax-method .subject,
#nav-care li a{
	display: block;
	background: no-repeat 50% 50% !important;
	background-size: contain !important;
	width: 150px;
	height: 150px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.single-care .subject-implant,
.tax-method .subject-implant,
#nav-care li.nav-care-implant a    {background-image: url(images/icon-implant@2x.png) !important; }
.single-care .subject-aesthetic,
.tax-method .subject-aesthetic,
#nav-care li.nav-care-aesthetic a  {background-image: url(images/icon-aesthetic-dental@2x.png) !important; }
.single-care .subject-orthodontic,
.tax-method .subject-orthodontic,
#nav-care li.nav-care-orthodontic a{background-image: url(images/icon-orthodontic@2x.png) !important; }
.single-care .subject-denture,
.tax-method .subject-denture,
#nav-care li.nav-care-denture a    {background-image: url(images/icon-denture@2x.png) !important; }
.single-care .subject-preventive,
.tax-method .subject-preventive,
#nav-care li.nav-care-preventive a {background-image: url(images/icon-preventive-dentistry@2x.png) !important; }


/*--- .home 診療案内 ---*/

.home #section-clinic{
	background-color: #dbe7ff;
}

.section-clinic-content{
	display: table;
	margin: 0 auto;
}

.section-clinic-content article{
	display: table-cell;
	width: 50%;
	
}
.section-clinic-content article:first-child{
	border-right:1px solid #666;

}

.section-clinic-content article a{
	display: block;
	color: #000;
	text-decoration: none;
	padding:10px 40px;
	margin: 0 auto;
}

.section-clinic-content article figure{
	margin:0 0 15px;
	padding:0;
}

.section-clinic-content article figure img{
	width:100%;
	height:auto;
}

.section-clinic-content article .article-title,
.section-clinic-content article .tel
{
	font-size:160%;
	color:#04c;
	font-weight:900;
	margin:0;
	padding:0;
}

.section-clinic-content article .tel{
	margin-bottom:15px;
}


/* 料金表
-----------------------------------*/

.page-price #content table th,
.page-price #content table td
{
	width: 50%;
}

@media screen and (max-width: 480px) {

.page-price #content table th,
.page-price #content table td
{
	width: 100%;
}

}


/* サイトマップ
-----------------------------------*/

.page-sitemap #content ul{
	list-style:none;
	margin:0;
	padding:0;
}

.page-sitemap #content ul.sitemap-ul{
	display:flex;
	-webkit-flex-wrap:	wrap; /* Safari */
	flex-wrap: wrap;
}

.page-sitemap #content ul.sitemap-ul li{
	-webkit-box-sizing:	border-box;
	box-sizing:			border-box;
	margin-right:1%;
	margin-bottom:1em;
	width:48%;
}
.page-sitemap #content ul.sitemap-ul>li{
	margin-bottom:2em;
}


.page-sitemap #content .menu-item a{
	display:block;
	color:#333;
	font-size:120%;
	font-weight:bold;
	position:relative;
	text-decoration:none;
	border-left: 5px solid #04c;
	padding:0 .5em;
	margin: 0;
	font-size: 130%;
}
.page-sitemap #content .menu-item a:hover
{
	background: #dbe7ff;
}
.page-sitemap #content .menu-item a[title="static"]:hover
{
	color:#333;
	background:#fff;
	cursor:default;
}

.page-sitemap #content ul.sub-menu{
	padding: 0 15px;
	margin: 10px auto;
}
.page-sitemap #content ul.sub-menu li{
	width:100%;
	padding:.5em 0;
	margin:0;
	border-top:1px dotted #666;
}

.page-sitemap #content ul.sub-menu a{
	font-weight:900;
	font-size:100% !important;
	background:none;
	border-radius:5px;
	border-left:0;
	padding:.5em;
	margin:0;
	color:#666;
	text-decoration:none;
}
/*.page-sitemap #content ul.sub-menu a:hover
{
	color:#333;
	background-color:#CCC;
}*/


.page-sitemap #content ul.sub-menu ul.sub-menu {
	padding:0 0 0 1em;
	
}
.page-sitemap #content ul.sub-menu ul.sub-menu li{
	padding:0;
	border:none;
}
.page-sitemap #content ul.sub-menu ul.sub-menu a{
	font-weight:400;
}

@media screen and (max-width: 480px) {

.page-sitemap #content ul.sitemap-ul{
	display:block;
}

.page-sitemap #content ul.sitemap-ul li{
	margin-right:0;
	width:100%;
}

}


/* プライバシーポリシー
-----------------------------------*/

.page-privacypolicy #content h2{
	margin-top: 1.5em !important;
}

.page-privacypolicy .clinic-info{
	padding: 2em;
	border-radius: 1em;
	background: #dbe7ff;
}

.page-privacypolicy .clinic-info th.header-l{
	color:#369;
	font-weight: 900;
	font-size: 160%;
	border-top:0 !important;
	padding-top: 0 !important;
}
.page-privacypolicy .clinic-info th.header-m{
	color:#369;
	font-weight: 900;
	font-size: 130%;
	border-top:0 !important;
	padding-top: 0 !important;
}


@media screen and (max-width: 480px) {

.page-privacypolicy #content .clinic-info table
{
	border-bottom: 0;
}
.page-privacypolicy #content .clinic-info table th,
.page-privacypolicy #content .clinic-info table td
{
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.page-privacypolicy #content .clinic-info th.header-m{
	padding-bottom: 1em;
}
.page-privacypolicy #content .clinic-info table td
{
	padding-top: 0 !important;
	padding-bottom: 1em;
}
.page-privacypolicy #content .clinic-info table tr:last-child td
{
	padding-bottom: 0;
}

}


/* メールフォーム
-----------------------------------*/

#form{
	
}

#form input[type="number"],
#form input[type="email"],
#form input[type="text"],
#form textarea
{
	padding: .5em;
	background: #ffd;
	border:1px solid #999;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*
	width: 80%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	*/
}

#form .w100{
	width: 100%;
}
#form .w50{
	width: 50%;
}
#form .w20{
	width: 20%;
}
#form .w10{
	width: 10%;
}

.nowrap{
	white-space: nowrap;
}

.require{}
.require:after{
	display: inline-block;
	margin:0 .5em;
	font-size: 90%;
	font-weight: 900;
	content:"＊";
	color: #e33;
}

div.notice{
	margin: 2em auto;
	color: #555;
}

input[type="submit"].btn-form{
	cursor: pointer;
	display: inline-block;
	margin: 1em auto;
	padding: .8em 2em !important;
	border-radius: .5em !important;
	color: #fff;
	background: #999 !important;
	font-size: 120% !important;
	font-weight: 900 !important;
	box-shadow: 0px 3px 10px 5px rgba(0,0,0,0.30);
	
	text-align: center;
	width: auto;
	border: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type="submit"].btn-form:hover{
	opacity: .8;
}

input[type="submit"].btn-submit{
	color: #dbe7ff;
	background: #36c !important;
}
input[type="submit"].btn-return{
	color: #fff;
	background: #999 !important;
	margin-left: 2em;
}


.mw_wp_form .horizontal-item{
	display: inline-block !important;
	margin-left: 0 !important;
	margin-right: 1em !important;
}

.mw_wp_form .error{
	display: inline-block !important;
	color: #e33 !important;
}

.for_comfirm	{ display: none; }
.mw_wp_form_preview .for_comfirm	{ display: block; }
.mw_wp_form_preview .for_form		{ display: none; }

/* メールフォーム：診療予約
-----------------------------------*/

#reservation-tel .section-content{
	text-align: center;
}
#reservation-tel dl{
	display: table;
	margin: 0 auto;
}
#reservation-tel dl dt,
#reservation-tel dl dd
{
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	color: #04c;
}

#reservation-tel dl dt{
	padding-right: 1em;
	font-size: 160%;
}

#reservation-tel dl dd{
	font-family:Futura, Century Gothic, Arial, Helvetica, "sans-serif";
	font-size: 250%;
	
}


@media screen and (max-width: 480px) {

div.notice {
    padding: 1em;
	font-size: 90%;
    color: #555;
}

#reservation-tel dl,
#reservation-tel dl dt,
#reservation-tel dl dd
{
	display: block;
	padding-right: 0;
}

.mw_wp_form .horizontal-item {
    display: block !important;
    margin-right: 0 !important;
	margin-top: 5px !important;
}


}/*EOF Media Queries */


/******************************************************************************************************* Links */

/* 関連リンク
-----------------------------------*/


.links #container
{
	background: #dbe7ff;
	padding: 0 0 15px;
	min-width: 960px;
}
.links #container .inner
{
	padding: 0 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.links #content article
{
	background: #FFF;
	margin: 1em 0;
	padding: 18px;
	border-radius: 1em;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.links #content .article-title{
	color: #FFF;
	background: #04c;
	padding: .3em 1em;
	margin-bottom: 1em;
	border-radius: .5em;
}

.links #content .title{
	border-left: 5px solid #04c;
	padding:0 .5em;
	margin: 1em 0;
	font-size: 130%;
}

@media screen and (max-width: 480px) {
	.links #container{ min-width: 0; }
	.links #container .inner { padding: 0;}
}

/******************************************************************************************************* News Letter */

/* ニュースレター
-----------------------------------*/


.letter #content .article-title{
	color: #FFF;
	background: #04c;
	padding: .3em 1em;
	margin-bottom: 1em;
	border-radius: .5em;
}

.letter #content .title{
	border-left: 5px solid #04c;
	padding:0 .5em;
	margin: 1em 0;
	font-size: 130%;
}
.letter #content h3{
	padding:0;
	margin: 0 0 .5em;
	font-size: 120%;
}
.letter #content p{
	padding:0;
	margin: 0 0 1em;
}
.letter #content p:last-child{
	margin: 0;
}

.letter #content .section-letter-content{
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 2px solid #ccc;
}
.letter #content .section-letter-content:last-child{
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

.letter #content .section-letter-content .letter-content{
	margin-bottom: 1.5em;
}
.letter #content .section-letter-content .letter-content:last-child{
	margin: 0;
}

.letter #content .section-letter-content .cell{
	padding-left: 1.5em;
}
.letter #content .section-letter-content .cell:first-child{
	padding-left: 0;
}

.letter #content .section-letter-content .comment{
	border-radius: 1em;
	background: #dbe7ff;
	padding: 1em;
	color:#369;
}


.letter #content .section-letter-content figure{
	display: block;
	padding: 0;
	margin: 0 0 10px;
	text-align: center;
}
.letter #content .section-letter-content figure:last-child{
	/*margin: 0;*/
}

.letter #content .section-letter-content figure span.figimg{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px;
	border-radius: 5px;
	background-color: #fff;
}
.letter #content .section-letter-content figcaption{
	display: block;
	color: #555;
	font-size: 90%;
	padding: .5em;
}
.letter #content .section-letter-content figure img{
	width: 200px;
	max-width: 100%;
}

.letter #content .section-letter-content .figure-container{
	overflow: hidden;
	margin: 1.5em 0;
}
.letter #content .letter-content figure{
	float: left;
	margin: 0 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.letter #content .letter-content .cell.col1 .figure-container figure
{
	float: none;
}

/*
レイアウトパターン：垂直
*/
.letter #content .letter-content .col1 figure{ width: 100%; float: none; margin: 0 !important; }
.letter #content .letter-content .col2 figure{ width: 45%; }
.letter #content .letter-content .col3 figure{ width: 28%; }
.letter #content .letter-content .col4 figure{ width: 20%; }

.letter #content .letter-content .col2 figure:nth-child(2n+1),
.letter #content .letter-content .col3 figure:nth-child(3n+1),
.letter #content .letter-content .col4 figure:nth-child(4n+1)  { clear: both; }

/*
レイアウトパターン：水平（figure要素の親要素にクラス「.cell」が含まれている場合）
*/
.letter #content .letter-content .cell.col2,
.letter #content .letter-content .cell.col3,
.letter #content .letter-content .cell.col4 { width: 50%; }

.letter #content .letter-content .cell.col1 figure { width: 100% !important; margin: 0 !important; }

.letter #content .letter-content .cell.col2 figure,
.letter #content .letter-content .cell.col3 figure,
.letter #content .letter-content .cell.col4 figure { width: 45%; }

.letter #content .letter-content .cell.col2 figure:nth-child(2n+1),
.letter #content .letter-content .cell.col3 figure:nth-child(2n+1),
.letter #content .letter-content .cell.col4 figure:nth-child(2n+1) { clear: both; }

.letter #content .letter-content .cell.col3 figure:nth-child(3n+1),
.letter #content .letter-content .cell.col4 figure:nth-child(4n+1)  { clear:none; }



/*
ニュースレター　メディアクエリ
*/

@media screen and (max-width: 480px) {
	
	.letter #content,
	.letter #content article { width: 100% !important; }
	
	.letter #content .section-letter-content .cell{ padding-left: 0; }
	
	.letter #content .letter-content .cell.col2,
	.letter #content .letter-content .cell.col3,
	.letter #content .letter-content .cell.col4 { width: 100%; }
}


/******************************************************************************************************* Care Information */
/* 診療案内 */

/* 診療案内　コンテンツヘッダー 
-----------------------------------*/

.care .content-header,
.care .content-footer
{
	background: #dbe7ff;
	padding: 1em 0 2em;
}

.care .content-footer dl,
.care .content-footer dt,
.care .content-footer dd { margin: 0; padding: 0; }


.care .content-footer .title{
	text-align: center;
	font-size: 140%;
	font-weight: 900;
	margin-bottom: 1em;
	color: #04c;
}

.care .content-header .cell{ vertical-align: middle !important;}

.care .content-header .subject-cell{ width: 220px; /*vertical-align: middle;*/}
.care .content-header .subject{
	display: block;
	margin: 0 auto;
	background: #04c url(images/icon-blanc.png) no-repeat 50% 0;
	border-radius: 20px;
	color: #FFF;
	text-align: center;
	padding-top: 135px;
	width: 180px;
	height: 180px;
	font-size: 140%;
	font-weight: 900;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}

.care .content-header .main-cell{ width: 460px;}

.care .content-header .care-info .title{
	margin-bottom: .3em;
}

.care .content-header .menu-cell{ width: 250px; padding-left: 30px; }

.care .care-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.care .care-menu ul li{
	margin: .8em 0;
	padding: 0;
}
.care .care-menu ul li:first-child { margin-top: 0; }
.care .care-menu ul li:last-child  { margin-bottom: 0; border-top:1px dotted #999; padding-top: .8em;  }

.care .care-menu ul li a{
	display: block;
	background: #FFF;
	color: #04c;
	
	border-radius: 2em;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	padding: .5em;
	
}
.care .care-menu ul li a:hover,
.care .care-menu ul li.current-menu-item a
{
	background: #04c;
	color: #FFF;
}

.care .care-menu-sp{
	display: none;
	background: #dbe7ff;
	padding: 30px 0;
}
.care .care-menu-sp .title{ text-align: center; color: #04c; margin: 0 0 1em;}
.care .care-menu ul{
	width: 90%;
	margin: 0 auto;
}


@media screen and (max-width: 480px) {
	
	.post-type-archive-care #content,
	.tax-method #content
	{ border-bottom: 1px solid #ccc; }
	
	.care .content-header .subject-cell,
	.care .content-header .main-cell,
	.care .content-header .menu-cell
	{
		width: 100%;
		padding: 0;
		margin-bottom: 1em;
	}
	
	.care .content-header .menu-cell{ margin-top: 2em; }
	
	.care .content-header .care-info .title{
		text-align: center;
	}
	
}



/* 診療案内　コンテンツ 
-----------------------------------*/

.care #content { padding: 2em 0; }

.care #content section{
	border-bottom: 2px solid #ccc;
	padding-bottom: 1.5em;
	margin-bottom:  3em;
}
.care #content section:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom:  0;
}

.care #content section .title{
	border-left: 5px solid #04c;
	color: #333;
	font-size: 150%;
	padding: 0 0 0 .5em;
}

.care #content section .description{
	border-bottom: 1px dotted #999;
	padding-bottom: 1em;
	margin-bottom:  1em;
}
.care #content section .description:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}

.care #content ul,
.care #content ol{
	padding-left: 1.5em;
	margin: 1em 0 1.5em;
	list-style-position:inside;
}

/* 診療案内　フィーチャー
-----------------------------------*/

.care #content section .feature-details{
	overflow: hidden;
}

.care #content section .feature-detail-image{
	width: 100%;
	margin: 2em 0;
	float: left;
}
.care #content section .feature-detail-image figure{
	width: 90%;
	margin: 0 auto;
}
.care #content section .feature-details figure img{
	width: 100%;
	height: auto;
}
.care #content section .feature-details figure figcaption{
	margin-top: .5em;
}


.care #content section .feature-detail-image:nth-child(2n+1){
	clear: both;
}

.care #content section .col1 .feature-detail-image{ width: 100%; float: none; }
.care #content section .col2 .feature-detail-image{ width: 50%; }
.care #content section .col3 .feature-detail-image{ width: 33%; }
.care #content section .col4 .feature-detail-image{ width: 25%; }

.care #content section .col2 .feature-detail-image:nth-child(2n+1){ clear: both; }

.care #content section .col3 .feature-detail-image:nth-child(2n+1){ clear: none; }
.care #content section .col3 .feature-detail-image:nth-child(3n+1){ clear: both; }

.care #content section .col4 .feature-detail-image:nth-child(2n+1){ clear: none; }
.care #content section .col4 .feature-detail-image:nth-child(3n+1){ clear: none; }
.care #content section .col4 .feature-detail-image:nth-child(4n+1){ clear: both; }


@media screen and (max-width: 480px) {
	.care #content section .feature-detail-image,
	.care #content section .feature-detail-image figure
	{
		width: 100%;
		float: none;
	}
	
	.care #content section .col1 .feature-detail-image,
	.care #content section .col2 .feature-detail-image,
	.care #content section .col3 .feature-detail-image,
	.care #content section .col4 .feature-detail-image { width: 100%; }
	
}




/* 診療案内　治療症例
-----------------------------------*/

.care #content section .example-details{
	border-bottom: 1px dotted #999;
	padding: 1em 0;
	margin-bottom:  1em;
	width: 100% !important;
}
.care #content section .example-details:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom:  0;
}


.care #content section .example-details .cell{
	width: 400px;
	vertical-align: top !important;
}

.care #content section .example-details .cell figure{
	width: 400px;
	margin: 0 auto;
}
.care #content section .example-details .cell figure img{
	width: 100%;
	height: auto;
}
.care #content section .example-details .cell figure figcaption{
	margin-top: .5em;
}
.care #content section .example-details .arrow-cell {
	width: 160px;
	vertical-align: middle !important;
	text-align: center  !important;
}
.care #content section .example-details .arrow-cell i.arrow{
	display:inline-block;
	width: 60px;
	height: 60px;
	background: url(images/bg-arrow-care.png) 0 0;
}

@media screen and (max-width: 480px) {
	.care #content section .example-details .cell,
	.care #content section .example-details .cell figure,
	.care #content section .example-details .arrow-cell
	{
		width: 100%;
	}
	
	.care #content section .example-details .arrow-cell i.arrow{
		background-position: 0 -60px;
	}
}


/* 診療案内　Q&A
-----------------------------------*/

.care #content .article-faq dl{}
.care #content .article-faq dt{
	border-left: 5px solid #04c;
	color: #333;
	font-size: 140%;
	font-weight: 900;
	padding: 0 0 0 .5em;
	margin-bottom: .8em;
	
	/*
	color: #04c;
	font-size: 140%;
	font-weight: 900;
	margin-bottom: .5em;
	*/
}
.care #content .article-faq dd{
	/*color: #369;*/
	background: #dbe7ff;
	border-radius: 1em;
	padding: 1em;
	margin-bottom: 3em;
	line-height: 1.8;
}
.care #content .article-faq dd:last-child{
	/*margin-bottom: 0;*/
}

/******************************************************************************************************* Clinic Information */
/* 医院紹介 */


/* 医院紹介　コンテンツヘッダー 
-----------------------------------*/

.clinic .content-header{
	background: #dbe7ff;
	padding: 1em 0 2em;
}

.clinic .content-header .cell{ vertical-align: middle !important;}

.clinic .content-header .subject-cell{ width: 220px; /*vertical-align: middle;*/}
.clinic .content-header .subject{
	display: block;
	background: #04c url(images/icon-blanc.png) no-repeat 50% 0;
	border-radius: 20px;
	color: #FFF;
	text-align: center;
	padding-top: 135px;
	width: 180px;
	height: 180px;
	font-size: 140%;
	font-weight: 900;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}

.clinic .content-header .main-cell{ width: 460px;}

.clinic .content-header .clinic-info .title{
	margin-bottom: .3em;
}
.clinic .clinic-info address{
	color: #000;
	font-style: normal;
	display: block;
	margin-bottom: 1em;
}
.clinic .content-header address{
	color: #04c;
}

.clinic .content-header .clinic-info .thumb		{ width: 150px; padding-right: 10px; vertical-align: top !important; }
.clinic .content-header .clinic-info .thumb img { width: 100%; height: auto;}


.clinic .details dl{
	overflow: hidden;
	margin: 0;
}
.clinic .details dt{
	float: left;
	clear: both;
	width: 5em;
}
.clinic .details dd{
	margin-left: 5em;
}


.clinic .content-header .menu-cell{ width: 250px; padding-left: 30px; }

.clinic .clinic-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.clinic .clinic-menu ul li{
	margin: .8em 0;
	padding: 0;
}
.clinic .clinic-menu ul li:first-child { margin-top: 0; }
.clinic .clinic-menu ul li:last-child  { margin-bottom: 0; }

.clinic .clinic-menu ul li a{
	display: block;
	background: #FFF;
	color: #04c;
	
	border-radius: 2em;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	padding: .5em;
	
}
.clinic .clinic-menu ul li a:hover,
.clinic .clinic-menu ul li.current-menu-item a
{
	background: #04c;
	color: #FFF;
}

.clinic .clinic-menu-sp{
	display: none;
	background: #dbe7ff;
	padding: 30px 0;
}
.clinic .clinic-menu-sp .title{ text-align: center; color: #04c; margin: 0 0 1em;}
.clinic  .clinic-menu ul{
	width: 90%;
	margin: 0 auto;
}


/* 医院紹介　コンテンツ 
-----------------------------------*/

.clinic #content {padding: 2em 0;}

.clinic #content h3{ color: #04c; font-size: 130%; }

.clinic #content .introduction-clinic{
	padding-right: 30px;
	line-height: 1.8;
}

.clinic #content .section-title{
	display: block;
	background: #04c;
	color: #FFF;
	font-weight: 900;
	font-size: 120%;
	
	border-radius: 2em;
	text-decoration: none;
	padding: .5em 1em;
	
}

.clinic #content .introduction-manager{
	width: 250px;
	padding-left: 30px;
	font-size: 90%;
}
.clinic #content .introduction-manager h2{
	margin-bottom: .3em;
	line-height: 1.1;
}
.clinic #content .introduction-manager p{
	margin-top: 0;
}
.clinic #content .introduction-manager img{
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}


.clinic #content .imagemap{
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}

.clinic #content .imagemap img{
	width: 100%;
	height: auto;
}


.clinic #content .article-footer{
	margin: 1em 0;
}
.clinic #content .article-footer .cell{
	vertical-align: middle !important;
}
.clinic #content .article-footer figure{
	margin: 0;
	padding: 0;
	width: 540px;
}
.clinic #content .article-footer figure img { width: 260px; height: auto; }
.clinic #content .article-footer figure img:first-child { margin-right:10px; }

.clinic #content .article-footer .clinic-info{
	padding-left: 10px;
}
.clinic #content .article-footer .clinic-info .title{
	margin:.3em 0;
	font-size: 140%;
}

.clinic #aside{
	padding: 30px 0;
	border-top:1px solid #ccc;
}
.clinic #aside .inner{
	background: #baccf0;
	padding: 30px 40px;
	width: 960px;
	margin: 0 auto;
	border-radius: 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.clinic #aside .thumb{
	width: 500px;
}
.clinic #aside .thumb img { width: 240px; height: auto; }
.clinic #aside .thumb img:first-child { margin-right:10px; }

.clinic #aside .clinic-info{
	padding-left: 10px;
}
.clinic #aside .clinic-info .title{
	color: #04c;
	margin:.3em 0;
	font-size: 140%;
}

a.btn{
	display: inline-block;
	margin: 1em 0;
	padding: 1em;
	padding-right: 3em;
	border-radius: .5em;
	background: #FFF;
	color: #04c;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	position: relative;
}
a.btn:hover{
	opacity: .8;
}

a.btn .icon{
	position: absolute;
	top:50%;
	right:15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

a.btn-apply{
	background: #04c;
	color: #FFF;
	font-size: 120%;
	padding-right: 1em;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/* 医院紹介　メディアクエリ
-----------------------------------*/

@media screen and (max-width: 480px) {

.clinic .clinic-menu-sp{ display: block; }
	
.clinic .content-header .subject-cell,
.clinic .content-header .main-cell,
.clinic .content-header .main-cell .thumb,
.clinic #content .introduction-clinic,
.clinic #content .introduction-manager,
.clinic #content .article-footer figure,
.clinic #content .article-footer .clinic-info
{
	width: 100%;
	padding: 0;
	margin: 0;
}

.clinic .content-header .subject { margin: 0 auto; }

.clinic .content-header .main-cell .title { font-size: 140%; margin-top: 1.5em;}

.clinic .content-header .main-cell .title,
.clinic .content-header .main-cell address { text-align: center; }

.clinic .content-header .main-cell .thumb { margin-bottom: 1.5em; }

.clinic .content-header .menu-cell { display: none; }

.clinic #content .article-footer{ margin-top: 3em; }

.clinic #content .introduction-manager{ text-align: center; margin-top: 20px; }
.clinic #content .introduction-manager figcaption { margin-top: .8em; }
.clinic #content .introduction-manager img { width: 80%; }


.clinic #aside{
	width: 90%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px 0;
}
.clinic #aside .clinic-info,
.clinic #aside .thumb
{
	width: 100%;
	padding: 0;
	margin: 0;
}

.postid-26 #content img  { width: 100%; height: auto; }
	
}


/* ===============================================================================================================

診療案内

*/

.archive #content .section-header{
	text-align: center;
	margin: 2em 0;
}

.archive #content .section-header .header-title{
	color:#04c;
	font-size:220%;
}


.tax-method .content-header{ padding: 30px 0 0; background: none !important;}
.tax-method .subject{ margin: 0 auto;}

.tax-method #content{
	padding-bottom: 40px;
}

.tax-method #content article{
	background: #dbe7ff;
	padding: 15px 0;
	margin-bottom: 2em;
}
.tax-method #content article:last-child{
	margin-bottom: 0;
}

.tax-method #content article .cell{
	vertical-align: middle;
}

.tax-method .article-thumbnail{
	width: 240px;
	padding: 0;
}
.tax-method .article-thumbnail img{
	width: 100%;
	height: auto
}

.tax-method .article-content{
	padding-left: 30px;
}
.tax-method .article-content .title{
	font-size: 160%;
	margin-bottom: .5em;
}
.tax-method .article-content .title a{
	color: #04c;
	text-decoration: none;
}

@media screen and (max-width: 480px) {
	.tax-method .article-thumbnail{
		width: 100%;
		text-align: center;
	}
	.tax-method .article-content{
		padding-left: 0;
		margin-top: 1em;
	}
	
	.tax-method .article-content a.btn{
		display: block;
		margin: 0 auto;
	}
}

/* ===============================================================================================================

Media Queries 

*/


.for-pc { display:block !important; }
.for-sp { display:none !important; }

#nav-main-sp{ display: none; }

@media screen and (max-width: 480px) {

.for-pc { display:none !important;; }
.for-sp { display:block !important; }

.inner{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#nav-main{ display: none; }
#nav-main-sp{ display: none; }

#page{
	min-width: 0;
}

#header{
	width:100%;
	padding:0 0 20px;
}
.home #header{
	background:none;
	padding-bottom: 0;
}
#site-title{
	padding:30px;
	margin: 0;
}
.home #site-title{
	background:url(images/siteimage.jpg) no-repeat 100% 0% /200%;
	padding:30px;
	padding-bottom:280px;
}

#header-utils{
	position:static;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#header-utils img{
	width:100%;
	height:auto;
}
#header-utils ul{
	width:100%;
	
}
	
#header-utils li .tel{
	font-size: 150% ;
}
	
#btn-sp-menu{
	display: block;
}

#intro {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:2em;
	border-bottom:1px solid #04C;
}
#intro img { width:100%; height:auto; }

.home #content section {
    padding: 0 0 2em;
	
}

#nav-care ul{
	width:315px;
	padding-left: 0 !important;
}

#nav-care li:nth-child(even){
	margin-right:0;
}

#site-menu {
	padding:0;
	padding-top:30px;
}
#site-menu .column {
    width: 50%;
	margin-bottom:30px;
	padding-right:.5em;
}
#site-menu .column:nth-child(2n+1) {
	clear:both;
}

#footer{
	text-align:center;
}
#footer-title img{
	width:100%;
	height:auto;
}


#footer-clinic{
	text-align:left;
}

#footer-clinic li address {
    width: 155px;
}
#footer-clinic li address h3 {
    font-size: 13px;
}
#footer-clinic li address p {
    font-size: 10px;
}
#footer-clinic li .tel {
    margin-top: 0;
}

#schedule,
#footer-utils{
	float:none;
	width:100%;
}

#footer-utils{
	border-top:1px solid #FFF;
	margin-top:30px;
}

#calendar,
#calendar .m{
	display: block;
	width: 100%;
}
#calendar .blanc{
	display: none;
}
#calendar .m{
	margin-top: 1em;
}
#calendar .m:first-child{
	margin-top: 0;
}
#calendar .calendar-table{
	width: 100%;
}

.breadcrumb ul{ width: 90%; }


.home #section-clinic {
	padding-bottom:0 !important;
}

.home #section-clinic .header-title {
	margin-bottom:0;
}

.section-clinic-content,
.section-clinic-content article
{
    display: block;
}

.section-clinic-content article
{
	width:100%;
	border:none;
	border-bottom:1px solid #666;
}
.section-clinic-content article:last-child{
	border:none;
}

.section-clinic-content article a {
    padding: 30px;

}

@media screen and (max-width: 320px) {

#site-title{
	padding-bottom:240px;
}

#nav-care{
	width:275px;
	margin:0 auto;
}

#nav-care li a {
	width:130px;
	height:130px;
}

.section-clinic-content article a {
    padding: 20px 5px;
}

#schedule dl{ font-size:90%; }

#footer-clinic{
	text-align:center;
}

#footer-clinic li address {
	
    width: 100%;
	float:none;
}
#footer-clinic li address h3 {
    font-size: 15px;
}
#footer-clinic li address p {
    font-size: 12px;
}
#footer-clinic li .tel {
	float:none;
	margin:.5em auto;
}

}