@charset "utf-8";

/**
 *
 *  コンテンツ共通
 *
 */


/*--------------------------------------------------------------------------
   general style
---------------------------------------------------------------------------*/


/* float
-----------------------------------------------------------------*/

.fl {
  float: left;
}

.fr {
  float: right;
}

.em {
  font-weight: bold;
}


/*--------------------------------------------------------------------------
   template
---------------------------------------------------------------------------*/


/* frame
-----------------------------------------------------------------*/


/* title
-----------------------------------------------------------------*/


/* list
-----------------------------------------------------------------*/


/* form
-----------------------------------------------------------------*/

input:focus, textarea:focus, select:focus {
  outline: none;
}


/* table */

table.form-tbl {}


/* input */

input.input-base {}


/* textarea */

textarea.textarea-base {}


/*--------------------------------------------------------------------------
   common parts
---------------------------------------------------------------------------*/


/* Side
-----------------------------------------------------------------*/

#Side .snav-ranking {
  position: relative;
  padding-bottom: 10px;
}

#Side .bnr-list {
  padding-top: 20px;
}

#Side .bnr-list li {
  padding-top: 6px;
}

#Side .bnr-list .bnr-cause {
  padding-bottom: 10px;
}


/*--------------------------------------------------------------------------
   clinic-rank
---------------------------------------------------------------------------*/


/* overflow
-----------------------------------------------------------------*/

.clinic-rank #Content {
  width: 756px;
}

.clinic-rank #Side .snav-ranking {
  padding-bottom: 0;
}


/* content
-----------------------------------------------------------------*/

.clinic-rank .content-inline {
  margin-bottom: 7px;
  padding-bottom: 17px;
  background: #FFE6E7 url(../images/shared/images/clinicrank_lead_bg.png) no-repeat 0 0;
}

.clinic-rank .note {
  margin-bottom: 20px;
  font-size: 93%;
}


/* location
-----------------------------------------------------------------*/

.clinic-rank-location {
  margin-top: 9px;
}

.clinic-rank-location ul {
  overflow: hidden;
  position: relative;
  left: -2px;
  width: 760px;
}

.clinic-rank-location ul li {
  overflow: hidden;
  float: left;
  height: 140px;
}

.clinic-rank-location ul li a {
  display: block;
  overflow: hidden;
  height: 140px;
  text-indent: 100%;
  white-space: nowrap;
}

.clinic-rank-location ul li a.lnavi01 {
  width: 153px;
  background: url(../images/shared/images/clinicrank_navi01.png) no-repeat 0 100%;
}

.clinic-rank-location ul li a.lnavi02 {
  width: 151px;
  background: url(../images/shared/images/clinicrank_navi02.png) no-repeat 0 100%;
}

.clinic-rank-location ul li a.lnavi03 {
  width: 151px;
  background: url(../images/shared/images/clinicrank_navi03.png) no-repeat 0 100%;
}

.clinic-rank-location ul li a.lnavi04 {
  width: 152px;
  background: url(../images/shared/images/clinicrank_navi04.png) no-repeat 0 100%;
}

.clinic-rank-location ul li a.lnavi05 {
  width: 153px;
  background: url(../images/shared/images/clinicrank_navi05.png) no-repeat 0 100%;
}

.clinic-rank-location ul li a.off01 {
  background-position: 0 -140px;
}

.clinic-rank-location ul li a.off02 {
  background-position: 0 -280px;
}

.clinic-rank-location ul li a:hover, .clinic-rank-location ul li a.active {
  background-position: 0 0;
}


/* lead
-----------------------------------------------------------------*/

.clinic-rank .lead {
  position: relative;
  width: 756px;
  padding: 33px 0 23px;
  text-align: center;
}

.clinic-rank .lead h2 {
  margin-bottom: 29px;
}

.clinic-rank .lead .txt {
  width: 595px;
  margin: 0 auto;
  line-height: 1.6;
}


/* section
-----------------------------------------------------------------*/

.clinic-rank .section {
  position: relative;
  width: 722px;
  margin: 40px auto 0;
  padding-top: 6px;
  background: url(../images/shared/images/clinicrank_section_bg_top.png) no-repeat 0 0;
  z-index: 10;
}

.clinic-rank .section-first {
  margin-top: 0;
}

.clinic-rank .section .section-outline {
  background: url(../images/shared/images/clinicrank_section_bg_repeat.png) repeat-y 0 0;
}

.clinic-rank .section .section-inline {
  padding-bottom: 6px;
  background: url(../images/shared/images/clinicrank_section_bg_bottom.png) no-repeat 0 100%;
}

.clinic-rank .section .section-inner {
  padding: 23px 32px 0;
}

.clinic-rank .section .ico-rank {
  position: absolute;
  top: -7px;
  left: 13px;
  z-index: 100;
}


/* under-four
-----------------------------------------------------------------*/

.clinic-rank .under-four {
  padding-top: 8px;
  background: url(../images/shared/images/clinicrank_section_bg02_top.png) no-repeat 0 0;
}

.clinic-rank .under-four .section-outline {
  background: url(../images/shared/images/clinicrank_section_bg02_repeat.png) repeat-y 0 0;
}

.clinic-rank .under-four .section-inline {
  padding-bottom: 8px;
  background: url(../images/shared/images/clinicrank_section_bg02_bottom.png) no-repeat 0 100%;
}

.clinic-rank .under-four .ico-rank {
  position: absolute;
  top: -7px;
  left: 23px;
  z-index: 100;
}


/* clinic
-----------------------------------------------------------------*/

.clinic-rank .section .clinic {
  position: relative;
  left: -6px;
  width: 667px;
  z-index: 20;
}

.clinic-rank .section .clinic .img {
  float: left;
  margin: 0 26px 0 0;
  padding: 1px;
  border: 1px solid #DFDFDF;
}

.clinic-rank .section .clinic .img img {
  border: 1px solid #FFF;
}

.clinic-rank .section .clinic .txt-box {
  overflow: hidden;
  padding-top: 6px;
}

.clinic-rank .section .clinic .txt-box .txt {
  margin-bottom: 5px;
}

.clinic-rank .section .clinic .txt-box .txt a {
  color: #333;
}

.clinic-rank .section .clinic .txt-box h3 {
  margin-bottom: 2px;
  color: #E75F63;
  font-size: 200%;
  font-weight: bold;
}

.clinic-rank .section .clinic .txt-box .link {
  margin-top: 20px;
  text-align: right;
}


/* plan
-----------------------------------------------------------------*/

.clinic-rank .plan {
  position: relative;
  width: 657px;
  margin-top: 46px;
}

.clinic-rank .plan h4 {
  position: absolute;
  top: -22px;
  left: 193px;
}


/* think
-----------------------------------------------------------------*/

.clinic-rank .think {
  margin-top: 30px;
  padding-left: 90px;
  background: url(../images/shared/images/clinicrank_think_img.png) no-repeat 0 100%;
}

.clinic-rank .think .comment {
  position: relative;
  width: 568px;
  background: url(../images/shared/images/clinicrank_think_bg_repeat.png) repeat-y 0 0;
}

.clinic-rank .think .comment:before {
  content: "";
  position: absolute;
  bottom: 50px;
  left: -20px;
  width: 21px;
  height: 11px;
  background: url(../images/shared/images/clinicrank_think_bg_arw.png) no-repeat 0 0;
}

.clinic-rank .think .comment-outline {
  background: url(../images/shared/images/clinicrank_think_bg_top.png) no-repeat 0 0;
}

.clinic-rank .think .comment-inline {
  padding: 19px 18px;
  min-height: 61px;
  background: url(../images/shared/images/clinicrank_think_bg_bottom.png) no-repeat 0 100%;
}

.clinic-rank .think .comment h4 {
  margin-bottom: 5px;
  text-align: center;
  font-size: 134%;
  font-weight: bold;
  color: #EB6366;
}


/* info
-----------------------------------------------------------------*/

.clinic-rank .info {
  position: relative;
  margin-top: 50px;
  background: url(../images/shared/images/clinicrank_info_bg_repeat.png) repeat-y 0 0;
}

.clinic-rank .info .info-outline {
  background: url(../images/shared/images/clinicrank_info_bg_border.png) no-repeat 0 0;
}

.clinic-rank .info .info-inline {
  padding: 23px 26px 16px;
  background: url(../images/shared/images/clinicrank_info_bg_border.png) no-repeat 0 100%;
}

.clinic-rank .info h4 {
  position: absolute;
  top: -24px;
  left: -10px;
}

.clinic-rank .info ul li {
  margin-bottom: 2px;
}

.clinic-rank .info ul li.em {
  margin-top: 10px;
}

.clinic-rank .info ul li.em-ttl {
  font-size: 134%;
}


/* moreinfo
-----------------------------------------------------------------*/

.clinic-rank .moreinfo {
  height: 75px;
  margin: 30px 6px 0;
  padding-top: 16px;
  background: url(../images/shared/images/clinicrank_infomore_bg_repeat.png) repeat-x 0 0;
  text-align: center;
}

.clinic-rank .under-four .moreinfo {
  margin: 30px 7px 0;
}


/* general-rank
-----------------------------------------------------------------*/

.clinic-rank .general-rank {
  position: relative;
}

.clinic-rank .general-rank .btn {
  position: absolute;
  bottom: 38px;
  left: 77px;
}


/* ex-column */

.ex-column {
  position: relative;
  margin-bottom: 30px;
  padding-top: 28px;
  background: url(../images/bg_column2_head.png) no-repeat;
}

.ex-column-outline {
  padding-bottom: 29px;
  background: url(../images/bg_column2_bottom.png) no-repeat left bottom;
}

.ex-column-inline {
  overflow: hidden;
  padding: 0 20px 0 20px;
  background: url(../images/bg_column2_repeat.png) repeat-y;
}

.btn2 a {
  color: #fff;
  display: block;
  padding: 7px 5px 5px 30px;
  text-decoration: none;
  /* width: 265px; */
  font-size: 12px;
  letter-spacing: -1.0px;
}

.blue a {
  background: url("../images/shared/images/btn_blue.png") no-repeat scroll 0 0;
}

.red a {
  background: url("../images/shared/images/btn_red.png") no-repeat scroll 0 0;
}

.purple a {
  background: url("../images/shared/images/btn_purple.png") no-repeat scroll 0 0;
}

.pink a {
  background: url("../images/shared/images/btn_pink.png") no-repeat scroll 0 0;
}

.green a {
  background: url("../images/shared/images/btn_green.png") no-repeat scroll 0 0;
}

.orange a {
  background: url("../images/shared/images/btn_orange.png") no-repeat scroll 0 0;
}

.aqua a {
  background: url("../images/shared/images/btn_aqua.png") no-repeat scroll 0 0;
}


/*=================================================

 * ボタン

 * ================================================= */

.btn a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url("../images/sp-btn-bg.png") #8AABEE no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #cad8f6;
  -moz-box-shadow: 0px 5px 0px #cad8f6;
  -ms-box-shadow: 0px 5px 0px #cad8f6;
  box-shadow: 0px 5px 0px #cad8f6;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btn2 a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #ed718f no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #f8bdcb;
  -moz-box-shadow: 0px 5px 0px #f8bdcb;
  -ms-box-shadow: 0px 5px 0px #f8bdcb;
  box-shadow: 0px 5px 0px #f8bdcb;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btn3 a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #58bf81 no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #b6ebcb;
  -moz-box-shadow: 0px 5px 0px #b6ebcb;
  -ms-box-shadow: 0px 5px 0px #b6ebcb;
  box-shadow: 0px 5px 0px #b6ebcb;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btn4 a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #ec8d6a no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #f6d1c3;
  -moz-box-shadow: 0px 5px 0px #f6d1c3;
  -ms-box-shadow: 0px 5px 0px #f6d1c3;
  box-shadow: 0px 5px 0px #f6d1c3;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btn4-t a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #26B7BC no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #d8eff1;
  -moz-box-shadow: 0px 5px 0px #d8eff1;
  -ms-box-shadow: 0px 5px 0px #d8eff1;
  box-shadow: 0px 5px 0px #d8eff1;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}


.btn5 a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #775FAF no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #b1a2d3;
  -moz-box-shadow: 0px 5px 0px #b1a2d3;
  -ms-box-shadow: 0px 5px 0px #b1a2d3;
  box-shadow: 0px 5px 0px #b1a2d3;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btn6 a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #5DBCCD no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #aedee6;
  -moz-box-shadow: 0px 5px 0px #aedee6;
  -ms-box-shadow: 0px 5px 0px #aedee6;
  box-shadow: 0px 5px 0px #aedee6;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btn7 a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #EF8E36 no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #f0be90;
  -moz-box-shadow: 0px 5px 0px #f0be90;
  -ms-box-shadow: 0px 5px 0px #f0be90;
  box-shadow: 0px 5px 0px #f0be90;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btn8 a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #ef0803 no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #f89290;
  -moz-box-shadow: 0px 5px 0px #f89290;
  -ms-box-shadow: 0px 5px 0px #f89290;
  box-shadow: 0px 5px 0px #f89290;
  color: #fff;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btngray a {
  display: block;
  margin: 0.5em 1em 1em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #9F9FAC no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #cdcdcd;
  -moz-box-shadow: 0px 5px 0px #cdcdcd;
  -ms-box-shadow: 0px 5px 0px #cdcdcd;
  box-shadow: 0px 5px 0px #cdcdcd;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
}

.btnhd a {
  display: block;
  margin: 0.5em auto 0.5em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #6b569e no-repeat right center;
  -moz-background-size: 30px 75px;
  background-size: 30px 75px;
  -webkit-box-shadow: 0px 5px 0px #b4aacc;
  -moz-box-shadow: 0px 5px 0px #b4aacc;
  -ms-box-shadow: 0px 5px 0px #b4aacc;
  box-shadow: 0px 5px 0px #b4aacc;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 5px;
  width: 200px;
}

.btntel a {
  display: block;
  margin: 0.5em 1em 1.5em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #f76741 no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #f8b29f;
  -moz-box-shadow: 0px 5px 0px #f8b29f;
  -ms-box-shadow: 0px 5px 0px #f8b29f;
  box-shadow: 0px 5px 0px #f8b29f;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 30px;
}

.btntel2 a {
  display: block;
  margin: 0.5em 1em 1.5em;
  padding: 10px 40px 10px 3px;
  background: url(../images/sp-btn-bg.png) #9F9FAC no-repeat right center;
  -moz-background-size: 40px 100px;
  background-size: 40px 100px;
  -webkit-box-shadow: 0px 5px 0px #cdcdcd;
  -moz-box-shadow: 0px 5px 0px #cdcdcd;
  -ms-box-shadow: 0px 5px 0px #cdcdcd;
  box-shadow: 0px 5px 0px #cdcdcd;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  /*text-shadow: #004080 1px 1px 0px;*/
  font-weight: bold;
  /*border: 2px solid #ffffff;*/
  border-radius: 30px;
}
.btn a:hover,.btn2 a:hover,.btn3 a:hover,.btn4 a:hover,.btn5 a:hover,.btn6 a:hover,.btn7 a:hover,.btn8 a:hover {
  opacity: 0.6;
}



/* relation
-----------------------------------------------------------------*/

.relation {
  background: url("../images/investigate/common/investigate_bg_repeat.png") repeat scroll 0 0;
  margin: 30px 0 0;
  padding: 15px 20px;
}

.relation .title {
  color: #51301a;
  font-size: 16px;
  padding: 10px 0;
  font-weight: bold;
}

.relation ul {
  background-color: #fff;
  border: 1px solid #e0d8d3;
  /* float: left; */
  padding: 15px 0 0;
  display: flex;
  flex-wrap: wrap;
}

.relation ul li {
  border-bottom: 1px solid #e0d8d3;
  /* float: left; */
  margin: 0 0 16px 20px;
  width: 30%;
}

.relation ul li a {
  background: url("../images/common/ico_arrow.png") no-repeat scroll 5px 5px;
  color: #51301a;
  display: block;
  font-weight: bold;
  padding: 0 0 15px 20px;
  text-decoration: none;
}

.relation ul li a:hover {
  color: #846b5a;
}

@media screen and (max-width: 500px) {
  .relation ul li {
    width: 90%;
    margin: 0 auto 16px auto;
  }
  .relation .title {
    text-align: center;
  }
  .relation ul {
    flex-direction: column;
  }
}