@charset "utf-8";
/*
Theme Name: フォルテはにゅうモール歯科
Author: Kotaro Saito
Description: フォルテはにゅうモール歯科 のテーマ
version: 1.0.0
*/

/*common
-----------------------------------------------------------------------------------------*/
.clear{
	clear: both;
}

@media screen and (min-width:641px) {
body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	border-top: 6px solid rgb(218,106,120);
	font-size: 14px;
	color: #333333;
}

.w {
	width: 1240px;
	margin: 0 auto;
}

.w:after {
	content: "";
	display: block;
	clear: both;
}

.block {
	padding: 0 0 20px 0;
}

.block:after {
	content: "";
	display: block;
	clear: both;
}
}

@media screen and (max-width:640px) {
* {
	box-sizing: border-box;
}

html,
body{
	margin: 0; padding: 0;
	font-size: 3.4375vw;
	color: #000000;
	-webkit-text-size-adjust: 100%;
}

img {
	border:none;
	max-width:100% !important;
	height:auto !important;
}

.block {
	padding: 0 0 3.125vw 0;
}
}


/*header
-----------------------------------------------------------------------------------------*/
@media screen and (min-width:641px) {
header {
	min-width: 1240px; width: 100%;
	height: 200px;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/brown.png");
	margin: 0 auto;
}

header .text {
	height: 60px;
	text-align: right;
	line-height: 60px;
}

header .logo {
	float: left;
	width: 480px;
	height: 80px;
}

header .logo img {
	width: unset;
	max-width: 600px;
}

header .info {
	float: right;
	height: 80px;
}

header .info .tel {
	float: right;
	margin-right: 30px;
}

header .info .tel .phone {
	height: 36px;
	font-size: 36px;
	color: rgb(218,106,120);
	line-height: 36px;
	padding: 0 0 0 40px;
	margin: 0 0 5px 0;
}

img.header-tel{
	width: auto;
	height: 36px;
	margin: -5px 5px 0 0;
}

header .info .tel span {
	text-align: right;
	display: block;
	line-height: 1.3em;
}

header .info .web {
	float: right;
	width: 136px;
	height: 80px;
	background: url("https://yjdc.jp/wp-content/themes/fhdc/images/common/web.png") no-repeat;
	display: block;
	font-size: 16px;
	color: #ffffff;
}

header .info .web span:nth-of-type(1) {
	margin: 12px 0 0 50px;
	display: block;
}

header .info .web span:nth-of-type(2) {
	margin: 12px 0 0 0;
	display: block;
	text-align: center;
}

header .info .btn {
	float: right;
}

header .info .btn a.access-link {
	float: left;
	width: 73px;
	height: 80px;
	border: 3px solid rgb(218,106,120);
	border-radius: 7px;
	color: rgb(218,106,120);
	font-size: 16px;
	display: block;
	text-align: center;
	margin: 0 0 0 10px;
	padding: 10px 0;
	line-height: 1em;
	letter-spacing: -1px;
	box-sizing: border-box;
}

img.header-access{
	display: block;
	width: auto;
	height: 30px;
	margin: 0 auto 10px;
}

header .info .btn a:nth-of-type(2) {
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/common/faq.png") no-repeat;
	background-position: top 12px center;
}

#nav_menu,
#sp_faq,
#sp_access,
#sp_web_contact,
#sp_phone,
div.sp-box{
	display: none;
}

nav {
	min-width: 1240px;
	width: 100%;
	height: 80px;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/brown.png");
}

nav ul.ul {
	width: 1239px;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/nav/line.png") no-repeat;
	background-position: top 20px left;
	margin: 0 auto;
	padding: 10px 0 10px 1px;
	height: 60px;
	list-style: none;
}

nav ul.ul li.li {
	float: left;
	width: 185px;
	height: 60px;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/nav/line.png") no-repeat;
	background-position: top 10px right;
	text-align: center;
	padding: 0 11px 0 10px;
}

nav ul.ul li.li:nth-of-type(1),
nav ul.ul li.li:nth-of-type(3),
nav ul.ul li.li:nth-of-type(5) {
	width: 185px;
}

nav ul.ul li.li a.a {
	width: 100%;
	height: 50px;
	display: block;
	font-size: 18px;
	color: #666666;
	line-height: 1.6em;
	padding: 10px 0 0 0;
	letter-spacing: -0.5px;
}

nav ul.ul li.li a.a span {
	font-size: 10px;
	color: rgb(218,106,120);
	display: block;
	line-height: 1em;
}

nav ul.ul li.li a.a:hover,
nav ul.ul li.li a.a.active {
	background: rgba(218,106,120,0.1);
	border-radius: 3px;
}

.sub_nav {
	position: absolute;
	top: 270px;
	width: 560px;
	height: 180px;
	background: rgba(218,106,120,0.7);
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 5px;
	display: none;
	z-index: 9;
}

.sub_nav.price_sub{
	height: 120px;
}

.sub_nav li {
	width: 139px;
	height: 60px;
	float: left;
	background: none;
	padding: 0;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.sub_nav li:nth-of-type(4),
.sub_nav li:nth-of-type(8) {
	border-right: 0; width: 140px;
}

.sub_nav li:nth-of-type(9),
.sub_nav li:nth-of-type(10),
.sub_nav li:nth-of-type(11) {
	border-bottom: 0;
}

.sub_nav li a {
	width: 139px;
	height: 60px;
	text-align: center;
	color: #ffffff;
	display: block;
	line-height: 60px;
}

.sub_nav.price_sub li:nth-of-type(1) a,
.sub_nav.price_sub li:nth-of-type(2) a,
.sub_nav.price_sub li:nth-of-type(5) a,
.sub_nav.price_sub li:nth-of-type(8) a,
.sub_nav.price_sub li:nth-of-type(9) a,
.sub_nav.price_sub li:nth-of-type(7) a {
	line-height: 16px;
	padding: 14px 0 0 0;
}

.sub_nav li a:hover {
	background: none;
}
}

@media screen and (max-width:640px) {
header {
	border-top: 3px solid rgb(218,106,120);
	width: 100%;
	height: 15.375vw;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/brown.png");
	position: fixed;
	top: 0;
	z-index: 5;
	box-shadow: 0 0.3125vw 0.9375vw #aaaaaa;
}

header .text {
	display: none;
}

header .logo {
	float: left;
	width: 230px;
	padding: 10px 0 0 5px;
}

header .logo img {
	width: 100%;
}

header .info {
	display: none;
}

#sp_access {
	float: right;
}

#sp_access a {
	color: #666666;
	width: 16.5625vw;
	height: 55px;
	background: url("https://yjdc.jp/wp-content/themes/fhdc/images/sp/access.png") no-repeat;
	background-size: 6.6875vw;
	background-position: top 1vw right 4.375vw;
	display: block;
	border-left: 0.3125vw solid #dddddd;
	padding: 10vw 0 0 0;
	text-align: center;
	font-size: 8px;
}

/*
#sp_faq {
	float: right;
}

#sp_faq a {
	width: 16.5625vw;
	height: 15.625vw;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/sp/faq.png") no-repeat;
	background-size: 4.6875vw;
	background-position: top 2.5vw right 5.9375vw;
	display: block;
	border-left: 0.3125vw solid #dddddd;
	padding: 10vw 0 0 0;
	text-align: center;
	color: #666666;
}
*/

#nav_menu {
	float: right;
	width: 16.875vw;
	height: 55px;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/sp/nav.svg") no-repeat;
	background-size: 7.8125vw;
	background-position: top 2.5vw right 4.53125vw;
	display: block;
	border-left: 0.3125vw solid #dddddd;
	padding: 10vw 0 0 0;
	text-align: center;
	color: #666666;
	font-size: 8px;
}

#nav_menu.close {
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/sp/close.svg") no-repeat;
	background-size: 7.1875vw;
	background-position: top 3.0625vw right 4.6875vw;
}

nav {
	width: 100%;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/brown.png");
	position: fixed;
	top: 57px;
	z-index: 4;
	display: none;
}

nav ul {
	width: 100%;
	margin: 0; padding: 0; list-style: none;
	border-top: 0.3125vw solid #d9e0e5;
}

nav a {
	width: 100%;
	border-bottom: 0.3125vw solid #d9e0e5;
	display: block;
	color: #262626;
	padding: 4.6875vw 0 4.6875vw 6.25vw;
}

nav a br,
nav span,
.sub_nav {
	display: none;
}

div.sp-box{
	width: 50%;
	height: 60px;
	float: left;
}

div.sp-box a{
	display: block;
}

img.image-sp-banner{
	display: block;
	width: auto;
	height: 100%;
	object-fit: cover;
}
}


/*footer
-----------------------------------------------------------------------------------------*/
@media screen and (min-width:641px) {
footer {
	min-width: 1240px;
	width: 100%;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/brown.png");
	padding: 36px 0;
	border-bottom: 6px solid rgb(218,106,120);
}

footer #pagetop_area {
	width: 1240px;
	height: 8px;
	border-top: 1px solid #d1c0a5;
	margin: 8px auto 72px auto;
	text-align: center;
	position: relative;
}

footer #pagetop {
	width: 80px;
	height: 80px;
	background: #9d7f4f;
	border: 2px solid #ffffff;
	border-radius: 40px;
	color: #d1c0a5;
	text-align: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:9;
	cursor: pointer;
	font-size: 16px;
	line-height: 1em;
	display: none;
}

footer #pagetop:before {
	content: url("https://fhdc.jp/wp-content/themes/fhdc/images/tri_top.png");
	display: block;
	margin: 15px 0 5px 0;
}

footer #google_street_view {
	width: 960px;
	height: 360px;
	margin: 0 auto 20px auto;
}

footer ul {
	width: 1040px;
	margin: 0 auto 50px auto;
	padding: 0 100px;
	list-style: none;
}

footer ul:after {
	content: "";
	display: block;
	clear: both;
}

footer ul li {
	width: 220px;
	height: 80px;
	float: left;
	margin: 0 20px 20px 20px;
}

footer .info {
	width: 1240px;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/shadow_footerr.png") no-repeat;
	padding: 40px 0 0 0;
	text-align: center;
	margin: 0 auto;
	color: #666666;
}

img.footer-logo {
	width: 500px;
}

footer .info span {
	display: block;
	margin: 20px 0;
	line-height: 2em;
}

footer a {
	color: #666666;
}
}

@media screen and (max-width:640px) {
footer {
	width: 100%;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/brown.png");
	padding: 5.625vw 0;
	border-bottom: 1.25vw solid rgb(218,106,120);
}

footer #pagetop_area {
	width: 100%;
	height: 3.125vw;
	border-top: 0.3125vw solid #d1c0a5;
	text-align: center;
	position: relative;
}

footer #pagetop {
	width: 15.625vw;
	height: 15.625vw;
	background: #9d7f4f;
	border: 0.625vw solid #ffffff;
	border-radius: 7.8125vw;
	color: #d1c0a5;
	text-align: center;
	position: fixed;
	bottom: 3.125vw;
	right: 3.125vw;
	cursor: pointer;
	font-size: 80%;
	line-height: 1em;
	display: none;
}

footer #pagetop:before {
	content: "";
	width: 2.1875vw;
	height: 1.875vw;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/tri_top.png");
	background-size: 100%;
	display: block;
	margin: 3.125vw auto 1.5625vw auto;
}

footer #google_street_view {
	width: 93.75vw;
	height: 46.875vw;
	margin: 0 auto 3.125vw auto;
}

footer ul {
	width: 100%;
	padding: 0 0.78125vw;
	list-style: none;
}

footer ul:after {
	content: "";
	display: block;
	clear: both;
}

footer ul li {
	width: 31.25vw;
	float: left;
	margin: 0 0.78125vw 1.5625vw 0.78125vw;
}

footer .info {
	width: 100%;
	background: url("https://fhdc.jp/wp-content/themes/fhdc/images/back/shadow_footerr.png") no-repeat;
	background-size: 100%;
	padding: 9.375vw 0 0 0;
	text-align: center;
	margin: 0 auto;
	color: #666666;
}

img.footer-logo {
	width: 80%;
}

footer .info span {
	display: block;
	margin: 3.125vw 0;
	line-height: 2em;
}

footer a {
	color: #666666;
}
}


/*single
-----------------------------------------------------------------------------------------*/
@media screen and (min-width:641px) {
div.single-date{
	width: 100%;
	border-bottom: 1px solid rgb(238,238,238);
	padding-bottom: 20px;
	margin-bottom: 30px;
	text-align: right;
}
}

@media screen and (max-width:640px) {
div.single-date{
	width: 100%;
	border-bottom: 1px solid rgb(238,238,238);
	padding: 0 3.125vw 20px 0;
	margin-bottom: 20px;
	text-align: right;
}

div.newsblock{
	padding: 3.125vw;
}

.newsblock h1 {
	all: initial !important;
	font-size: 200% !important;
}
}


/*404
-----------------------------------------------------------------------------------------*/
@media screen and (min-width:641px) {
}

@media screen and (max-width:640px) {
}
.tels {
	color: rgb(218,106,120);
	font-size: 200%;
}