/* ----------------------------------------- */
/* main */
/* ----------------------------------------- */
.home #main { width: 1110px; margin: 20px auto 0 auto; display: flex; flex-wrap: wrap;}
.home #content { float: left; width: 760px; margin-right: 50px;}
.home #sidebar { float: right; width: 300px;}

/* searchform-tab-small 上部タブ */
.home .searchform-tab-small { height: 130px; position: relative; overflow: hidden;}
.home .searchform-tab-small ul.tabs { position: absolute; z-index: 2; top: 0; left: 2%; width: 100%;}
.home .searchform-tab-small ul.tabs li { display: inline-block; width: 20%;}
.home .searchform-tab-small ul.tabs li:first-of-type { margin-right: 1%;}
.home .searchform-tab-small ul.tabs li:first-of-type a { background: #fff5e5; color: #212529;}
.home .searchform-tab-small ul.tabs li:last-of-type a { background: #daeeff; color: #212529;}
.home .searchform-tab-small ul.tabs li.active a { border: 1px solid #dee2e6; border-bottom: 0; height: 39px;}
.home .searchform-tab-small ul.tabs li:first-of-type a i { color: #ff8c51; font-size: 16px; margin-right: 5px;}
.home .searchform-tab-small ul.tabs li:last-of-type a i { color: #0068b7; font-size: 14px; margin-right: 5px;}
.home .searchform-tab-small ul.tabs li a {display: inline-block; font-size: 13px; font-weight: bold; width:100%; height: 36px; line-height: 38px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 5px 5px 0 0;}
.home .searchform-tab-small .tab-content { display: none; border: 1px solid #dee2e6; padding: 8px; position: absolute; top: 38px; z-index: 1; width: 99.8%;}
.home .searchform-tab-small .tab-content.active { display: block; }
.home .searchform-tab-small .tab-content:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
.home .searchform-tab-small .tab-content:first-of-type { background: #fff5e5;}
.home .searchform-tab-small .tab-content:last-of-type { background: #daeeff; position: relative;}
.home .searchform-tab-small .tab-content form { display: block; width: 100%;}
.home .searchform-tab-small .tab-content form .left { display: inline-block; width: 75%; float: left;}
.home .searchform-tab-small .tab-content form .left:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
.home .searchform-tab-small .tab-content input { display: inline-block; float: left; width: 47%; height: 38px; border: 1px solid #dee2e6; border-radius: 5px; background: #fff;}
.home .searchform-tab-small .tab-content:first-of-type input { padding: 0 10px 0 10px;}
.home .searchform-tab-small .tab-content:last-of-type input { padding: 0 60px 0 10px;}
.home .searchform-tab-small .tab-content .input-box { position: relative;}
.home .searchform-tab-small .tab-content:last-of-type .input-box:before { content: "駅"; display: block; position: absolute; height: 36px; line-height: 38px; padding: 0 13px; top: 0; right: 53%; background: #e9ecef; border-radius: 0 5px 5px 0; border: 1px solid #dee2e6;}
.home .searchform-tab-small .tab-content i { display: inline-block; float: left; width: 6%; color: #625057; text-align: center; transform: translateY(10px);}
.home .searchform-tab-small .tab-content select { display: inline-block; float: left; width: 47%; height: 38px; border: 1px solid #dee2e6; border-radius: 5px; padding-left: 10px; background:url(../img/select-back.jpg) no-repeat; background-position:right 0px center;}
.home .searchform-tab-small .tab-content button { display: inline-block; float: right; width: 22%; height: 38px; border-radius: 5px; color: #fff; cursor: pointer;}
.home .searchform-tab-small .tab-content button:hover { opacity: 0.8;}
.home .searchform-tab-small .tab-content:first-of-type button { border: 1px solid #ff7128; background: #ff8c51;}
.home .searchform-tab-small .tab-content:last-of-type button { border: 1px solid #00518e; background: #0068b7;}
.home .searchform-tab-small .tab-content:first-of-type i { color:#ff8c51;}
.home .searchform-tab-small .tab-content:last-of-type i { color:#0068b7;}

/* main-content-buttons 16ボタン */
.main-content-buttons { display: flex; flex-wrap: wrap;}
.main-content-buttons:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
.main-content-buttons li { float: left; width: 25%; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.main-content-buttons li:nth-child(4n) { border-right: 0;}
.main-content-buttons li a { display: block; padding: 15px 5px; text-align: center; font-size: 16px; color: #fff; position: relative;}
.main-content-buttons li a img { width: 45%; margin-bottom: 10px;}
.main-content-buttons li a:hover { opacity: 0.7;}
.main-content-buttons li a[data-badge="NEW"]:after {content: attr(data-badge); display: inline-block; padding: 4px; position: absolute; top: 5px; right: 5px; background: #E04B33; font-size: 12px; font-family: Arial; color: #fff; border-radius: 3px;}
.main-content-buttons li.today { background: #FE5262;}
.main-content-buttons li.holiday { background: #FF8C51;}
.main-content-buttons li.night { background: #F8B651;}
.main-content-buttons li.map { background: #EB69A2;}
.main-content-buttons li.doctor { background: #B3D365;}
.main-content-buttons li.specialist { background: #32B06D;}
.main-content-buttons li.outpatient { background: #15C9C6;}
.main-content-buttons li.feature { background: #34C3EA;}
.main-content-buttons li.recommend { background: #2288D5;}
.main-content-buttons li.recommend-rank { background: #8F82BD;}
.main-content-buttons li.disease { background: #CB6FBC;}
.main-content-buttons li.reserve { background: #E5D34D;}

/* banner-hirizontal */
.banner-hirizontal { margin: 20px 0;}
.banner-hirizontal:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
.banner-hirizontal a { float: left; display: inline-block; width: 49%; margin-right: 2%;}
.banner-hirizontal a:last-child { margin-right: 0;}
.banner-hirizontal a img { width: 100%;}

/* adsense */
.content_common_728x90, .common_320x100, .common_foot_300x250 { text-align: center;}

/* main-bnr */
.main-bnr { margin: 20px 0; text-align: center;}
.main-bnr a img { width: 100%;}
.main-bnr a:hover { opacity: 0.8;}

/* clipnews ホスピタクリップ 最新ニュース */
#clipnews { position: relative; margin: 20px 0;}
#clipnews ul.tabs2 { width: 100%; padding: 0 0;}
#clipnews ul.tabs2:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#clipnews ul.tabs2 li { display: inline-block; float: left; width: 49%;}
#clipnews ul.tabs2 li:first-of-type { margin-right: 2%;}
#clipnews ul.tabs2 li.active a { width: 100%; background: #62a673; color: #fff;}
#clipnews ul.tabs2 li a { background: #dddddd; color: #212529;}
#clipnews ul.tabs2 li a {display: inline-block; font-size: 13px; font-weight: bold; width:100%; height: 36px; line-height: 36px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 5px 5px 0 0;}
#clipnews .tab-content2 { display: none; border-top: 2px solid #62a673; border-bottom: 2px solid #62a673;}
#clipnews .tab-content2.active { display: block; }
#clipnews .tab-content2 ul li { font-size: 15px; border-bottom: 1px solid #ccc;}
#clipnews .tab-content2 ul li:hover { background: #eee;}
#clipnews .tab-content2 ul li:last-child { border-bottom: 0;}
#clipnews .tab-content2 ul li a { color: #006699; display: block; padding: 13px 10px;}
#clipnews .tab-content2 ul li a .date { font-size:13px; color: #212529;}
#clipnews .tab-content2 ul li a .category { display: inline-block; margin: 0 10px; padding: 2px 5px; font-size:13px; color: #fff; border-radius: 3px;}
#clipnews .tab-content2 ul li a .news-category-news { background: #16AA72;}
#clipnews .tab-content2 ul li a .news-category-announce { background: #FD8C58;}

/* hospita-history 病院検索ホスピタとは */
.hospita-history { margin: 20px 0; padding: 20px; border: 1px solid #ddd; margin-top: 10px; background: #eaf9fb;}
.hospita-history h3 { font-size: 16px; margin-bottom: 10px;}
.hospita-history p { font-size: 14px; line-height: 1.7; margin-bottom: 0;}

/* ----------------------------------------- */
/* sidebar */
/* ----------------------------------------- */
/* sidebar-bnr */
.sidebar-bnr { margin-top: 20px;}
.sidebar-bnr a img { width: 100%;}

/* bbs-latest BBS */
.bbs-latest { border: 1px solid #ccc; margin-top: 20px;}
.bbs-latest .title, .bbs-latest .nav { background: #eee;}
.bbs-latest .nav { padding: 10px; border-bottom: 1px solid #ccc;}
.bbs-latest .nav a { display: block; width: 100%; font-size:14px; line-height:20px; color: #fff; background: #fd8c58; font-weight: bold; text-align: center; line-height: 50px; border-bottom: 3px solid #fd7b3f; border-radius: 3px;}
.bbs-latest .nav a:hover { background: #fd7b3f;}
.bbs-latest ul.list li { padding: 10px 20px; border-bottom: 1px solid #ccc;}
.bbs-latest ul.list li .head:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
.bbs-latest ul.list li .head img { width: 30px; margin-right: 10px;}
.bbs-latest ul.list li .head a { float: left; color: #006699; margin-bottom: 5px;}
.bbs-latest ul.list li .head a:hover { text-decoration: underline;}
.bbs-latest ul.list li .head h4 i { font-style: normal; color: #41af90;}
.bbs-latest ul.list li .head strong { color: #41af90; font-size: 14px;}
.bbs-latest ul.list li .head h4 a { float: none;}
.bbs-latest ul.list li .meta { padding-top: 10px;}
.bbs-latest ul.list li .meta .answer { display: inline-block; padding: 3px 7px; font-size: 12px; color: #fff; background: #3E8ACD; border-radius: 3px;}
.bbs-latest ul.list li .meta .answer:hover { background: #fd7b3f;}
.bbs-latest ul.list li .meta .date { font-size: 10px; float: right;}