@charset "UTF-8";

/* *************************************************************

*   Common CSS
*   Since:2017-02
*   Editor:ricostyle

************************************************************* */




/* カレンダーのCSS */
.cal_wrapper {
max-width: 900px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media print,screen and (min-width: 481px) {


.googlecal { padding-bottom: 75%; }
	

/* COMMON TITLE
---------------------------------------------------- */	
#contents h2{color:#72594A;font-size:1.8em;margin:20px 0 70px;}  
#contents h2 span{display:block;font-size:10px;color:#8CC01F;padding-top:5px;}  
#TOPPAGE #contents h2{color:#72594A;font-size:1.8em;margin:0 0 1em;}  
 
#contents h3{color:#72594A;font-size:1.8em;margin-bottom:1em;}
#contents h4{color:#669117;font-size:1.5em;margin-bottom:1em;border-left:3px solid #669117;padding:5px 10px;}

#contents p{line-height:1.8em;margin-bottom:1.2em;}


/* ACCESS
---------------------------------------------------- */	
#ACCESS #contents img.map_main{margin-bottom:40px;}
#ACCESS #contents p.add{margin-bottom:20px;font-size:1.2em;}
#ACCESS #contents p.add span{padding-left:15px;}
#ACCESS #contents p.add a,#ACCESS #contents p.add a:hover{text-decoration:underline;}
#ACCESS #contents .floatL{width:450px;margin-right:40px;}
#ACCESS #contents .floatR{width:450px;margin:0;}
#ACCESS #contents h4{background:#F4F2E8;color:#655245;border:0;font-size:1em;padding:12px 20px;}

/* MEDICAL FEE
---------------------------------------------------- */	
#FEE #contents .stamp{position:absolute;top:85px;right:50px;z-index:9999;}
#FEE p.credit img{display:inline-block;margin-right:10px;}
#FEE span.memo{text-align:right;font-size:0.8em;line-height:1em;margin-bottom:0;display:block;}

/* STAFF
---------------------------------------------------- */	
#STAFF #contents .stamp{position:absolute;top:50px;right:50px;z-index:9999;}
#STAFF #contents div.note{line-height:2.3em;padding:0 20px;background:url(../img_cmn/line_dot.gif) repeat-y left top;}
#STAFF .staff1{position:relative;width:620px;float:right;}
#STAFF .staff2{position:relative;width:445px;float:left;}
#STAFF .staff3{position:relative;width:445px;float:right;}
#STAFF .staff2 h4,#STAFF .staff3 h4{margin-bottom:10px;font-size:1.3em;}
#STAFF .staff2 table,#STAFF .staff3 table{margin-top:20px;}

/* INFORMATION
---------------------------------------------------- */	
#INFO #contents{background:url(../information/img/illust_01.png) no-repeat right 30px;}

/* MEDICAL MENU
---------------------------------------------------- */	

/* TOPPAGE
---------------------------------------------------- */
#TOPPAGE .illust_bg{width:415px;position:absolute;right:20px;bottom:20px;}

#TOPPAGE .LEFT{float:left;width:490px;margin-bottom:20px;}
#TOPPAGE .RIGHT{float:right;width:450px;line-height:1.3em;margin-bottom:20px;}
#TOPPAGE .RIGHT p{line-height:1.3em;}

/* ブログ読み込み */
#blogarea{background:url(../img/tt_news.png) no-repeat left top;padding:20px 0 40px;}
#blogarea h3{color:#FFF;padding:6px 20px 40px;font-size:1.2em;}
#blogarea dt{display:block;border-bottom:1px dotted #999;padding-bottom:0.5em;margin-bottom:15px;line-height:1.5em;font-size:0.85em;}
#blogarea dt a{text-decoration:underline;}
#blogarea dt a:hover{text-decoration:underline;}
#blogarea span.blogdate{padding-right:1.5em;}
#blogarea .more a{display:block;background-color:#CED5E5;padding:15px 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;color:#FFF;text-align:center;margin-top:20px;font-size:1.1em;letter-spacing:1px;}
#blogarea .more a:hover{background-color:#9DABCC;color:#FFF;}

/* リンクバナー */
#TOPPAGE .linkspace h4{font-weight:bold;margin-bottom:10px;color:#4C4C4C;font-size:1em;border:none;padding:0;}
#TOPPAGE .linkspace img a{display:inline-block;}
#TOPPAGE .linkspace img{display:inline-block;margin-right:10px;margin-bottom:10px;}

/* トピックスバナー */
.toppics{background:#FBFBF1;padding:40px 0;}
.toppics ul{display:block;width:980px;margin:0 auto;}

.toppics ul li{position:relative;display:inline-block;width:170px;height:250px;margin:0 15px;vertical-align:top;}
.toppics ul li:first-child{margin:0 15px 0 0;}
.toppics ul li:last-child{margin:0 0 0 15px;}

.toppics ul li h5{color:#735A4A;font-weight:bold;margin:20px 5px 15px;}
.toppics ul li p{color:#735A4A;font-size:0.75em;line-height:1.4em;margin:0 5px 20px;}
.toppics ul li img{position: absolute;left: 0;right: 0;top:105px;margin:auto;}

li.bn1{border:1px solid #A68F7E;background:#F9F9F9;}
li.bn2{border:1px solid #7EABAF;background:#FAFCFC;}
li.bn3{border:1px solid #E3B3B0;background:#FDF9F9;}
li.bn4{border:1px solid #DFAE85;background:#FDFAF7;}
li.bn5{border:1px solid #B3CCAE;background:#F7FAF5;}

.toppics ul li a
{display:block;padding:10px 0;color:#FFF;position:absolute;bottom:0;width:100%;line-height:1em;}

li.bn1 a{background:#A68F7E url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn2 a{background:#7EABAF url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn3 a{background:#E3B3B0 url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn4 a{background:#DFAE85 url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn5 a{background:#B3CCAE url(../img_cmn/icon_white.png) no-repeat 50px center;}

li.bn1 a:hover{background-color: #7A6454;}
li.bn2 a:hover{background-color: #548387;}
li.bn3 a:hover{background-color: #C05550;}
li.bn4 a:hover{background-color: #AC662D;}
li.bn5 a:hover{background-color: #638E59;}


.Insta_areaBK{background:#F5FDF0;padding:0 0 30px 0;}
.Insta_area{margin:0 auto;width:980px;}
.Insta_area h4{text-align:left;font-weight:bold;color:#735A4A;font-size:1.2em;color:#735A4A;padding:20px 0;}
.Insta_area p{font-size:1.2em;line-height:1.5em;}

.cal_wrapper{background:#FFF;padding:0 0 30px 0;}
.cal_wrapper h4{text-align:left;font-weight:bold;font-size:1.2em;color:#735A4A;margin:20px auto;}
}

   

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

/* COMMON TITLE
---------------------------------------------------- */	
#contents h2{color:#72594A;font-size:1.5em;margin:35px 0 ;}  
#contents h2 span{display:block;font-size:10px;color:#8CC01F;padding-top:5px;}  
#contents h3{color:#72594A;font-size:1.5em;margin-bottom:1em;}
#contents h4{color:#669117;font-size:1.5em;margin-bottom:1em;border-bottom:2px dotted #669117;padding:5px 10px;}

#contents p{line-height:1.5em;margin-bottom:1.2em;}

#contents .box02{padding:20px 10px;margin-bottom:20px;line-height:1.6em;}


/* ACCESS
---------------------------------------------------- */	
#ACCESS #contents img.map_main{margin-bottom:5px;width:100%;}
#ACCESS #contents p.add{}
#ACCESS #contents p.add span{display:block;}
#ACCESS #contents p.add a,#ACCESS #contents p.add a:hover{text-decoration:underline;}
#ACCESS #contents .floatL{width:100%;margin-bottom:40px;}
#ACCESS #contents .floatR{width:100%;margin-bottom:40px;}
#ACCESS #contents .floatL img,#ACCESS #contents .floatR img{width:100%;}
#ACCESS #contents h4{background:#F4F2E8;color:#655245;border:0;font-size:1em;padding:12px 20px;}

/* MEDICAL FEE
---------------------------------------------------- */	
#FEE #contents .stamp{visibility:hidden;height:0;width:0;}
#FEE p.credit span{display:block;}
#FEE span.memo{text-align:right;font-size:0.8em;line-height:1em;margin-bottom:0;display:block;}

#FEE table.tbl03{font-size:0.8em;}
#FEE table.tbl03 th,table.tbl03 td{padding:7px 3px;}

/* STAFF
---------------------------------------------------- */	
#STAFF #contents .stamp{visibility:hidden;height:0;width:0;}
#STAFF #contents div.note{line-height:1.5em;font-size:0.9em;}
#STAFF #contents div.note table{width:100%;}
#STAFF #contents div.note td{border-bottom:2px dotted #CCC;padding:5px 0;}

#STAFF .staff2 h4,#STAFF .staff3 h4{margin-bottom:10px;font-size:1.3em;}
#STAFF .staff2 img,#STAFF .staff3 img{width:100%;}
#STAFF .staff2,#STAFF .staff3{margin-bottom:30px;}
#STAFF .staff1 table,#STAFF .staff2 table,#STAFF .staff3 table{margin-top:20px;}

/* INFORMATION
---------------------------------------------------- */	
#INFO #contents{background:url(../information/img/illust_01.png) no-repeat center 40px;}
#INFO #contents h2{margin:35px 0 190px;}

#INFO table.tbl02{width:100%;}
#INFO table.tbl02 td{width:100%;display:block;line-height:1.3em;position:relative;padding:0 0 20px 0;}
#INFO table.tbl02 td img{margin-top:5px;width:100%;}

/* MEDICAL MENU
---------------------------------------------------- */	
#MENU #contents img{width:95%;margin-bottom:15px;}
#MENU #contents span.ftGreen{display:block;}

/* TOPPAGE
---------------------------------------------------- */
#TOPPAGE .box01{padding:20px 10px;}
#contents .box01 h2{margin:0 0 20px;}  
#TOPPAGE .illust_bg{width:100%;margin-top:10px;}

#TOPPAGE .LEFT{margin-bottom:20px;}
#TOPPAGE .RIGHT{}
#TOPPAGE .RIGHT .mb40 span{display:block;}
#TOPPAGE .RIGHT p{line-height:1.3em;margin-bottom:1em;}

/* ブログ読み込み */
#blogarea{padding:20px 0;}
#blogarea h3{color:#FFF;padding:6px 20px 40px;font-size:1.2em;background:#9DABCC;padding:12px 10px;}
#blogarea dt{display:block;border-bottom:1px dotted #999;padding-bottom:0.5em;margin-bottom:15px;line-height:1.5em;font-size:0.85em;}
#blogarea dt a{text-decoration:underline;}
#blogarea dt a:hover{text-decoration:underline;}
#blogarea span.blogdate{padding-right:1.5em;display:block;}
#blogarea .more a{display:block;background-color:#CED5E5;padding:15px 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;color:#FFF;text-align:center;margin-top:20px;font-size:1.1em;letter-spacing:1px;}
#blogarea .more a:hover{background-color:#9DABCC;color:#FFF;}

/* リンクバナー */
#TOPPAGE .linkspace h4{font-weight:bold;margin-bottom:10px;color:#4C4C4C;font-size:1em;border:none;padding:0;}
#TOPPAGE .linkspace img a{display:inline-block;}
#TOPPAGE .linkspace img{display:inline-block;margin:0 2px 10px;}

/* Table */
#TOPPAGE .RIGHT table.tbl01{font-size:0.7em;}
#TOPPAGE .RIGHT table.tbl01 th{padding:7px 0;}
#TOPPAGE .RIGHT table.tbl01 td{height:36px;padding:auto 0;}

/* トピックスバナー */
.toppics{background:#FBFBF1;padding:20px 0;}
.toppics ul{margin:0 auto;}

.toppics ul li{display:block;width:85%;margin:0 auto 10px;position:relative;}

.toppics ul li h5{color:#735A4A;font-weight:bold;margin:15px 5px;font-size:1.2em;}
.toppics ul li p{color:#735A4A;font-size:0.9em;line-height:1.2em;margin:0 5px 10px;}
.toppics ul li img{margin-bottom:5px;}

li.bn1{border:1px solid #A68F7E;background:#F9F9F9;}
li.bn2{border:1px solid #7EABAF;background:#FAFCFC;}
li.bn3{border:1px solid #E3B3B0;background:#FDF9F9;}
li.bn4{border:1px solid #DFAE85;background:#FDFAF7;}
li.bn5{border:1px solid #B3CCAE;background:#F7FAF5;}

.toppics ul li a
{display:block;padding:13px 0;color:#FFF;width:100%;line-height:1em;}

li.bn1 a{background:#A68F7E url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn2 a{background:#7EABAF url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn3 a{background:#E3B3B0 url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn4 a{background:#DFAE85 url(../img_cmn/icon_white.png) no-repeat 50px center;}
li.bn5 a{background:#B3CCAE url(../img_cmn/icon_white.png) no-repeat 50px center;}

li.bn1 a:hover{background-color: #7A6454;}
li.bn2 a:hover{background-color: #548387;}
li.bn3 a:hover{background-color: #C05550;}
li.bn4 a:hover{background-color: #AC662D;}
li.bn5 a:hover{background-color: #638E59;}


.Insta_areaBK{background:#F5FDF0;padding:0 0 30px 0;}
.Insta_area{margin:0 auto;width:98%;}
.Insta_area h4{text-align:center;font-weight:bold;color:#735A4A;font-size:1.2em;color:#735A4A;padding:20px 0;}
.Insta_area p{font-size:0.9em;line-height:1.7em;}

.cal_wrapper{background:#FFF;padding:0 0 30px 0;}
.cal_wrapper h4{text-align:center;font-weight:bold;font-size:1.2em;color:#735A4A;padding:20px 0;}
}