@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 スマホ向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* スマホ向けのスタイル：320px ～ 768px
----------------------------------------------------------------------------- */

h2.title {
	font-size: 130%;
	line-height: 1.3;
  padding: 5px 7px;
}

h2.title span {
	display: block;
}

.text-box p {
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 10px;
}

a.a01:link,
a.a01:visited {
    color: #333;
    text-decoration: underline;
}

#header #logo a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* トップ
----------------------------------------------------------------------------- */
.intro {
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 15px;
}
.intro02 {
	/*background: #e8d1e3;*/
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px;
	margin: 0 0 15px;
  border: 1px solid #8e0d5c;
}

.text-marker01 {
	width: 100%;
	margin: 0 auto 15px;
	text-align: center;
	padding: 10px;
	background: #008c9c;
	font-size: 120%;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
}
.text-marker01 span {
	display: block;
}

/* 施設紹介
----------------------------------------------------------------------------- */
.about-title {
	font-size: 120%;
	line-height: 1.3;
}
.about-title span {
	display: block;
}
.abuot-addres {
	font-size: 110%;
	text-align: center;
	margin: 20px 0 0;
}
.abuot-addres span {
	display: block;
	margin: 15px 0 0 0;
}
.abuot-addres span img {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.text-marker02 {
	width: 100%;
	margin: 20px 0 15px 0;
	text-align: center;
	padding: 7px;
	background: #008c9c;
	font-size: 120%;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
}
.cont-box {
	margin: 0 0 0;
}
.cont-box02 {
	margin: 0 0 20px;
}
.accessmap {
	float: none;
	width: 100%;
	text-align: center;
}
ul.shisetsu-ph {
	width: 100%;
	margin: 0 auto 10px;
}
ul.shisetsu-ph li {
	float: left;
	width: 48.3%;
	margin: 0 3.125% 3.125% 0;
}
ul.shisetsu-ph li:nth-child(even) {
	margin-right: 0;
}
.floormap {
	margin: 0 0 20px;
	text-align: center;
}

/* クリニックトップ
----------------------------------------------------------------------------- */
h2.kamoku {
	font-size: 16px;
	border-bottom : 1px solid #ccc;
	padding: 0 0 5px;
	font-weight: normal;
}
.clinic-header {
	margin: 10px 0 15px;
	height: auto;
}
.clinic-logo {
	display: block;
	width: 100%;
	margin: 0 0 10px;
}
.clinic-tel {
	text-align: right;
}

@media screen and (max-width: 640px) {
.clinic-tel a {
	position: static;
	font-size: 120%;
	font-weight: bold;
	color: #666;
	padding: 0 0 0 24px;
	background: url("../img/tel_mark.png") no-repeat 0 center;
	-webkit-background-size: 19px auto;
	-moz-background-size: 19px auto;
	-ms-background-size: 19px auto;
	-o-background-size: 19px auto;
	background-size: 19px auto;
}
}/* Media Queries END */

@media screen and (min-width: 641px) and (max-width: 768px) {
.clinic-tel a {
	position: static;
	font-size: 140%;
	font-weight: bold;
	color: #666;
	padding: 0 0 0 29px;
	background: url("../img/tel_mark.png") no-repeat 0 center;
	-webkit-background-size: 24px auto;
	-moz-background-size: 24px auto;
	-ms-background-size: 24px auto;
	-o-background-size: 24px auto;
	background-size: 24px auto;
}
}/* Media Queries END */

/*--- ● クリニック　メニュータブ ----------*/


nav.clinic-global-nav ul.clinic-g-nav {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	display: flex;
	width: 100%;
	border-bottom: 3px solid #008c9c;
	margin: 0 0 15px;
}

nav.clinic-global-nav ul.clinic-g-nav li a {
	display: block;
	width: auto;
	height: auto;
	color: #193151;
	font-size: 90%;
	line-height: 1.2;
	padding: 7px 0;
}
ul.clinic-g-nav li a span {
	display: block;
}

.cure-time {
	width: 100%;
}
#naika .cure-time .btm {
  font-size: 90%;
}

body#icho .cure-time {
	width: 100%;
}
body#icho .clinic-banner {
	display: block;
	width: 100%;
}


h2.clinic-title01 {
	font-size: 120%;
	font-weight: bold;
	margin: 30px 0 10px;
}
h2.clinic-title02 {
	color: #23426d;
	font-size: 120%;
	font-weight: bold;
	margin: 20px 0 15px;
	padding: 7px 0 7px 5px;
	border-left: 10px solid #23426d;
	border-bottom: 1px solid #ccc;
}
#seikei-about h2.clinic-title02 {
	font-size: 100%;
}


@media screen and (max-width: 640px) {
table.table01 {
	width: 100%;
	margin: 0 0 30px;
}

table.table01 th,
table.table01 td {
	line-height: 1.4;
	vertical-align: top;
	text-align: left;
	padding: 0.5em;
	font-size: 87.5%;
	border: 1px solid #ccc;
}
table.table01 th {
	white-space: normal;
	width: 7.5em !important;
	background: #efeff0;
}

.ph-r-b {
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
}
.ph-r-b img {
	display: block;
	width: 100%;
}
.ph-r-s img {
	display: block;
	width: 180px;
}
.ph-staff {
	width: 150px;
}

.ph-r-s-in {
	float: none;
	width: 100%;
	margin-left: 0;
}

.btn-yoyaku {
	margin: 15px 0;
	width: 100%;
	background: #8e0d5c url(./img/btn_arrow.png) no-repeat 97% center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
}

.btn-yoyaku a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	padding: 10px;
}
.btn-yoyaku a:hover {
	background: #a54284 url(./img/btn_arrow.png) no-repeat 97% center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.kakomi01 {
	background: #e8d1e3;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 16px;
	line-height: 1.8;
	padding: 10px 10px 0;
	margin: 0 0 30px;
}
.midashi01 {
	color: #8e0d5c;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	margin: 0 0 5px;
}
dl.dl-list01 dt {
	float: none;
	width: auto;
	margin: 0 0 0;
	font-weight: bold;
}
dl.dl-list01 dt span {
	color: #8e0d5c;
}
dl.dl-list01 dd {
	padding-left: 0;
	margin: 0 0 10px;
}


#seikei .shinsatsu_tbl {
  border: 0 none;
  margin-top: 10px;
}
#seikei .shinsatsu_tbl th {
  display: block;
  font-size: 100%;
  padding: 0;
  width: 100% !important;
}
#seikei .shinsatsu_tbl td {
  border: 0 none;
  display: block;
  font-size: 100%;
  padding: 0 1em;
  width: 100% !important;
  letter-spacing: -1px;
}

#icho .goto_hq { text-align: center; }
#icho .goto_hq img {}
#icho .goto_hq span {
  padding-left: 0;
}

#hoshasen-about .hikaku_tbl {
}
#hoshasen-about .hikaku_tbl th {
  display: block;
  white-space: normal;
  width: auto;
}
#hoshasen-about .hikaku_tbl th .spsw {
  display: inline;
}
#hoshasen-about .hikaku_tbl td {
  display: block;
}




}/* Media Queries END */


/* ヘッダー
----------------------------------------------------------------------------- */
#header-wrap {
	border-top: 5px solid #193151;
	margin: 0 0 15px;
	padding-top: 10px;
}

#header #logo {
	position: absolute;
	left: 3.125%;
	top: 0;
	z-index: 20;
/*	float: none !important;
	margin: 0 3.125% 0;*/
}

/*
#header-mark {
	position: relative;
	top: 0;
	left: 0;
	font-size: 120%;
	width: 93.75%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 0;
	margin: 15px auto 10px;
	text-align: center;
}

#header #access-info {
	float: none;
	margin: 0;
	text-align: center;
	line-height: 1.5;
}

#access-info .station {
	font-size: 16px;
}

#access-info .address {
	margin-top: 0;
}
*/

#header #logo {
	position: absolute;
	left: 3.125%;
	top: 0;
	z-index: 20;
/*	float: none !important;
	margin: 0 3.125% 0;*/
}

@media screen and (max-width: 640px) {
#header {
	margin: 0 0 15%;
}

#header #logo {
  margin-top: 5px;
	width: 77%;
}
#header #logo img {
	width: 100%;
}
}/* Media Queries END */

@media screen and (min-width: 641px) and (max-width: 768px) {
#header {
	margin: 0 0 10%;
}

#header #logo {
  margin-top: 4px;
	width: 70%;
}
#header #logo img {
	width: 100%;
}
}/* Media Queries END */


#nav-wrap {
	display: block;
}

#header-mark-sp {
	background: #23426d;
	font-size: 120%;
	width: 93.75%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 0;
	margin: 0 auto 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#access-info-sp {
	text-align: center;
}

#access-info-sp .station-sp {
	font-weight: bold;
	line-height: 1.25;
  margin-bottom: 10px;
}

#access-info-sp .address-sp {
	line-height: 1.25;
}


/* コンテンツ
----------------------------------------------------------------------------- */
div#main-content {
	width: 100%;
}

#main-photo {
	margin: 0 0 50px;
}

body#top-page #main-photo {
	margin: 0 3.125% 50px;
}

body#hoshasen #main-photo {
	margin: 0 0 50px;
}

ul.slider {
	margin: 0 0 0;
}

ul.slider li img {
	width: 100%;
}

/* お知らせ
----------------------------------------------------------------------------- */
dl#info-list dt {
	padding: 10px 0 0;
	float: none;
	line-height: 1.5;
	font-size: 90%;
}

dl#info-list dd {
	padding: 0 0 10px 0;
	line-height: 1.5;
}

dl#info-list dd.title,
dl#info-list dd.comment {
	border-bottom: 1px dashed #ccc;
}

dl#info-list dd.comment {
	padding-top: 0;
}

dl#info-list dd a {
	text-decoration: underline;
}

dl#info-list dd a:hover {
	text-decoration: none;
}

.article-date {
	font-size: 90%;
	text-align: right;
	color: #999;
}
.pagenav {
	text-align: center;
	margin: 20px 0;
}

/* ==============================================
 フッター
=============================================== */
#footer-wrap {
	margin: 30px auto 0;
	background: #c3e8ec;
	border-top: 5px solid #193151;
}
#footer {
	margin: 0 3.125%;
	padding: 10px 0 20px;
	text-align: center;
}
#footer ul {
	font-size: 0;
	margin-bottom: 20px;
}
#footer ul li {
	font-size: 14px;
	display: inline-block;
	border-left: 1px solid #193151;
	margin: 5px 0 5px 10px;
	padding-left: 10px;
	line-height: 1;
}

#address span {
	display: block;
	margin: 0 0 5px;
}
#copyright {
	font-size: x-small;
}
#footer-banner {
	display: block;
	margin: 10px 3.125% 0;
	text-align: center;
}

#footer-share {
	text-align: center;
	margin: 20px 0 0;
}
#footer-share .share-box01,
#footer-share .share-box02 {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}


/* 共通
----------------------------------------------------------------------------- */
/*親要素*/
.page-top-parent{
	width:100%;
	margin:0 auto;
	padding:0;
}

#page-top {
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index: 10;
}
@media screen and (max-width: 640px) {
#page-top a,
#page-top a:hover {
	display: block;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background: url("../img/sp/sp_btn_pagetop.png") no-repeat 0 0;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
}/* Media Queries END */

@media screen and (min-width: 641px) and (max-width: 768px) {
#page-top a,
#page-top a:hover {
	display: block;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	background: url("../img/sp/sp_btn_pagetop.png") no-repeat 0 0;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
}/* Media Queries END */



/* サイドナビ
----------------------------------------------------------------------------- */
#sidenavi-content {
	display: none;
}

/* ヘッダー　アクセス情報
----------------------------------------------------------------------------- */
body#seikei #header-mark-sp,
body#seikei #access-info-sp,
body#seikei-about #header-mark-sp,
body#seikei-about #access-info-sp,
body#seikei-inquiry #header-mark-sp,
body#seikei-inquiry #access-info-sp,

body#icho #header-mark-sp,
body#icho #access-info-sp,
body#icho-about #header-mark-sp,
body#icho-about #access-info-sp,
body#icho-inquiry #header-mark-sp,
body#icho-inquiry #access-info-sp,

body#hoshasen #header-mark-sp,
body#hoshasen #access-info-sp,
body#hoshasen-about #header-mark-sp,
body#hoshasen-about #access-info-sp,
body#hoshasen-inquiry #header-mark-sp,
body#hoshasen-inquiry #access-info-sp,
body#hoshasen-iryokikan #header-mark-sp,
body#hoshasen-iryokikan #access-info-sp,

body#yakkyoku #header-mark-sp,
body#yakkyoku #access-info-sp,
body#yakkyoku-about #header-mark-sp,
body#yakkyoku-about #access-info-sp,
body#yakkyoku-inquiry #header-mark-sp,
body#yakkyoku-inquiry #access-info-sp {
	display: none;
}

.bx-wrapper .bx-prev { display: none; }
.bx-wrapper .bx-next { display: none; }