/*背景画像*/
body{
  background-image: url(/wp-content/uploads/pinstripe-light.png);
		background-color:#ffefd6;
}
/*フロントページ画像*/
.front-1{
		margin-top:10px;
	border: solid 8px ;
  border-image-slice: 1; 
	border-image-source:linear-gradient(to right, #e3ffc0, #9dc2f4);
filter:none;
		filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

.post .front-1 img{
		border-radius:0px;
}
/*col3画像*/
.col3 img {
	display: inline-block;
		border-radius:5px;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
		transition: all 0.7s ease-in-out;
}
.col3 img:hover{
		transform: scale(1.05);
		transition: all 0.5s;
		filter: brightness(1.05);
		filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}
#singleImg img{
		border-radius:5px;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}
/*vien画像*/
.vien img{
		
		margin-bottom:20px;
}
/*固定ページの画像*/
.post img{
		border-radius:5px;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}
/*ウィジェットの歯科衛生士募集の画像*/
.shikaeiseishi {
  position: relative;
		transition: all 0.7s ease-in-out;
  }
.shikaeiseishi:hover{
		transform: scale(1.05);
		transition: all 0.5s;
		filter: brightness(1.02);
		filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}
.shikaeiseishi p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
		color: white;/*文字は白に*/
		text-shadow: 2px 2px 3px #000;	
  font-weight: bold; /*太字に*/
  font-size: 1.7em;
  font-family:  'M PLUS 1', sans-serif;
		letter-spacing: 0.30em;
		text-align:center;
		min-width:100%;
		height:auto;
		transition: all 0.7s ease-in-out;
  }
.shikaeiseishi p:hover{
		 color: #00ffff;/*文字は青に*/
		text-shadow: 2px 2px 3px #a9a9a9;
}
@media only screen and (max-width: 980px){
.col3 .shikaeiseishi p{
		font-size: 2.18em;
		
	}
.col3 .shikaeiseishi a{
		color: white;/*文字は白に*/
		text-shadow: 2px 2px 3px #000;	
}		
}

.shikaeiseishi img {
  width: 100%;
		margin-top:10px;
  }
.col3 .shikaeiseishi a{
		color: white;/*文字は白に*/
		text-shadow: 2px 2px 3px #000;	
}
.col3 .shikaeiseishi a:hover{
		 color: #00ffff;/*文字は青に*/
		text-shadow: 2px 2px 3px #a9a9a9;
}
.col3 p.date{
display:none;
}
/*投稿ページのカテゴリーと投稿日を非表示*/
.entry-footer{
display:none;
}

/*ウィジェットのクレジットカードの画像(col3の記述をキャンセルしてホバー時に変化しないように)*/
#creditcard img{
		transition: none;
}
#creditcard img:hover{
		transform: none;
		transition: none;
		filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}
/* フォント */

body,h1,h2,h3,h4 {
  font-family: 'M PLUS 1', sans-serif;
		font-weight:400;
}

/* 見出し */
h1{text-align:initial;}
h1.title{
		font-size:100%;
filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}
h1 {
  color: #00008b;
  text-align: left;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}
h2 {
  color: #6594e0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
		
		
}
.post h2{
		font-size:140%;}
h3 {
		
  position: relative;
  padding: 0.6em;
  background: #e0edff;
		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}

h3::after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
		
}
.col3 h3{
		margin-bottom:20px;}
.post h3{
		border-bottom:none;
position: relative;
  padding: 0.6em;
font-size: 120%;}
h4 {
  position: relative;
  padding: 0.25em 0;
		
}
h4::after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(224, 237, 255), transparent);
  background: linear-gradient(to right, rgb(224, 237, 255), transparent);
}
.textwidget p{
		margin-bottom:20px;}

		
/* ヘッダー
------------------------------------------------------------*/
#mainnav{
		
		
}
#mainnav a{
	color: #ffefd6;
		
	font-family: 'M PLUS 1', serif;
		font-size:120%;
		
}
#logo img{
		width:70%;
		
}
#header{
		background-color: #0f2063;
		
margin-bottom:10px;}


/* ロゴ
------------------------------------------------------------*/


/* フッター
------------------------------------------------------------*/
#footer{
		
		background-image: linear-gradient(#432f2f, #000);
color:#ffefd6;

}
/* ボタン */
.btn001 {
  position: relative;
  width: 100%;
  max-width: 150px; /* ボタンの幅 */
  color: #fff; /* 文字色 */
  font-weight: 600;
  background:#1e90ff; /* 背景色 */
  transition: all 0.5s;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 1em 2em;
	border-radius:10px;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));	
}

/* マウスオーバーした際のデザイン */
.btn001::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  border: 2px solid #1e90ff; /* 枠の色 */
		border-radius:10px;
  transform: scale(1.5,1.5);
  opacity: 0;
  z-index: 1;
		
}
.btn001:hover {
  background: #fff; /* 背景色 */
		color: #1e90ff; /* 文字色 */
		filter: none;
		text-decoration: none;
}
.btn001:hover::after {
  opacity: 1;
  transform: scale(1,1);
		
}
.col3 .btn001{
		color: #fff; /* 文字色 */
}
.col3 .btn001:hover {
  background: #fff; /* 背景色 */
		color: #1e90ff; /* 文字色 */
		filter: none;
}
/* RESPONSIVE 設定
------------------------------------------------------------*/
@media only screen and (min-width: 800px){
		#mainnav a{
				color:#ffefd6;
		}
		section#toppage{
				margin-top:-40px;
		}
}

#logo {
		
		background:  #0f2063;
		
		
}

@media only screen and (min-width: 981px){
#mainnav{
		
		
	}
		section#toppage{
				margin-top:-40px;
		}
}

#logo {
		
		background-color: #0f2063;
}
	#mainnav li:hover ul{
  	display: block;
		position: absolute;
		top: 25px;
		left: 0;
		z-index: 500;
		background: rgba(15,32,99,.7)
}
@media only screen and (max-width: 980px){
#mainnav{
		display: none;
		
	}
}

@media only screen and (max-width: 799px){

#mainnav{
		display: none;
		}}
@media only screen and (max-width: 799px) {
    #headerWrap {
        position: relative;
        width: 100%;
        height: 70px;
        background:  #0f2063;
        border-bottom: 0px solid #ccc;
    }
}

/* スライダー 設定
------------------------------------------------------------*/
#slider{
margin-bottom:10px;
margin-top:40px;
		
}
/* カレンダー
------------------------------------------------------------*/
.xo-event-calendar{
background-color:#fff;
color:#000;
padding:0px 5px 0px 5px;
		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
		border-radius:5px;
}
/* パンくず
------------------------------------------------------------*/
div.breadcrumbs {
  max-width: 1000px;
  margin:20px auto;
}