/*==============================================================
レイアウト　共通
==============================================================*/

body { 
	width:100%;
	position:relative;
	margin-left:auto; margin-right:auto;
}


/*ローディング*/

#loading{
    position: absolute;
    left: 50%;
    top: 50%;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,0.8);
    z-index: 9999999999;
}




/* scrollReveal用 

.sr, .sr-seq { visibility: hidden; }
*/


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

html {
	height:100%;
	font-size: 12px;
}

body { 

}


/* 画像 */
img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}

}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}

}

/* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}

}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}


/*==============================================================
ご予約ボタン
==============================================================*/

.rv-navigation { display:none;}
.toggle_box { display:none;}

/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

/*ボタン*/

.rv-navigation {
	display:block;
	position: absolute;
	top:10px;
	right:58px;
	width:39px;
	height:39px;
	z-index:9999;
	background:#F2F2F2;
	color:#000;
	cursor:pointer;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
}

.rv-navigation i{
	font-size:1.7em;
	line-height:1;
}

.rv-navigation span{
	display:block;
	font-size:0.8em;
	line-height:1;
}

/*スライドボックス*/

.toggle_box{
	display:block;
z-index:99999;
position: relative;
display:none;
/*height:400px; */
color:#000;
background:#F9FBFB;
margin-top:0px;
}

.toggle_box .inner{
	padding:10px;
}


.toggle_box .inner p{
	margin-bottom:10px;
}


/**/


.slide_btn2{
}

.slide_btn2:after{
	content:"ご予約"
}

.slide_btn2:after{
	content:"閉じる"
}

.slide_btn2.active{
position:absolute;
bottom:0px;
width:100%;
background-color:#333;
text-align:center;
padding:8px 0px;
margin-top:12px;
color:#fff;
}



/* 電話番号 */

.toggle_box .tel-box{
	display:flex;
	border:#fff solid 1px;
	letter-spacing:0.05em;
	background:#333;
	color: #fff;
	margin:15px 0 10px 0;
}

.toggle_box .tel-box div {
	display: block;
	text-align:center;
	padding:8px 12px;

}


.toggle_box .tel-box .rsv{
	flex-basis:30%;
	font-weight: bold;
}

.toggle_box .tel-box .tel{
	flex-basis:70%;
	border-left:#ccc solid 1px;
	line-height:1;
	font-weight: bold;
}


.toggle_box .tel-box .tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0.1em;
}

.toggle_box .tel-box .tel i{
	font-size:1.3em;
}

.toggle_box .tel-box .tel a{
	color:#fff;
	text-decoration:none;

}


/* 予約リスト */
	
.toggle_box .rederve-title {
	background: #ddd;
	color: #111;
	text-align: center;
	padding: 0.5em;
	margin: 15px 0 15px 0;
}

.toggle_box .rederve-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px 0;
}

.toggle_box .rederve-list li{
	flex-basis: 48%;
	border: #ddd solid 1px;
	background: #fff;
	padding: 0.5em;
	margin: 0 0 10px 0;
	text-align: center;
}	

.toggle_box .rederve-list li:first-child{
	flex-basis: 100%;
}

.toggle_box .rederve-list li:nth-child(2){
	flex-basis: 100%;
}
	

.toggle_box .rederve-list li a{
	display: block;
	
}

.toggle_box .rederve-list li a:hover{
	color:#FF8B41 ;
	text-decoration: underline;
	
}
	
a.btn-pediatric-reception {
	display: block;
	background: #333;
	color: #fff;
	text-decoration: none;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

}


/*==============================================================
ハンバーガーナビ
==============================================================*/


/* モーダルを出すとき、背景側の要素がスクロールさせない */

html {
	overflow: auto;
	height: 100%;
}

body.modal-open {
  overflow: hidden;
  height: 100%;
}


/**/

.hb-navigation {
display:none;
}

.navigation-contents {
display:none;
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


.hb-navigation {

display:block;
position:fixed;
top:10px;
right:10px;
width:38px;
height:38px;

	z-index:9999;
	background:#000;


	cursor:pointer;

}


.hb-navigation .button {

position: absolute;

top:18px;

margin-left:6px;

width:26px;
height:2px;
background:#fff;

transition:all .3s;
-webkit-transition:all .3s;


display:block;
cursor:pointer;

}


.hb-navigation .button::before, .hb-navigation .button::after {

position:absolute;
width:26px;
height:2px;
background:#fff;
transition:all .3s;
-webkit-transition:all .3s;
transition-delay:.3s;

cursor:pointer;

}

.hb-navigation .button::before {
content:'';
top:-10px;
}
.hb-navigation .button::after {
content:'';
top:10px;
}

/**/

.hb-navigation .action.button {
position: absolute;

width:26px;
height:2px;

background:none;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}


.hb-navigation  .action.button::before {
	display:block;

position:absolute;
top:0;
width:26px;
height:2px;
background:#fff;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

.hb-navigation  .action.button::after {
	display:block;

position:absolute;
top:0;
width:26px;
height:2px;
background:#fff;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

/**/


.navigation-contents {
	display: block;
	position: relative;
	top:0;
	left:0;
	width: 100%;
	margin: auto;
	text-align: center;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	z-index: 9998;
	height: 100%;
	overflow: scroll;
}



.navigation-contents.open {
display: block;
position:relative;
position:fixed;
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);

}


/**/



.section {
position:absolute;
background: rgba(255,255,255,0.9);
}

/* ハンバーガー サブナビ */
nav.hbg  {
	float:none;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:0px;
}

nav.hbg ul.h-snav{
	display:block;
	width:100%;
	align-items:center;
	border-bottom:none;
	border-top:none;
	margin-top:0px;
	margin-bottom:20px;
	justify-content:space-between;
	padding-top:0;
}

nav.hbg ul.h-snav li{
	float:left;
	border-left:rgba(255,255,255,0.5)  solid 1px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	border-bottom:none;
	border-top:none;
	text-align:center;

}

nav.hbg ul.h-snav li:first-child{width:30%;}
nav.hbg ul.h-snav li:nth-child(2){width:30%;}
nav.hbg ul.h-snav li:nth-child(3){width:20%;}
nav.hbg ul.h-snav li:last-child{width:20%;border-right: rgba(255,255,255,0.5) solid 1px;}


nav.hbg ul.h-snav li a{
	color:#000;
	text-decoration:none;
	display:block;
	padding-top:0.5em;
	padding-bottom:0.5em;

}


nav.hbg ul.h-snav li a:hover{
	color:#000;
	text-decoration:underline;
}


nav.hbg ul.h-snav li.facebook a{
	font-size:1.4em;
	padding-top:0px;
	padding-bottom:0px;
}

nav.hbg ul.h-snav li.twitter a{
	font-size:1.4em;
	padding-top:0px;
	padding-bottom:0px
}


/*ハンバーガー内 TEL CONTACT */

nav.hbg ul.h-cnav{
	display:flex;
	margin-bottom:20px;
	margin-top:0px;
	padding-top:0px;
	width:100%;
}

nav.hbg ul.h-cnav li{
	flex:auto;
	color:#000;
	font-size:1.5em;
	text-align:center;
  }

nav.hbg ul.h-cnav li.tel {
}

nav.hbg ul.h-cnav li a{
	color: #000;
	text-decoration: none;
	padding:1em 0.5em;
}





/**/


/*ハンバーガー　カレント表示*/
body.toppage .hbnavi ul li.home > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.out-patient .hbnavi ul li.out-patient > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.birth .hbnavi ul li.birth > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.birth .hbnavi ul li.birth > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.sango_care .hbnavi ul li.sango_care > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.consultation_hours .hbnavi ul li.consultation_hours > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.access .hbnavi ul li.access > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.faq .hbnavi ul li.faq > a{background: rgba(0,0,0,0.1);font-weight: bold;}
body.reservation .hbnavi ul li.reservation > a{background: rgba(0,0,0,0.1);font-weight: bold;}


/*スクロールバーを表示*/
.section::-webkit-scrollbar{ 
    width: 5px;
}
.section::-webkit-scrollbar-thumb{ 
    background: rgba(0,0,0,0.5);
    border-radius: 0px;
}
.section::-webkit-scrollbar-track-piece:start{   background:;}
.section::-webkit-scrollbar-track-piece:end{   background:;}


/* ロゴ */
.section .header-logo {
}


/* ハンバーガーナビ　トグルメニュー */


.hbnav {
}


.child {
    display: none;
}

.h-menu:after {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  content:'\f107';
  font-family: FontAwesome;
  color:#000;
  font-size:1.5em;
}
 
.h-menu.active:after {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  content:'\f106';
  font-family: FontAwesome;
  color:#000;
   font-size:1.5em;
}



.hbnavi ul {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
	margin-bottom:1em;
	border-bottom:solid 1px rgba(255,255,255,0.5);
}

.hbnavi > ul {
	margin-top:4.5em;
}

.hbnavi ul li ul {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
	margin-bottom:0em;
	border-bottom: none;
	background:rgba(0,0,0,0.05);

}

.hbnavi ul li {
	position:relative;
}


.hbnavi ul li+ li {
	border-top:solid 1px rgba(0,0,0,0.2); 
}

.hbnavi ul li ul li+ li {
	border-top:none;
/*	border-top:solid 1px rgba(255,255,255,0.3); */
}

.hbnavi ul li a {
	display:block;
	padding-top:0.8em;
	padding-bottom:0.8em;
	font-weight: normal;
	color:#000;
	text-decoration:none;
	font-size:1.2em;


}


.hbnavi ul li ul li a {
	background:rgba(255,255,255,0.1);
}

/* カレント表示 */

body.ln01 .hbnavi ul li.ln01 a { font-weight:bold;background:rgba(255,255,255,0);}
body.ln02 .hbnavi ul li.ln02 a { font-weight:bold;background:rgba(255,255,255,0);}
body.ln03 .hbnavi ul li.ln03 a { font-weight:bold;background:rgba(255,255,255,0);}
body.ln04 .hbnavi ul li.ln04 a { font-weight:bold;background:rgba(255,255,255,0);}
body.ln05 .hbnavi ul li.ln05 a { font-weight:bold;background:rgba(255,255,255,0);}

} 



/*==============================================================
ヘッダ　
==============================================================*/


header {
	position: relative;
	tex-align:center;
	width:100%;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
	border-bottom: none;
}

.header-inner {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}


header .site {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;

}


.header-logo {
	float:left;
	margin-left:0px;

}

.header-logo img{

	}


/*言語*/

.ling {
	float: right;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 0.9em;
}

.ling span{ 
	color: #fff;
	background: #000;
	padding: 2px 5px;
}

.ling a{ 
	color: #333;
	background: rgba(0,0,0,0.0);
	padding: 2px 5px;
	text-decoration: none;
	transition: all 0.3s;
	border: #ccc solid 1px;
}

.ling a:hover{ 
	color: #fff;
	background: rgba(0,0,0,1);
	transition: all 0.3s;
}


/*代表電話・アクセス・検索 */
nav.header-info {
	clear: right;
	float: right;
	display:flex;
    flex-wrap: wrap;
    width: 409px;
    justify-content: space-between;

}

.header_tel_clinic_form{
    margin-top: 8px;
    width: 409px;
}

.header_tel_clinic_form a {
    display: block;
    padding: 8px;
    background: #E8E8E8;
    text-decoration: none;
    color: #333;
    transition: all 0.3s;
    border: #fff solid 1px;
    text-align: center;
}
.header_tel_clinic_form a:hover {
    background: #ccc;
}

/*代表　番号*/

.header-tel-represent {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	border:#ccc solid 1px;
	margin-right:10px;
}

.header-tel-represent p{
	padding:6px 15px;
	text-align:center;
}

.header-tel-represent p.tel{
	border-top:#ccc solid 1px;
	letter-spacing:0.1em;

}

.header-tel-represent p.tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;

}

.header-tel-represent p.tel i{
	font-size:1.1em;
}



/*アクセス　検索*/

.header-access-search {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:space-between;
	
	font-size: 0.9em;
    width: 47%;
}

.header-access-search div{
	text-align:center;
}

.header-access-search div.access a{
	display:block;
	padding:8px;
	background:#E8E8E8;
	text-decoration:none;
	color:#333;
	transition:all 0.3s;
}

.header-access-search div.access a:hover{
	background:#ccc;
	transition:all 0.3s;
}


.header-access-search div.reservation{
	display: none;
}

.header-access-search div.search{
	
}


.header-access-search div.search form{
	display: block;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}


/* ヘッダー　予約情報 */

.header-reservation {
	background:#F9FBFB;
	padding:20px;
	margin-bottom:40px;
}

.header-reservation .inner{
	display:flex;
	justify-content:flex-end;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.header-reservation .inner .text{
	margin-right:15px;
	font-size:0.8em;
	text-align:right;
	line-height:1.7;
	letter-spacing:0.05em;
}

.sns{
	display: flex;
	margin-right:15px;
	font-size:2em;
	text-align:right;
	line-height:1;
	align-items: center;
	justify-content: center;
	padding: 0 0.2em 0 0.2em;
}

.sns a{
	margin: 0 6px 0 6px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
}

.sns a:hover{color: #333;}

.header-reservation .inner .text .time{
	font-size:1.3em;
}

.header-reservation .inner .tel-box{
	display:flex;
	border:#ccc solid 1px;
	letter-spacing:0.05em;
	background:#fff;
}

.header-reservation .inner .tel-box div {
	display:flex;
	align-items:center;
	padding:5px 12px;

}

.header-reservation .inner .tel-box .tel{
	border-left:#ccc solid 1px;
}

.header-reservation .inner .tel-box .tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0.1em;
}

.header-reservation .inner .tel-box .tel i{
	font-size:1.3em;
}


/*ヘッダー固定*/ 

/*
header .fixbar {
  position: absolute;
  top: 86px;
  width:100%;
  border-top:3px solid #330000;
 border-bottom:1px solid #ccc;
  text-align:center;
  background:#fff;
  z-index:100;
}
*/


/* スクロールするとheaderに.fixedが付与 */

header.fixed nav.fixbar {
  position: fixed;
  top: 0px;
  width:100%;
  z-index:100;
/*  border-bottom:1px solid #ccc; */
  
}


/* グローバルナビ */

header nav.main {
  background:#fff; 
/*  border-bottom:1px solid #ccc;  */
	width:100%;
/* background:url(../img/body/bg_gn.gif) repeat-x top; */
	height:40px;
	overflow: visible;
}


header ul.header-nav {
	*zoom: 1;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	width:100%;
	max-width:1200px;
	margin-right:auto;
	margin-left:auto;
	transition:all 0.3s;



}


header ul.header-nav:before, header ul.header-nav:after{
  content: "";
  display: table;
}
header ul.header-nav:after{
  clear: both;
}

header ul.header-nav li {
	position: relative;
	flex-basis: 9%;
	line-height:1;
	text-align:center;
	font-size:1em;
	
}


header ul.header-nav li.reservation {	flex-basis: 15%;}
header ul.header-nav li.faq {	flex-basis: 4%;}

header ul.header-nav li.contact > a {
/*	border-right:#ccc solid 1px; */
}



header ul.header-nav li > a{
	display:block;
	position:relative;
	font-size:0.75em;
	color: #333;
	text-decoration: none;
	padding-top: 13px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 13px; 
	
	transition:all .3s;
	-webkit-transition:all .3s;

	background-color:#fff;
/*	border-left:#ccc solid 1px; */
}

header ul.header-nav li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color:#333;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

header ul.header-nav li > a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

header ul.header-nav li:first-child {
}



/*ドロップダウン*/

header ul.header-nav li ul{
/*  position: absolute; */
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  background-color:transparent;
}

header ul.header-nav li ul li{
	width: 130%;
}

header ul.header-nav li.birth ul li{

}

header ul.header-nav li.birth ul li{
	width: 170%;
}

header.fixed ul.header-nav li.birth ul li{
	width: 170%;
}

header ul.header-nav li.sango_care ul li{

}

header.fixed ul.header-nav li.sango_care ul li{

}


header ul.header-nav li ul li a:last-child {
	border-right: none;
}


header ul.header-nav li ul li a{
  padding: 10px 5px;
  border:none;
/*  border-top: 1px solid rgba(51,0,0,0.3); */
  background: rgba(255,255,255,0.9);
  text-align: left;
  font-size: 0.75em;
line-height: 1.6;
}




/*アニメーション*/

header ul.header-nav li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
header ul.header-nav li:hover ul li{
  overflow: visible;
  height: 43px;
}

/*アニメーション スクロール時*/


header.fixed ul.header-nav li ul li {
	width: 150%;
}

header.fixed ul.header-nav li ul li a{
  padding: 13px 10px;
}

header.fixed ul.header-nav li:hover ul li{
  height: 44px;
}



/* スクロールメニュー */


header .m-logo {
	position:absolute;
	visibility:hidden;
	top:0px;
	left:0px;
	opacity:0;
	margin-left:-100px;
	transition:all 0.3s;
	
}

header.fixed .m-logo {
	visibility:visible;
	opacity:1;
	margin-right: auto; /*flex で右寄せ*/
	margin-left:0px;
	margin-top:4px;

}

header.fixed .m-logo img{
	
}

header .scroll-nav {
	position:relative;
	display:flex;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	justify-content:flex-end;
	overflow:hidden;
}


/**/

header.fixed ul.header-nav  {
	width:85%;
	margin-left:0;
	margin-right:0;
}


header.fixed ul.header-nav li {
	font-size:0.9em;
}

header.fixed ul.header-nav li a{
	padding-top: 12px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 12px;

}

header.fixed nav.main {
	height:36px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}


/*カレント表示*/
body.about ul.header-nav li.about > a{ background:rgba(0,0,0,0.05);}
body.out-patient ul.header-nav li.out-patient > a{ background:rgba(0,0,0,0.05);}
body.birth ul.header-nav li.birth > a{ background:rgba(0,0,0,0.05);}
body.sango_care ul.header-nav li.sango_care > a{ background:rgba(0,0,0,0.05);}
body.sango_care ul.header-nav li.sango_care > a{ background:rgba(0,0,0,0.05);}
body.consultation_hours ul.header-nav li.consultation_hours > a{ background:rgba(0,0,0,0.05);}
body.access ul.header-nav li.access > a{ background:rgba(0,0,0,0.05);}
body.faq ul.header-nav li.faq > a{ background:rgba(0,0,0,0.05);}
body.reservation ul.header-nav li.reservation > a{ background:rgba(0,0,0,0.05);}

/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {



header {
	position:relative;
	tex-align:center;
	background:#fff;
	width:100%;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
	border-bottom: none;
}


header .site {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;

}


.header-logo {
	float: none;
	text-align: center;
	margin-top:5px;
	margin-left:0px;

}



.header-logo img{
	width:25%;
	height:auto;
}


/*言語*/

.ling {
	position: absolute;
	top:10px;
	left: 10px;
	margin-top: 5px;
	font-size: 1em;
}

.ling span{ 
	color: #fff;
	background: #000;
	padding: 7px 5px;
}

.ling a{ 
	color: #333;
	background: rgba(0,0,0,0);
	padding: 7px 5px;
	text-decoration: none;
	transition: all 0.3s;
	border: #ccc solid 1px;
}

.ling a:hover{ 
	color: #fff;
	background: rgba(0,0,0,1);
	transition: all 0.3s;
}


/*代表電話・アクセス・検索 */
nav.header-info {
	float: none;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin-top:20px;
    width: 100%;
}

/*代表　番号*/

.header-tel-represent {
	display:flex;
	flex-direction:row;
	flex-wrap: no-wrap;
	align-items:center;
	border:#ccc solid 1px;
	margin-right:0px;
}

.header-tel-represent p{
	flex:1;
	padding:6px 15px;
	text-align:center;
}

.header-tel-represent p.tel{
	border-top: none;
	border-left:#ccc solid 1px;
	letter-spacing:0.1em;
}
	
.header-tel-represent p.tel a {
text-decoration: none;
}

.header-tel-represent p.tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

.header-tel-represent p.tel i{
	font-size:1.1em;
}

.header-tel-represent a{
	color:#000;
	text-decoration: none;
}
    
    
.header_tel_clinic_form {
    margin-top: 8px;
    width: 100%;
}

/*アクセス　検索*/

.header-access-search {
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content:space-between;
	margin-top:15px;
    width: 100%;
}

.header-access-search div{
	text-align:center;
	font-size: 1.2em;
}

.header-access-search div.access {
	flex-basis: 49%;
}	
	
.header-access-search div.access a{
	display:block;
	padding:8px 4px;
	background:#E8E8E8;
	text-decoration:none;
	color:#333;
	transition:all 0.3s;
	border: #fff solid 1px;
}

.header-access-search div.access a:hover{
	background:#ccc;
	transition:all 0.3s;
}
	
.header-access-search div.reservation {
	display: block;
	flex-basis: 100%;
	margin: 2% 0 0 0;
}	
	
.header-access-search div.reservation a{
	display:block;
	padding:8px 4px;
	background:#E8E8E8;
	text-decoration:none;
	color:#333;
	transition:all 0.3s;
	border: #fff solid 1px;
}

.header-access-search div.access a:hover{
	background:#ccc;
	transition:all 0.3s;
}

.header-access-search div.search{
	flex-basis: 48%;
}


.header-access-search div.search form{
	display: block;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

/* ヘッダー　予約情報 */

.header-reservation {
	display:none;
}


/* グローバルナビ */

header nav.main {
  border-top:3px solid #330000;
  background:#fff;
/*  border-bottom:1px solid #ccc;  */
 width:100%;



}

header .scroll-nav {	display: none;}

header nav.main {display: none;}

 /*スライド内要素*/
 


}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

header {
	position:relative;
	tex-align:center;
	background:#fff;
	width:100%;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
	border-bottom: none;
}


body#home header {
	position:relative;
}


/* ヘッダー　予約情報 */

.header-reservation {
	background:#F9FBFB;
	padding:20px;
	margin-bottom:40px;
}

.header-reservation .inner{
	display:flex;
	justify-content:flex-end;
	flex-wrap: wrap;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.header-reservation .inner .text{
	margin-right:30px;
	font-size:0.8em;
	text-align:right;
	line-height:1.7;
	letter-spacing:0.05em;
}


header .site {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;

}
	
.header-reservation .inner .text{
	margin-right:15px;
	font-size:0.8em;
	text-align:right;
	line-height:1.7;
	letter-spacing:0.05em;
}

.sns{
	display: flex;
	margin-right:15px;
	font-size:2.5em;
	text-align:right;
	line-height:1;
	align-items: center;
	justify-content: center;
	padding: 0 0.2em 0 0.2em;
}


.header-reservation .inner .text .time{
	font-size:1.3em;
}

.header-reservation .inner .tel-box{
	flex-basis: 70%;
	display:flex;
	justify-content: space-between;
	border:#ccc solid 1px;
	letter-spacing:0.05em;
	background:#fff;
	margin: 20px auto 0 auto;
}

.header-reservation .inner .tel-box div {
	flex-basis: 50%;
	display:flex;
	align-items:center;
	justify-content: center;
	padding:5px 6px;

}

.header-reservation .inner .tel-box .tel{
	border-left:#ccc solid 1px;
	text-align: center;
}

.header-reservation .inner .tel-box .tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	letter-spacing:0em;
}

.header-reservation .inner .tel-box .tel i{
	font-size:1.3em;
}	
	

/* グローバルナビ */

header nav.main {

}




header ul.header-nav li {
/*	flex:auto;	*/
	font-size:0.8em;
}


/* ドロップダウンメニュー */
header ul.header-nav li ul li{
	width: 120%;
}


/*スクロールナビ*/

header.fixed nav.main {

}




header .scroll-nav {
	width:100%;
}

header .m-logo {display:none;}
header.fixed .m-logo {	display:none;}


header.fixed ul.header-nav  {
	width:100%;
}

header.fixed ul.header-nav li  {
	flex:auto;
	font-size:0.9em;
}


/*アニメーション*/


header ul.header-nav li:hover ul li{
  overflow: visible;
}


/**/

header.fixed ul.header-nav li ul li a{
  padding: 13px 10px;
}

header.fixed ul.header-nav li:hover ul li{
  height: 37px;
}


}


/* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {


header .site {
	width:98%;

}

/* ドロップダウンメニュー */
header ul.header-nav li ul li{
	width: 120%;
}


/*スクロールナビ*/


header.fixed nav.main {

}

header.fixed .m-logo img{
}


header .scroll-nav {
	width:98%;
}


header.fixed ul.header-nav  {
	width:85%;
}

header.fixed ul.header-nav li  {
	flex:auto;
	font-size:0.9em;


}

header.fixed ul.header-nav li a{

}

/**/

header.fixed ul.header-nav li ul li a{
  padding: 13px 10px;
}

header.fixed ul.header-nav li:hover ul li{
  height: 37px;
}


}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}







/*==============================================================
コンテンツ
==============================================================*/


.wrapper {
	width: 100%;
	text-align: left;
	position: relative;
	z-index:1;
	clear:both;

}


.content {
	position:relative;
	width: 100%;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	line-height:1.8;
	

}


.content-main {
	float:left;
	width: 80%;
	border-right:#ddd solid 1px;
	padding-top:50px;
	padding-bottom:80px;
	padding-right:80px;

}

.content-main p{
	margin-bottom:1.5em;

}


.content-menu {
	position:relative;
	float:right;
	width: 200px; 
/* 	width: 20%; */
	padding-bottom:50px;
	padding-top:30px;



}


/* article */

.content-main article + article{
	margin-top:70px;

}


/* Youtube */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}




/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


.wrapper {
	width: 100%;
	text-align: left;
	position: relative;
	z-index:1;
}

.content {
	width: 95%;
	margin-left:auto;
	margin-right:auto;

}


.content-main {
	float: none;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	border-right: none;
	padding-top:30px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;

}

.content-main p{
	margin-bottom:1.5em;

}


.content-menu {
	float: none;
	width: 100%;
	padding-bottom:0px;
	padding-left:0px;

}


/* article */

.content-main article + article{
	margin-top:50px;

}



/* Youtube */

ul.top-youtube-list {
	margin-left:1em;
}

ul.top-youtube-list li{
	float: none;
	width:100%;
	margin-left:0%;
	margin-bottom:15px;
}

ul.top-youtube-list li:last-child{
	margin-bottom:0px;
}

}



/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

.wrapper {	width:100%;}


.content {
	width: 98%;
	margin-left:auto;
	margin-right:auto;

}

.content-main {
	float:left;
	width: 80%;
	border-right:#ddd solid 1px;
	padding-top:50px;
	padding-bottom:50px;
	padding-right:30px;

}

.content-main p{
	margin-bottom:1.5em;

}


.content-menu {
	float:right;
	width: 20%;
	padding-left:10px;
	padding-top:0px;
}

}



/* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

.content {
	width: 98%;
	margin-left:auto;
	margin-right:auto;

}

.content-main {
	float:left;
	width: 80%;
	border-right:#ddd solid 1px;
	padding-top:50px;
	padding-bottom:80px;
	padding-right:30px;

}

.content-main p{
	margin-bottom:1.5em;

}


.content-menu {
	float:right;
	width: 20%;
	padding-left:10px;
	padding-top:0px;
}

}


/*PC用 1281px以上 */
@media (min-width: 1281px) {



}



/*==============================================================
タイトル
==============================================================*/


.title-main {
	width:100%;
	border-bottom:#ddd solid 1px;
}

.title-main ul {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-wrap:no-wrap;
	align-items: stretch;
	height:160px;
}

.title-main ul li {

		align-items:center;
}

.title-main ul li.main {
	width:80%;
	padding-top:65px;
	border-right:#ddd solid 1px;
}

.title-main ul li.s-main {
	width:20%;
	padding-top:50px;
	text-align:center;
	background:rgba(51,0,0,0.1);
}

.title-main ul li.main h1  {
	font-size:2em;
	color:#000;
	letter-spacing:0.02em;
	font-weight:normal;
}


.title-main ul li.main-single  {
	width:100%;
	text-align:left;
}


.title-main ul li.main-single h1  {
	margin-top:2em;
	font-size:2em;
	color:#590606;
	letter-spacing:0.02em;
	font-weight:normal;

/*
	font-size:2.5em;
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	color:#590606;
	letter-spacing:0.02em;
	margin-top:1.5em;
*/
}


.title-main ul h2 {
	font-size:1em;
	font-weight:normal;
}

.title-main ul h2 i{
	display:block;
	padding-bottom:5px;
	font-style:normal;
}

.title-main ul h2 span{
	display:block;
	font-size:2em;
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing:0.02em;
}

.title-main ul a {
	position:relative;
	text-decoration: none;
	color:#590606;
}

.title-main ul a:hover {
	border-bottom:#000 solid 1px;
	text-decoration: none;
	color:#000;
}


/*
.title-main ul h2 a:before{
  font-family: FontAwesome;
  position: absolute;
  content: '\f138';
  color:rgba(51,0,0,1.00);
  font-size:0.5em;
 
  top:10px;
  left:-25px;
}
*/


/* メインコンテンツ */


.content h1{
	display:block;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:30px;
	padding-bottom:5px;
	color:rgba(51,0,0,1.00);
	border-bottom:rgba(51,0,0,1.00) solid 1px;


}

/*body.example_list .content h1{	margin-top:100px;} */







@media (max-width: 599px) {
/* SP用　599px以下: デフォルト */



.title-main {
	position:relative;
	width:100%;
	border-bottom:#ddd solid 1px;
}

.title-main ul {
	max-width:95%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-direction:column-reverse;
	flex-wrap:no-wrap;
	align-items: stretch;
	height:auto;
}

.title-main ul li {
	padding-top:0;
	align-items:left;
}



.title-main ul li.main {
	width:100%;

	border-right: none;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}

.title-main ul li.s-main {
	display:none;
	
	
	width:100%;
	padding-top:20px;
	padding-left:0px;
	text-align:center;
	background:#fff;
	text-align:left;
}

.title-main ul li.main-single  {
	width:100%;
	text-align:center;
}

.title-main ul li.main-single h1  {
	font-size:2em;
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	color:#590606;
	letter-spacing:0.02em;
	margin-bottom:30px;
	margin-top:30px;
}


.title-main ul h2 {
	font-size:1em;
	font-weight:normal;
}



.title-main ul h2 i{
	display: inline-block;
	padding-bottom:0px;
	margin-right:10px;
	font-style:normal;
	font-size:1.2em;
}

.title-main ul h2 span{
	display: inline-block;
	font-size:1.8em;
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing:0.02em;
}

/*
.title-main ul h2 a:before{
  font-family: FontAwesome;
  position: absolute;
  content: '\f138';
  color:rgba(51,0,0,1.00);
  font-size:0.5em;
 
  top:10px;
  left:-15px;
}
*/


}

/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

.title-main ul {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}


.title-main ul li.main {
	width:80%;
	border-right:#ddd solid 1px;
}

.title-main ul li.s-main {
	width:20%;
	padding-top:60px;
	text-align:center;
	background:rgba(51,0,0,0.1);
}

.title-main ul h2 {
	font-size:0.8em;
	font-weight:normal;
}

.title-main ul h2 i{
	display:block;
	padding-bottom:5px;
	font-style:normal;
}

.title-main ul h2 span{
	font-size:1.7em;
}



}


/* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

.title-main ul {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}


.title-main ul li.main {
	width:80%;
	border-right:#ddd solid 1px;
}

.title-main ul li.s-main {
	width:20%;
	text-align:center;
	background:rgba(51,0,0,0.1);
}

}



/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}


/*==============================================================
ローカルナビゲーション
==============================================================*/

nav.local_navigation {
	margin-top:0px;
	margin-left:0px;
	background:rgba(255,255,255,1);

	/* jQueryで横幅取得 */
}

/* SPのみ表示 */
.sp-fmenu {
	display:none;
}


nav.local_navigation ul {
}

nav.local_navigation ul li {
	border-bottom:#ddd solid 1px;
}

nav.local_navigation ul li a{
	position:relative;
	display: block;
	line-height:1;
	text-decoration:none;
	color:#330000;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:25px;
	line-height:1.3;
}


/*SERVICES*/
body#services nav.local_navigation ul li a{
	padding-top:14px;
	padding-bottom:14px;
	font-size:0.9em;
}


nav.local_navigation ul li a:hover{
	text-decoration: underline;
	color:#330000;
}

nav.local_navigation ul li a:before{
	position:absolute;
	top:35%;
	left:5px;
	font-family: FontAwesome;
	content: '\f138';
	color:rgba(51,0,0,1.00);
	font-size:0.9em;
	text-decoration:none;

}


/* ローカルナビ開閉 PCはオフ */

label.ln-label {
	display: none;
}

input#menu_bar01 {
	display: none;
}

input#menu_bar02 {
	display: none;
}


/* カレント表示 */
body.ln01 nav.local_navigation ul li.ln01 a{font-weight:bold;color:rgba(51,0,0,1.00); background:rgba(51,0,0,0.1)}
/*body.ln01 nav.local_navigation ul li.ln01 a:before{content:''; margin:0;} */
body.ln02 nav.local_navigation ul li.ln02 a{font-weight:bold;color:rgba(51,0,0,1.00); background:rgba(51,0,0,0.1)}
/*body.ln02 nav.local_navigation ul li.ln02 a:before{content:''; margin:0;} */
body.ln03 nav.local_navigation ul li.ln03 a{font-weight:bold;color:rgba(51,0,0,1.00); background:rgba(51,0,0,0.1)}
/*body.ln03 nav.local_navigation ul li.ln03 a:before{content:''; margin:0;} */
body.ln04 nav.local_navigation ul li.ln04 a{font-weight:bold;color:rgba(51,0,0,1.00); background:rgba(51,0,0,0.1)}
/*body.ln04 nav.local_navigation ul li.ln04 a:before{content:''; margin:0;} */
body.ln05 nav.local_navigation ul li.ln05 a{font-weight:bold;color:rgba(51,0,0,1.00); background:rgba(51,0,0,0.1)}
/*body.ln05 nav.local_navigation ul li.ln05 a:before{content:''; margin:0;} */
body.ln06 nav.local_navigation ul li.ln06 a{font-weight:bold;color:rgba(51,0,0,1.00); background:rgba(51,0,0,0.1)}



/* スクロールしたら固定 */
nav.fixed-menu {
  position: fixed;
  top: 20px;
  width:200px;
  
}





@media (max-width: 599px) {
/* SP用　599px以下: デフォルト */

nav.local_navigation {
	margin-top:0px;
	margin-left:0px;
	width:100%;
}

/* SPのみ表示 */
.sp-fmenu {
	display:block;
	margin-bottom:50px;
}



/* ローカルナビ開閉 */


label.ln-label {
	position:relative;
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#fff;
  background: rgba(51,0,0,1.00);
	cursor :pointer;
}


label.ln-label:after{
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  content:'\f078';
  font-family: FontAwesome;
  color:#fff;
}





#menu_bar01:checked + label:after{
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  content:'\f077';
  font-family: FontAwesome;
  color:#fff;
}

input#menu_bar01 {
	display: none;
}

#menu_bar02:checked + label:after{
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  margin-top: -5px;
  width: 12px;
  height: 12px;
  content:'\f077';
  font-family: FontAwesome;
  color:#fff;
}

input#menu_bar02 {
	display: none;
}

nav.local_navigation ul {
}

nav.local_navigation ul li {
  max-height: 0;
  overflow-y: hidden;
 
 	border-bottom: none;
 
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
	max-height: 46px;
  opacity: 1;
  border-bottom:#ddd solid 1px;
}





}

/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

nav.local_navigation {
	margin-top:20px;
	margin-left:0px;

}

nav.local_navigation ul li a{
	font-size:0.8em;
}


}


/* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

nav.local_navigation {
	margin-top:20px;
	margin-left:0px;

}

nav.local_navigation ul li a{
	font-size:0.8em;
}


}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}



/*==============================================================
ページ内ナビ
==============================================================*/

.content-nav {
	position:relative;

	margin-top:-50px;
	margin-bottom:50px;
}

.content-nav ul {
	display:flex;
	flex-wrap: no-wrap;
	justify-content:space-between;
}

.content-nav ul li {
	flex:1;
	align-self: stretch;
	text-align:center;
	border-right:rgba(255,255,255,0.5) solid 1px;

}

.content-nav ul li:last-child {
	border-right: none;
}



.content-nav ul li a {
	display: block;
	height:100%;

	background:rgba(51,0,0,1.00);
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	text-decoration: none;
	color:#fff;
	font-size:1em;
}

.content-nav ul li:last-child a  {
}


.content-nav ul li a:hover {
	color:#fff;
	background:rgba(108,0,0,1.00);
	text-decoration: none;

}


.content-nav ul li a:after {
/*	content:'\f107'; */
	content:'\f105';
	font-family: FontAwesome;
	color:#fff;
	margin-left:10px;
}


body.cn-01 .content-nav ul li.cn-01 a {	background:rgba(108,0,0,1.00);}
body.cn-01 .content-nav ul li.cn-01 a:after  {	content:'';}

body.cn-02 .content-nav ul li.cn-02 a {background:rgba(108,0,0,1.00);}
body.cn-02 .content-nav ul li.cn-02 a:after  {	content:'';}


@media (max-width: 599px) {
/* SP用　599px以下: デフォルト */

.content-nav {
	margin-top:0px;
	margin-bottom:30px;
}

.content-nav ul {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.content-nav ul li {
	flex-direction:column;
	flex: auto;
	align-self: center;
	text-align:center;
	border-bottom:rgba(255,255,255,0.5) solid 1px;
	border-right: none;
}


}

/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }

/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}


/*==============================================================
フッター
==============================================================*/



footer {
	width:100%;
	padding-top:40px;
	border-top:rgba(0,0,0,0.1) solid 1px;
	
}

body.toppage footer{
	border-top:none;
}


footer .inner {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.footer-reservation{
	display:flex;
	justify-content:space-between;
}

.footer-logo {
}




.footer-reservation .box{
	display:flex;
}


.footer-reservation .box .sns{
	display: flex;
	margin-right:15px;
	font-size:2em;
	text-align:right;
	line-height:1;
	align-items: center;
	justify-content: center;
	padding: 0 0.2em 0 0.2em;
}

.footer-reservation .box .text{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	margin-right:15px;
	font-size:0.8em;
	text-align:right;
	line-height:1.7;
	letter-spacing:0.05em;
}

.footer-reservation .box .text .time{
	font-size:1.3em;
}

.footer-reservation .box .text .time br{
	display: none;
}

.footer-reservation .box .tel-box{
	display:flex;
	border:#ccc solid 1px;
	letter-spacing:0.05em;
	background:#fff;
}

.footer-reservation .box .tel-box div {
	display:flex;
	align-items:center;
	padding:5px 12px;

}

.footer-reservation .box .tel-box .tel{
	border-left:#ccc solid 1px;
}

.footer-reservation .box .tel-box .tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0.1em;
}

.footer-reservation .box .tel-box .tel i{
	font-size:1.3em;
}



/**/

footer .footer-info {
	display:flex;
	justify-content:space-between;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:40px;
}


/* Google Map */

footer .footer-info .gmap {
	flex-basis:45%;
}

footer .footer-info .gmap a{
	color:#333;
	text-decoration:none;
}

footer .footer-info .gmap a:hover{
	text-decoration: underline;
}

#map-canvas {
	width:100%;
	height:300px;
}




/* 成城木下病院情報 */

footer .footer-info .f-info {
	flex-basis:100%;
}


footer .footer-info .f-info .add{
	margin-top:0.5em;
	font-size:0.9em;
}

footer .footer-info .f-info .add .map-link{

}




/*代表　番号*/


.footer-tel-access {
	display:flex;
	justify-content:space-between;
	margin-top:20px;
	width:100%;
}

.footer-tel-represent {
	flex-basis:48%;
	display:flex;
	border:#ccc solid 1px;
	align-items:center;
}

.footer-tel-represent p{
	padding:5px 15px;
	text-align:center;
}

.footer-tel-represent p.tel{
	border-left:#ccc solid 1px;
	letter-spacing:0.1em;
}

.footer-tel-represent p.tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

.footer-tel-represent p.tel i{
	font-size:1.1em;
}

/*アクセス*/

.footer-access {
	display: flex;
	justify-content: space-between;
	flex-basis:49%;
	align-items:center;
	font-size: 1em;
}

.footer-access a.access{
	flex-basis: 48%;
	display:block;
	text-align:center;
	padding:9px 5px;
	background:#E8E8E8;
	text-decoration:none;
	color:#333;
	transition:all 0.3s;
}

.footer-access a.access:hover{
	background:#ccc;
	transition:all 0.3s;
}


/**/

.f-sanction {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin-top:20px;
}

.f-sanction li{
	flex-basis:24%;
	font-size:0.8em;
	text-align:center;
	border:#eee solid 1px;
	padding: 5px 5px;
}


/* 小児科リンク */


a.btn-pediatric-reception-footer {
	display: block;
	background: #333;
	color: #fff;
	text-decoration: none;
	padding: 0.7em 0.5em;
	text-align: center;
	font-weight:normal;
	font-size: 1em;
	margin: 15px 0 0 0;
	transition: all 0.3s;
}

a.btn-pediatric-reception-footer:hover {
	background: #666;
	transition: all 0.3s;
}


/*Footer Sitemap*/

.fn-wrapper {
	background:#F9FBFB;
	padding-top:60px;
	padding-bottom:60px;
}

ul.footer-nav {
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap: no-wrap;
	margin-left:auto;
	margin-right:auto;

}

ul.footer-nav li{
	flex:auto;
	margin-right:40px;
}

ul.footer-nav li:last-child{
	margin-right:0px;
}

ul.footer-nav li > a{
	display: inline-block;
	text-decoration:none;

	font-size:1em;
	margin-bottom:10px;
	color:#333;
}


ul.footer-nav li a:hover{
	text-decoration:underline;
}


ul.footer-nav ul {
	display:flex;
	flex-direction:column;

}

ul.footer-nav ul li{
	margin-right:0px;

}

ul.footer-nav ul li a{
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:0px;
	line-height:1.5;
}



/**/

.foot-under {
	border-top:#ccc solid 1px;
	background:#F9FBFB;
	padding-top:20px;
	padding-bottom:20px;
}

.foot-under ul{
	display:flex;
	justify-content:center;
	margin-bottom:20px;
}

.foot-under ul li{

}

.foot-under ul li a{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:0.8em;
	padding:0px 10px;
	line-height:1;
	border-right:#ccc solid 1px;
}

.foot-under ul li a[href$='.pdf']{
	background-image: none;
	padding:0px 10px;
}

.foot-under ul li:last-child a{
	border-right:none;
}

.foot-under ul li a:hover{
	color:#333;
	text-decoration: underline;
}

.foot-under small {
	display:block;
	text-align: center;
	font-size:0.7em;
	font-family:'Roboto', sans-serif;
	color: rgba(0,0,0,0.5);

}

.photo-cr {
	display: block;
	text-align: right;
	font-size: 0.7em;
	color: rgba(0,0,0,0.5);
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0px;
}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

/*フッター*/


footer {
	width:100%;
	padding-top:30px;
	
}


footer .inner {
	width:90%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.footer-reservation{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}


.footer-logo {
	text-align:center;
	margin-bottom:20px;
}

.footer-logo img{
	width:25%;
}

/**/

.footer-reservation .box{
	display:flex;
	flex-direction:column;
}
	
.footer-reservation .box .sns{
	display: flex;
	margin-right:0px;
	margin-bottom: 15px;
	font-size:2.5em;
	text-align:right;
	line-height:1;
	align-items: center;
	justify-content: center;
	padding: 0 0.2em 0 0.2em;
}

.footer-reservation .box .text{
	align-items: center;
	margin-right:0px;
	font-size:0.9em;
	text-align: center;
	line-height:1.7;
	letter-spacing:0.05em;
	margin-bottom:10px;
}

.footer-reservation .box .text .time{
	font-size:1.3em;
	margin-top:10px;
}

.footer-reservation .box .text .time br{
	display:block;
}

.footer-reservation .box .tel-box{
	display:flex;

	border:#ccc solid 1px;
	letter-spacing:0.05em;
	background:#fff;
}

.footer-reservation .box .tel-box div {
	display:block;
	flex-basis:30%;
	padding:12px 8px;
	text-align:center;

}

.footer-reservation .box .tel-box .tel{
	flex-basis:70%;
	border-left:#ccc solid 1px;
	line-height:1;

}

.footer-reservation .box .tel-box .tel a{
	color:#000;
	text-decoration:none;
}

.footer-reservation .box .tel-box .tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0.1em;
}

.footer-reservation .box .tel-box .tel i{
	font-size:1.3em;
}

/**/

footer .footer-info {
	display:flex;
	flex-direction: column-reverse;
	justify-content:space-between;
	width:90%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:0px;
}


/* Google Map */

footer .footer-info .gmap {
	flex-basis:100%;
}

footer .footer-info .gmap a{
	color:#333;
	text-decoration:none;
}

footer .footer-info .gmap a:hover{
	text-decoration: underline;
}

#map-canvas {
	width:100%;
	height:250px;
}


/* 成城木下病院情報 */

footer .footer-info .f-info {
	flex-basis:100%;
	text-align:center;
	margin-bottom:20px;
}


footer .footer-info .f-info .add{
	margin-top:0.5em;
	font-size:1em;
}
	
footer .footer-info .f-info .add .map-link{
	display: block;
	margin: 5px 0 0 0;
}

/*代表　番号*/


.footer-tel-access {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin-top:20px;
	width:100%;
}

.footer-tel-represent {
	flex-basis:100%;
	display:flex;
	border:#ccc solid 1px;
	align-items:center;
	margin-bottom:15px;
}

.footer-tel-represent p{
	display:block;
	flex-basis:30%;
	padding:8px 8px;
	text-align:center;
}

.footer-tel-represent p.tel{
	display:block;
	flex-basis:70%;
	text-align:center;
	border-left:#ccc solid 1px;
	letter-spacing:0.1em;
}


.footer-tel-represent p.tel a{
	color:#000;
	text-decoration:none;
}

.footer-tel-represent p.tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0.1em;
}

.footer-tel-represent p.tel i{
	font-size:1.1em;
}

/*アクセス*/

.footer-access {
	flex-basis:100%;
	align-items:center;
	font-size: 1.2em;
}
	
	

.footer-access a.access{
	display:block;
	text-align:center;
	padding:9px 5px;
	background:#E8E8E8;
	text-decoration:none;
	color:#333;
	transition:all 0.3s;
	margin-bottom: 12px;
}

.footer-access a.access:hover{
	background:#ccc;
	transition:all 0.3s;
}


/**/

.f-sanction {
	display:flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	margin-top:15px;
}
	


.f-sanction li{
	flex-basis:31%;
	margin-right:2%;
	margin-bottom:2%;
	font-size:0.7em;
	text-align:center;
	border:#ccc solid 1px;
	padding: 5px 3px;
}


/*Footer Sitemap*/

.fn-wrapper {
	background:#F9FBFB;
	padding-top:30px;
	padding-bottom:0px;
}

ul.footer-nav {
	width:90%;
	max-width:1200px;
	display:flex;
	flex-wrap: wrap;
	margin-left:auto;
	margin-right:auto;

}

ul.footer-nav > li{
	flex-basis:47%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-right:0px;
	margin-bottom:20px;
}

ul.footer-nav li > a{
	display: inline-block;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	font-size:1em;
	margin-bottom:12px;

}

ul.footer-nav ul li{
	margin-right:0px;

}

ul.footer-nav ul li a{
	font-size:1em;
	font-weight:normal;
	margin-bottom:5px;
	line-height:1:
}



}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

footer {
	width:100%;
	padding-top:30px;
	
}


footer .inner {
	width:95%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.footer-reservation{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}


.footer-logo {
	text-align:center;
	margin-bottom:20px;
}

.footer-logo img{
	width:117px;
}

/**/

.footer-reservation .box{
	display:flex;
	flex-direction:column;
}

.footer-reservation .box .text{
	align-items: center;
	margin-right:0px;
	font-size:0.9em;
	text-align: center;
	line-height:1.7;
	letter-spacing:0.05em;
	margin-bottom:10px;
}

.footer-reservation .box .sns{
	display: flex;
	margin-right:0px;
	margin-bottom: 15px;
	font-size:2.5em;
	text-align:right;
	line-height:1;
	align-items: center;
	justify-content: center;
	padding: 0 0.2em 0 0.2em;
}
	
.footer-reservation .box .text .time{
	font-size:1.3em;
	margin-top:10px;
}

.footer-reservation .box .text .time br{
	display:block;
}

.footer-reservation .box .tel-box{
	display:flex;

	border:#ccc solid 1px;
	letter-spacing:0.05em;
	background:#fff;
}

.footer-reservation .box .tel-box div {
	display:block;
	flex-basis:30%;
	padding:12px 8px;
	text-align:center;

}

.footer-reservation .box .tel-box .tel{
	flex-basis:70%;
	border-left:#ccc solid 1px;
	line-height:1;

}

.footer-reservation .box .tel-box .tel a{
	color:#000;
	text-decoration:none;
}

.footer-reservation .box .tel-box .tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0.1em;
}

.footer-reservation .box .tel-box .tel i{
	font-size:1.3em;
}



/**/

footer .footer-info {
	display:flex;
	justify-content:space-between;
	width:95%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:30px;
}


/*代表　番号*/


.footer-tel-access {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin-top:20px;
	width:100%;
}

.footer-tel-represent {
	flex-basis:100%;
	display:flex;
	border:#ccc solid 1px;
	align-items:center;
	margin-bottom:15px;
}

.footer-tel-represent p{
	display:block;
	flex-basis:30%;
	padding:8px 8px;
	text-align:center;
}

.footer-tel-represent p.tel{
	display:block;
	flex-basis:70%;
	text-align:center;
	border-left:#ccc solid 1px;
	letter-spacing:0.1em;
}


.footer-tel-represent p.tel a{
	color:#000;
	text-decoration:none;
}

.footer-tel-represent p.tel span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:0.1em;
}

.footer-tel-represent p.tel i{
	font-size:1.1em;
}

/*アクセス*/

.footer-access {
	flex-basis:100%;
	align-items:center;
}

.footer-access a.access{
	display:block;
	text-align:center;
	padding:9px 5px;
	background:#E8E8E8;
	text-decoration:none;
	color:#333;
	transition:all 0.3s;
}

.footer-access a.access:hover{
	background:#ccc;
	transition:all 0.3s;
}


/**/





/*Footer Sitemap*/

.fn-wrapper {
	background:#F9FBFB;
	padding-top:30px;
	padding-bottom:0px;
}

ul.footer-nav {
	width:95%;
	max-width:1200px;
	display:flex;
	flex-wrap: wrap;
	margin-left:auto;
	margin-right:auto;

}

ul.footer-nav > li{
	flex-basis:30%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-right:0px;
	margin-bottom:20px;
}

ul.footer-nav li > a{
	display: inline-block;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	font-size:1em;
	margin-bottom:12px;

}

ul.footer-nav ul li{
	margin-right:0px;

}

ul.footer-nav ul li a{
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:5px;
	line-height:1:
}


 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {


footer {
	width:100%;
	padding-top:60px;
	
}


footer .inner {
	width:95%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}


/**/

footer .footer-info {
	display:flex;
	justify-content:space-between;
	width:95%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:50px;
}

/*Footer Sitemap*/
ul.footer-nav {
	width:95%;
	max-width:1200px;
	display:flex;
	flex-wrap: no-wrap;
	margin-left:auto;
	margin-right:auto;

}

ul.footer-nav li{
	flex:auto;
	margin-right:20px;
}

ul.footer-nav li:last-child{
	margin-right:0px;
}

}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}



/*==============================================================
ブログ　
==============================================================*/

/*カレント*/
li.current-cat a{color:#FF8B41 !important; }



/*new*/
.news_new{ color:#ffffff !important;
	background:#FF4F00;
	border-radius:3px;
	padding:2px 5px;
	line-height:100% !important;
	font-size:11px !important;
	vertical-align:middle;
	margin-left:5px;
	font-family: 'Noto Sans Japanese','メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;}

/*new*/
h3 .news_new,
#top-blog .news_new{ color:#ffffff;
	background:#FF4F00;
	border-radius:3px;
	padding:2px 5px;
	line-height:100% !important;
	font-size:11px !important;
	vertical-align:middle;
		margin-left:5px;
		font-family: 'Noto Sans Japanese','メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;}
		
		
		
	/*戻るボタン*/
	.btn_link{ text-align:center; margin:60px  auto 0 auto;
			background:#FF8B41;
			min-width:150px;
			width:230px;
			font-size:13px;
			white-space:nowrap;
			border-radius:4px;
			padding:10px
			}
			.btn_link a{color:#ffffff;
						text-align:center;
						text-decoration:none;
						padding:15px 0}



/*==============================================================
Googleカスタム検索
==============================================================*/

/*==============================================================
Google通常検索
==============================================================*/




.gs_search_table {
	text-align:center;
	padding:0;
	margin:0;
	border:0;

}

.gs_search_table td{
	padding:0;
	margin:0;
	border:0;
}

.gs_search_input {
    height:33px;
	width:210px;
	margin:0;
	border:#E8E8E8 solid 1px;
	border-radius:0;
}

.gs_submit_btn{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding:0;
	border: 0px;
	width: 33px;
	height: 33px;
	background: url(../img/top2/icon_search.png) #E8E8E8 center 8px no-repeat;
	background-size: 18px 18px;
	vertical-align:bottom;
	border-radius:0;
}
 
.gs_submit_btn:hover{
	cursor: pointer;
	background-color:#D4D4D4;
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.gs_search_input {
    height:33px;
	width:100%;
	margin:0;
	border:#E8E8E8 solid 1px;
	border-radius:0;
}

}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}


/*==============================================================
トップに戻る
==============================================================*/

.pageTop {
	position:fixed;
	display: block;
	bottom:20px;
	right:20px;
	z-index:10000;

	}

/*
* html .pageTop {
	display: none;
	float: right;
	}
	
*/


@media (max-width: 599px) {
/* SP用　599px以下: デフォルト */
	
.pageTop {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:999;
	text-align:right;
	}

.pageTop img{ width:80%;}


* html .pageTop {
	display: none;
	float: right;
	}

}



 

/*==============================================================
 PC SP表示の調整
==============================================================*/



.display-only-sp {
	display:none;
}


@media (max-width: 599px) {
/* SP用　599px以下: デフォルト */

.display-only-pc {
	display:none;
}


.display-only-sp {
	display: block;
}




.footer-sp {
	width:90%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }
 
/*PC用 1281px以上 */
@media (min-width: 1281px) {
}



/*==============================================================
1カラム
==============================================================*/

.one-column-wrapper {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

body#about .one-column-wrapper {
	margin-top:0px;

}



body.sitemap .one-column-wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}


.one-column-wrapper p{
	font-size:1em;
	margin-bottom:1.5em;
	line-height:1.6;

  text-align: justify;
  text-justify: inter-ideograph;

}

#privacy .one-column-wrapper p{

}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.one-column-wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}


}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

.one-column-wrapper {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}


 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

.one-column-wrapper {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}

}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}
 




/*==============================================================
リスト
==============================================================*/

ul.list-type01 {
}

ul.list-type01 li {
	background:url(../img/body/arrow_disc.gif) no-repeat left 0.8em;
	padding-left:0.7em;
	margin-bottom:0.7em;
}

/**/

ul.list-type-fa-01 {
}



ul.list-type-fa-01 li {
	position:relative;
	line-height:1;
	padding-bottom:1em;
	padding-left:13px;
	line-height:1.3;
}

ul.list-type-fa-01 li:last-child {
	padding-bottom:0em;
}

ul.list-type-fa-01 li:before {
	position:absolute;
	top:11%;
	left:0px;
	font-family: FontAwesome;
	content: '\f054';
	font-size:0.8em;
	text-decoration:none;
	color:rgba(0,0,0,0.5);

}


/**/

ol.num-list {

	margin-left:1em;
}

ol.num-list li{

	margin-bottom:1em;
}

ol.num-list ul{
	position: relative;
	margin: 0.5em 0 2em 0;
	font-size: 0.8em;
}

ol.num-list ul li{
	position: relative;
	margin-bottom:0.5em;
	background:url(../img/body/arrow_sm_03.png) no-repeat left 0.4em;
	padding-left:0.8em;
	padding-right:0.8em;
}



/*
ol.num-list ul li:before {
/*	position:absolute; 
	top:11%;
	left:0px;
*/
/*
	margin: 0 5px 0 0;
	font-family: FontAwesome;
	content: '\f111';
	font-size:0.15em;
	text-decoration:none;
	color:rgba(0,0,0,0.5);

}
*/

/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

	
	
}

/*==============================================================
ボタン
==============================================================*/

a.btn-service {
	background: rgba(255,255,255,0.5);
	border: #330000 solid 1px;
	padding-top: 0.3em;
	padding-right: 1.1em;
	padding-left: 1.1em;
	padding-bottom: 0.3em;
	text-decoration: none;
	color: #330000;
	letter-spacing: 0em;
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	font-size:0.9em;
	

	
	transition:all .3s;
	-webkit-transition:all .3s;

}

a.btn-service:hover {
	background: rgba(255,255,255,0.8);
}






/**/

a.btn-detail {
/*	display: block; */
	padding: 1em;
	background: #111;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	color: #fff;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
	
 	transition: background-color 0.3s;
  	-webkit-transition: background-color 0.3s;
}

a.btn-detail:hover {
	background:#FF6DDE;
}

a.btn-detail i {vertical-align:-10%;}



/**/

a.btn-edit {
	display: block;
	padding: 0.5em;
	background: #666666;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	color: #fff;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:12px;
	line-height:1;
	box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.3);
	
 	transition: background-color 0.3s;
  	-webkit-transition: background-color 0.3s;
}

a.btn-edit span{ font-size:0.8em;}

a.btn-edit:after {
/*    content: "\f105";　*/
    content: "\f044";
    font-family: FontAwesome;
	font-size:1.2em;
	margin-left:0.5em;
}


a.btn-edit:hover {
	background:#333;
}


/**/

.btn-w50p {width:50%;}



/*Google map*/

a.gm-link:after {
    content: "\f041";
    font-family: FontAwesome;
	font-size:1.2em;
	margin-left:0.3em;
/*	color:#0066CC!Important; */
}

a.gm-link:hover:after {
	text-decoration:none!Important;
}


/* SNS リンク */

a.fb-link:after {
    content: "\f230";
    font-family: FontAwesome;
	font-size:1.2em;
	margin-left:0.3em;
}

a.tw-link:after {
    content: "\f099";
    font-family: FontAwesome;
	font-size:1.2em;
	margin-left:0.3em;
}

a.is-link:after {
    content: "\f16d";
    font-family: FontAwesome;
	font-size:1.2em;
	margin-left:0.3em;
}


	a.fb-btn {
		color:#000;
		font-size: 2.5em;
		transition: all 0.3s;
		line-height: 1;
		margin: 0 6px 0 6px;
	}

	a.fb-btn:hover {
		color:#333;
		transition: all 0.3s;
	}

/*==============================================================
回り込み解除
==============================================================*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {  clear: both;}
.clearfix {  *zoom: 1;}
.clearfix{	display:block;}


.clearAll{ clear:both}



/*==============================================================
img のリンク　マウスオーバー
==============================================================*/

a.mouseOver:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}


/*==============================================================
マージン、回り込み
==============================================================*/
/*
.mgnL5 {	margin-left: 5px;}
.mgnL10 {	margin-left: 10px;}
.mgnL15 {	margin-left: 15px;}
.mgnL20 {	margin-left: 20px;}
.mgnL25 {	margin-left: 25px;}
.mgnL30 {	margin-left: 30px;}
.mgnL35 {	margin-left: 35px;}
.mgnL40 {	margin-left: 40px;}
.mgnL45 {	margin-left: 45px;}
.mgnL50 {	margin-left: 50px;}
.mgnL55 {	margin-left: 55px;}
.mgnL60 {	margin-left: 60px;}
.mgnR5 {	margin-right: 5px;}
.mgnR10 {	margin-right: 10px;}
.mgnR15 {	margin-right: 15px;}
.mgnR20 {	margin-right: 20px;}
.mgnR25 {	margin-right: 25px;}
.mgnR30 {	margin-right: 30px;}
.mgnR35 {	margin-right: 35px;}
.mgnR40 {	margin-right: 40px;}
.mgnR45 {	margin-right: 45px;}
.mgnR50 {	margin-right: 50px;}
.mgnR55 {	margin-right: 55px;}
.mgnR60 {	margin-right: 60px;}
.mgnR150 {	margin-right: 150px;}
.mgnT0 {	margin-top: 0!important;}
.mgnT5 {	margin-top: 5px!important;}
.mgnT10 {	margin-top: 10px!important;}
.mgnT15 {	margin-top: 15px!important;}
.mgnT20 {	margin-top: 20px!important;}
.mgnT25 {	margin-top: 25px!important;}
.mgnT30 {	margin-top: 30px!important;}
.mgnT35 {	margin-top: 35px!important;}
.mgnT40 {	margin-top: 40px!important;}
.mgnT45 {	margin-top: 45px!important;}
.mgnT50 {	margin-top: 50px!important;}
.mgnT55 {	margin-top: 55px!important;}
.mgnT60 {	margin-top: 60px!important;}
.mgnB0 {	margin-bottom: 0!important;}
.mgnB5 {	margin-bottom: 5px!important;}
.mgnB10 {	margin-bottom: 10px;}
.mgnB15 {	margin-bottom: 15px;}
.mgnB20 {	margin-bottom: 20px;}
.mgnB25 {	margin-bottom: 25px;}
.mgnB30 {	margin-bottom: 30px;}
.mgnB35 {	margin-bottom: 35px;}
.mgnB40 {	margin-bottom: 40px;}
.mgnB45 {	margin-bottom: 45px;}
.mgnB50 {	margin-bottom: 50px;}
.mgnB55 {	margin-bottom: 55px;}
.mgnB60 {	margin-bottom: 60px;}
.mgnB70 {	margin-bottom: 70px;}

.pdgA10 { padding:10px!important;}



.fltL {float: left;}

.fltR {	float: right;}

.fltR-pic {
	float: right;
	margin-left:30px;
	margin-bottom:20px;
}

.fltL-pic {
	float: left;
	margin-right:30px;
	margin-bottom:20px;
}
*/


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.fltR-pic {
	float: none;
	margin-left:0px;
	margin-bottom:20px;
}

.fltL-pic {
	float: none;
	margin-right:0px;
	margin-bottom:20px;
}



}





.txt-imp { color:#0072BD;}

.txt-caution { color:#FF0000;}

.txt-green { color:#14B002;}


.txt-15px {	font-size:15px;}
.txt-16px {	font-size:16px;}
.txt-17px {	font-size:17px;}
.txt-18px {	font-size:18px;}

.txt-80p {	font-size:80%;}
.txt-90p {	font-size:90%;}
.txt-110p {	font-size:110%;}
.txt-120p {	font-size:120%;}
.txt-130p {	font-size:130%;}
.txt-140p {	font-size:140%;}
.txt-150p {	font-size:150%;}
.txt-200p {	font-size:200%;}


.attention { color:#f00;}

.tel-comment {
	 margin-top:5px;
	font-size:0.8em;
}

.caution {
	text-indent:-1em;
	padding-left:1em;
}

.caution2 {
	text-indent:-3.5em;
	padding-left:3.5em;
}

.caution3 {
	text-indent:-2em;
	padding-left:2em;
}

.caution4 {
	text-indent:-1.5em;
	padding-left:1.5em;
}


.hr-punctuation {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px solid #E2E2EC;
  margin-top:20px;
  margin-bottom:20px;
}
	


.tel-number {
font-family:'Roboto', sans-serif;
font-size:1.7em;
color:rgba(51,0,0,1.00);
}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {
.link-anchor {
	margin-top:-20px;
	padding-top:20px;
	height:0px;
}
}


/*テーブルスクロール*/

.sp-table-overflow {
	overflow:auto;

}


@media (max-width: 599px) {

.sp-table-overflow {
	overflow:scroll;
	margin-right: 0.8em;
	margin-left: 0.8em;
	margin-bottom:20px;
}

}


.top_attention_box{
    background: #FFE1E1;
    padding: 30px;}

@media (max-width: 599px) {
.top_attention_box {
    padding: 20px 4%;
}
}