body{
font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
background: #FFFEDF;
}
.flex_box{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 10px 0;
flex-wrap: wrap;
max-width: 1500px;
margin: 0 auto;
font-size: 150%;
}
.flex_re{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 10px 0;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.flex_70{
width: 68%;
}
.flex_50{
width: 48%;
}
.flex_40{

}
.flex_msg{
width: 70%;
}
.oshirasemsg{
font-size: 180%;
font-weight: bold;
}
.flex_30{
width: 25%;
text-align: right;
}
.flex_20{
width: 25%;
}
.flex_70 img,.flex_50 img,.flex_30 img,.flex_20 img{
width: 30%;
max-width: 300px;
float: right;
padding-right: 10px;
}
.cal_hosoku{
width: 95%;
margin: 10px auto;
}
.te_ce{
text-align: center;
margin: 30px auto;
font-weight: bold;
font-size: 130%;
}
.te_ce span{
display: inline-block;
}
h1{
color: #005CA0;
font-size: 150%;
font-weight: bold;
line-height: 2;
margin-bottom: 10px;
margin-top: 5px;
border-left: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ左*/
border-right: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ右*/
padding:5px 20px;/*タイトルの余白*/
box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
background: repeating-linear-gradient(-45deg, #FFEBD8, #FFEBD8 5px, #fff 0, #fff 10px);
text-align: center;
max-width: 1400px;
margin: 0 auto;
-webkit-animation:zoomIn 1.5s forwards;
animation:zoomIn 1.5s forwards;
}
.top_logo{
width: 10%;
margin: 0 auto;
}
.top_logo img{
width: 100%;
}
.hcol00,.hcol01,.hcol02,.hcol03,.hcol04,.hcol05,.hcol06,.colopn,.colsun,.colhol,.colsat,.colhaf,.colchg,.colbl,.colfull,.colfull02{
font-weight:bold;
font-size: 120%;
padding: 5px 10px;
color: #005CA0;
border: 1px solid #FFA144;
background: #FFFFFF;
}
.hcol00 img,.hcol01 img,.hcol02 img,.hcol03 img,.hcol04 img,.hcol05 img,.hcol06 img,.colopn img,.colsun img,.colhol img,.colsat img,.colhaf img,.colchg img,.colbl img{
width:  100%;
}
.hcol00{background: #F1B4AC; color:#DC3A23;}/*日*/
.hcol01{background: #ED9C17;}/*月*/
.hcol02{background: #ED9C17;}/*火*/
.hcol03{background: #ED9C17;}/*水*/
.hcol04{background: #ED9C17;}/*木*/
.hcol05{background: #ED9C17;}/*金*/
.hcol06{background: #A3E2E5;color:#1970AF;}/*土*/
.colopn{
background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%,#ffffff 50%, #ffffff 100%); }/*平日・通常診療*/
.colsun::after{
content: "休診";
display: block;
width: 100%;
height: 50px; /* 必要に応じて調整 */
font-size: 70%;
}
.colopn::after,.colhol::after,.colsat::after,.colhaf::after,.colchg::after,.colfull::after,.colfull02::after {
content: "";
display: block;
width: 100%;
height: 100px; /* 必要に応じて調整 */
background-position: center;
background-repeat: no-repeat;
background-size:  contain;
}
.colopn::after{
}
.colhol::after{
background-image: url('../img/ky.png');/* 紺野/矢部 */
}
.colsat::after{
background-image: url('../img/ny.png');/* 院長/矢部  */
}
.colhaf::after{
background-image: url('../img/Konno.png');/* 紺野  */
}
.colchg::after{
background-image: url('../img/nishino.png');/* 院長 */
}
.colfull::after{
background-image: url('../img/full.png');/* 院長/紺野/矢部 */
}
.colfull02::after{
background-image: url('../img/full02.png');/* 院長/紺野  */
}
.colsun{
background: #FFD2DE; color:#FF8AA9;
padding: 5px 0;
}/*休診*/
.cal_admin{
width: 97%;
border-radius: 30px;
padding: 10px 0 15px;
margin: 0 auto;
max-width: 1400px;
}
.caltable {
padding: 10px 10px 10px 10px;
max-width: 1200px;
margin: 0 auto;
}
.caltable table {
border-collapse: collapse;
text-align: center;
width: 100%;
}
.cal_title {
padding: 10px 0 0 20px;
max-width: 1200px;
width: 90%;
margin: 10px auto;
}
.title_large {
font-size:200%;
color:#FF8600;
text-align: center;
font-weight: bold;
padding: 5px 8px;
line-height: 1;
text-decoration: none;
}
.title_small{
font-size:150%;
color:#F8A74C;
font-weight: bold;
text-decoration: none;
}
a:-webkit-any-link{
text-decoration: none;
}
.bace_bbb{
font-weight: 600;
color: #005CA0;
font-size:110%;
} 
.cal_sent{
	padding: 20px;
	background: #FFFFFF;
}

@media screen and (max-width: 1200px){
.flex_box{
flex-direction: column;
padding: 10px 0;
font-size: 115%;
}
.flex_70{
width: 98%;
}
.flex_70 span{
display: inline-block;
}
.flex_50{
width: 98%;
}
.flex_30,.flex_20{
width: 98%;
text-align: left;
}
.flex_70 img,.flex_50 img,.flex_30 img,.flex_20 img{
width: 10%;
float: inherit;
padding-right: 10px;
}
}

/*　iPadサイズ　----------------------------------*/

@media screen and (max-width: 789px){
.flex_re{
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content:center;
padding: 10px 0;
}
.flex_40{
width: 95%;
margin: 10px auto;
}
.flex_msg{
width: 95%;
margin: 0px auto;
}
.oshirasemsg{
font-size: 100%;
}
.top_logo{
width: 20%;
}
h1{
font-size: 130%;
}
.caltable {
margin: 10px auto;
padding: 0;
width: 98%;
}
.cal_admin{
width: 100%;
padding: 5px 0 10px;
border-radius: 10px;
margin: 5px auto;
}
.colopn::after,.colhol::after,.colsat::after,.colhaf::after,.colchg::after,.colfull::after,.colfull02::after {
height: 60px; /* 必要に応じて調整 */
}

.cal_title {
padding: 5px 0 5px;
text-align: center;
}
.title_large {
font-size:150%;
}
.title_small{
font-size:100%;
}

.bace_bbb{
font-weight: 600;
color: #005CA0;
font-size:100%;
} 
.te_ce{
font-size: 110%;
}
}
@media screen and (max-width: 520px){
.hcol00,.hcol01,.hcol02,.hcol03,.hcol04,.hcol05,.hcol06,.colopn,.colsun,.colhol,.colsat,.colhaf,.colchg,.colbl,.colfull,.colfull02{
font-size: 110%;
padding: 5px 3px;
}
.colopn::after,.colhol::after,.colsat::after,.colhaf::after,.colchg::after,.colfull::after,.colfull02::after {
height: 50px; /* 必要に応じて調整 */
}
.colsun{
padding: 5px 0;
}
.colsun::after{
height: 20px; /* 必要に応じて調整 */
font-size: 50%;
}
.flex_70 img,.flex_50 img,.flex_30 img,.flex_20 img{
width: 25%;
}
}
@media screen and (max-width: 350px){
.caltable {
margin: 10px auto;
padding: 0;
}
}