@charset "utf-8";
/* CSS Document */

a,a:visited {
	color: #0059B2;
	text-decoration:none;
}

a:hover,
a:focus,
a:active {
text-decoration:underline;
}

body{
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#333333;
line-height:1.4em;
font-size:14px;
border-top:#FAA9D4 solid 10px;
}

img.alignright,img.alignleft{
width:190px;
height:auto;
}

img.alignright.w_auto,img.alignleft.w_auto{
width:auto;
}

@media screen and (max-width: 480px) {
img.alignright,img.alignleft{
max-width:100%;
width:100%;
margin-bottom:1em;
}
}

figure{
width:190px;
}

figure img{
padding-bottom:1em;
/*width:100%;*/
height:auto;
max-width:100%;
margin: 0 auto;
display: block;
}

figure.figure_border{
padding:1em 1em 0;
border:1px dashed #ccc;
margin-bottom:1em;
}

figure.figure_right{
float:right;
margin:0 0 0 2em;
}

figure.figure_left{
float:left;
margin:0 2em 0 0;
}

figure.w120{
width:120px;
}

figure.w132{
width:132px;
}

figure.w214{
width:214px;
}

figcaption{
font-size:80%;
margin-bottom:1em;
}

@media screen and (max-width: 480px) {
figure,figure.w214{
float:none !important;
margin: 0 auto 1em !important;
width:100%;
}

figcaption{
text-align:center;
}

}

/*--------------------------------------------------------------
Parts
--------------------------------------------------------------*/

.btn_01{
background-color:#BCDB90;
display:block;
-moz-transition: background-color 0.2s linear 0;
-webkit-transition: background-color 0.2s linear 0;
transition: background-color 
0.2s linear 0;
}

.btn_01:hover{
background-color:#D1E7B3;
}

.box{
background:#FFF6FB;
padding:18px 24px;
margin:32px 0;
}

.box02,#main blockquote{
border-left:#FFF6FB 6px solid;
padding:0.5em 0 0.5em 24px;
margin:32px 0;
}

.box03{
padding:24px;
border:#ccc 1px dashed;
margin-bottom:24px;
}

#main .box p:last-child{
margin-bottom:0;
}

.arrow_01{
background:url(../img/arrow_01.png) left center no-repeat;
padding-left:20px;
}

/*--------------------------------------------------------------
Headline
--------------------------------------------------------------*/

h1{
font-size:85.7%;
font-weight:normal;
margin-top:8px;
}

#main h2.headline{
font-size:20px;
padding-bottom:12px;
border-bottom:1px solid #ccc;
margin-bottom:1em;
font-weight:normal;
line-height:1.2em;
}

#main h2.pink{
color:#F893C9;
}

#main h3.h3_01{
background-image:url(../img/bg_pink.png);
padding:12px;
margin-bottom:24px;
}

/*--------------------------------------------------------------
List
--------------------------------------------------------------*/

.list_01 li{
padding-bottom:12px;
margin-bottom:12px;
border-bottom:1px solid #ccc;
font-size:85.7%;
}

.list_02 li{
padding-bottom:14px;
margin-bottom:14px;
border-bottom:1px solid #ccc;
}

.list_02 li .eyecatch{
padding:4px;
border:1px solid #ccc;
margin-right:12px;
width:60px;
height:60px;
}

.list_02 li .title{
float:right;
width:338px;
}

@media screen and (max-width: 480px) {
.list_02 li .title{
width:auto;
float:none;
margin-left:70px;
}
}

#main .list_02 li h3{
font-size:100%;
margin-bottom:0;
}

.list_03{
background-color:#FFF4FA;
margin-bottom:16px;
}

.list_03 li{
padding:16px 12px;
border-bottom:1px solid #FFE1EF;
text-align:center;
}

.list_04{
background-color:#FFF4FA;
margin-bottom:16px;
}

.list_04 li{
padding:16px 12px;
border-bottom:1px solid #FFE1EF;
font-size:85.7%;
}

#main article ol.list_05{
/*background:#FFF6FB;*/
margin:2em 0 2em;
/*padding-top:0.5em;
border:dashed 1px #ccc;*/
}

#main article ol.list_05 li{
padding:6px 0 18px;
/*margin:0 12px 0.5em;*/
margin:0 0 0.5em;
text-align:center;
background:url(../img/arrow_02.png) center bottom no-repeat;
list-style:none;
}

#main article ol.list_05 li.last{
background:none;
}

#main article ol.list_05 li span{
background-color:#FFF6FB;
display:block;
padding:6px 1em;
}

#main article ul.list_06{
margin-left:0;
}

#main article ul.list_06 li{
	margin-bottom:1em;
	list-style:none;
	border-left: #FFE2ED 6px solid;
	padding-left:1em;
}

.list_06 li strong{
border-bottom:1px dashed #ccc;
}


/*--------------------------------------------------------------
Pagenaiton
--------------------------------------------------------------*/

/*---archive page---*/

.pagination {
position:relative;
line-height:16px;
margin:1.5em 0;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 10px;
text-decoration:none;
width:auto;
color:#496721;
background:#AFD47B;
}
 
.pagination a:hover{
color:#fff;
}
 
.pagination .current{
background: #eee;
}

/*---single page---*/

#single_pagenavi{
width:100%;
text-align:center;
margin-bottom:2.5em;
}

#single_pagenavi li{
display:inline-block;
text-align:center;
}

#single_pagenavi li.pagenavi_back{
margin:0 1em;
}


#single_pagenavi li a{
display:block;
/*width:200px;*/
color:#496721;
background:#AFD47B;
padding:6px 24px;
-moz-transition: background-color 0.2s linear 0;
-webkit-transition: background-color 0.2s linear 0;
transition: background-color 0.2s linear 0;
}

@media screen and (min-width: 481px) {
.pagenavi_previous a:after,.pagenavi_previous span:after{
content: " BACK"
}

.pagenavi_next a:before,.pagenavi_next span:before{
content: "NEXT "
}

}

#single_pagenavi li span{
display:block;
color:#999;
background:#eee;
padding:6px 24px;
}

#single_pagenavi li a:hover{
background-color:#D1E7B3;
text-decoration:none;
}

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

header.clearfix, .content, #cd-nav nav{
width:960px;
margin:0 auto;
}

header.clearfix{
margin:32px auto 28px;
}

@media screen and (max-width: 480px) {
header.clearfix{
margin:32px auto 0;
}
}

#hero_image{
background:url(../img/bg_hero.jpg) center top repeat;
height:215px;
text-align:center;
margin-top:24px;
}

.content{
margin-top:32px;
}

.side{
width:227px;
}

#main{
line-height:1.5em;
}

#content_3column #main{
float:right;
width:429px;
}

#content_2column #main{
float:left;
width:681px;
}

#content_3column #content_inner{
float:left;
width:695px;
}

#side_left{
float:left;
}

#side_right{
float:right;
}

footer{
width:100%;
padding-top:99px;
background:url(../img/footer_ny.png) center top no-repeat;
}

footer p{
background-color:#FAA9D4;
padding:24px 0;
text-align:center;
font-size:85.7%;
color:#FFF;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
header.clearfix #logo{
width:720px;
}

/*--------------------------------------------------------------
Nav
--------------------------------------------------------------*/
#cd-nav nav li{
float:left;
background-color:#BCDB90;
-moz-transition: background-color 0.2s linear 0;
-webkit-transition: background-color 0.2s linear 0;
transition: background-color 0.2s linear 0;
display:inline-block;
}

#cd-nav nav li a{
display:block;
width:160px;
height:57px;
background-position:left top;
background-repeat:no-repeat;
text-indent:-9999px;
text-decoration:none;
}

.gNav_01{
background-image:url(../img/gNav_01.png)
}
.gNav_02{
background-image:url(../img/gNav_02.png)
}
.gNav_03{
background-image:url(../img/gNav_03.png)
}
.gNav_04{
background-image:url(../img/gNav_04.png)
}
.gNav_05{
background-image:url(../img/gNav_05.png)
}
.gNav_06{
background-image:url(../img/gNav_06.png)
}

#cd-nav nav li:hover{
background-color:#D1E7B3;
}


.cd-nav-trigger {
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
		display:none;
  }
.is-fixed .cd-nav-trigger {
    visibility: visible;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cd-bounce-in 0.3s linear;
    -moz-animation: cd-bounce-in 0.3s linear;
    animation: cd-bounce-in 0.3s linear;
}


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

.side h3{
background:url(../img/bg_pink.png);
text-align:center;
font-size:107%;
height:40px;
line-height:40px;
}

.side a,.side a:visited{
color:#F246A3;
}

#side_column{
font-size:85.7%;
margin-bottom:16px;
}

#side_column h3{
margin-bottom:16px;
}

#side_column p{
margin-bottom:0.5em;
}

#side_medical{
font-size:85.7%;
margin-bottom:16px;
}

#side_medical h3{
margin-bottom:16px;
}

#side_medical section{
margin:1em 0;
padding:16px 10px;
background:#FFFDFE;
font-size:14px;
}

#side_medical section p{
display:block;
width:124px;
}

#side_latest_news h3,#side_link h3{
margin-bottom:12px;
}

/*--------------------------------------------------------------
Doctor
--------------------------------------------------------------*/

figure img.doctor_pic{
border:1px solid #ccc;
max-width:130px;
padding:0;
}

/*--------------------------------------------------------------
Contact
--------------------------------------------------------------*/

#main label{
width:160px;
display:block;
float:left;
padding-top:8px;
text-align:left;
}

#main input,textarea{
width:440px;
border:solid #ccc 1px;
border-radius:4px;
font-size:16px;
padding:8px;
margin-bottom:12px;
}

#main textarea{
margin:0;
height:8em;
}

#main input[type="submit"]{
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
background-color: #D1E7B3;
color: #496721;
font-weight:normal;
border:none;
border-radius:0px;
display:block;
padding:12px 0;
margin:18px auto 0;
cursor:pointer;
}

@media only screen and (max-width: 480px) {
#main label{
width:100%;
float:none;
text-align:center;
margin-bottom:1em;
}

#main input,textarea{
width:100%;
}
}


/*--------------------------------------------------------------
Smartphone
Layout
--------------------------------------------------------------*/

@media screen and (max-width: 480px) {
body{
font-size:14px;
line-height:1.5em;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

img{
max-width:100%;
height:auto;
}

/*--------------------------------------------------------------
Parts
--------------------------------------------------------------*/

.btn_01{
text-align:center;}

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
header.clearfix{
width:100%;
float:none;
}

.content,#cd-nav nav{
width:100%;
}

#hero_image{
height:auto;
width:90%;
margin:24px auto 0;
}

.content{
width:90%;
margin:32px auto 0;}

.side{
width:100%;
margin-bottom:24px;
}

#content_3column #main{
float:none;
width:100%;
}

#content_2column #main{
float:none;
width:100%;
}

#content_3column #content_inner{
float:none;
width:100%;
}

#side_left{
float:none;
}

#side_right{
float:none;
}

footer p{
padding:24px 74px;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

header.clearfix #logo{
float:none;
width:90%;
margin:0 auto 12px;
text-align:center;
}

header.clearfix .btn_01{
float:none;
margin:0 auto;
width:90%;
text-align:center;
}

/*--------------------------------------------------------------
Nav
--------------------------------------------------------------*/

#cd-nav nav{
width:90%;
margin:0 auto;
}

#cd-nav nav li{
float:none;
width:100%;
border-bottom:1px solid #93BD66;
}

#cd-nav nav li a, #cd-nav nav li a:visited{
text-indent:0;
text-align:center;
background-image:none !important;
line-height:40px;
width:100%;
height:40px;
text-align:center;
color:#fff;
}

/*--------------------------------------------------------------
Nav
--------------------------------------------------------------*/


#cd-nav ul {
  /* mobile first */
  position: fixed;
  width: 90%;
  max-width: 400px;
  right: 20px;
  bottom: 20px;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(64, 64, 64, 0.4);
  visibility: hidden;
  /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
  overflow: hidden;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
}
#cd-nav ul li {
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#cd-nav ul.is-visible {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
  transition: transform 0.3s, visibility 0s 0s;
}
#cd-nav ul.is-visible li:nth-child(1) {
  /* list items animation */
  -webkit-animation: cd-slide-in 0.2s;
  -moz-animation: cd-slide-in 0.2s;
  animation: cd-slide-in 0.2s;
}
#cd-nav ul.is-visible li:nth-child(2) {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}
#cd-nav ul.is-visible li:nth-child(3) {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}
#cd-nav ul.is-visible li:nth-child(4) {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}
#cd-nav ul.is-visible li:nth-child(5) {
  -webkit-animation: cd-slide-in 0.6s;
  -moz-animation: cd-slide-in 0.6s;
  animation: cd-slide-in 0.6s;
}

#cd-nav li:last-child a {
  border-bottom: none;
}

/*--------------------------------------------------------------
Nav-trigger
--------------------------------------------------------------*/

.cd-nav-trigger {
  position: fixed;
  bottom: 20px;
  right: 5%;
  width: 44px;
  height: 44px;
  background: #BCDB90;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(232, 232, 232, 0.4);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
	display:block;
}
.cd-nav-trigger span {
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  content: '';
  position: absolute;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, background 0s;
  -moz-transition: -moz-transform 0.3s, background 0s;
  transition: transform 0.3s, background 0s;
}
.cd-nav-trigger span::before {
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-nav-trigger span::after {
  bottom: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
  box-shadow: none;
}
.cd-nav-trigger.menu-is-open span {
  background: rgba(232, 74, 100, 0);
}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
  background: #fff;
}
.cd-nav-trigger.menu-is-open span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-nav-trigger.menu-is-open span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

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

#side_medical section p{
width:73%;
}

#side_medical section img{
width:25%;
height:auto;
}

}

@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translateX(100px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes cd-slide-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
  }

  60% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    -moz-transform: scale(0);
  }

  60% {
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}