/*@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
*/

@media screen and (max-width: 1020px) {.viewPC { display: none; }}
@media screen and (min-width: 1021px) {.viewTB { display: none; }}


/* body
------------------------------------------------- */
body,
input,
textarea {
	background: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP', Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 2;
	letter-spacing: 0.5px;
}

/* pagetitle style
------------------------------------------------- */
#page_main {
	width: 100%;
	height: 220px;
	text-align:center;
	z-index: 1;
	margin-bottom: 10px;
}
#page_main img {
	width: 100%;
	height: 220px;
	object-fit: cover; 
}

.page_title_top {
	text-align:center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 28px;
	font-weight: normal;
	color: #462C00;
	line-height: 1.5;
	margin-bottom: 30px;
}

.page_title{
	text-align:center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 28px;
	font-weight: normal;
	color: #462C00;
	line-height: 1.5;
	margin-bottom: 50px;
}

/* breadcrumb style
------------------------------------------------- */
.breadcrumb{
	font-size:11px;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 40px;
}
.breadcrumb a{
	position:relative;
	padding-right:30px;
	text-decoration: none;
}
.breadcrumb a:after{
	position:absolute;
	content:">";
	padding-left:11px;
	top: -2px;
}

/* main style
------------------------------------------------- */
/* layout style */
.bg_common {
	background: url(../img/common/bg_common.jpg) no-repeat left top fixed #EFE9E1;
	min-width: 1200px;
	min-height: 900px;
}
#wrap {
	margin: 0 0 0 260px;
	overflow: hidden;
}
#contents {
	width: 100%;
	position: relative;
}
#h_area {
	width: 100%;
	min-width: 970px;
	background-color: rgba(226,219,211,0.8);
	height: 45px;
	box-sizing: border-box;
	overflow: hidden;
}
.h_clinic {
	font-size: 15px;
	padding: 8px 0 0 10px;
}
.h_clinic a {
	text-decoration: none;
}
.link_reservation {
	float: right;
	font-size: 15px;
	padding: 8px 10px 0 0px;
	position: relative;
	margin-right: 20px;
}
.link_reservation a {
	display: block;
	color: #462C00;
	text-decoration: none;
	letter-spacing: 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP', Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.link_reservation a::before,
.link_reservation a::after{
	position: absolute;
	top: 8px;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.link_reservation a::before {
	right: 0px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #433A33;
	border-right: 2px solid #433A33;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* contents layout */
.contents_box{
	width: 900px;
	margin: 0 auto 50px auto;
	box-sizing: border-box;
	padding: 30px 50px;
	background-color: rgba(245,245,245,0.8);
}
.contents_box:after{
	content:"";
	clear:both;
	display:block;
}
.contents_box p {
	font-size: 14px;
	line-height: 2.4;
	margin-bottom: 20px;
}
.contents_box.news p {
	font-size: 14px;
	line-height: 2.4;
	margin-bottom: 0px;
}
.important_txt {
	font-size: 24px;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	color: #462C00;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 0;
}

.list_01 li {
	position: relative;
	margin-left: 20px;
}
.list_01 li:after {
    display: block;
    content: '';
    position: absolute;
    top: .90em;
    left: -1em;
    width: 8px;
    height: 1px;
    background-color: #666;
}

.w80 {
	width: 80%;
	margin: 0 auto 30px auto;
}

.list_02 li {
	position: relative;
	margin-left: 20px;
}
.list_02 li:after {
    display: block;
    position: absolute;
    top: .7em;
    left: -1.6em;
    font-size: 12px;
    line-height: 1;
    content: '\002713';
    color: #462C00;
}

.list_03 li {
	position: relative;
	margin-left: 30px;
	font-weight: bold;
	font-size: 16px;
}
.list_03 li:after {
    display: block;
    position: absolute;
    top: .5em;
    left: -1.6em;
    font-size: 16px;
    line-height: 1;
    content: '\002713';
    color: #462C00;
}


/* table style */
.tbl_01 {
	width: 80%;
	margin: 0 auto 40px auto;
	border: 1px solid #B79F8E;
}
.tbl_01 th {
	padding: 5px 10px;
	background: #E4DFDC;
	border: 1px solid #B79F8E;
	text-align: center;
}
.tbl_01 td {
	padding: 5px 10px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #B79F8E;
}

.tbl_02 {
	width: 100%;
	margin-bottom: 40px;
	border: 1px solid #B79F8E;
}
.tbl_02 th {
	padding: 5px 10px;
	background: #E4DFDC;
	border: 1px solid #B79F8E;
	text-align: left;
}
.tbl_02 td {
	padding: 5px 10px;
	font-weight: normal;
	text-align: left;
	border: 1px solid #B79F8E;
}

.tbl_03 {
	border: none;
}
.tbl_03 th, .tbl_03 td{
	border: none;
	padding: 0;
	background: none;
	vertical-align: top;
	padding: 0 10px;
}

.tbl_04 {
	width: 80%;
	margin: 0 auto 40px auto;
	border: 1px solid #B79F8E;
}
.tbl_04 th {
	padding: 5px 10px;
	background: #E4DFDC;
	border: none;
	border-right: 1px dotted #B79F8E;
	text-align: center;
	width: 33%;
	box-sizing: border-box;
}
.tbl_04 td {
	padding: 5px 10px;
	font-weight: normal;
	text-align: center;
	border: none;
	border-right: 1px dotted #B79F8E;
}

.pagelink {
	margin: 0 auto 40px auto;
	width: 660px;
}
.pagelink li {
	display: inline-block;
	width: 200px;
	box-sizing: border-box;
	margin-right: 20px;
}
.pagelink li:last-child {
	margin-right: 0px;
}
.button {
	display: inline-block;
	width: 200px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #462C00;
	border: 2px solid #462C00;
	color: #FFF;
	line-height: 50px;
	box-sizing: border-box;
	font-weight: bold;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #462C00;
}
.button:hover {
	background-color: #EFEDEA;
	border-color: #462C00;
	color: #462C00;
	filter: alpha( opacity = 100 );
	opacity: 1;
}
.button::before {
	top: 0;
}
.button::after {
	bottom: 0;
}
.button:hover::before,
.button:hover::after {
	height: 0;
	background-color: #462C00;
}

/*CSS Sabrosus style pagination*/
div.pagination {
	padding:3px;
	margin: 0px auto 30px auto;
	text-align: center;
	color: #211912;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #211912;
	text-decoration: none; 
	color: #211912;
}
div.pagination a:hover,
div.pagination a:active {
	border: 1px solid #211912;
	color: #211912;
	background-color: #FFF;
}
div.pagination span.pager_link_current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #211912;
	font-weight: bold;
	background-color: #211912;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #211912;
	color: #211912;
}

/* PDF繝ｪ繝ｳ繧ｯ */

.pdf {
	text-align: left;
	margin: 20px 0 0px 0px;
}

.pdf a {
	padding: 5px 0px 3px 30px;
	text-align: right;
	background: url(../img/common/icon_pdf.png) 0px center no-repeat;
}

/* title style
------------------------------------------------- */
.h2_message {
	font-size: 32px;
	font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	color: #462C00;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}
.h2_message span {
	position: relative;
	padding: 0 100px 10px 100px;
}
.h2_message span::before,.h2_message span::after {
	content: '';
	position: absolute;
	top: -13px;
	display: inline-block;
	width: 28px;
	height: 50px;
}



/* link, button style
------------------------------------------------- */
a{
	transition:.5s;
	color:#333;
}
a:hover {
	text-decoration: none;
	transition:.5s;
}
label, input[type='checkbox'],input[type='submit'],input[type='button'] {
    cursor: pointer;
}
/* text link */
.link a{
	color:#FF7F26;
	text-decoration:underline;
}
.link a:hover{
	text-decoration:none;
}

/* button link */
.btn_link {
	margin: 30px 0px 30px 0px;
}
.btn_link a {
	display: block;
	background: #433A33;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
	text-decoration: none;
}
.btn_link a.newwindow {
	background: #433A33 url(../img/common/icon_window_wh.png) no-repeat 30px center;
}

.btn_link_inq {
	display: block;
	background: #433A33;
	color: #FFF;
	text-align: center;
	padding: 10px 10px;
	text-decoration: none;
	line-height: 1.5;
	border-radius: 3px;
}


/* size */

.w250 {
	width: 250px;
}
.w350 {
	width: 350px;
}
.w380 {
	width: 380px;
}
.w100 {
	width: 100%;
}



/* header style
------------------------------------------------- */
#gnavi {
	width: 260px;
	height: 100%;
	background-color: rgba(255,255,255,0.7);
	position: fixed;
	left: 0;
	z-index: 80;
}
#logo {
	padding: 5px 0 15px 0;
	text-align: center;
}
#logo img {
	display: block;
	margin: 0 auto;
}
#gmenu {
	margin: 0 20px 20px 20px;
}
#gmenu .no_link {
	background: #433A33;
	line-height: 30px;
	margin-bottom: 5px;
	color: #FFF;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP', Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
}
#gmenu .no_submenu {
	background: #EDE6DE;
	padding: 5px 0px 0px 0;
	margin-bottom: 20px;
}
#gmenu .no_submenu a {
	display: block;
	color: #433933;
	font-size: 13px;
	text-align: right;
	margin-bottom: 5px;
	text-decoration: none;
	position: relative;
	padding: 0 20px 0 0;
}
#gmenu .no_submenu a::before,
#gmenu .no_submenu a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#gmenu .no_submenu a::before {
	right: 8px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #433A33;
	border-right: 2px solid #433A33;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#gmenu .no_submenu a:hover {
	background: #462C00;
	color: #FFF;
	filter: alpha( opacity = 100 );
	opacity: 1;
}
#gmenu .no_submenu a:hover::before {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
#gmenu .no_submenu a.on {
	background: #462C00;
	color: #FFF;
}
#gmenu .no_submenu a.on::before {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
#gmenu .has_submenu {
	position: relative;
	background: #433A33;
	line-height: 30px;
	margin-bottom: 15px;
	color: #FFF;
	text-align: right;
	font-size: 15px;
	text-decoration: none;
	position: relative;
	padding: 0 25px 0 0;
	cursor: pointer;
}
#gmenu .has_submenu a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

#gmenu .has_submenu::before,
#gmenu .has_submenu::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#gmenu .has_submenu::before {
	right: 8px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #C7BFB2;
	border-right: 2px solid #C7BFB2;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#gmenu .submenu {
	overflow: hidden;
	height: 0;
	width: 200px;
	transition: .3s;
	background: #EDE6DE;
	position: absolute;
	top: 0px;
	left: 100%;
}
#gmenu .submenu li a {
	display: block;
	color: #433933;
	font-size: 13px;
	text-align: right;
	margin-bottom: 10px;
	text-decoration: none;
	position: relative;
	padding: 0 20px 0 0;
}
#gmenu .submenu a::before,
#gmenu .submenu a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#gmenu .submenu a::before {
	right: 8px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #433A33;
	border-right: 2px solid #433A33;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#gmenu .submenu a:hover {
	background: #462C00;
	color: #FFF;
	filter: alpha( opacity = 100 );
	opacity: 1;
}
#gmenu .submenu a:hover::before {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
#gmenu .submenu a.on {
	background: #462C00;
	color: #FFF;
}
#gmenu .submenu a.on::before {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}



#gmenu .has_submenu:hover .submenu {
	overflow: visible;
	width: 160px;
	padding: 10px 0;
	box-sizing: border-box;
}
#gmenu .has_submenu:hover .submenu.menu_1 {
	height: 130px;
}
#gmenu .has_submenu:hover .submenu.menu_2 {
	height: 250px;
}
#gmenu .has_submenu:hover .submenu.menu_3 {
	height: 130px;
}

#gmenu .no_submenu_02 {
	position: relative;
}
#gmenu .no_submenu_02 a {
	display: block;
	background: #433A33;
	line-height: 30px;
	margin-bottom: 5px;
	color: #FFF;
	text-align: right;

	font-size: 15px;
	text-decoration: none;
	position: relative;
	padding: 0 25px 0 0;
	cursor: pointer;
}
#gmenu .no_submenu_02 a::before,
#gmenu .no_submenu_02 a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#gmenu .no_submenu_02 a::before {
	right: 8px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #C7BFB2;
	border-right: 2px solid #C7BFB2;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#s_menu {
	margin: 0 0px 20px 70px;
}
#s_menu li a {
	display: block;
	color: #462C00;
	font-size: 13px;
	text-decoration: none;
	position: relative;
	letter-spacing: 3px;
	margin-bottom: 0px;
	padding-left: 20px;
}
#s_menu li a::before,
#s_menu li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#s_menu li a::before {
	left: 0px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #433A33;
	border-right: 1px solid #433A33;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#s_menu li.newwindow a {
	background: url(../img/common/s_icon_window.png) no-repeat 100px center;
}
#s_menu li a.on {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}
#s_bnr {
	margin: 0 0 20px 50px;
	width: 160px;
}
#s_bnr img {
	margin-bottom: 5px;
}
#s_bnr p {
	text-align: center;
	line-height: 1.4;
	font-size: 11px;
}

/* pagetop style
------------------------------------------------- */
.to_pagetop a{
	display:block;
	position:absolute;
	right:100px;
	top:-30px;
	height:35px;
	line-height: 32px;
	padding-left: 45px;
	padding-right: 25px;
	background-color: rgba(255,0,0,0.5);
	background: url(../img/common/arrow_top.png) no-repeat 20px 7px #F5F5F5;
	text-decoration:none;
	font-size:13px;
	text-align:center;
	border-radius:5px;
}
.to_pagetop a:hover{
	height:65px;
	top:-40px;
	background-position:top 7px;
}

/* footer style
------------------------------------------------- */
#footer{
	width: 100%;
	height: 220px;
	min-width: 980px;
	background: url(../img/common/f_bg.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
}
#footer .inner {
	width: 980px;
	margin: 0 auto;
}
.f_logo_area {
	width: 300px;
	float: left;
}
.f_logo {
	padding: 20px 0 0 0px;
}
.f_menu_area {
	width: 680px;
	float: left;
	overflow: hidden;
	padding-top: 20px;
	margin-bottom: 10px;
}
.f_menu_area ul {
	float: left;
	margin-right: 20px;
}
.f_menu_area ul li {
	color: #FFF;
	font-size: 11px;
	line-height: 2;
}
.f_menu_area ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	margin-left: 10px;
}
.f_menu_area ul li a:before {
	content:"\00221f";
	margin-right: 5px;
}
#copyright {
	clear: both;
	text-align: right;

	font-size: 13px;
	letter-spacing: 2px;
	color: #FFF;
	margin-right: 20px;
}

#pageTop {
	width: 50px;
	height: 50px;
	background: #433A33 url(../img/common/pagetop.png) no-repeat;
	text-indent: -400px;
	overflow: hidden;
}
#pageTop:hover { opacity: 0.7; }

@media screen and (max-width:1200px){
	.bg_common{
		width:100%;
		min-width:auto;
		min-height:auto;
	}
}

@media screen and (max-width:980px){
	#footer{
		min-width:auto;
	}
}

@media screen and (max-width: 680px) {
	#h_area {
		height: 48px;
	}
	.h_clinic {
		font-size: 17px;
	}
	.link_reservation {
		font-size: 17px;
	}

}

/* 新規LP追加 */
.table-contents_block{
  width: 600px;
  margin:0 auto;
}

.table-contents_block span{
  display: block;
  padding:12px;
  text-align: center;
  background:#433A33;
  color:#fff;
}

.table-contents_block ol{
  padding:8px 24px;
  background:#EDE6DE ;
}

.table-contents_block ol li{
  margin-bottom: 12px;
	position: relative;
}


.table-contents_block ol li a{
  padding:8px;
  font-weight: 600;
}

.table-contents_block .ml{
  margin-left:16px;
}

.table-contents_block .ml li{
  margin-bottom: 6px;
}

.table-contents_block .ml li a{
  font-weight: normal;
}

.top_block{
  width:100%;
  padding:16px 0;
  background:#fff;
}

.top_block .dot-list .list{
	position:relative;
	padding-left:12px;
	font-weight: 600;
	font-size:16px;
}

.top_block .dot-list .list:before{
	content:'・';
	position:absolute;
	top:16px;
	left:0;
	transform: translateY(-50%);
}

.ez_price-table{
	margin:10px 0;
}

.ez_price-table th,.ez_price-table td{
	padding:6px 10px;
}

.top_price-block{
	background: #eaeaea;
	padding: 8px;
	display: inline-block;
	margin-bottom: 16px;
}

.btn_link-center{
	text-align: center;
}

.marker_blue{
	background: linear-gradient(transparent 80%, #A3E8DD 0%);
}

.flex-img{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.flex-img img{
	width:100%;
}

.top_message_02 .dot-list li{
	position:relative;
	padding-left:12px;
	font-weight: 600;
	font-size:16px;
}

.top_message_02 .dot-list li:before{
	content:'・';
	position:absolute;
	top:16px;
	left:-4px;
	transform: translateY(-50%);
}

.top_message_02 .page-link{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.top_message_02 .page-link li{
	width:33.3%;
	display: flex;
	align-items: center;
	justify-content: left;
	margin-bottom: 16px;
}

.top_message_01 .img65-wrap,.top_message_02 .img65-wrap{
	width:65%;
	text-align: center;
	margin:0 auto 15px;
}

.top_message_02 .inner .imglow-wrap{
	width:50%;
	text-align: center;
	margin:0 auto 15px;
}

.top_message_02 .inner .imglow-wrap img{
	width:auto;
}

.top_message_01 .img100-wrap,.top_message_02 .img90-wrap{
	width:90%;
	text-align: center;
	margin:0 auto 15px;
}

.schedule-time{
	width:620px;
	margin:0 auto;
}

.top_message_01 .img65-wrap img,.top_message_01 .img90-wrap img{
	width:100%;
}

.list-subttl{
	font-weight:600;
	display:block;
}

