@charset "utf-8";
/* ----------------------------------------------------------------------------------
	common
---------------------------------------------------------------------------------- */
body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.4rem;
	line-height: 1.6;
	font-style: normal;
font-weight: 400;
}
section {
	margin-bottom: 2rem;
}
/* Font
-------------------------------*/
@font-face {
	font-family: "LogoTypeGothic";
	src: url("../font/07LogoTypeGothic7.eot?") format('eot'),  url("../font/07LogoTypeGothic7.woff") format('woff');
}
.LogoType {
	font-family: "LogoTypeGothic", "Noto Sans Japanese", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/* InnerFrame
-------------------------------*/
.inner {
	padding: 0;
}
/* Link
-------------------------------*/
a:link {
	color: #509B72;
}
a:visited {
	color: #509B72;
}
a:hover {
	color: #EE86B4;
}
/* Index
-------------------------------*/
.h2_area {
	background-image: url(../images/h2_back_sp.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 1rem !important;
	text-align: center;
}
.h2class {

	text-align: center;
	font-size: 3.4rem;
	font-weight: normal;
	padding: 2.4rem 3rem;
}
.h3area {
	background-image: url(../images/h3_back.png);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
}
.h3area h3 {
	text-align: center;
	display: inline-block;
	background-color: #FFFFFF;
	padding: 1rem 0.8rem;
	font-weight: normal;
	color: #3B624E;
	letter-spacing: 0.2rem;
}
.h3area h3 span {
	display: block;
	font-size: 1rem;
	color: #9B9B9B;
}
#Lower .h3area h3 {
	font-size: 1.6rem;
}
/*
.h3class{
	background-image:url(../images/h3logo.png);
	background-repeat:no-repeat;
	background-position:left bottom;

	font-size:2.5rem;
	font-weight:normal;
	padding:.2rem 0 .2rem 5.5rem;
	border-bottom:0.1rem solid #4B4B4B;
	margin-bottom:0.5rem;
}
*/


.h4class {
	font-size: 1.8rem;
	font-weight: normal;
	padding: 1rem;
	margin-bottom: 1rem;
	background-color: #E9FDF2;
	color: #167F6A;
}
.h4class:before {
	font-family: FontAwesome;
	content: "\f0fe\00a0";
}
.h5class, .h5class2 {
	font-size: 1.6rem;
	font-weight: normal;
	padding: 0.5rem;
	border-bottom: 1px dashed #167F6A;
	margin-bottom: 1rem;
	color: #167F6A;
}
.h5class:before {
	font-family: FontAwesome;
	content: "\f08a\00a0";
	color: #EE86B4;
}
.h5class2:before {
	content: "";
}
.h6class {
	font-size: 1.6rem;
	font-weight: normal;
	padding: 0.5rem;
	border-bottom: 1px dashed #60351B;
	color: #60351B;
	margin-bottom: 1rem;
}
/* Header
-------------------------------*/

header {
	/* flex化 */
	display: flex;
	display: -webkit-flex;
	/* headerロゴを上下中央 */
	justify-content: center;
	-webkit-justify-content: center;
	padding: 1rem;
}
.head_info {
	/* flex化 */
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.head_right {
	text-align: center;
}
/* Navigation
-------------------------------*/
nav {
	display: block;
	background-color: transparent;

	font-weight: 500;
}
nav .inner {
	padding: 0;
}
nav li {
	font-size: 1.4rem;
	float: left;
	width: 50%;
	text-align: center;
}
nav li a {
	display: block;
	text-align: center;
	line-height: 1.6rem;
	padding: 1rem;
	border-top: 1px dashed #5d4635;
}
nav li a:link, nav li a:visited {
	color: #5d4635;
	border-bottom: 0;
}
nav li a:hover {
	color: #5d4635;
	border-bottom: 0;
}
nav li span {
	display: inline;
}
/* Main
-------------------------------*/
.mainarea {
	padding: 1rem;
}
/* SideNavi
-------------------------------*/
.sidenavi {
	width: 100%;
	background-color: #E3EAE6;
	padding: 1rem;
}
.sidenavi ul {
	/* flex化 */
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding: 0;
}
.sidenavi ul li {
	width: 100%;
	margin-bottom: 1rem;
}
.sidetitle {
	text-align: center;
	margin: 1.6rem 0;
	font-size: 2.2rem;
	letter-spacing: 0.3rem;
}
.sidetitle span {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.3rem;
}
.sidenavi ul li a {
	font-size: 1.8rem;
	color: #3b624e;
}
.sidenavi ul li a:hover {
	color: #0FB460;
}
.sidenavi ul li a:before {
	font-family: FontAwesome;
	content: "\f06c\00a0\00a0";
}

.sidebnr{
	padding:1rem 2rem;
	text-align: center;
}
/* Footer
-------------------------------*/
footer {
	background-color: #3B624E;
	color: #FFFFFF;
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 1rem 0;
}
.f_left {
	padding: 1rem;
}
.f_left p {
	font-size: 1.2rem;
}
.f_right {
	display: none;
}
/* ----------------------------------------------------------------------------------
	Modules
---------------------------------------------------------------------------------- */



/*	flex setting
-------------------------------*/
.flex_LRTB, .flex_RLTB {
	flex-direction: column;
	-webkit-flex-direction: column;
}
/* slider
-------------------------------*/
.flexslider {
	width: 100%;
}
.flex-caption {
	width: 100%;
	padding: 2%;
	left: 0;
	bottom: 0;
	background: #3B624E;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
/*	GoogleMaps
-------------------------------*/
.gmap {
	width: 100%;
	min-height: 40rem;
	margin-bottom: 1rem;
}
/* List
-------------------------------*/
.list_dot {
	padding-left: 1rem;
}
.list_dot li {
	list-style-type: disc;
	margin-left: 1em;
}
.list_none li {
	list-style-type: none;
}
.list_caution {
	margin-bottom: 2rem;
}
.list_caution li {
	text-indent: -1.75rem;
	margin-left: 1.75rem;
}
.list_caution li:before {
	content: "※ ";
}
/* Link Button
-------------------------------*/
.linkbox a:link {
	display: inline-block;
	padding: 0.3rem 2rem;
	background-color: #3B624E;
	color: #ffffff;
	border-radius: 0.5rem;
}
.linkbox a:visited {
	color: #ffffff;
}
.linkbox a:hover {
	color: #ffffff;
	background-color: #5F8B74;
}
.overview .linkbox {
	margin-top: -2rem;
	margin-bottom: 2rem;
}
/* GoToTop
-------------------------------*/
#pageTop {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: -10rem;
	right: 2rem;
	transition: .5s;
}
#pageTop a::before {
	content: "\f0d8\00a0";
	font-family: "FontAwesome";
}
#pageTop a {
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #204733;
	border-radius: 10rem;
	font-size: 1.4rem;
	line-height: 1.4rem;
	padding: 0.9rem 1.2rem 1.3rem 1.2rem;
}
#pageTop a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	display: block;
}
/* ColoredBox
-------------------------------*/
.colorbox {
	background-color: #FFF3DB;
	padding: 2rem;
	margin-bottom: 2rem;
}
.colorbox .title {
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1rem;
	color: #68472C;
}
.colorbox_mini {
	background-color: #FFF3DB;
	padding: 1.2rem;
	margin-bottom: 2rem;
}
.colorbox_mini .title {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 1rem;
	color: #68472C;
}

/* その他要素
-------------------------------*/
.m-rl2 {
	margin: 0 0.5rem;
	
} 

/* ----------------------------------------------------------------------------------
	トップ
---------------------------------------------------------------------------------- */


/* Index
-------------------------------*/
#TopPage .inner h1 {
	margin: 3rem 0;
}
/*	キービジュアル
-------------------------------*/
.keyv_area {
	background-image: url(../images/keyv_back_sp.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	padding: 2rem 0;
}
.keyv_area h2 img {
	margin-top: 4rem;
}
/*	キービジュアル
-------------------------------*/
.features_area {
	background-image: url(../images/feature_back.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	background-size: contain;
	padding: 0;
	margin-bottom: 2rem;
}
.features_area li {
	display: inline-block;
	width: 48%;
	margin: 2rem 0;
}
/*	お知らせ
-------------------------------*/
.notice {
	margin-bottom: 2rem;
	overflow: auto;
	height:30rem;
	padding: 1rem 0;
}
.notice .news_title {
	font-size: 1.7rem;
	font-weight: bold;
	color: #ee9d99;
	border-bottom: 1px dotted #e3eae6;
	margin-bottom: 0.3em;
	cursor: pointer;
}

.notice .news_title:before{
	display: inline-block;
	content:"▼";
	transition: 0.3s;
}
.notice .news_title.active:before{
	transform: scale(1, -1);
}

.notice .news_body {
/*	margin-left: 1rem;*/
	margin-bottom: 1rem;
	padding-left: 1rem;
}
/*.notice dl {
	padding-bottom: 1rem;
	border-bottom: 0.1rem dotted #999;
}
.notice dl:last-child {
	border: none;
}*/

.notice dl dd.link_text{
	width:96%;
	margin: 0 auto;
}

.notice dl dd.link_text a:before{
	content: ">";
	margin-right: 0.5rem;
}





/*	医院概要
-------------------------------*/
.overview {
	background-image: url(../images/oc_back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 2rem;
	font-size: 1.2rem;
}
.overview dl {
	margin: 0 auto 1rem;
	max-width: 30rem;
}
.ovinfo dt {
	float: left;
	width: 2rem;
	margin-bottom: 0.2rem;
}
.ovinfo dd {
	margin-left: 2rem;
	margin-bottom: 0.2rem;
}
.ovinfo dd::after {
	content: '';
	display: block;
	clear: both;
}
.ovinfo {
	margin: 2rem;
	padding: 2rem;
	background-color: rgba(255,255,255,0.7);
}
.ovinfo p.title {
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.8rem;
	margin: 0.5rem 0;
}
#Lower .ovinfo {
	margin: 0;
	padding: 1rem;
	background-color: transparent;
}
#Lower .ovinfo p.title {
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.8rem;
	margin: 0.5rem 0;
}

.ovinfos{
	margin: 2rem!important;
    padding: 2rem!important;
	background-color: rgba(255,255,255,0.7) !important;
}

.ovinfos p{
	font-size: 2.2rem !important;
    margin: 2rem 0 !important;
	text-align: center !important;
}

/* Link
-------------------------------*/
footer a:link {
	color: #ffffff;
}
footer a:visited {
	color: #ffffff;
}
footer a:hover {
	color: #E181AB;
}
/*	その他
-------------------------------*/
.bottomtel {
	padding: 1em 0;
	text-align: center;
}
.bottomtel:before {
	font-family: FontAwesome;
	content: "\f095\00a0";
}
/* Copyright
-------------------------------*/
small {
	margin: 0 auto !important;
	display: block;
}
.copyright {
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
	background-color: #1F3128;
	color: #FFFFFF;
	padding: 0.3rem 0;
}
/* ----------------------------------------------------------------------------------
	下層
---------------------------------------------------------------------------------- */



/*	院長紹介
-------------------------------*/
.bio dt {
	float: left;
	width: 10rem;
	clear: both;
}
.bio dd {
	margin-left: 10rem;
}
.bio_y dt {
	float: left;
	width: 12rem;
	clear: both;
}
.bio_y dd {
	margin-left: 12rem;
}
/*	診療案内
-------------------------------*/


/*	クリニック紹介
-------------------------------*/


/*	キービジュアル
-------------------------------*/


/*	アクセス
-------------------------------*/
.yarn {
	background-image: url(../images/yarn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 2rem;
	font-size: 1.2rem;
}
/*	下層フッター
-------------------------------*/
.faq_q {
	font-size: 2rem;
	color: #D97BA4;
	border-bottom: 1px dashed #D97BA4;
	margin-bottom: 0.5rem;
}
.faq_a {
	font-size: 1.8rem;
	color: #1C7447;
}
.faq p {
	padding-left: 1rem;
	margin-bottom: 3rem;
}
.box {
	display: inline-block;
}
.faq .box {
	padding-left: 2rem;
}
.faq .box p {
	text-align: right;
}

/* ------ModalWindow ----------------------------------------------*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
  max-width: 600px;
  padding: 55px 10px 10px 10px;
  background-color: #fff;
  z-index: 2;
  text-align: center;
  max-height: 75vh;
  overflow-y: scroll;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  display: block;
  background: #E3EAE6;
  border-radius: 8rem;
  right: 10px;
  top: 10px;
  width: 80px;
  height: auto;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

.pop_p{
	background:#E3EAE6;
	padding: 10px;
	text-align: left;
}

.pop_s{
	font-size: 0.8em;
	margin-top: 10px;
}


.tel {
pointer-events: auto;
}



/* -----------------------------------------------------------------------------------------------------------------------------------
	PC
----------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 46.875em) {
/* Common
-------------------------------*/
body {
	font-size: 1.6rem;
}
/* InnerFrame
-------------------------------*/
.inner {
	margin: 0 auto;
	padding: 0;
	max-width: 117rem;
}
/* Header
-------------------------------*/
header {
	/* flex化解除 */
	display: block;
}
.head_info {
	/* 両端に配置 */
	justify-content: space-between;
	-webkit-justify-content: space-between;
	/* 上下配置中央 */
	align-items: center;
	-webkit-align-items: center;
	flex-direction: row;
	-webkit-flex-direction: row;
}
.head_right {
	/* flex化 */
	display: flex !important;
	display: -webkit-flex !important;
	/* 上下配置中央 */
	align-items: center;
	-webkit-align-items: center;
}
/* GlovalNavi
-------------------------------*/
nav {
	border-bottom: 2px solid #5d4635;
	margin-bottom: 1rem;
}
nav li {
	font-size: 1.8rem;
	float: left;
	width: 14.285%;
}
nav li:last-child {
	font-size: 1.7rem;
}
nav li a {
	padding: 1.6rem 1rem;
	border-top: 0;
}
nav .inner {
	padding: 0;
}
nav li a:link, nav li a:visited {
	border-bottom: 5px solid #ffffff;
	color: #5d4635;
}
nav li a:hover {
	box-sizing: border-box;
	border-bottom: 5px solid #5d4635;
	color: #8A491A;
}
/* h2
-------------------------------*/
.h2_area {
	background-image: url(../images/h2_back.png);
}
.h3area h3 {
	padding: 1rem 1.8rem;
}
#Lower .h3area h3 {
	font-size: 2.4rem;
}
/* Main
-------------------------------*/
.mainarea {
	padding: 2rem;
	width: 87rem;
}
/* SideNavi
-------------------------------*/
.sidenavi {
	width: 30rem;
	padding: 0;
}
.sidenavi ul {
	padding: 2rem;
}
.sidenavi ul li {
	width: 100%;
	margin-bottom: 1.6rem;
}
.sidenavi ul li a {
	font-size: 1.8rem;
	color: #3b624e;
}
.sidenavi ul li a:hover {
	color: #0FB460;
}
.sidenavi ul li a:before {
	font-family: FontAwesome;
	content: "\f06c\00a0\00a0";
}
/* Footer
-------------------------------*/
.f_right {
	display: block;
}
.f_right ul {
	margin: 0 2em 0 1em;
	display: block;
}
.f_right ul li {
	font-size: 1.4rem;
	display: inline-block;
}
.f_right ul li:last-child::after {
	font-family: FontAwesome;
	content: " |";
}
.f_right ul li::before {
	font-family: FontAwesome;
	content: "| ";
}
/* Lower
-------------------------------*/
.bio_y dt {
	width: 14rem;
}
.bio_y dd {
	margin-left: 14rem;
}
/* ----------------------------------------------------------------------------------
	Modules
---------------------------------------------------------------------------------- */
/* PCで左→右に配置／SPで上→下に配置 */
.flex_LRTB {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
}
/* PCで右→左に配置／SPで上→下に配置 */
.flex_RLTB {
	display: flex;
	display: -webkit-flex;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
	
.flexslider{
	width: 80%;
}
	
/* トップページ
-------------------------------*/
.keyv_area {
	background-image: url(../images/keyv_back_pc.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	margin-bottom: 2rem;
}
.keyv_area h2 img {
	margin-top: 9rem;
}
.overview {
	font-size: 1.6rem;
}
.ovinfo p.title {
	font-size: 2.2rem;
	margin: 2rem 0;
}
.ovinfo dt {
	width: 3rem;
	margin-bottom: 0.5rem;
}
.ovinfo dd {
	margin-left: 3rem;
	margin-bottom: 0.5rem;
}
.f_left p {
	font-size: 1.4rem;
}
#Lower .ovinfo dt {
	width: 3rem;
	margin-bottom: 0.5rem;
}
#Lower .ovinfo dd {
	margin-left: 3rem;
	margin-bottom: 0.5rem;
}
#Lower .ovinfo p.title {
	text-align: left;
}
/*	お知らせ
-------------------------------*/
.notice {
	padding: 2rem 2.6rem;
}
/* 院長紹介
-------------------------------*/



/* 診療案内
-------------------------------*/



/* クリニック紹介
-------------------------------*/



/* アクセス
-------------------------------*/

.faq p {
	padding-left: 5rem;
}
	
	
/* ------ModalWindow ----------------------------------------------*/	
.popup-inner {
    padding: 50px;
}
	.tel {
cursor: default;
pointer-events: none;
}	
	
	
	
}

/* -----------------------------------------------------------------------------------------------------------------------------------
	Tablet 73.063=1169px  60em=960px
----------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 46.875em) and (max-width: 73.063em) {
nav li, nav li:last-child {
	font-size: 1.7rem;
}
nav li span {
	display: block;
	margin-top: 0.6rem;
}
}