a{
	color: #f07787;;
}
a:hover {
	color: #f07787;
	opacity: 0.7;
	text-decoration:underline;
}
.link{
	text-decoration: underline;
}
.link:hover{
	text-decoration: none;
}
.content{
	width:100%;
	padding-bottom:1%;
	margin:0 auto;
	overflow: hidden;
}
.outline{
	font-weight: bold;
  display        : inline-block;
  text-shadow    : 
       2px  2px 1px #FFF,
      -2px  2px 1px #FFF,
       2px -2px 1px #FFF,
      -2px -2px 1px #FFF,
       2px  0px 1px #FFF,
       0px  2px 1px #FFF,
      -2px  0px 1px #FFF,
       0px -2px 1px #FFF;        /* 文字の影 */
}
/* CSS Document */

#topImgBox {
	width: 100%;
	margin: 0 auto;
	justify-content: center;
}
#carouselExampleFade{
	width: 100%;
	height: auto;
	padding: 0;
	z-index: 1;
}
/* スライドショーCSSここから*/

/* スライドショー */
.imgLink:hover {
  opacity: 0.8;
  transition-duration: 0.3s;
}
.imgSize1{
	width: 35%;
	padding: 1%;
}
.imgSize2{
	width: 50%;
	padding: 1% 5%;
}
.imgSize3{
	width: 75%;
	padding: 1% 3%;
}
.ttl1Box{
	width: 100%;
	text-align: center;
	padding: 1%;
	margin-bottom: 1%;
}
.ttl1{
	color: #f07787;
	width: 100%;
	font-size: 300%;
	font-weight: bold;
	text-shadow: 1px 2px 2px #f07787;
	z-index: 1;
}
.ttl1Box .ttlStrong1 {
    color: #f07787;
    font-size: 120%;
    font-weight: bold;
}
.ttl2{
	width: 100%;
	color: #747474;
	text-align: center;
	font-size: 250%;
	font-weight: bold;
	padding: 2%;
	border-bottom: solid 5px #306fff;
	border-top: solid 5px #306fff;
}
.ttl3 {
  color: #555555;
  font-size: 250%;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px 5px #d3d3d3;
}
.ttl4{
	color: #f07787;
	font-size: 160%;
	font-weight: bold;
  padding: 1%;
	margin-bottom: 2%;
  border-left: 5px solid #f07787;
  background: #f4f4f4;
}
.fuchidori {
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
.sTtl1 {
	color: #f07787;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 1%;
  text-shadow: 2px 2px 5px #d3d3d3;
}
.sTtl2{
	color: #555;
	font-size: 130%;
	font-weight: bold;
    line-height: 150%;
	margin-bottom: 1%;
}
.sTtl3 {
	color: #FFF;
	background-color: #f07787;
	border-radius: 10px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 0.8% 2%;
}
.sTtl4 {
	color: #f07787;
	border-radius: 6px;
	font-size: 100%;
    font-weight: bold;
	text-align: center;
	padding: 2%;
    margin-bottom: 1%;
    border: solid 1px #f07787;
}
.sTtl5 {
	color: #FFF;
	background-color: #f07787;
	border-radius: 8px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	padding: 2%;
	margin-bottom: 3%;
}
.sTtl6,.sTtl7  {
	color: #FFF;
	width: 40%;
	background-color: #f07787;
	border-radius: 10px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 1%;
	margin-bottom: 1%;
}
.sTtl7  {
	background-color: #306fff;
}

.triangle1 {
	width: 0;
	height: 0;
	border-left: 36px solid transparent;
	border-right: 36px solid transparent;
	border-top: 24px solid #306fff;
	margin-bottom:1%;
}
.btn1 {
	width: 100%;
	padding: 0 30%;
}
.btn1 a {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #16871c;
	border-radius: 35px;
	display: block;
	padding: 3%;
}
.btn1 a:hover {
	opacity: 80%;
	text-decoration: none;
}
#menuBox1,#menuBox2,.pointBox{
	margin-bottom: 5%;
}

.categoly{
	margin: 0 auto;
}
.categoly li{
	width: 31.33%;
	padding: 1% 0;
	margin: 1%;
	background-color: #FFF;
}
.categoly li h3{
	width: 100%;
	padding: 1%;
	text-align: center;
}
.categoly li h3 a{
	color: #555;
	font-weight: bold;
	display: block;
}
.categoly li h3 a:hover{
	color: #214ebf;;
	text-decoration: none;
}
.categoly li p{
	padding: 1%;
}
.menu{
	width:100%;
}
.menu li{
	width: 48%;
	padding: 1% 0;
	margin: 1%;
}
.textBox1{
	width: 99.5%;
	border-radius: 10px;
	padding:2%;
	margin-bottom: 2%;
	background-color: #fffdea;
	border: solid 1px #f07787;
	clear: both;
}

.textBorder1 {
    border-bottom: dashed 1.2px #aaa;
}
.ttlBorder{
	border-bottom: solid 1px #666;
	border-top: solid 1px #666;
}
.box1 .fn {
  color: #FFF;
  -webkit-text-stroke: 2px #8ac343;
  text-stroke: 2px #8ac343;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6em;
	padding-right: 1%;
}

.subject{
	font-size: 2.2em;
	line-height: 2em;
	font-weight: bold;
	border-bottom: solid 2px #7CC828;
	padding: 0 2%;
}

.liBox1{
	width: 100%;
	border: solid 5px #306fff;
	border-radius: 10px;
	padding: 2%;
}
.liBox1 p{
	font-size: 110%;
	line-height: 160%;
}
.li{
	padding: 1%;
}
.li:first-letter{
  color:#306fff;
	font-size: 120%;
	font-weight: bold;
}
.liBorder{
	border-bottom: dashed 1.2px #aaa;
}
.pointText{
	width: 66%;
	padding: 1%;
	float: left;
}
.pointImg{
	width: 26%;
	padding: 1%;
	float: right;
}

.youtube {
  position: relative;
  width: 70%;
	
	padding-top: 56.25%;
	margin: 3% 15%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.graph{
	width: 40%;
}
.accessImg{
	width: 70%;
}

strong{
	background-color: #fed1d3;
	padding: 0.1%;
	font-weight: bold;
}

.box1,.box2,.box3,.reserveBox,.readBox{
	width: 100%;
	overflow: hidden;
	/*padding: 0 2% 5% 2%;*/
	position: relative;
}
.box2{
	background-color: #FFF;
	padding: 1%;
}
.policyBox{
	padding: 5% 0;
	margin-bottom: 5%;
}
.menuBox li{
	width: 31.333%;
	border: solid 1px #CeCeCe;
	text-align: center;
	margin: 1%;
}
.menuBox li a{
	text-decoration: none;
}
.btn_design {
  transition: 0.3s;
}
.menuText{
	width: 100%;
	background-color: #c1c1c1;
	padding: 2%;
}
.menuText h3{
	color: #FFF;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
.menuText p{
	color: #FFF;
}
/* マウスオーバー時 */
.btn_design:hover{
      box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.5);
      transform: translateY(-5px);
      cursor: pointer;
    }

.box1Left,.box1Right{
	width: 50%;
	padding: 4% 2%;
	float: left;
}
.box1Left h3,.box1Right h3{
	color: #214ebf;
	font-size:120%;
	font-weight: bold;
	padding-bottom: 1%;
}
#link{
	width: 100%;
	padding: 1%;
}
#link li{
	width: 50%;
	padding: 1%;
}

span, small, em, time, i {
    font-style: normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.linkBtn1{
	color: #FFF;
	height: auto;
	border-radius: 100vh;
	padding: 2% 8%;
    margin-bottom: 2%;
	font-size: 100%;
    font-weight: bold;
	background-color: #f07787;
}
.linkBtn1:hover{
	color: #FFF;
	text-decoration: none;
	opacity: 0.8;
	transition: 1s;
}
.linkBtn2{
	width: 30%;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 20px;
	padding: 1% 3%;
	margin: 1%;
	background-color: #f07787;
}
.linkBtn2:hover{
	color: #FFF;
	text-decoration: none;
	opacity: 0.9;
}
.reserveBox,.onlineBox1,.onlineBox2{
	width: 100%;
	padding: 1%;
	overflow: hidden;
}
.reserveBox li,.onlineBox1 li{
	width: 33.3%;
	padding: 1% 3%;
	float: left;
}
.onlineBox2 li{
	width: 25%;
	padding: 1% 3%;
	float: left;
}
.onlineBox2 li{
	margin-bottom: 3%;
}
.text1 {
	font-size: 1.6em;
	font-weight: bold;
	padding: 0.5%;
	margin-right: 1%;
	line-height: 2em;
}
.text2 {
	width: 98%;
	padding: 1%;
	margin: 2% 1%;
	background-color: #FFFDEE;
	border: solid 1px #FC0;
	border-radius: 10px;
	clear: both;
}
.text3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.5%;
	margin-right: 1%;
}
.text4 {
	width: 98%;
	padding: 1%;
	margin: 2% 1%;
	background-color: #FFF4FA;
	border: solid 1px #FF9999;
	border-radius: 10px;
	clear: both;
}
.box1 .text4 h4{
	color: #FF7272;
	font-size: 1.6em;
	padding: 0 2%;
}
.box1 article {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	overflow: hidden;
	clear: both;
}
.box1 .conseptBox h3{
	color: #019600;
	font-size: 1.8em;
	font-weight: bold;
}
.box1 .conseptBox a{
	color: #1f49c2;
	font-size: 1.8em;
	font-weight: bold;
}
.box1 .last{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.box1 h4{
	color: #F18282;
	font-weight: bold;
    margin-bottom: 2px;
}
.box1 .table1,.box1 .table2,.box1 .table3,.box1 .table4,.box1 .table5,.box1 .careTable,.box1 .orthoTable{
	width: 100%;
}
.box1 .table1 tr{
	border-bottom: solid 20px #FFF;
}
.box1 .table3 tr{
	border-bottom: solid 100px #FFF;
}
.box1 .table3 tr:last-child {
	border-bottom: solid 50px #FFF;
}
.box1 .table1 th{
	color: #f07787;
	font-weight: bold;
	width: 20%;
	padding-right:3%;
	text-align: right;
	vertical-align: middle;
	border-right: solid 3px #f07787;
}
.box1 .table2 th{
	width: 20%;
	padding: 1%;
	font-weight: bold;
    text-align: right;
}
.box1 .table2 td{
	padding: 1% 6%;
}
.table2Ttl{
    font-weight: bold;
	padding: 1%;
    text-align: center;
    background-color: #ffeaf1;
    border: solid 2px #FFF;
}
.box1 .table3 th{
	width: 20%;
	padding-right:3%;
	text-align: right;
	vertical-align: middle;
	border-right: solid 3px #999;
}
.box1 .table4 th{
	color: #f07787;
	font-weight: bold;
	width: 30%;
	padding: 2%;
	text-align: left;
	vertical-align: middle;
	border: solid 1px #FFF;
	background-color: #ededed;
}
.box1 .table5 tr{
	border-bottom: solid 5px #FFF;
	padding-bottom: 10px;
}
.box1 .table5 th{
	color: #FFF;
	font-weight: bold;
	width: 15%;
	padding: 1% 3%;
	text-align: center;
	vertical-align: middle;
	background-color: #306fff;
	border-radius: 8px;
}
.box1 .careTable th{
	color: #FFF;
	font-weight: bold;
	width: 30%;
	padding: 2%;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	background-color: #ededed;
}
.box1 .orthoTable th{
	color: #f07787;
	font-weight: bold;
	width: 22%;
	padding: 1%;
	font-size: 120%;
	text-align: left;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	background-color: #ededed;
}
.box1 .careTable th .careTtl1,.box1 .careTable th .careTtl2{
	color: #FFF;
	height: auto;
	border-radius: 20px;
	padding: 2% 5%;
	font-weight: bold;
	background-color: #f07787;
}
.box1 .careTable th .careTtl2{
	background-color: #0bbebc;
}
.box1 .careTable td,.box1 .orthoTable td{
	padding: 1%;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}
.box1 .table3 th{
	width: 30%;
}
.box1 .table1 td,.box1 .table3 td,.box1 .table4 td{
	padding-left:3%;
	vertical-align: middle;
}
.box1 .table2 td,.box1 .table5 td{
	padding-left:2%;
	vertical-align: middle;
}
.banner1{
	padding: 2% 10%;	
}
.box1 .symptom li{
	padding: 3%;
}
.box1 .month li{
	width: 31.33%;
	border: solid 1px #DDD;
	border-radius: 10px;
	padding: 3%;
	margin: 1%;
}
.box1 .month h4{
	color: #f07787;
	font-size: 130%;
	padding-bottom: 3%;
	margin-bottom: 2%;
	border-bottom: dashed 2px #f07787;
}
.tel{
	width: 100%;
	padding: 3% 10%;
	text-align: center;
}

.underLine1{
	border-bottom: solid 1px #CCC;
}
.underLine2{
	border-bottom: dashed 1px #AAA;
}

.comment h3{
	color: #F70;
	font-size: 1.4em;
	font-weight: bold;
}
.arrowBox{
	width: 100%;
	
	text-align: center;
}

/*PagiNavi*/
.wp-pagenavi { 
	padding-top: 10px;
	padding-bottom: 25px;
}
.wp-pagenavi a,
.pages,
.current {
	margin-right: 4px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
}
.wp-pagenavi a:hover,
.current{
	color: #fff;
	background: #3793ce;
}
/*ここまでが個別記事*/
.contentBox{
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
	padding-bottom:2%;
}
.homeBoxLeft{
	width:76%;
	box-sizing:border-box;
	padding:1%;
	float:left;
}
.homeBoxRight{
	width:24%;
	box-sizing:border-box;
	margin-top:1%;
	float:right;
}
.linkBox1 h3{
	text-align: center;
	padding: 3% 1%;
	font-size: 1em;
}
.linkBox1 h3:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.linkBox1 h3 a{
	color: #FFF;
	font-weight: bold;
	display: block;
}
.linkBox1 h3 a:hover{
	text-decoration: none;
}
.linkBox1 li{
	width: 31.33%;
	margin: 1%;
	border: solid 1px #CCC;
}
.dentistry{
	width: 100%;
	float: left;
	padding: 0 1%;
}
.denture{
	width: 30%;
}
.bannerBox{
	width: 100%;
	
	padding: 0 2% 10% 2%;
}
 a img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.img{
	padding:2%;
	border-radius: 20px;
}
.radio a,.radiou a{
	color: #0059B2;
}
.radiou{
	width: 100%;
	
	padding: 2%;
}
.radiou .radiouLi{
	width: 25%;
	
	float: left;
}

.scroll{
	width: 100%;
	padding: 2% 1% 5% 1%;
	clear: both;
	position: relative;
}
.headerLink{
	width: 10%;
	font-size: 0.8em;
	background-color: #FF7F00;
	border-bottom: solid 3px #FF5A02;
	text-align: center;
	padding: 1%;
	position: absolute;
	top: 0;
	right: 3%;
}
.headerLink a{
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}
.flow{
	width: 100%;
	
	border: solid 1px #CCC;
	margin-bottom:1%;
	overflow:hidden;
}
.box1 .step{
	color:#FFF;
	font-size: 150%;
	font-weight:bold;
	padding:1%;
	margin-bottom: 1%;
	text-align:center;
	background-color:#ffaaaa;
	border-radius: 10px;
}
.formBox{
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.formBox .formBoxLeft{
	color: #16871c;
	width:20%;
	margin: 1%;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	float: left;
}
.formBox .formBoxRight{
	width: 70%;
	text-align: left;
	background-color: #EEE;
	padding: 1%;
	float: left;
}
input{
	border: solid 1px #AAA; 
	border-radius: 8px;
	background-color: #fbfff0;
}
.input1,.custom-select,select{
	border: solid 1px #AAA; 
	width: 30%;
	padding: 0.8%;
	border-radius: 8px;
	background-color: #fbfff0;
	}
.formBoxRight select{
	width: 16%;
}
.input2{
	border: solid 1px #AAA; 
	width: 50%;
	padding: 0.8%;
	border-radius: 8px;
	background-color: #fbfff0;
	}
.inputNaiyo{
	border: solid 1px #AAA; 
	width: 80%;
	padding: 0.8%;
	border-radius: 8px;
	background-color: #fbfff0;
}

.formBox .formBoxRight .inputMail,.formBox .formBoxRight .inputAdd,.time{
	width:50%;
	padding: 0.8%;
	border-radius: 8px;
	background-color: #fbfff0;
}
.send1{
	color: #FFF;
	width: 20%;
	margin: 0 25%;
	padding: 1% 2%;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #156519;
	border-radius: 6px;        /* CSS3草案 */  
  -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 6px;   /* Firefox用 */
	-webkit-appearance: none;
}
.send2{
	color: #FFF;
	width: 35%;
	box-sizing: border-box;
	margin: 1%;
	padding: 1%;
	cursor: pointer;
	font-size: 1.2em;
	background-color: #156519;
	border-radius: 6px;        /* CSS3草案 */  
  -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 6px;   /* Firefox用 */
	-webkit-appearance: none;
}
.send1:hover,.send2:hover{
	cursor: pointer;
	opacity: 0.8;
}
.pl{
	color: #FFF;
	background-color: #54bf13;
	border-radius: 6px;
	font-size: 1em;
	line-height: 3em;
	padding: 0.8% 1%;
	margin: 1%;
}
.breadcrumb {
	width:100;
  padding: 1%;
	clear: both;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
	font-size: 0.8em;
  text-decoration: none;
  color: #306fff;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}
.topLink {
	width: 640px;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	clear:both;
}
.orange {
	color: #F90;
}
.pink {
	color: #F18282;
}
.red {
	color: #fd5d5d;
}
.blue {
	color: #306fff;
}
.darkBlue {
	color: #007acf;
}
.green {
	color: #16871c;
}
.brown{
	color: #917B42;
}
.white{
	color: #FFF;
}
.black {
	color: #444;
}
.bold {
	font-weight: bold;
}
.bgImg1{
	width: 100%;
	padding: 3% 0;
	background-image: url("../img/bg01.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.bgImg2{
	width: 100%;
	background-image: url("../img/bg02.jpg");
	background-size:100% 100%;
	padding: 2%;
}
.bgColor1{
	background-color: #fef4f5;
}
.border1{
	border: solid 1px #CCC;
}
.bgBorder1{
	background-color: #FFD9E4;
	padding: 0.2%;
}
.bgGold{
	background-color:#C8A74D;
}
.bgGray{
	background-color:#e3e3de;
}
.bgGreen{
	background-color: #16871c;
}
.bgPink{
	background-color: #ec7c87;
}
.bgOrange{
	background-color: #F70;
}
.bgBlue{
	background-color:#0080FF;
}
.bgYellow{
	background-color: #FFFDEE;
}
.bgWhite{
	background-color: #FFF;
}
.left{
	float:left;
}
.right{
	float:right;
}
.tLeft{
	text-align:left;
}
.tCenter{
	text-align:center;
}
.tRight{
	text-align:right;
}
.top{
	vertical-align:top;
}
.middle{
	vertical-align:middle;
}
.width5{
	width: 5%;
}
.width10{
	width: 10%;
}
.width15{
	width: 15%;
}
.width20{
	width: 20%;
}
.width25{
	width: 25%;
}
.width30{
	width: 30%;
}
.width35{
	width: 35%;
}
.width40{
	width: 40%;
}
.width45{
	width: 45%;
}
.width50{
	width: 50%;
}
.em1{
	font-size: 1em;
}
.em2{
	font-size: 2em;
	font-weight: bold;
}
.em3{
	font-size: 3em;
	font-weight: bold;
}
.size12{
	font-size: 12px;
}
.size13{
	font-size: 13px;
}
.size14{
	font-size: 14px;
}
.size16{
	font-size: 16px;
}
.size18{
	font-size: 18px;
}
.size20{
	font-size: 20px;
}
.size22{
	font-size: 22px;
}.size24{
	font-size: 24px;
}.size26{
	font-size: 26px;
}
.size28{
	font-size: 28px;
}
.size30{
	font-size: 30px;
}
.size32{
	font-size: 32px;
}
.size34{
	font-size: 34px;
}
.size36{
	font-size: 36px;
}
.size38{
	font-size: 38px;
}
.size40{
	font-size: 40px;
}
.size110{
	font-size: 110%;
}
.size120{
	font-size: 120%;
}
.size130{
	font-size: 130%;
}
.size140{
	font-size: 140%;
}
.size150{
	font-size: 150%;
}
.size160{
	font-size: 160%;
}
.size170{
	font-size: 170%;
}
.size180{
	font-size: 180%;
}
.size190{
	font-size: 190%;
}
.size200{
	font-size: 200%;
}
.width5{
	width:5%;
}
.width10{
	width:10%;
}
.width15{
	width:15%;
}
.width20{
	width:20%;
}
.width25{
	width:25%;
}
.width30{
	width:30%;
}
.width35{
	width:35%;
}
.width40{
	width:40%;
}
.width45{
	width:45%;
}
.width50{
	width:50%;
}
.width55{
	width:55%;
}	
.width60{
	width:60%;
}	
.width65{
	width:65%;
}	
.width70{
	width:70%;
}	
.width75{
	width:75%;
}	
.width80{
	width:80%;
}	
.width85{
	width:85%;
}	
.width90{
	width:90%;
}	
	
.padding1 {
	padding: 1%;
}
.padding2 {
	padding: 2%;
}
.padding5 {
	padding: 5%;
}
.padding7 {
	padding: 7%;
}
.padding10 {
	padding: 10%;
}
.padding15 {
	padding: 15%;
}
.padding20 {
	padding: 20%;
}
.tPadding0 {
	padding-top: 0;
}
.tPadding1 {
	padding-top: 1%;
}
.tPadding2 {
	padding-top: 2%;
}
.tPadding5 {
	padding-top: 5%;
}
.tPadding10 {
	padding-top: 10%;
}
.tPadding15 {
	padding-top: 15%;
}
.tPadding20 {
	padding-top: 20%;
}
.tPadding0 {
	padding-bottom: 0;
}
.bPadding1 {
	padding-bottom: 1%;
}
.bPadding2 {
	padding-bottom: 2%;
}
.bPadding5 {
	padding-bottom: 5%;
}
.bPadding10 {
	padding-bottom: 10%;
}
.bPadding15 {
	padding-bottom: 15%;
}
.bPadding20 {
	padding-bottom: 20%;
}
.lPadding1 {
	padding-left: 1%;
}
.lPadding2 {
	padding-left: 2%;
}
.lPadding5 {
	padding-left: 5%;
}
.lPadding10 {
	padding-left: 10%;
}
.lPadding15 {
	padding-left: 15%;
}
.lPadding20 {
	padding-left: 20%;
}
.rPadding1 {
	padding-right: 1%;
}
.rPadding2 {
	padding-right: 2%;
}
.rPadding5 {
	padding-right: 5%;
}
.rPadding10 {
	padding-right: 10%;
}
.rPadding15 {
	padding-right: 15%;
}
.rPadding20 {
	padding-right: 20%;
}
.lrPadding0{
	padding-left:0;
	padding-right:0;
}
.lrPadding1{
	padding-left:1%;
	padding-right:1%;
}
.lrPadding2{
	padding-left:2%;
	padding-right:2%;
}
.lrPadding5{
	padding-left:5%;
	padding-right:5%;
}
.lrPadding10{
	padding-left:10%;
	padding-right:10%;
}
.liPadding1{
	padding-left:1%;
	padding-right:1%;
}
.liPadding2{
	padding-left:2%;
	padding-right:2%;
}
.liPadding5{
	padding-left:5%;
	padding-right:5%;
}
.margin1 {
	margin: 1%;
}
.margin2 {
	margin: 2%;
}
.margin5 {
	margin: 5%;
}
.margin7 {
	margin: 7%;
}
.margin10 {
	margin: 10%;
}
.margin15 {
	margin: 15%;
}
.margin20 {
	margin: 20%;
}
.tMargin0 {
	margin-top: 0;
}
.tMargin1 {
	margin-top: 1%;
}
.tMargin2 {
	padding-top: 2%;
}
.tMargin5 {
	margin-top: 5%;
}
.tMargin10 {
	margin-top: 10%;
}
.tMargin15 {
	margin-top: 15%;
}
.tMargin20 {
	margin-top: 20%;
}
.bMargin{
	margin-bottom:5%;
}
.bMargin0 {
	margin-bottom: 0;
}
.bMargin1 {
	margin-bottom: 1%;
}
.bMargin2 {
	margin-bottom: 2%;
}
.bMargin5 {
	margin-bottom: 5%;
}
.bMargin10 {
	margin-bottom: 10%;
}
.bMargin15 {
	margin-bottom: 15%;
}
.bMargin20 {
	margin-bottom: 20%;
}

.lMargin1 {
	margin-left: 1%;
}
.lMargin2 {
	margin-left: 2%;
}
.lMargin5 {
	margin-left: 5%;
}
.lMargin10 {
	margin-left: 10%;
}
.lMargin15 {
	margin-left: 15%;
}
.lMargin20 {
	margin-left: 20%;
}
.rMargin1 {
	margin-right: 1%;
}
.rMargin2 {
	margin-right: 2%;
}
.rMargin5 {
	margin-right: 5%;
}
.rMargin10 {
	margin-right: 10%;
}
.rMargin15 {
	margin-right: 15%;
}
.rMargin20 {
	margin-right: 20%;
}
.lrMargin0{
	margin-left:0;
	margin-right:0;
}
.lrMargin1{
	margin-left:1%;
	margin-right:1%;
}
.lrMargin2{
	margin-left:2%;
	margin-right:2%;
}
.lrMargin5{
	margin-left:5%;
	margin-right:5%;
}
.lrMargin10{
	margin-left:10%;
	margin-right:10%;
}
.width5{
	width:5%;
}
.width10{
	width:10%;
}
.width15{
	width:15%;
}
.width20{
	width:20%;
}
.width25{
	width:25%;
}
.width30{
	width:30%;
}
.width35{
	width:35%;
}
.width40{
	width:40%;
}
.width45{
	width:45%;
}
.width50{
	width:50%;
}

.tLeft{
	text-align:left;
}

.tCenter{
	text-align:center;
}
.tRight{
	text-align:right;
}

.both{
	clear:both;
}
.newsBox .newsBoxLeft,.newsBox .newsBoxRight{
	width: 50%;
	float: left;
}

.newsBox{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.newsBoxLeft{
	border-radius: 12px;
	border: solid 3px #BBB;
	background-color: #FFF;
	padding: 3% 1% 1% 1%;
}
.newsBoxRight{
	padding: 0 1% 3% 1%;
}
.entryLink {
	width: 88%;
	box-sizing: border-box;
	padding: 1%;
	margin: 2% auto 0 auto;
	background-color: #FA6165;
	text-align: center;
  border-radius: 10px;
}
.entryLink a{
	color: #FFF;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
}
.blogBox{
	overflow: hidden;
	padding: 0 1% 5% 1%;
	position: relative;
}
.box-inner {
  width:100%;
	box-sizing: border-box;
  padding: 2%;
	margin: 1% 0;
	border-bottom: solid 1px #CCC;
  overflow:hidden;
}
.blogTitle{
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    background-image: url(https://nishio-shika.com//img/titleBg.gif);
    background-repeat: repeat-x;
    padding: 0 2%;
}
.blogBox h3 a{
	font-size: 1em;
}
.blogBox ul{
	border-bottom: dotted 1px #CCC;
	margin-bottom: 3%;
}
.blogBox p {
	padding-bottom: 1%;
}
.box-inner .data {
	font-size: 90%;
    text-align: right;
}
.wrap{
 display:flex;
}
.box{
 	width: 31.3%;
	padding: 1%;
 	margin: 1%;
}
.box-inner {
	width: 100%;
	margin-bottom: 2%;
	padding: 2%;
	border-bottom: dotted 1px #CCC;
}
.box-inner h1{
	font-size:150%;
	font-weight: bold;
}
.box-inner h2{
	font-size:140%;
	font-weight: bold;
}
.box-inner h3{
	font-size:130%;
	font-weight: bold;
}
.box-inner h4{
	font-size:120%;
	font-weight: bold;
}
.box-inner h5{
	font-size:110%;
	font-weight: bold;
}
.box-inner h6{
	font-size:100%;
	font-weight: bold;
}

.has-text-align-left{
	text-align: left;
}
.has-text-align-center{
	text-align: center;
}
.has-text-align-right{
	text-align: right;
}
.box-inner dl h2{
	font-size: 1.2em;
	font-weight: bold;
	}

.fLeft {
  font-size: 0.9em;
	font-weight: bold;
  float: left;
}
.fLeft a,.fRight a{
	font-weight: bold;
}
.fRight {
  font-size: 0.9em;
	font-weight: bold;
	float: right;
}
.text h3{
	color: #0054A8;
	font-size: 1.2em;
	font-weight: bold;
}

.date{
	color: #777;
	font-size: 0.8em;
	text-align: right;
	margin: 2%;
}
.text p{
	color: #333;
	font-size: 0.96em;
	font-weight: normal;
	text-align: left;
}

/* 投稿日・更新日 */
.blogBox .date {
	width: auto;
	color: #959595;
	font-size: 80%;
}
.blogBox .row {
	border-bottom: solid 1px #CCC;
	margin-bottom: 2%;
	padding-bottom: 2%;
}
.blogBox li a:hover {
	color: #f07787;
	text-decoration: underline;
}
.box-inner dt{
  font-size: 80%;
}
.lImg{
	width:60%;
}
.leftImg{
	width: 40%;
	float: left;
}
.rightImg{
	width: 40%;
	float: right;
}
.rightImg2{
	width: 30%;
	float: right;
}
#topImgBox figure{
	padding: 0;
}
.row {
    bs-gutter-x: 0;
}
.img_wrap{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
	border-radius: 5%;
}
.img_wrap img{
  width: 100%;
  transition-duration: 1s;
}
.img_wrap:hover img{
  transform: scale(1.08);
  transition-duration: 1s;
	border-radius: 10px;
}
@media screen and (min-width: 768px){
		#contact,.practice,.spNav,.spImg,.spPageLink,.spInfo{
		display:none;
		}	
.pc_hid{display: none;}
}

/* 幅1200px以下のスタイル*/
@media screen and (max-width: 1200px){
#topImgBox {
	width: 100%;
	height: auto;
	padding: 0;
}

#carouselExampleFade{
	padding: 0;
}
.menuBox li{
	width: 48%;
}
.imgSize1{
	width: 50%;
	padding: 1% 5%;
}
.imgSize3{
	width: 90%;
}
.leftImg,.rightImg{
	width: 50%;
}
.l-desc {
	font-size: 110%;
}
#content{
	width:100%;
	box-sizing:border-box;
}
#point1,#menuBox1,#menuBox2,.pointBox{
	margin-bottom: 3%;
}
.box1 .month h3{
	font-size: 110%;
}

.box1 .table2 th,.box1 .table5 th{
	width: 20%;
}
.box1 .table3 tr{
	border-bottom: solid 70px #FFF;
}
.box1 .careTable th{
	width: 35%;
	font-size: 90%;
}
.box1 .careTable td{
	font-size: 90%;
}
.box1 .orthoTable th{
	width: 28%;
	font-size: 110%;
}
.categoly li{
	width: 46%;
	margin: 2%;
}
.readBox{
	padding: 0 0 5% 0;
}
.childcareBox article{
  padding: 0;
}
.linkBox1 li{
	width: 48%;
}
.banner1{
	padding: 1% 5%;	
}
.policyBox{
	padding: 3% 0;
}
.pl{
	font-size: 0.96em;
	line-height: 3em;
	padding: 1% 1%;
	margin: 1%;
}
.time{
	width: 84%;
}
.schedule{
	height: 380px;
}
.box1 h3{
	font-size: 1.2em;
	padding: 1% 0;
}
.box1 .ttl2{
	font-size: 120%;
	padding: 0;
}
.osusumeBox .ttl2,.osusumeBox .ttl3{
	font-size: 150%;
}
.ttl1Box .ttl1{
	font-size: 220%;
}
.box1 .sTtl5 {
	font-size: 110%;
}
.sTtl6,.sTtl7  {
	width: 56%;
}
.box1 .step{
	font-size: 130%;
}
.box1 .q{
	padding: 0;
}
.subject{
	font-size: 1.4em;
	line-height: 1em;
}
.pointText .pointTitle {
	width: 100%;
	font-size: 1.2em;
}
.text1 {
	font-size: 1.4em;
	line-height: 1.6em;
}
.text3 {
	font-weight: normal;
}
.privasy h3 {
	font-size: 1.2em;
}
.youtube {
  width: 90%;
	margin: 3% 5%;
}
.otameshiLink1{
	width: 90%;
	margin: 0 5%;
	border-radius: 20px;
}
.otameshiLink1 a{
	font-size: 1.6em;
}

.triangle1{
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 14px solid #306fff;
	margin-bottom: 2%;
}

.graph{
	width: 60%;
}
strong{
	font-size: 1em;
}
.box3 ul{
	width: 100%;
	
	padding: 0 1%;
	display: flex;
}
.box3 ul li a{
	font-size: 1em;
	padding: 2% 10%;
	border-radius: 6px;
}
.denture{
	width: 50%;
}
.meritTitle{
	width: 34%;
}
.newsTitle{
	width: 30%;
}
.formBox .formBoxLeft{
	width:100%;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}
.formBox .formBoxRight{
	width: 100%;
  margin-bottom: 3%;
}
.formBox .formBoxRight .inputMail,.formBox .formBoxRight .inputAdd{
	width:70%;
	border-radius: 6px;
}

.send1,.send2{
	width: 50%;
	margin: 0 25%;
}
	
.headerLink{
	width: 24%;
	font-size: 0.8em;
	position: absolute;
	top: 0;
	right: 2%;
}
.map{
	height:380px;
}
	.calendar{
		height: 340px;
	}
.input1,.input2,.custom-select{
	width: 50%;
	}

	.blogTitle{
    font-size: 20px;
}
}

/* 幅767px以下のスタイル*/
@media screen and (max-width: 767px) {
#pan,#treatment,.subBox li p,.headerLink,.pageLink,.pcTel,.pcImg,.imgSize3,.pcLink{
	display:none;
}
.slideshow{
    width: 100%;
  }
.imgSize1{
	width: 100%;
	padding: 1%;
}
#content{
	width:100%;
}
.lead{
  font-size: 1em;
}
.l-desc {
	font-size: 100%;
}
#point1,#menuBox1,#menuBox2,.pointBox{
	margin-bottom: 0;
}

.box1 article {
	margin-bottom: 5%;
	padding-bottom: 5%;
}
.box1Left,.box1Right,.leftImg,.rightImg,.rightImg2{
	width: 100%;
	padding: 1%;
	float: none;
}

.box1 .table2 th,.box1 .table5 th{
	width: 24%;
}
.box1 .table3 tr{
	border-bottom: solid 50px #FFF;
}
.box1 .careTable th{
	width: 45%;
}
.box1 .orthoTable th{
	width: 30%;
	font-size: 105%;
}

.box1 .comparison li{
	padding-bottom: 15%;
}
.box1 .comparison li:last-child{
	padding-bottom: 0;
}
.box1 .symptom li{
	padding: 5%;
}
.box1 .month li{
	width: 94%;
	margin: 3%;
}
.menuText h3{
	font-size: 110%;
}
.menuText p{
	font-size: 80%;
	text-align: left;
}
#doctor figure img{
  width: 100%;
  padding: 0 35%;
}
.ttl1Box .ttl1{
	font-size: 160%;
}
.osusumeBox .ttl2,.box2 .ttl3,.osusumeBox .ttl3{
	font-size: 120%;
}
.ttl3{
    font-size: 200%;
	margin-bottom: 1%;
}
.osusumeBox p{
	font-size: 90%;
}
.box1 .sTtl2{
	font-size: 120%;
}
.sTtl3 {
	border-radius: 6px;
}
.box1 .sTtl5 {
	font-size: 106%;
}
.box1 .step{
	font-size: 110%;
	padding: 2% 0;
}
.sTtl6,.sTtl7  {
	width: 100%;
	padding: 2%;
}
.btn1 {
	width: 100%;
	padding: 0 25%;
}
.btn1 a {
	font-size: 90%;
}
.linkBtn1{
	width: 90%;
	border-radius: 30px;
	padding: 2% 10%;
	font-size: 100%;
}
.categoly li{
	width: 96%;
	margin: 2%;
}
.linkBox1 li{
	width: 98%;
}
.box1 .table1 th{
  width: 30%;
}
figure{
	padding: 0;
}
.menuBox figure img{
	border: solid 1px #CCC;
}
.rabbit{
	padding: 0 25%;
}
.formBox .formBoxLeft{
	color: #16871c;
	width:100%;
	padding: 1% 2%;
	margin: 0;
	font-size: 1em;
	text-align: left;
	vertical-align: bottom;
	float: left;
}
.formBox .formBoxRight{
	width:100%;
	padding: 1% 2%;
	text-align: left;
	background-color: #EEE;
	float: left;
}
.formBoxRight select{
	width: 24%;
}
form .send1,form .send2{
	width: 96%;
	margin: 0 2%;
	border-radius: 4px;
	padding: 4%;
}
.pl{
	font-size: 0.86em;
	padding: 2%;
}
.time{
	width: 100%;
}
.map{
	height:250px;
}

.box1 .table3 th{
	width: 30%;
	padding:2%;
}
.box1 .table3 th a{
	font-size: 120%;
}
.box1 .text4 h4{
	font-size: 1.3em;
}
.textBox1{
	width: 98%;
	border-radius: 8px;
	padding:3%;
	margin: 1%;
	clear: both;
}

.text1 {
	font-size: 1em;
	line-height: 1.2em;
}
.text3 {
	font-size: 1em;
}
.privasy h3 {
	font-size: 1em;
}
.box2Left h4{
	font-size: 1em;
}
.pc_hid{display: block;}
.coronaBox li,.box1 .caseList,.pointImg,.reserveBox li,.onlineBox1 li,.onlineBox2 li{
	width: 100%;
	padding: 2%;
	float: none;
}
.order1{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	}
.order2{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	}
.mbText{
	padding: 1%;
}
.reserveBox li p{
	margin-bottom: 2%;
}
.banner1{
	padding: 1% 0;	
}
.banner1 li{
	padding: 2% 0;	
}
.denture{
	width: 30%;
}
.tel{
	width: 100%;
	padding: 5% 1%;
	text-align: center;
}
.graph{
	width: 80%;
}
.subBox li h3{
	width: 100%;
	
	text-align: center;
	padding: 1%;
	background-color: #F70;
}
.subBox li h3 a{
	color: #FFF;
	font-weight: bold;
}
.subject{
	font-size: 1.1em;
	line-height: 1.1em;
}
.img,.imgSize2{
	width: 98%;
	float: none;
	margin: 0 1%;
}
.cariesImg,.periodontalImg{
	width: 60%;
	margin: 0 20%;
}
	.box4{
		padding: 3% 0 0 0;
	}
.newsBox .newsBoxLeft,.newsBox .newsBoxRight{
	width:100%;
	box-sizing:border-box;
	padding-bottom: 1%;
	float:none;
	overflow: hidden;
}
.wrap{
	display: block;
}
.box{
	width: 98%;
	margin: 1%;
}
.proBox1,.proBox2{
		margin-bottom: 10%;
	}
.salonBox1,.salonBox2{
	padding: 0 2%;
}
.salonBox1Left h3,.salonBox1Right h3{
	font-size: 1em;
	font-weight: normal;
	padding: 2%;
}
.salonBox1Left p,.salonBox1Right p{
	padding-top:1%;
}
.salonBox1 .salonBox1Left,.salonBox1 .salonBox1Right{
		margin-bottom: 3%;
	}
.boxLeft h3{
	font-size: 1em;
}
.css-br::after {
  content: "\A" ;
  white-space: pre;
}
.spPageLink{
	width: 100%;
  background-color: #f07787;
}
.spPageLink ul{
  width: 100%;
  overflow: hidden;
	margin-bottom: 10%;
}
.spPageLink ul li{
  width: 50%;
  border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	text-align: center;
	padding: 5% 2%;
	float: left;
}
.spPageLink ul li a{
	color: #FFF;
	display: block;
}
.spInfo{
	width: 100%;
	padding: 1% 1% 3% 1%;
}
.spInfo h3{
	color: #306fff;
	font-size: 160%;
	font-weight: bold;
	padding-bottom: 2%;
}
.spInfo address{
	color: #306fff;
	font-weight: bold;
	padding-bottom: 2%;
}
.spInfo p {
	color: #306fff;
	font-weight: bold;
	padding-bottom: 2%;
}
.spInfo p a{
	color: #306fff;
}
.spInfo figure{
  padding: 1% 0;
}
#contact p {
	width:88%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	background: -webkit-gradient(  linear, left top, left bottom, from(#AEA986), to(#847E57));
	background: -moz-gradient(  linear, left top, left bottom, from(#AEA986), to(#847E57));
	margin:8% 4%;
	border: 1px solid #6D6949;
}
.sTtl1 {
    font-size: 120%;
}
	
#contact a {
	font-size: 18px;
	line-height:44px;
	font-weight: bold;
	color: #FFF;
	text-shadow : 2px 2px 2px #666;
	display: block;
	text-decoration:none;
}
	.spul{
		margin-bottom: 5%;
		padding-bottom: 5%;
		border-bottom: solid 1px #CCC;
	}
/*navボタン*/
#spLink{
	width: 100%;
	overflow: hidden;
}
#spLink ul{
	width: 100%;
	
	list-style: none;
}
#spLink li{
	width:50%;
	
	padding:2% 1%;
	float:left;
	text-align:center;
	line-height:50px;
	background-color:#361E0E;
	border:solid 0.1px #FFF;
}
#spLink li a{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
.spLinkBox{
    width: 100%;
    overflow: hidden;
}
.spLinkBanner{
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 1%;
}
.menuBox ul li{
	padding-bottom: 6%;
  margin-bottom: 6%;
	border-bottom: solid 1px #CCC;
}
.menuLink nav li{
	width:100%;
	box-sizing:border-box;
    color:#111;
	text-align:left;
	border-bottom:solid 1px #999;
	padding:4%;
	background:#FFF;
}
.menuLink nav li a{
	color:#333;
	display:block;
	font-size:1em;
	text-decoration:none;
}
#practice{
	width:100%;
	box-sizing:border-box;
	margin:0;

}
#practice li a{
	color:#333;
	display:block;
	font-size:18px;
	text-decoration:none;
}
#practice article:not(.display) {
	display: none;
}
.patient{
	width:98%;
	padding-bottom:20px;
	margin:2% 1%;
	border-bottom:solid 1px #CCC;
	clear:both;
	overflow:hidden;
}
.patient h3{
	color:#F60;
	width:96%;
	padding:1% 2% 0 2%;
}
.patient p{
	padding-top:0;
}
.lImg{
	width:100%;
}
.bMargin{
	margin-bottom:10%;
}
.last{
	margin-bottom:0;
	padding-bottom:0;
}
.benignBox .img{
	width: 94%;
	margin: 2%;
}
.personalBox h3{
	font-size: 1em;
}
.sitemapBox li a{
	font-size: 1em;
}
.newsBoxLeft{
	margin-bottom: 3%;
}
.blogTitle{
	font-size: 16px;
}
.box-inner dl{
	padding-bottom:20px;
	border-bottom:solid 1px #CCC;
}
#mHeader{
	width:100%;
	border-top:solid 5px #007BCB;
	border-bottom:solid 1px #CCC;
}
.box-inner h2{
	font-size:100%;
}
.blogBox .date {
	padding: 0;
	margin: 0;
}
.box-inner .articleTitle{
	background-color:#FFF;
	border-bottom:none;
}
.box-inner {
  border:none;
  overflow:hidden;
}

.box-inner a img{
	width:100%;
	height:auto;
}
.box-inner table {
  width:98%;
  margin:1%;
}
.box-inner th {
  width:20%;
}


.blog{
	width:86%;
	font-size:15px;
	padding:0 5% 7% 5%;
	margin:0 2% 1% 2%;
	border-bottom:solid 1px #CCC;
}
.wp-pagenavi{
	width:90%;
	padding:5%;
}
.box-inner .blogTitle2{
	font-size: 1.2em;
}

.scroll{
	width: 98%;
	padding: 2% 1% 5% 1%;
	margin: 0 2% 5% 0;
	clear: both;
	position: relative;
}
.comment{
	width:92%;
}
.comment:after {
position: inherit;
}
.input1,.input2,.custom-select{
	width: 100%;
	}

}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}