@charset "utf-8";

/*
Theme Name: CLINIC theme
Theme URI: http://www.
Description: clinic theme
Author: ANJULIE
Version:1.0

*/

:root {
  --jumbotron-padding-y: 3rem;
}

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  min-height: 800px;
  background-color: #fff;
  margin-top: 57px;
}
@media (max-width: 768px) {
  body {
  }
}
@media screen and (max-width : 480px){
	html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
	}
}
a {
    color: #2778b6;
}
.entry p {
	font-size: 1.1rem;
	line-height: 1.8;
}
nav img {
	margin-right: 0.3rem;
}
main h1 {
	font-size: 1.2rem;
	color: #b9416a;
	border-bottom: 1px solid;
	border-left: #e296af 10px solid;
	padding-left: 10px;
}
//main h1 {
	position : fixed ;
	top : 10px;
	right : 10px;
	z-index : 10;
	font-size: 1rem;
	color: #fff;
}
h2.title {
  background-color: #fff0f0;
  padding: 5px 10px;
  font-size: 1.1rem;
  border-left: 7px solid #c16478;
  border-bottom: 1px solid #c16478;
}
h2.s-title {
background: -webkit-gradient(linear, left top, left bottom, from(#e296af), to(#b9416a));
	background: -moz-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: -ms-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: -o-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: linear-gradient(to bottom, #e296af 0%, #b9416a 100%);
  border-bottom:#bbb 1px solid;
  margin-top: 10px;
  padding: 5px 10px;
  font-size: 1.1rem;
  color: #FFF;
}

h2.title a,
h2.title,
h2.s-title a,
h2.s-title {
color: #fff;
}

.album {
	  background-image: url("http://www.tokyo-breast-clinic.jp/lib/img/bg-image.jpg");
}

@media (min-width: 768px) {
  .hg-200 {
    height: 200px;
  }
  .hg-130 {
    height: 130px;
  }
  .mh-500 {
  	min-height: 500px;
  }
}
blockquote {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border-left: solid 10px #ff9d9d;
    background: #fff0f0;
    border-radius: 10px;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -55px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* footer
--------------------------------------------------------------------------- */

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}
footer h5 {
	font-size: 100%;
}
footer .text-muted {
  font-size:0.85rem;
  margin-left: 0.7rem;
}
footer li:hover {
  background-color: #f5e3ea;
}
footer h5 a {
  color: #222;
}
.copy p {
	font-size: 70%;
	text-align: center;
	margin: 1.1rem auto;
}

/* copywrite
--------------------------------------------------------------------------- */

.copy-fluid {
  width: 100%;
  padding: 5px 15px;
  margin-right: auto;
  margin-left: auto;
}
.copy-fluid p {
    margin: 5px auto;
	text-align: center;
	font-size: 0.8rem;
}
.policy {
  background-color:#f9d6d6;
}
.copy {
  border-top: 1px solid #e9c6d4;
	  background-image: url("http://www.tokyo-breast-clinic.jp/lib/img/bg-image.jpg");
}
footer {
	border-top: 1px solid #ede6ea;
}

footer ul.sub-nav li {
  float: left;
  margin: 1em 0.5em 1em 0;
  font-size: 0.8em;
  line-height: 1.3em;
  list-style-type: none;
}
footer ul.sub-nav li:after {
  margin-left: 1em;
  content: "|";
  color: #333;
}
footer ul.sub-nav li:last-child:after {
  content: "";
}

footer ul.sub-nav li a {
  padding: 0 3px 0 18px;
  color: #333
}


/* top-box
--------------------------------------------------------------------------- */

.top-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1.25rem 1.25rem 1.25rem;
    height: 230px;
}
.btn-fus {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}
.banner-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1.25rem 1.25rem 1.25rem;
  height: 120px;
}
.banner-body p {
 padding-top: .75em;
 padding-bottom: 0em;
}
@media (max-width:991px) {
.banner-body {
  height: 100%;
}
}
h1.fuchsia{
 font-size: 1.1em;
 padding: 0.5em 1em;
 color: #fff;
}

h2.fuchsia{
 font-size: 1.1em;
 padding: 0.5em 1em;
 color: #fff;
}
h2.fuchsia a{
 color: #fff;
}

.btn-group-sm > .btn, .btn-fus {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.fuchsia {
  background: -webkit-gradient(linear, left top, left bottom, from(#e296af), to(#b9416a));
	background: -moz-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: -ms-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: -o-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: linear-gradient(to bottom, #e296af 0%, #b9416a 100%);
  border-bottom:#bbb 1px solid;
	color: #e16caf;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.toplist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.uplist {
  position: relative;
  display: block;
  padding: 0.2rem 1.0rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.uplist.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
li.cat-item {
  position: relative;
  display: block;
  padding: 0.2rem 1.0rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
li.cat-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.p-guide {
	margin: 10px 0;
	text-align: right;
}
.rolly {
  overflow-y: auto;
  scrollbar-base-color: #f7d9d7;
}

.flo-left {
	float: left;
}
.flo-right {
	float: right;
}
.flo-left p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: #555;
}
.flo-left img {
	width: 120px;
	margin-right:10px;
	float:left;
}
.breadcrumb {
  background-color: #fff;
  border-radius: 0.25rem;
}

/* doctors
--------------------------------------------------------------------------- */
.doctors h1 {
	font-size: 1.6rem;
	border-left: 10px solid #007bff;
	border-bottom: 1px solid #333;
	padding-left: 10px;
}
.doctors h2 {
  font-size: 1.5rem;
  padding: 5px;
	border-left: 7px solid #c16478;
	border-bottom: 1px solid #c16478;
}
.doctors h3 {
	padding-left: 10px;
	font-size:  1.5rem;
	border-left: 5px solid;
	border-bottom: 1px solid;
}
.doctors .wrap,
.doctors-p .wrap  {
	margin-bottom: 20px;
}

.doctors-p h1 {
	font-size: 1.5rem;
	border-left: 10px solid #007bff;
	border-bottom: 1px solid #333;
	padding-left: 10px;
}
.doctors-p h2 {
  font-size: 1.4rem;
  padding: 5px;
	border-bottom: 1px solid #c16478;
}

.position {
	float: right;
	font-size: 1.2rem;
}

/* sitemap
--------------------------------------------------------------------------- */

.sitemap{
	padding: 20px;
}
.sitemap a{
  color:#333;
}

.sitemap h1 {
	font-size: 1.2rem;
	border-left: 10px solid #007bff;
	border-bottom: 1px solid #333;
	padding-left: 10px;
	margin-bottom: 30px;
}
.sitemap h2 {
  font-size: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#e296af), to(#b9416a));
	background: -moz-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: -ms-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: -o-linear-gradient(top, #e296af 0%, #b9416a 100%);
	background: linear-gradient(to bottom, #e296af 0%, #b9416a 100%);
	margin-left: 10px;
    border-radius: 8px;
	padding: 2px 10px;
}
.sitemap h2,
.sitemap h2 a  {
   color: #fff;
}
.sitemap h3 {
  font-size: 1rem;
	border-left: 7px solid #c16478;
   border-bottom: 1px solid #ccc;
	padding-left: 10px;
	margin-left: 20px;
}

.sitemap ul li{
   list-style-type:none;
   border-bottom: 1px solid #ccc;
}


/* entry
--------------------------------------------------------------------------- */
.entry h1 {
  font-size: 1.5rem;
	border-left: 10px solid #007bff;
	border-bottom: 1px solid #333;
  padding-left: 10px;
	margin-bottom: 30px;
}
.entry h3 {
	font-size: 1.4rem;
	padding-left: 10px;
	border-left: 7px solid #c16478;
	border-bottom: 1px solid #c16478;
  margin-top: 20px;
  margin-bottom: 30px;
 }
.entry h2 {
 font-size: 1.5rem;
 padding: 20px 10px;
 border-bottom: 1px solid;
 margin: 20px auto 30px auto;
 text-align: center;
 }
.entry h4 {
 font-size: 1.3rem;
 border-bottom: 1px solid #333;
 padding: 10px 10px 5px 10px;
 margin-top: 10px;
 margin-bottom: 30px;
background-color:#ffdee5;
}
.entry h5 {
font-size: 1.3rem;
	border-bottom: 1px solid #333;
 padding: 10px 10px 5px 10px;
margin-top: 10px;
margin-bottom: 30px;
background-color:#e9e0ff ;
}
.entry h6 {
font-size: 1.3rem;
	border-bottom: 1px solid #333;
 padding: 10px 10px 5px 10px;
margin-top: 10px;
margin-bottom: 30px;
background-color:#ffefdb;
}
.entry p img {
  width: auto;
  height: auto;
  max-width:100%;
	max-height: 100%;
}

/* card
--------------------------------------------------------------------------- */

.col-flb {
   position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left:15px;
}
@media (min-width: 768px) {
.col-flb {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
   max-width:33.333333%;
 }
 }
.col-flb {
    display: flex;
}

main .card img {
   width: 100%;
   height: 100%;
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
}
.card-title {
  font-size: 1.5rem;
	border-left: 10px solid #007bff;
	border-bottom: 1px solid #333;
	padding-left: 10px;
}
.card {
    padding-bottom: 1.25rem;
}

.catch {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.catch > hr {
  margin-right: 0;
  margin-left: 0;
}

.entry h2.linkt {
 font-size: 1.2rem;
 padding: 20px 10px;
 border-left: 2px solid #007bff;
 margin: 20px auto 30px auto;
 }
.text-muted {
	font-size: 1.0rem;
	color: #333;
}

.atend a {
    width: 100%;
    margin-bottom: 10px;
}
.surgery {
   background-color: #E4447D;
   color: #fff;
   margin-right: 0.5rem;
   font-weight: normal;
}
.oncology {
   background-color: #472F7C;
   color: #fff;
   margin-right: 0.5rem;
   font-weight: normal;
}

.list-group-item.lef {
border-left: solid 10px #eababa;
}
.list-group-item.cat {
  z-index: 2;
background: -webkit-gradient(linear, left top, left bottom, from(#e3eff5), to(#fff));
background: -moz-linear-gradient(top, #f5e3ea, #f5e3ea);
background: -o-linear-gradient(top, #f5e3ea, #f5e3ea);
background: -ms-linear-gradient(top, #f5e3ea, #f5e3ea);
background: linear-gradient(top, #f5e3ea, #f5e3ea);
- background: linear-gradient(top, #f5e3ea, #f5e3ea);
-pie-background: linear-gradient(top, #f5e3ea, #f5e3ea);
}
.list-group-item.cat:before {
  content: ">>";
}

.list-group-item.cat:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5e3ea));
background: -moz-linear-gradient(top, #fff, #f5e3ea);
background: -o-linear-gradient(top, #fff, #f5e3ea);
background: -ms-linear-gradient(top, #fff, #f5e3ea);
background: linear-gradient(top, #fff, #f5e3ea);
- background: linear-gradient(top, #fff, #f5e3ea);
-pie-background: linear-gradient(top, #fff, #f5e3ea);
}
.list-group-item.page {
  z-index: 2;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#086dd8), to(#0561c3));
  background: -moz-linear-gradient(top, #086dd8, #0561c3);
  background: -o-linear-gradient(top, #086dd8, #0561c3);
  background: -ms-linear-gradient(top, #086dd8, #0561c3);
  background: linear-gradient(top, #086dd8, #0561c3);
  - background: linear-gradient(top, #086dd8, #0561c3);
  -pie-background: linear-gradient(top, #086dd8, #0561c3);
}
.list-group-item.page:before {
  content: "";
}

.list-group-item.page:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#086dd8), to(#2376ce));
  background: -moz-linear-gradient(top, #086dd8, #2376ce);
  background: -o-linear-gradient(top, #086dd8, #2376ce);
  background: -ms-linear-gradient(top, #086dd8, #2376ce);
  background: linear-gradient(top, #086dd8, #2376ce);
  - background: linear-gradient(top, #086dd8, #2376ce);
  -pie-background: linear-gradient(top, #086dd8, #2376ce);
}

.list-group-item.portal {
  color: #fff;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(#165484), to(#122b40));
  background: -moz-linear-gradient(top, #165484, #122b40);
  background: -o-linear-gradient(top, #165484, #122b40);
  background: -ms-linear-gradient(top, #165484, #122b40);
  background: linear-gradient(top, #165484, #122b40);
  - background: linear-gradient(top, #165484, #122b40);
  -pie-background: linear-gradient(top, #165484, #122b40);
}
.list-group-item.portal:before {
  content: "";
}

.list-group-item.portal:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#122b40), to(#204d74));
  background: -moz-linear-gradient(top, #30629a, #104f85);
  background: -o-linear-gradient(top, #122b40, #204d74);
  background: -ms-linear-gradient(top, #122b40, #204d74);
  background: linear-gradient(top, #122b40, #204d74);
  - background: linear-gradient(top, #122b40, #204d74);
  -pie-background: linear-gradient(top, #122b40, #204d74);
}

.wp-pagenavi { 
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 25px;
	clear: both;
}
.wp-pagenavi a,
span.pages,
span.current {
	margin-right: 4px;
	padding: 1px 10px;
	border: 1px solid #2d5414;
	background: #fff;
	text-decoration: none;
	text-align:center;
	color: #cf62ac;
}
.wp-pagenavi a:hover,
span.current{
	color: #FFF;
	background: #8b3870;
}

.wrapbg {
   background-color: #f9d6d6;
}

/* table
--------------------------------------------------------------------------- */

.trow {
	width: 20%;
}
.sche table tr {
 background-color: #e8f2f7;
}

.sche table tr, td {
	text-align: center;
border: 1px #ccc solid;
 min-height: 20%;
}
.sche table td {
 vertical-align: middle;
 height: 80px;
}
.sche table td p {
 font-size: .9rem;
}

/* page-top
--------------------------------------------------------------------------- */

#page_top{
   width: 50px;
   height: 50px;
   position: fixed;
   right: 0;
   bottom: 0;
   background: #c67e91;
   opacity: 0.6;
}
#page_top a{
   position: relative;
   display: block;
   width: 50px;
   height: 50px;
   text-decoration: none;
}
#page_top a::before{
   content: 'TOP';
   font-size: 14px;
   color: #fff;
   position: absolute;
   width: 25px;
   height: 25px;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   margin: auto;
   text-align: center;
}

/* page top
--------------------------------------------------------------------------- */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 2px;
  border-radius: 20px;
  width: 35px;
  height: 35px;
  background-color: #ebd1d7;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* contact
--------------------------------------------------------------------------- */

.mdl {
	margin: 0 auto 20px;
}
.mdl img {
  width: 80%;
  height: 80%;
  display:  block;
	margin: 20px auto 0 auto;
	text-align:center;
}

@media screen and (max-width: 768px) {
.mdl img {
width: 150px;
height: 150px;
}
}



.mdl p {
	font-size: 1rem;
}
.mdl .post {
	font-size: 0.8rem;
	text-align: center;	
	line-height: 0.6em;
}
.mdl .surg {
	font-size: 1.2rem;
	text-align: center;	
}

span.wpcf7-form-control-wrap input,
span.wpcf7-form-control-wrap textarea {
	width: 98%;
}

/* google_map
--------------------------------------------------------------------------- */

.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* coloring / new
--------------------------------------------------------------------------- */

span.label {
  margin-right: 5px;
  font-weight: normal;
  font-size: 85%;
}

span.label-new {
  background-color: none;
  color: #E01212;
  font-weight: bold;
}

.spc {
  margin-left: 3px;
}

/* iframe
--------------------------------------------------------------------------- */
.tube img {
  max-width: 100%;
  height: auto;
}

.tube {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 10px;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner iframe, .tube img {
  margin-bottom: 5px;
  border: #ccc 1px solid;
}

/* Scroll-behavior
--------------------------------------------------------------------------- */
.scroll-container {
  scroll-behavior: smooth;
}

/* slide-base-image
------------------------------------------------------------ */
#img-box{
  position: relative;
  max-width: 1140px;
  width: 100%;
  margin : 0 auto;
}
  
#img-box-mini {
  width: 100%;
  position : absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  z-index: 999;
}
.img-box-mini {
  max-width: 1140px;
  width: 100%;
}