/******************************************************************
Theme Name: theme-ohata
******************************************************************/
.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */


/******************************************************************
common
******************************************************************/

main{
	padding: 30px 0 0 0;
}
a img:hover, a img:focus{
	opacity: 0.8;
}
.home h3, h2.page-tit, h3.page-tit{ 
	border-bottom: 3px solid #ff8a2c; 
	text-align: center; 
	padding-bottom: 5px;
}
section h3{
	
}
section{
	margin-bottom: 20px;
	padding: 30px 0;
}
img{
	max-width: 100%;
	height: auto;
}
h2 img, h3 img{
	width: auto;
}
.txt_strong_01{
	color:#db7d7d;
	font-weight: 700;
	font-size: 1.1em;
}
.txt_strong_02{
	color:#0099a9;
	font-weight: 700;
}
.txt_strong_03{
	color:#db7d7d;
	font-weight: 700;
}
.note{color:#db7d7d;}
.m-all.img{
	text-align: center;
}
.mb { margin-bottom: 18px !important;}
.mb0 { margin-bottom: 0   !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}

.pt0 { padding-top: 0   !important;}
.pb0 { padding-bottom: 0   !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}

.fwB { font-weight:bold !important;}
.taL{text-align: left!important;}
.taR{text-align: right!important;}

.tit_column{
	font-size: 1.1em;
	font-weight: 700;
	border-bottom: 1px solid #454545;
	margin: 0;
}
.tit_block{
	font-size: 1.1em;
	font-weight: 700;
	margin: 0;
}
.border01{background: linear-gradient(180deg,#fff 0%,#fff 50%, antiquewhite 50%,antiquewhite 100%);}

@media only screen and (min-width: 768px) {
	img{
		width: auto;
	}
	section{
		padding: 50px 0;
	}
}
@media only screen and (min-width: 1030px) {
}
@media only screen and (min-width: 1240px) {
}

	
	
	
	
/******************************************************************
home
******************************************************************/
.home header{
	background-color: transparent;
}
.home #logo a{
	background: url("img/top/header-logo.png") left top / contain no-repeat;	
}
.home main{
	padding: 0;
}
.home h2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-top: calc(491 / 1242 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url("img/top/main_sp.jpg") center bottom / contain no-repeat;
	line-height: 0;
}
.home #content{
	margin-top: -2em;
}
/*-------------------*/
.info .message{margin-bottom: 100px;}
.info .message h4{font-size: 1.5rem; border-bottom: 2px solid #e1f2e1; display: inline-block; background: honeydew; padding: 3px 20px 0px;}
.info .message li{position: relative; border-bottom: 1px dashed #e8eff0; padding: 8px 0 8px 1.5rem;}
.info .message li::before{
    content: "●";
    color: steelblue;
    font-size: 0.8rem;
    position: absolute;
    left:0;
    top:calc(0.2rem + 10px);
}
.info .message a,
.info .message li span{font-weight:bold; font-size: 1.2rem; color: salmon;background: linear-gradient(180deg,#fff 0%,#fff 50%, antiquewhite 50%,antiquewhite 100%);}
/*-------------------*/
.service-time .business-hours{
	background-color: #f8bd69;
	border-radius:14px;
}
.service-time .business-hours th{
	color: #8f571b;
}
.service-time .business-hours td{
	color: #fff;
}
.service-time .business-hours th,
.service-time .business-hours td{
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 12px 0;
}

.service-time .alert-info{
	color: #ff5400;
	font-size: 100%;
}
.service-time .button{
	text-align: center;
	font-weight: 500;
	font-size: 1.2rem;
	padding: 10px 30px;
	box-shadow:5px 5px 6px -1px #999999;
	border-radius:6px;
	border:1px solid #3fac88;
	background-color: #3fac88;
	color: #fff;
}
.service-time .button a{
	color: #fff;
}
.service-time .address{
	position: relative;
	margin-top: 35px;	
}
.service-time .address .name{
	color: #3fac88;
	font-size: 1.2rem;
	font-weight: 700;
		
}
.service-time .link{
	display: block;
	text-align: right;
	padding-top: 10px;
}
.service-time .link a{
	text-decoration: underline;
}
/*-------------------*/
.greeting{
	background: #f0fff8 url("img/top/bg_top_greeting.png") center bottom repeat-x;
	margin-bottom: 0;
	padding-bottom: 80px;
}
.greeting .img{
	text-align: center;
}
.greeting .txt{
	text-align: center;
}
/*-------------------*/
.service_list{
	background: url("img/top/bg_top_service.png") left top repeat;
	padding-bottom: 50px;
}
.service_list ul{
	display: flex;
	flex-wrap: wrap;
}
.service_list li{
	padding: 5px;
}
.service_list li a{
	display: block;
	text-align: center;
	border: 1px solid rgba(252,221,166,1.0);
	padding: 10px 0;
}
.service_list li a:hover{
	background-color: rgba(252,221,166,0.5);
}
.service_list li a img:hover{
	opacity: 1;
}
/*-------------------*/
#infoPost{
	margin: 0;
}
#infoPost li{border-bottom: 1px dotted #8f571b; padding: 10px 0;}
#infoPost li:last-child{border-bottom: none;}
#infoPost li p{	margin: 0;}
#infoPost li .date{	font-weight: bold;}
@media only screen and (min-width: 1240px) {
	.home h2{
		width: 100%;
		height: 0;
	}
}
@media only screen and (min-width: 768px) {
	.home h2{
		background: url("img/top/main.jpg") center bottom / contain no-repeat;
		padding-top: calc(491 / 1600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	}
	.service-time .address{
		margin-top: 15px;
	}
	.greeting .txt{
		margin-left: 10%;
	}
	.info .d-3of5{
		margin-left: 6%;
	}
	.service_list li a{
		border: none;
	}
	.greeting, .service_list{
		padding: 50px 0 80px;
	}
}


/******************************************************************
service
******************************************************************/
.service section:nth-child(odd){
	background-color: #fff9e7;	
}
.service section:nth-child(even){
}
.service h3{
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	overflow: hidden;
	padding-top: 85px;
}
#kids h3{
	background: url("img/service/tit_service_kids_sp.png") left top no-repeat;
}
#protection h3{
	background: url("img/service/tit_service_protection_sp.png") left top no-repeat;
}
#gum h3{
	background: url("img/service/tit_service_gum_sp.png") left top no-repeat;
}
#general h3{
	background: url("img/service/tit_service_general_sp.png") left top no-repeat;
}
#dentur h3{
	background: url("img/service/tit_service_dentur_sp.png") left top no-repeat;
}
#whitening h3{
	background: url("img/service/tit_service_whitening_sp.png") left top no-repeat;
}
#aesthetic h3{
	background: url("img/service/tit_service_aesthetic_sp.png") left top no-repeat;
}
#aesthetic{
	margin: 0;
}
@media only screen and (min-width: 1240px) {
}
@media only screen and (min-width: 768px) {
	#kids h3{
		background: url("img/service/tit_service_kids.png") left top no-repeat;
	}
	#protection h3{
		background: url("img/service/tit_service_protection.png") left top no-repeat;
	}
	#gum h3{
		background: url("img/service/tit_service_gum.png") left top no-repeat;
	}
	#general h3{
		background: url("img/service/tit_service_general.png") left top no-repeat;
	}
	#dentur h3{
		background: url("img/service/tit_service_dentur.png") left top no-repeat;
	}
	#whitening h3{
		background: url("img/service/tit_service_whitening.png") left top no-repeat;
	}
	#aesthetic h3{
		background: url("img/service/tit_service_aesthetic.png") left top no-repeat;
	}
}

/******************************************************************
about
******************************************************************/
@font-face {
  font-family: 'myfont';
  src: url("font/ロゴたいぷゴシック.otf") format('OpenType'),
       url("font/07LogoTypeGothic7.ttf") format('trueType');
}
.about h3{
	border-bottom: 3px solid #d8c9bf;
	padding: 0 0 5px 0;
}
.about .staff h3{
	font-family: 'myfont', "游ゴシック","Yu Gothic", "Yu Gothic UI", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック","MS PGothic", 'Noto Sans JP', sans-serif; 
	font-size: 1.65em;
	color: #db7d7d;
	border-bottom: 3px solid #d8c9bf;
	padding: 0 0 8px 70px;
	background: url("img/about/tit_about_hygienist.png") left top no-repeat;
}
.about .staff h3 span{
	color: #735740;
}
.about h4.name{
	font-size: 1.1em;
	font-weight: 700;
}
.about .staff li{
	border-bottom: 1px dashed #d8c9bf;
}
.about hr{
	border: none;
	border-bottom: 1px dashed #d8c9bf;
	margin: 1.5rem 0 1rem;
}
@media only screen and (min-width: 1240px) {
}
@media only screen and (min-width: 768px) {
	.about li .name, .about li p{
		padding: 0 1em;
	}
}


/******************************************************************
recruit
******************************************************************/
.recruit_hygienist h3, .recruit_assistant h3{
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	overflow: hidden;
	padding-top: 85px;
}
.recruit_hygienist h3{
	background: url("img/recruit/tit_recruit_hygienist_sp.png") left top / contain no-repeat;
}
.recruit_assistant h3{
	background: url("img/recruit/tit_recruit_assistant_sp.png") left top / contain no-repeat;
}
h4.recruitment{
	text-align: center;
	border-bottom: 2px solid #bfbfbf;
	font-size: 1.5em
}
table.recruitment{
	margin-bottom: 10px;
}
.recruitment th{
	background-color: #f0f7f5;
}
.recruitment th, .recruit td{
	border-bottom: 1px dotted #d4d4d4;
	padding: 8px;
}
.btn_wrap{
	text-align: center;
}
.recruitment.button{
	display: inline-block;
	text-align: center;
	font-weight: 500;
	font-size: 1.2rem;
	padding: 10px 30px;
	box-shadow:5px 5px 6px -1px #999999;
	border-radius:6px;
	border:1px solid #ffad38;
	background-color: #ffad38;
	color: #fff;
}
.recruitment.button a{
	color: #fff;
}
.recruit hr{
	border: none;
	background: url("img/recruit/line_recruit.png") left top repeat-x;
	height: 8px;
}
#form{
	background-color: #fbe9db;
	padding: 80px 0;
	margin-bottom: 0;
}
#form h3{
	margin-bottom: 50px;
}
#form .required{
	color: #E50003;
}
#form form>div{
	border-bottom: 1px dotted #996c33;
	line-height: 1.7;	
	padding: 10px;
}
#form p{
	text-align: center;
	padding-top: 30px;
}
form input[type="submit"]{
	display: inline-block;
	text-align: center;
	font-weight: 500;
	font-size: 1.2rem;
	padding: 10px 80px;
	box-shadow:5px 5px 6px -1px #999999;
	border-radius:6px;
	border:1px solid #3fac88;
	background-color: #3fac88;
	color: #fff;
    min-width: 280px;
    margin-bottom: 15px;
}
#form input[type="submit"].btn_back{
	border:1px solid #e59a9a;
	background-color: #e59a9a;
}
@media only screen and (min-width: 1240px) {
}
@media only screen and (min-width: 768px) {
	.rectuit_hygienist h3{
		background: url("img/recruit/tit_recruit_hygienist.png") left top no-repeat;
	}
	.rectuit_assistant h3{
		background: url("img/recruit/tit_recruit_assistant.png") left top no-repeat;
	}
	.recruitment th{
		background-color: transparent;
	}
	.recruitment th, .recruitment td{
		text-align: left;
		float: none;
	}
}


/******************************************************************
service-flow
******************************************************************/
ul.linkbtn{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.linkbtn li{
	width: 46%;
}
.linkbtn li a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	overflow: hidden;
	width: 100%;
	height: 206px;
	margin: 0 0 5rem;
}
.linkbtn li.btn-cavities a{
	background: url("img/flow/btn_cavities.png") left top/ contain no-repeat;
}
.linkbtn li.btn-cavities a:hover{
	background: url("img/flow/btn_cavities_r.png") left top/ contain no-repeat;
}
.linkbtn li.btn-gum a{
	background: url("img/flow/btn_gum.png") left top/ contain no-repeat;
}
.linkbtn li.btn-gum a:hover{
	background: url("img/flow/btn_gum_r.png") left top/ contain no-repeat;
}

.service-flow .intro{
	text-align: center;
	font-weight: 700;
	font-size: 1.2rem;
}
.service-flow .intro .img{
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	overflow: hidden;
	padding-top: 90px;
	background: url("img/flow/img_flow_sp.png") left top / contain no-repeat;
}
.gum, .cavities{
	padding-top: 0;
}
.gum .wrap>div, .cavities .wrap>div {
	margin-bottom: 50px;
    border: 1px solid #cab08f;
    border-radius: 25px;
    padding: 5px 25px 5px;	
}
.gum h3,  .cavities h3{
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	overflow: hidden;
	padding-top: 45px;
}
.gum01 h3{
	background: url("img/flow/tit_flow_gum01_sp.png") left top / contain no-repeat;
}
.gum02 h3{
	background: url("img/flow/tit_flow_gum02_sp.png") left top / contain no-repeat;
}
.gum03 h3{
	background: url("img/flow/tit_flow_gum03_sp.png") left top / contain no-repeat;
}
.gum04 h3{
	background: url("img/flow/tit_flow_gum04_sp.png") left top / contain no-repeat;
}
.cavities01 h3{
	background: url("img/flow/tit_flow_cavities01_sp.png") left top / contain no-repeat;
}
.cavities02 h3{
	background: url("img/flow/tit_flow_cavities02_sp.png") left top / contain no-repeat;
}
.cavities03 h3{
	background: url("img/flow/tit_flow_cavities03_sp.png") left top / contain no-repeat;
}
.cavities04 h3{
	background: url("img/flow/tit_flow_cavities04_sp.png") left top / contain no-repeat;
}
@media only screen and (min-width: 1240px) {
}
@media only screen and (min-width: 768px) {
	ul.linkbtn{
		 -webkit-justify-content: center;
		 justify-content: center;
	}
	.linkbtn li{
		width:auto;
	}
	.linkbtn li a{
		width: 206px;
		height: 206px;
		margin: 0 5rem 5rem;
	}
	
	.service-flow .intro .img{
		padding-top: 175px;
		background: url("img/flow/img_flow.png") left top / contain no-repeat;
	}
	.gum h3, .cavities h3{
		padding-top: 85px;
	}
	.gum01 h3{
		background: url("img/flow/tit_flow_gum01.png") left top no-repeat;
	}
	.gum02 h3{
		background: url("img/flow/tit_flow_gum02.png") left top no-repeat;
	}
	.gum03 h3{
		background: url("img/flow/tit_flow_gum03.png") left top no-repeat;
	}
	.gum04 h3{
		background: url("img/flow/tit_flow_gum04.png") left top no-repeat;
	}
	.cavities01 h3{
		background: url("img/flow/tit_flow_cavities01.png") left top no-repeat;
	}
	.cavities02 h3{
		background: url("img/flow/tit_flow_cavities02.png") left top no-repeat;
	}
	.cavities03 h3{
		background: url("img/flow/tit_flow_cavities03.png") left top no-repeat;
	}
	.cavities04 h3{
		background: url("img/flow/tit_flow_cavities04.png") left top no-repeat;
	}
}



/******************************************************************
access
******************************************************************/
.address .parking{
	font-size: 1.1rem;
	display: block;
	text-align: right;
}
.access .car .img, .access .train .img{
	margin-bottom: 0;
	line-height: 0;
}
.access .car .txt, .access .train .txt{
	margin-bottom: 3em;
}
@media only screen and (min-width: 1240px) {
}
@media only screen and (min-width: 768px) {
}



/******************************************************************
column
******************************************************************/
main.column{
	padding-bottom: 50px;
}
.column .page-tit{
	margin-bottom: 50px;
}
.entry-time{
	padding-right: 1em;
}
input[type="search"]{
	border: 1px solid #d3bfa5;
	border-radius: 6px;
}
#searchform div{
	border: none;
}
.widget .post-date{
	padding-left: 1em;
	font-size: 0.8em;
	color: #989898;
}
.widget li{
	border-bottom: 1px dotted #d3bfa5;
}
.widget li:last-child{
	border-bottom: none;
}

.widgettitle {
	border-bottom: 2px solid #41b48e;
}
.entry-title{
	font-size: 1.3em;
}
section.comment_content{
	padding: 0;
}
@media only screen and (min-width: 1240px) {
}
@media only screen and (min-width: 768px) {
	main.column{
		padding-bottom: 80px;
	}
}





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

#pageTop i {
  padding-top: 6px
}

#pageTop a {
  display: block;
  z-index: 999;
  border-radius: 65px;
  width: 65px;
  height: 65px;
  background-color: #9FD6D2;
  color: #fff;
  font-size: 2.4rem;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}