@charset "utf-8";

/* Birth Hospital Tmp Ver1.0 */



.red{color: #FF0004;}


/* ---------------------------------------------------------------- */
/* Header Width */
/* ---------------------------------------------------------------- */

@media print, screen and (min-width: 1101px) { 
header .Logo{    top: 20px;
    width: 380px;}
/*header nav.nav {left:320px;}*/

/*電話番号追加前*/
header nav.nav {right:36px;}

/*電話番号追加後	*/
header nav.nav {right: 280px;}

header nav.nav ul li{ 
	float:left; 
	font-size:1.6rem; 
	margin-left:30px;
	
/*	----221117消しました---*/
/*	padding: 90px 0px 0px;*/
}
	
}

@media only screen and (min-width: 1001px) and (max-width: 1536px) {/*採用情報の有無でmax-widthを変更*/
header .Logo{     top: 21px;
    width: 350px;}
	
	
/*電話番号追加前*/
/*header nav.nav {right:60px;}*/
	
/*電話番号追加後*/
header nav.nav {right:236px;}
header nav.nav ul li{ float:left; font-size:1.6rem;margin-left:20px;}

header .HeadTel{ width:200px; top:25px; right:20px;}
header .HeadTel i{ font-size:4.0rem; margin-right:10px;}
/*header .HeadTel p{ font-size:2.2rem; line-height:2.2rem;}*/
header .HeadTel p{font-size: 2.5rem;line-height: 3.3rem;}
header .HeadTel p span{ font-size:1.4rem; }
}

@media only screen and (min-width: 641px) and (max-width: 1000px) {
header .Logo{top: 30px; width:280px;}
}



/* ---------------------------------------------------------------- */
/* 上記トリガーに合わせて以下も変更する */
/* ---------------------------------------------------------------- */

@media print, screen and (min-width: 1537px) { /*採用情報の有無でmax-widthを変更*/
header{ height:90px;}

header .HeadTel{ width:230px; top:25px; right:20px;}
header .HeadTel i{ font-size:4.4rem; margin-right:10px;}
/*header .HeadTel p{ font-size:2.6rem; line-height:2.5rem;}*/
header .HeadTel p{ font-size: 2.9rem;line-height: 1.4;}
header .HeadTel p span{ font-size:1.4rem; }

header dl{ display:none;}
div#MainContent{padding:90px 0px 0px;}

}

@media only screen and (min-width: 1384px) and (max-width: 1536px) {/*採用情報の有無でmax-widthを変更*/
header{ height:90px;}
/*header{ height:90px;}*/
header dl{ display:none;}
div#MainContent{padding:90px 0px 0px;}
}

@media only screen and (min-width: 641px) and (max-width: 1383px) {/*採用情報の有無でmax-widthを変更*/
header{ height:90px;}
/*header{ height:60px;}*/
	
/*電話番号追加前*/
/*header .HeadTel{  width:200px; top:16px; right:74px;}*/
	
/*電話番号追加後*/
header .HeadTel{  width:200px;top: 32px;right: 160px;}
	
header .HeadTel i{ font-size:4.0rem; margin-right:10px;}
/*header .HeadTel p{ font-size:2.2rem; line-height:2.2rem;}*/
header .HeadTel p{ font-size: 2.5rem;line-height: 3.5rem;}
header .HeadTel p span{ font-size:1.4rem; }
header nav.nav {display:none;}
header dl{ display:block;}
div#MainContent{padding:90px 0px 0px;}
}

@media screen and (max-width: 768px){
	div#MainContent{padding:60px 0px 0px;}
	header{ height:60px;}
}
@media screen and (min-width: 769px){
.beautyKoukaBlock01 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock01_bg.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size: cover; padding:30px 30px 30px 400px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock02 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock02_bg.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size: cover; padding:30px 400px 30px 30px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock03 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock03_bg.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size: cover; padding:30px 30px 30px 400px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock04 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock04_bg.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size: cover; padding:30px 400px 30px 30px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock05 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock05.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size: cover; padding:30px 30px 30px 400px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}	
.beautyKoukaBlock06 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock06.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size: cover; padding:40px 380px 30px 30px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}	
.beautyKoukaBlock07 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock07.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size: cover; padding:30px 30px 30px 400px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock08 {background-color:#eceff1; background-image: url("../../beauty/images/beautyKoukaBlock08.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size: cover; padding:40px 380px 30px 30px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}	
}
@media screen and (max-width: 768px){
.beautyKoukaBlock01 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock01_bg_sp.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size:150%; padding:20px 20px 390px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock02 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock02_bg_sp.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size:120%; padding:20px 20px 250px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock03 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock03_bg_sp.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size:100%; padding:20px 20px 350px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock04 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock04_bg_sp.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size:125%; padding:20px 20px 250px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock05 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock05_sp.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size:130%; padding:20px 20px 270px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}	
.beautyKoukaBlock06 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock06_sp.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size:150%; padding:20px 20px 290px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}	
.beautyKoukaBlock07 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock07_sp.jpg"); background-repeat: no-repeat; background-position: left bottom; background-size:100%; padding:20px 20px 300px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.beautyKoukaBlock08 {background-color:#fff; background-image: url("../../beauty/images/beautyKoukaBlock08_sp.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size:100%; padding:20px 20px 300px 20px; border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px;}	
}

.beautyBlockType01 {
border:solid 2px #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); padding:30px ; border-radius: 10px;
background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(230,231,240,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(230,231,240,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(230,231,240,1.00) 100%);
background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(230,231,240,1.00) 100%);
background-repeat: no-repeat;
}

@media screen and (min-width: 769px){
	.beautyBlockType02 {border:double 3px #ea9fc9; padding:30px; border-radius: 10px; background-repeat: no-repeat;}
}

@media screen and (max-width: 768px){
	.beautyBlockType02 {border:double 3px #ea9fc9; padding:20px; border-radius: 10px; background-repeat: no-repeat;}
}


.beautyBlockType03 {background-color:#fdf4f7; box-shadow:0px 0px 5px 5px #f9dde8 inset; padding:30px; border-radius: 10px; background-repeat: no-repeat;}
.beautyBlockType01 p , .beautyBlockType02 p , .beautyBlockType03 p , 
.beautyBlockType01 ul , .beautyBlockType02 ul , .beautyBlockType03 ul {}

.imgType01 {width:300px;}

.componentList {}
.componentList dt {background-color:#bc94a3; color:#fff; padding:0 10px; margin-bottom:10px;}
.componentList dd {}





/* ---------------------------------------------------------------- */
/* On or Off */
/* ---------------------------------------------------------------- */

/* header .ContactPhone{ display:none !important;} */
/* header nav.nav{ display:none !important;} */
/* header .HeadTel{ display:none !important;} */
/* header dl{ display:none !important;} */
/* footer .LeftBox dl{ display:none !important;} */
/* footer .LeftBox .ContactTxt{ display:none !important;}
/* footer .RightBox .Kamoku{ display:none !important;} */
/* footer .FooterBottom nav{ display:none !important;} */

/* ---------------------------------------------------------------- */
/* Common color */
/* ---------------------------------------------------------------- */

a:link,
a:visited,
.EditColor,
header nav.nav ul li a:hover,
header nav.nav ul li a.parentsLink,
header .HeadTel i,
header .HeadTel p,
div.TopNewsBox div.InnerBox ul li a span.Date,
div.TopNewsBox div.InnerBox h2:before,
div.TopNewsBox div.InnerBox h2 span a:after,
div.NewsPage div.InnerBox h2:before,
footer div.FooterInnerBox div.LeftBox dl dt i,
footer div.FooterInnerBox div.RightBox table td span.Circle,
.TableStyle02 td span.Circle,
div.Pankuzu ul li:first-child:after,
.TableStyle01 th,
.ListStyle02 li:before,
.ListStyle03 li:before,
.TitleStyle05:before,
div.AccessPage div.AccessDetail h3,
.AcQaStyle dt:after
{color: #F08C00;}

header dl dd ul li a:hover,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
div.TopFirstBox div.InnerBox ul li a,
.TableStyle02 thead th,
.FooterBottom,
.pagetop a:hover,
p.SpMoreStyle a,
div.PageTitle,
.TableStyle01 thead th,
.TableStyle01 thead td,
.TableStyle03 th,
.TitleStyle07,
a.LinkStyle01,
.LinkStyle01 li a,
a.GoogleMapApp,
div.NewsPage .pagePrevBox p.pagePrev a,
div.NewsPage .pagePrevBox p.pageNext a,
div.NewsPage .RightBox h4,
.TableStyleForm th p.Hissu:after,
.FormFinBox01 input,.FormFinBox01 a,.ContactBtnBox02 .send-btn,
.ContactBtnBox02 input.soushinBtn,
footer div.FooterInnerBox div.LeftBox p.ContactTxt a,
header .ContactPhone a,
div.LocalNav .LocalTtl,
.AcQaStyleEditColor dt,
.AcQaStyleEditColor dd p.Answer:before,
.AcStandardStyleEditColor dt,
.TableStyle06 thead th,
.TableStyle06 thead td,
.BoxStyle02
{ background-color: #F08C00;}

footer{ border-top-color:#F08C00;}

div.TopFirstBox div.InnerBox ul li a:hover,
div.AccessPage div.AccessDetail:before
{ background-color:#F08C00;}

div.OddBox,
div.TopNewsBox div.InnerBox ul li a:hover,
div.AccessPage div.AccessDetail,
div.EvenBox div.InnerBox .BoxStyle01
{ 
/*	background-color:#fffbf5;*/
	background-color: #FFFAF3;
/*	background-color: #fef8f1;*/
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
header dl dt a{background: none;}
}

@media only screen and (min-width: 769px) and (max-width: 1536px) {/*採用情報の有無でmax-widthを変更*/
header dl dt a{background-color: #F08C00;}
/*header .Logo{ margin-top: -5px;}	*/
header .Logo{ margin-top: 0px;}
header .HeadTel{margin-top: -3px;}	
}

@media screen and (max-width: 640px) {
footer nav a{ background-color:#fff;}
}

/* ---------------------------------------------------------------- */
/* Table color */
/* ---------------------------------------------------------------- */


/*-カレンダー-*/
.TableStyle02 thead td{ background-color:#fae0b2;}

.TableStyle02 tbody th,
.TableStyle05 thead th,
.TableStyle05 thead td,
.TableStyle06 tbody th,
.TableStyle07 .thead,
.TableStyle07 .sp-th,
.TitleStyle06{ background-color:#ffdfbb;}

.TableStyle02 tbody td,
.TableStyle05 tbody tr:nth-child(even) th,
.TableStyle05 tbody tr:nth-child(even) td,
.TableStyle06 tbody tr:nth-child(even) td,
.TableStyle03 td{ background-color:#f5f5f5;}

.TableStyle02 td span.Triangle{ color:#47b638;}
.TableStyle02 td span.None{ color:#555;}

.TableStyle02 thead th,
.TableStyle06 thead th,
.TableStyle06 thead td{ color:#fff;}
.TableStyle02 thead td.Sat{ color:#0018ff;}
.TableStyle02 thead td.Sun{ color:#ba0000;}


/*-キャンセルポリシー-*/

.tbl-r05 td:first-child {
  background: #FFFFFF;
  color: #232323;font-weight: bold;
  padding: 10px;
border-bottom: #DCDCDC 1px solid;
 width: 12%;
	
}
.tbl-r05{width: 100%;margin: 0 auto; background-color: #FFFFFF;line-height: 1.5;}
.thead{background-color: #949494; width: 100%;}
.thead th{width:14%; text-align: center; color: #FFFFFF; padding: 10px; border-right: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid;}
.tbl-r05 td{border: #DCDCDC 1px solid; padding: 10px;text-align: center;}
.tbl-r05 tr{text-align: center;width: 10%;}
.big{width: 15%;}
.bold {font-weight: bold;}
.small{font-size: 14px; width: 100%; color: #606060;font-weight: 300;}
.small02{font-size: 1.7rem; width: 100%; font-weight: 300;}

@media screen and (max-width: 1009px) {
.table_box {
    overflow-x: auto;
    display: block;
	width: 100%;
}

.table_box table th,
.table_box table td {
    white-space: nowrap;
}
	

/* スクロールバー全体を対象にする */
.table_box::-webkit-scrollbar {
    width: 10px; /* スクロールバーの幅 */
    height: 10px; /* スクロールバーの高さ */
}

/* スクロールバーの背景部分をカスタマイズ */
.table_box::-webkit-scrollbar-track {
    background: #f1f1f1; /* スクロールバーの背景色 */
    border-radius: 5px; /* 角丸にする */
}

/* スクロールバーの操作部分をカスタマイズ */
.table_box::-webkit-scrollbar-thumb {
    background: #B6B6B6; /* スクロールバーの操作部分の背景色 */
    border-radius: 5px; /* 角丸にする */
}

}