@charset "UTF-8";
/*
Theme Name: minidora
Theme URI: /wp-content/themes/minidora
Description: 篠崎歯科医院のサイトです
Author: me
Author URI:
Version: 1.0

1.  common settings
2.  sp common settings
3.  header settings
4.  index settings
5.  page settings
6.  single settings
7.  sidebar settings
8.  footer settings
9.  pagination
10.  form setting
11.  page-top Styles
12.  Other Styles

*/



/*==================================================================
	common settings
===================================================================*/

html {
	font:  14px / 20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;
	letter-spacing:0.1em;
}
body{
	overflow-x: hidden;
	color:#111;
	letter-spacing:0.1em;
}
h1,h2,h3,h4,h5,p,a,span,strong,dl,dt,dd,table,tbody,thead,th,td,blockquote,ul,li,ol {
	font-family:  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;
	font-weight:500;
}

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

}

@media screen and (max-width : 960px) {
	.hidden-medium{
		display:none;
	}
}
@media screen and (min-width : 960px) {
	.visible-medium{
		display:none;
	}
}
.uk-grid.uk-grid-collapse {
	margin-left: 0;
}
.uk-grid.uk-grid-collapse >* {
	padding-left: 0;
}
.uk-h1, h1 {
	font-size: 10px;
	line-height: 30px;
	margin:0 ;
	color:#fff;
	padding:0;
}
h2 {
	margin:15px 0 0 0;
	font-size: 18px;
}
p, li, dt, dd,th,td{
	font-size: 14px;
	line-height:180%;
}
a {
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
	text-decoration:underline;
	color:#f66868;
}
a img:hover {
	opacity: 0.6;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
@media screen and (max-width : 767px){
	p, li, dt, dd th,td{
		font-size: 14px;
		line-height:160%;
	}
	.uk-container{
		padding:0;
	}
	.uk-container p,
	.uk-container li,
	.uk-container dt,
	.uk-container dd{
		padding:0 15px;
	}

}




/* margin,padding
-------------------------------------------------------------------*/
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 1.5em;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb80 {
	margin-bottom: 80px;
}

.mb100 {
	margin-bottom: 8em;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt40{
	margin-top: 40px;
}
.mt60{
	margin-top: 60px;
}
.mt80{
	margin-top: 80px;
}
.pb0{
	padding-bottom:0;
}
.pb20{
	padding-bottom:20px;
}
.pb30{
	padding-bottom:30px;
}
.pt80{
	padding-top:80px;
}
.pt30{
	padding-top:30px;
}
.pb80{
	padding-bottom:80px;
}
.pt0{
	padding-top:0;
}
.pBox15{
	padding:15px;
}
.pcmb80{
	margin-bottom:80px;
}
.pcmt80{
	margin-top:80px;
}
@media screen and (max-width : 767px){
	.mb60{
		margin-bottom:30px;
	}
	.mb80{
		margin-bottom:40px;
	}
	.pcmb80{
	margin-bottom:0;
	}
	.pcmt80{
		margin-top:0;
	}
	.mb100{
		margin-bottom:50px;
	}
}


/*bgcolor
-------------------------------------------------------------------*/
.bg-top {
	background:#f6f3ec;
	padding:80px 0;
	margin-bottom:80px;
}
@media screen and (max-width : 767px){
	.bg-top {
		padding:40px 0 0;
		margin-bottom:0;
	}


}

/* font style
-------------------------------------------------------------------*/
.red{
	color:#f04148;
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
.strong,
strong{
	font-weight:bold;
	color:#f49894;
	font-size:15px;
}
.fonts{
	font-size:12px;
	color:#666;
}
@media screen and (max-width : 767px){
	.f16{
		font-size:13px;
	}

}

/* table sheet style
-------------------------------------------------------------------*/

table.sheet {
	border-collapse:collapse;
	border-spacing:0px;
	border-bottom: none;
	margin-bottom:10px;
	width:100%;
	background:#FFF;
}
.sheet th, .sheet td {
	padding: 15px 15px;
	text-align: left;
	line-height:1.5em;
	vertical-align:middle;
	background: #f7f7f7;
}
.sheet th {
	background: #5dc3bf;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.sheet tr {
	border-bottom:2px solid #fff;
}
.sheet td img {
	vertical-align:middle;
}

table.price{
	border:none;
}
table.price th,
table.price td{
	font-size:13px;
	padding:5px 10px;
	background:none;
	border:none;
}
table.price td{
	width:40%;
	text-align:right;
}
table.price td.fonts{
	width:100%;
	text-align:left;
	font-size:12px;
	color:#666;
}
table.price tr{
	border-bottom:1px solid #ccc;
}

@media screen and (max-width : 767px){
	table.sheet {
		border-right: none;
		border-left: none;
	}
	table.sheet th{
		border-left: none;
	}
	table.sheet td{
		border-right: none;
		padding:5px ;
	}
	.sheet ul{
		padding-left:20px;
	}
	.uk-container .sheet ul li{
		padding:0 5px;
	}
}

	/* table 横スクロール style
-------------------------------------------------------------------*/
@media screen and (max-width : 767px){
	.scroll{
		overflow:auto;
		white-space:nowrap;
	}
	.scroll::-webkit-scrollbar{
		height:5px;
	}
	.scroll::-webkit-scrollbar-track{
		background:#f1f1f1;
	}
	.scroll::-webkit-scrollbar-thumb{
		background:#bcbcbc;
	}
}

/* more style
-------------------------------------------------------------------*/
.more{
	margin:0 auto 0;
	text-align:center;
}
.more a{
	display:block;
	padding:12px 15px;
	margin:0;
	text-align:center;
	color:#f39894;
	font-size:16px;
	font-weight:bold;
	background:#fff url(./img/btn.png) no-repeat 30px center;
	border-radius:5px;
	line-height:150%;
	text-decoration:none;
	border:solid 2px #f39894;
}
.more a span{
	font-size:10px;
}
.more a:hover{
	text-decoration:none;
	background:#f39894 url(./img/btn2.png) no-repeat 30px center;
	color:#fff;
}

.more2{
	margin:0 auto 0;
	text-align:center;
}
.more2 a{
	display:inline-block;
	padding:8px 5em;
	margin:0;
	text-align:center;
	color:#f39894;
	font-size:14px;
	font-weight:bold;
	background:#fff url(./img/btn.png) no-repeat 30px center;
	text-decoration:none;
	border:solid 2px #f39894;
	border-radius:5px;
}
.more2 a:hover{
	text-decoration:none;
	background:#f39894 url(./img/btn2.png) no-repeat 30px center;
	color:#fff;
}


/* cv
-------------------------------------------------------------------*/
.cv{
	padding:80px 0;
}
@media screen and (max-width : 960px){
	.cv{
		padding:40px 0 ;
	}
}
@media screen and (max-width : 767px){
	.cv{
		padding:30px 0 ;
	}
}


/* cv 診療時間
-------------------------------------------------------------------*/
.access-time{
	background:#fff;
}
.sheet-time {
	width:100%;
}
.sheet-time th,
.sheet-time td{
	color:#444;
	padding:12px 10px;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}
.sheet-time th{
	text-align:center;
	background:#60c3bf;
	color:#fff;
	letter-spacing:2px;
}
.sheet-time td{
	text-align:center;
	width:9%;
	border-bottom:1px solid #fff;
	background:#f7f7f7;
}
.sheet-time th:first-child,
.sheet-time td:first-child{
	text-align:left;
}
.about_time{
	font-size:12px;
	color:#666;
	text-align:right;
	font-weight:bold;
	margin:8px 0;
	margin-right:15px;
}

.about_address{
	margin:0;
	font-size:12px;
	color:#666;
	letter-spacing:2px;

}
.about_address a{
	color:#666;
	background:url(./img/btn4.png) no-repeat 94% center;
	padding-right:60px;
	text-decoration:none;
}
.about_address a:hover{
	color:#f66868;
	background:url(./img/btn4.png) no-repeat right center;
}

.about_access{
	font-size:13px;
	color:#666;
	letter-spacing:3px;
}
.about_access span{
	display:inline-block;
	font-size:14px;
	background:#f7f7f7 url(./img/icon3.png) no-repeat 15px center;
	padding:10px 15px 10px 50px;
	margin-right:15px;
	font-weight:bold;
}

@media screen and (max-width : 767px){
	.about_address{
		text-align:center;
		margin:30px 0 60px;
	}
	.about_time{
		margin-right:0;
	}
	.about_logo{
		text-align:center;
	}
	.about_access{
		text-align:center;
	}
	.about_access span{
		display:block;
		margin:0 0 15px 0;
	}
}

/* cv tel
-------------------------------------------------------------------*/
.access-tel p{
	margin:30px 0 10px;
}
.access-tel p a{
	display:block;
	color:#444;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
}
.access-tel p a span{
	font-size:10px;
	letter-spacing:0.2px;
	margin-right:10px;
	color:#666;
}

@media screen and (max-width : 767px){
	.access-tel p{
		margin:15px 0 0;
	}
	.access-tel p a{
		text-align:center;
		display:block;
	}
}


/*==================================================================
	sp common settings
===================================================================*/
/* sp menu
-------------------------------------------------------------------*/
.uk-offcanvas-bar{
	background:#60c3bf;
}
.uk-nav-offcanvas>li>a{
	background-size:6px;
	padding-left:35px;
	color:#fff;
	border-bottom:1px dotted rgba(255,255,255,0.4);
	font-size:14px;
	background:url(./img/btn2.png) no-repeat 15px center/5px;
}
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{
	background:rgba(255,255,255,0.2) url(./img/btn2.png) no-repeat 15px center/5px;
}

/* sp contactbtn
-------------------------------------------------------------------*/
#sp-contact{
	position: fixed;
	bottom: 0;
	right: 0;
	width:100%;
	z-index:100;
	overflow:hidden;
	margin:0;
	padding:0;
}
#sp-contact li{
	float:left;
	width:33.3333333333%;
	margin:0;
	list-style:none;
}
#sp-contact li a{
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0 12px 0;
	border-right:solid 1px #fff;
	font-size:11px;
	text-align:center;
	height:24px;
	background:#f39894;
}
#sp-contact li:last-child a{
	border-right:none;
}
#sp-contact li a i{
	color:#fff;	
}
@media screen and (max-width : 767px){
	body{
		padding-bottom:14%;
	}
}


/*==================================================================
	header settings
===================================================================*/

/* header
-------------------------------------------------------------------*/
header{
	background:#fff;
	border-top:solid 10px #f39894;
}
header h1{
	font-size:10px;
	color:#999;
	line-height:180%;

}
header h1 img{
	float:left;
	margin-right:15px;
}
.header_spBtn {
	padding: 15px 15px;
	font-size: 26px;
	background:none;

}
@media screen and (max-width : 960px){
	.uk-button:hover{
		background:none;
	}
	.sp_logo{
		padding:15px;
	}
}
@media screen and (max-width : 767px){
	header{
		padding:0;
	}
	.sp-arrows{
		display:none;
	}
	
	.header_spBtn {
		top:10px;
		z-index:2000;
	}
}


/* navigation
-------------------------------------------------------------------*/
.uk-navbar-nav{
	float:right;
}
.uk-navbar{
	background:none;
	padding: 0;
}
.nav_area {
	width: 100%;
	z-index:20000;
}
.nav_items{
	width:100%;
}
.nav_items > li {
	box-sizing: border-box;
	text-align:center;
	width:20%;
}
.nav_items > li > a,
.nav_items > li > span.nolink{
	display:block;
	padding:8px 40px;
	text-decoration:none;
	color:#444;
	margin:20px 0 10px 0;
	border-right:1px solid #ebebeb;
}
.nav_items > li:first-child a{
	border-left:1px solid #ebebeb;
}
.nav_items li a:hover,
.nav_items > li > span.nolink:hover {
	background:rgba(200,200,200,0.3);
}






/* nav　text　切り替え
-------------------------------------------------------------------*/
.navimg{
	position: relative;
	display: inline-block;
	padding:0;
	color: #fff;
	text-decoration: none;
	outline: none;
	font-family: "ヒラギノ明朝 Pro","HG明朝","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-align:center;
}
.navimg::after {
	position: absolute;
	top: -3px;
	left: 0;
	content: attr(data-hover);
	padding: 0;
	color: #fff;
	transform: scale(.3);
	transition: all .4s;
	opacity: 0;
	height:100%;
	width:100%;
}
.navimg span {
	display: block;
	transition: all .4s .2s;
}
.navimg:hover::after {
	transform: scale(1);
	transition: all .4s .2s;
	opacity: 1;
}
.navimg:hover span {
	transform: scale(.3);
	transition: all .4s;
	opacity: 0;
}


/*------------------------------------------------------------------
	Nav Styles シンプルプルダウン
-------------------------------------------------------------------*/
#nav ul li ul{
	list-style: none;
	position: absolute;
	top: 71px;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
	width:100%;
	z-index:200;
}
#nav ul li:last-child ul{
	width: 100%
}
#nav ul li ul li{
	overflow: hidden;
	height: 0;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	background:none;
}

#nav ul li  ul li a{
	padding: 10px 10px ;
	text-align: left;
	display:block;
	font-size:13px;
	line-height: normal;
	height:auto;
	color: #444;
	text-decoration:none;
 	background:rgba(248,217,208,0.9) url(./img/btn.png) no-repeat 10px center;
	padding-left:30px;
	border:none;
}
#nav ul li  ul li:first-child a{
	border-top:none;
}
#nav ul li  ul li a:hover{
 	background: rgba(243,152,148,0.9) url(./img/btn2.png) no-repeat 10px center;
	color:#fff;
}
#nav ul li:hover ul li{
	overflow: visible;
	height: auto;
	z-index:1000;
}

#nav ul li ul li a{
	border-right: none;
}





/* メガメニュー
-------------------------------------------------------------------*/
i{
	color:#60c3bf;
}
a:hover i{
	color:#fff !important;
}



/*==================================================================
	index settings
===================================================================*/
/* keyv
-------------------------------------------------------------------*/
.slider-pro{
	position:relative;
}
.keyv-txt{
	position:absolute;
	top:50%;
	left:10%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:100;
}
.sp-buttons{
	padding-top:30px;
}
.sp-button{
	border:none;
	background:#eeeeee;
	width:11px;
	height:11px;
	margin:0 10px;
}
.sp-selected-button{
	background:#f8cbbf;
}
@media screen and (max-width : 960px){
	.keyv-txt{
		left:30px;
		}
}
@media screen and (max-width : 767px){
	.keyv{
		padding: 0;
	}
}

/*サムネイルのポインターの色を変える*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-color: #124e96;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  color: #124e96;
}

/*縦スライド時の矢印の位置*/
.sp-vertical .sp-previous-arrow {
  top: 0;
}
.sp-vertical .sp-next-arrow {
  bottom: 0;
}


/* top-title style
-------------------------------------------------------------------*/
.top-title {
	font-size:20px;
	color:#333;
	font-weight:bold;
	letter-spacing:5px;
	margin:80px auto 0;
	text-align:center;
	background:url(./img/icon.png) no-repeat center center;
}
.top-title span{
	display:block;
	font-size:10px;
	color:#666;
	font-weight:bold;
	letter-spacing:3px;
	margin-top:35px;
}
.top-title2 {
	font-size:20px;
	color:#333;
	font-weight:bold;
	letter-spacing:5px;
	margin:0 auto 30px;
	text-align:center;
}
@media screen and (max-width : 960px){

}
@media screen and (max-width : 767px){
	.top-title {
		font-size:15px;
		letter-spacing:3px;
		margin:60px 0 0;
		padding:0 10px;
		letter-spacing:2px;
	}
}



/* top_about
-------------------------------------------------------------------*/
.about_bg{
	background:url(./img/top_about.png) no-repeat 10% center;
	padding:60px 0 100px 0;
}
.top_txt{
	margin-bottom:60px;
}
.top_txt p{
	font-weight:bold;
	color:#444;
	font-size:14px;
}
@media screen and (max-width : 960px){
	.about_bg{
		background:url(./img/top_about.png) no-repeat -30px center;
		padding:40px 0 80px 0;
	}
}
@media screen and (max-width : 767px){
	.about_bg{
		background:url(./img/top_about.png) no-repeat center bottom;
		padding:20px 0 460px 0;
	}
	.top_txt p{
		font-weight:500;
	}
	.top_txt{
		margin-bottom:30px;
	}
	.about_bg .more a{
		font-size:13px;
	}
}

/* topmenu list
-------------------------------------------------------------------*/
.top_menu{
	background:#f8d9d0 url(./img/icon2.png) no-repeat center 40px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
.top_menu a{
	display:block;
	padding:0;
	text-decoration:none;
	text-align:center;
}
.top_menu h3{
	margin:0;
	margin-top:15px;
}
.top_menu h3 span{
	font-weight:bold;
	font-size:15px;
	color:#555;
	letter-spacing:1px;
	display:block;
	padding:60px 15px 50px;
	line-height:220%;
}
.top_menu:hover{
	background:#f39894 url(./img/icon2.png) no-repeat center 40px;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
.top_menu a:hover h3 span{
	color:#fff;
}


@media screen and (max-width : 960px){
	.top_menu h3 span{
		padding:60px 15px 40px;
	}
}
@media screen and (max-width : 767px){
	.top_menu h3 span{
		font-size:13px;
	}
}



/*==================================================================
	page settings
===================================================================*/
/* 固定ページ
-------------------------------------------------------------------*/
.contents {
	max-width:1000px;
	margin:0 auto 80px;
}
@media screen and (max-width : 960px){
	.contents {
		margin:0 auto 60px;
	}
}
@media screen and (max-width : 767px){
	.contents {
		margin:0 auto 40px;
	}
}



/* page_ttl
-------------------------------------------------------------------*/

.page_ttl_txt,
.title {
	font-size:22px;
	color:#333;
	font-weight:bold;
	letter-spacing:5px;
	margin:20px auto 60px;
	text-align:center;
	padding:30px 10px 10px 10px;
	background:url(./img/icon.png) no-repeat center top;
}


.title1 {
	background:#f7f7f7 url(./img/icon3.png) no-repeat 15px center;
	font-size:16px;
	margin:0 0 30px 0;
	padding:10px 15px 10px 50px;
	color:#333;
	font-weight:bold;
	letter-spacing:3px;
	border-top:solid 3px #f49894;
}

.title2 {
	color:#444;
	font-size:15px;
	margin:0 ;
	border-bottom:solid 2px #ddd;
	border-top:solid 2px #ddd;
	padding:8px 15px;
	margin-bottom:30px;
	font-weight:bold;
	position:relative;
	letter-spacing:3px;
}

.title3 {
	font-size:13px;
	padding:5px 10px;
	font-weight:bold;
	color:#333;
	background:#f7f7f7;
	position:relative;
	letter-spacing:3px;
	border-left:solid 4px #5dc3bf;
}

@media screen and (max-width : 767px){
	.contents{
		padding:0;
		background:none;
	}
	.page_ttl_txt,
	.title {
		margin:30px 0 ;
		line-height:200%;
		font-size:17px;
	}
	.uk-container p.title1{
		padding:8px 15px;
	}
	.uk-container p.title2{
		padding:7px 5px 7px 15px;
	}
	.uk-container p.title3{
		padding:5px 10px;
	}
	.title1 {
		font-size:15px;
	}
	.title2 {
		font-size:14px;
		padding:10px;
	}

}


/* bl
-------------------------------------------------------------------*/

.bl{
	padding: 5px 15px;
	margin:0 0 60px 0;
	background:#f7f7f7;
	text-align:right;
}

.bl a,
.bl{
	color:#666;
	font-size:12px;
}
.bl ul{
	margin:0 auto;
}
.bl ul li{
	font-size:12px;
}
.uk-breadcrumb>li:not(.uk-active)>span{
	color:#666;
	font-size:12px;
}

@media screen and (max-width : 767px){
	.bl{
		margin:0 ;
	}
}


/* list style
-------------------------------------------------------------------*/
ul.list{
	padding-left:30px;
}
ul.list li{
	list-style:url(./img/list.png);
	padding-left:5px;
}
ul.list li a{
	font-weight:bold;
	font-size:14px;
}


/* menu page (固定ページ)
-------------------------------------------------------------------*/
.menu_sub{
	text-align:center;
	font-size:16px;
	font-family: "ヒラギノ明朝 Pro","HG明朝","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding:20px 0;
}
.menu_page h2{
	margin:0;
}
.menu_page p{
	margin:0 0 15px 0;
	font-size:13px;
}
.menu_page img{
	width:100%;
}



/*==================================================================
	single settings
===================================================================*/
/* 投稿ページアーカイブ
-------------------------------------------------------------------*/
.archivelist,
.single{
	padding:0 15px;
}

@media screen and (max-width : 960px){
	.archivelist,
	.single{
		padding:0 ;
	}
}

/* サムネイル付き
----------------------------*/
.Box a{
	display:block;
	border:1px solid rgba(255,255,255,0);
	overflow:hidden;
	text-decoration:none;
	color:#111;
	margin-bottom:30px;
	background:#f6f6f5;
}
.Box a img{
	float:left;
	width:25%;
	margin-right:30px;
}
.Box_right{
	padding:20px;
}
.Box_right h2{
	font-weight:bold;
	font-size:18px;
	margin:10px 0;
	color:#444;
}
.i-cat{
	display:inline-block;
	color:#fff;
	font-size:12px;
	padding:0 12px;
	text-align:center;
	line-height:160%;
	background:#f49894;
}
p.Box-txt{
	font-size:14px;
	letter-spacing:0.1px;
}
.Box a:hover{
	border:1px solid #ad9c87;
	background:#eee;
}

/* サムネイルなし
----------------------------*/
.Box2{
	padding:30px;
	margin-bottom:40px;
	background:#f6f6f5;
}
.Box2 h2.single_ttl{
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 1px #444;
	margin-bottom:20px;
	padding:0 5px 10px 5px;
	color:#444;
}

@media screen and (max-width : 767px){
	.Box a{
		margin-bottom:0;
		border:none;
		border-bottom:1px dotted #c0bfbc;
		background:#fff ;
	}
	.Box a img{
		width:30%;
		margin-right:15px;
	}
	.Box_right{
		padding:10px 15px;
	}
	.Box_right h2{
		font-size:14px;
		margin:5px 0;
	}
	.Box a:hover{
		border:none;
		border-bottom:1px dotted #c0bfbc;
	}
	.uk-container .Box_right p{
		padding:0;
		margin-bottom:5px;
	}
	.i-cat{
		font-size:10px;
	}
	.Box2{
		margin-bottom:0;
		border:none;
		border-bottom:1px dotted #c0bfbc;
		background:none;
		padding:0;
	}
	.Box2 h2.single_ttl{
		font-size:14px;
		margin-bottom:15px;
		padding:0 10px 5px 10px;
		border:none;
	}
	.single_more .more2 a{
		padding:10px 15px;
	}
}



/* Top news list　（サムネイル）付き
-------------------------------------------------------------------*/
.line-list{
	padding:0;
	list-style:none;
	max-width:1000px;
	margin:0 auto 40px;
}
.line-list li{
	margin:0;
}
.line-list li a {
	text-decoration:none;
	color:#111;
	display:block;
	font-size:13px;
	background:#fff;
	position:relative;
	height:100%;
	overflow:hidden;
	border-bottom:1px solid rgba(202,197,192,0.6);
	padding:15px;
}
.line-list li a h3{
	font-size:14px;
	margin:0;
	padding:0;
	display:inline-block;
}
.line-list li a:hover {
	background:#f6f6f5;
}
.date{
	color:#888;
	font-size:11px;
	padding:0;
}
span.new{
	color:#ebd72e;
	font-size:10px;
	margin-bottom:5px;
	font-weight:bold;
}
.cat{
	display:inline-block;
	color:#fff;
	font-size:12px;
	padding:0 2px;
	margin-right:10px;
	width:7em;
	text-align:center;
	margin:0 15px;
}
.i-news{
	background:#60c3bf;
}
.i-blog{
	background:#f39894;
}

@media screen and (max-width : 960px){
	.line-list{
		margin:0 auto 40px;
	}

}
@media screen and (max-width : 767px){
	.uk-container .line-list li{
		padding:0;
	}
}

/* blog list
-------------------------------------------------------------------*/
.line-list2{
	padding:0;
	margin:0 0 15px 0;
	list-style:none;
	overflow:hidden;
}
.line-list2 li{
	margin:0;
	width:32%;
	margin-right:2%;
	float:left;
	background:#fff;
	position:relative;
}
.line-list2 .i-blog{
	position:absolute;
	top:0;
	left:0;
}
.line-list2 .news-title{
	font-size:13px;
	padding: 5px;
	margin:0;
}
.line-list2 p.date{
	text-align:right;
	padding:0 5px;
	margin:0;
	font-size:10px;
	color:#666;
}


.line-list2 li a{
	color:#444;
	display:block;
	padding-bottom:10px;
}
.line-list2 li a:hover{
	text-decoration:none;
	background:#e5e3de;
}
.line-list2 li a img:hover{
	opacity:1;
}
.line-list2 li:last-child{
	margin-right:0;
}
.clearfix{
	clear:both;
}

@media screen and (max-width : 767px){
.line-list2 li{
	margin:0 0 10px 0;
	width:49%;
	margin-right:2%;
}
.line-list2 li:nth-child(even){
	margin-right:0;
}
.line-list2 li a{
	min-height:11em;
}
}






/*==================================================================
	sidebar settings
===================================================================*/
/* Bizカレンダー
-------------------------------------------------------------------*/
#biz_calendar{
	max-width:100%!important;
	margin-bottom:20px!important;
}
#biz_calendar table.bizcal{
	border:none!important;
}
#biz_calendar p{
	font-size:12px;
	color:#333;
}
#biz_calendar table.bizcal{
	margin-top:0!important;
}
#biz_calendar table.bizcal td{
	color:#333!important;
	font-size:12px;
}
#biz_calendar table.bizcal th{
	font-size:12px;
	background:#f0ebe1!important;
}
#biz_calendar table.bizcal th:first-child{
	color:#ff8800!important;
}
#biz_calendar table.bizcal th:nth-last-of-type(1){
	color:#0e75ba!important;
}
#biz_calendar p span.boxholiday,
#biz_calendar table.bizcal .holiday{
	background:#ffd8ad!important;
}
#biz_calendar p span.boxeventday,
#biz_calendar table.bizcal .eventday{
	background:#c9ba9f!important;
}
@media screen and (max-width : 767px){
	.uk-container li#bizcalendar-2{
		padding:0;
	}
	.uk-container p.side_nav_ttl{
		padding:8px 5px;
	}
}

/* side menu
-------------------------------------------------------------------*/
.side_nav{
	margin-bottom:20px;
}
.side_nav a{
	color:#111;
}
.side_nav_ttl {
	background:#5dc3bf;
	padding:8px 5px;
	text-align:center;
	color:#fff;
	letter-spacing:0.2em;
	font-size:14px;
	margin:0;
}
.side_nav_ttl a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

@media screen and (max-width : 767px){
	.side_nav{
		margin-bottom:0;
	}
	.uk-container li.side_nav_ttl{
		padding:10px 5px;
	}
}


/* side menu list
-------------------------------------------------------------------*/

.side_nav_item ul {
	padding:0;
	border-top:none;
}

.side_nav_item ul li {
	border-bottom: 1px solid #fff;
	position:relative;
}
.side_nav_item ul li:last-child{
	border-bottom:none;
}
.side_nav_item ul li a {
	background: #f6f6f5;
	padding:10px 15px;
	font-size:12px;
	line-height:160%;
}
.side_nav_item ul li a:hover {
	background: #eee;
}

@media screen and (max-width : 767px){
	.uk-container li.side_nav_item,
	.uk-container li.side_nav_item li{
		padding:0;
	}
	.side_nav_item ul {
		border:none;
	}
	.side_nav_item ul li a {
		background: #f6f6f5;
	}
	.side_nav_item ul li a:hover {
		background: #fff;
	}
}



/* side menu list 3層目
-------------------------------------------------------------------*/
.side_nav_item ul li ul{
	  padding:0;
		border:none;
  }
.side_nav_item ul li ul li{
      border:none;
  }
.side_nav_item ul li ul.children a{
	background: #fff;
	padding:5px 15px 5px 40px;
	border-top:1px dotted #EFEEEB;
  }
.side_nav_item ul li ul.children a:hover {
	background: #EFEEEB;
	color:#444;

}




/* side cv
-------------------------------------------------------------------*/
.side-contact{
	position: relative;
}
.sn-btn1{
	position:absolute;
	bottom: 8%;
	width: 84%;
	left:8%;
}
.sn-btn2{
	position:absolute;
	bottom: 5%;
	width: 90%;
	left:5%;
}





/*==================================================================
	footer settings
===================================================================*/
footer{
}
.footer-sitemap{
	padding:40px 0 60px;
}
.footer-sitemap p{
	margin:0;
}
.footer-sitemap ul{
	padding:0;
	margin:0;
	list-style:none;
	line-height:120%;
}
.footer-sitemap ul li{
	line-height:130%;
}
.footer-sitemap ul li a{
	background: url(./img/btn.png) no-repeat 0 50%;
	background-size:5px;
	padding-left:12px;
	color:#666;
	font-size:12px;
	text-decoration:none;
	line-height:200%;
}
.footer-sitemap ul li span.footer_ttl{
	color:#666;
	line-height:220%;
	font-weight:bold;
	font-size:12px;
}
.footer-sitemap ul li ul{
	padding-left:5px;
}
.footer-sitemap ul li ul li a{
	padding-left:12px;
	color:#666;
	font-size:12px;
	background: url(./img/btn.png) no-repeat 0 50%;
	background-size:5px;
	line-height:200%;
}
.footer-sitemap ul li a:hover{
	text-decoration:underline;
	color:#ee5845;
}



@media screen and (max-width : 767px){
	.footer-sitemap{
		padding:15px 0;
	}
	.footer-sitemap ul li a{
		display:block;
		padding:5px 5px 5px 20px;
	}
	.footer-sitemap ul li ul{
		padding:0;
	}
	.footer-sitemap ul li ul li{
		float:left;
		width:50%;
		padding: 0;
	}
	.footer-sitemap ul li ul li a{
		display:block;
		padding:5px 5px 5px 20px;
	}
	.footer-sitemap ul li a,
	.footer-sitemap ul li ul li a{
		background: url(./img/btn.png) no-repeat 0 50%;
		background-size:5px;
		padding-left:15px;
	}
	.footer_menu li{
		float:left;
		width:40%;
	}
}

/* sign
-------------------------------------------------------------------*/
.footer_sign{
	background:#f8d9d0;
}
.footer_sign p {
	color: #444;
	font-size:11px;
	text-align:center;
	padding:5px 0 ;
	margin:0;
}

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

}


/*==================================================================
  pagination setting
===================================================================*/

.pagination {
	width: 100%;
	height: 100px;
	text-align: center;
	z-index: 200;
  list-style-type: none;
	padding:0;
}
.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}


/* 色変更箇所*/
.pagination a {
  font-weight: 500;
  padding-top: 1px;
  text-decoration:none;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #666;
  background-color: #f7f7f7;
}

/* 色変更箇所*/
.pagination li:not([class*="current"]) a:hover {
  background-color: #60c3bf;
	color:#fff;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

 /* 色変更箇所*/
.pagination li.current a {
 background-color: #60c3bf;
 cursor: default;
 pointer-events: none;
	color:#fff;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and ( max-width: 767px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
	.uk-container .pagination li{
		padding:0;
	}
  .pagination li.previous a { border-left-width: 1px; }
}






/*==================================================================
  form setting
===================================================================*/
table.contactform{
	margin-bottom:40px;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="radio"],
input[type="checkbox"],
input[type="number"],
label,
button {
	cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
}
input[type="hidden"] {
	*float: left;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	font-family:  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;
    font-size: 100%;
    outline: none;
	-webkit-appearance: none;
}
input[type="number"]{
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
}

*[class*="disabled"],
*:disabled {
    cursor: default !important;
}
.wpcf7-text{
    width: 95%;
    margin: 5px 0;
    border: 1px solid #DDDDDD ;
    border-radius: 3px;
    background: #fff;
    outline: none;
	padding:2px 5px;
}
.wpcf7-email{
    width: 95%;
    margin: 5px 0;
    border: 1px solid #DDDDDD ;
    border-radius: 3px;
    background: #fff;
    outline: none;
}
.wpcf7-date{
    width: 95%;
    margin: 5px 0;
    border: 1px solid #DDDDDD ;
    border-radius: 3px;
    background: #fff;
    outline: none;
}
textarea {
    width: 99%;
    margin: 5px 0;
    border: 1px solid #DDDDDD ;
    border-radius: 3px;
    background: #fff;
    outline: none;
}
.indispensable{
  font-size:12px;
  color:red;
  font-weight:bold;
}

input[type="text"].wpcf7c-conf{
  border:none !important;
  background-color: #FFFFFF !important;
	padding:2px 5px;
}
input[type="tel"].wpcf7c-conf {
  border:none !important;
  background-color: #FFFFFF !important;
	padding:2px 5px;
}
input[type="email"].wpcf7c-conf {
  border:none !important;
  background-color: #FFFFFF !important;
	padding:2px 5px;
}
textarea.wpcf7c-conf {
  border:none !important;
  background-color: #FFFFFF !important;
	padding:2px 5px;
}
select.wpcf7c-conf {
  border:none !important;
  background-color: #FFFFFF !important;
}
checkbox.wpcf7c-conf {
  border:none !important;
  background-color: #FFFFFF !important;
}

#back{
	display:inline-block;
	padding:8px 5em;
	margin:0;
	text-align:center;
	color:#ee5845;
	font-size:14px;
	font-weight:bold;
	background:rgba(255,255,255,0.9);
	text-decoration:none;
	border:solid 1px #ee5845;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
#confirm{
	display:inline-block;
	padding:8px 5em;
	margin:0;
	text-align:center;
	color:#ee5845;
	font-size:14px;
	font-weight:bold;
	background:rgba(255,255,255,0.9);
	text-decoration:none;
	border:solid 1px #ee5845;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
input[type="submit"]{
	display:inline-block;
	padding:8px 5em;
	margin:0;
	text-align:center;
	color:#ee5845;
	font-size:14px;
	font-weight:bold;
	background:rgba(255,255,255,0.9);
	text-decoration:none;
	border:solid 1px #ee5845;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
#confirm:hover{
	text-decoration:none;
	background:#ee5845;
	color:#fff;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
#back:hover{
	text-decoration:none;
	background:#ee5845;
	color:#fff;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
input[type="submit"]:hover{
	text-decoration:none;
	background:#ee5845;
	color:#fff;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}


/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
	background:#fff;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #e52d19;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #e52d19;
  border-right: 3px solid #e52d19;
}


/*==================================================================
 *  page-top Styles
===================================================================*/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 0;
	font-size: 77%;
}
#page-top a {
	background: url(./img/pagetop.png) no-repeat 0 0;
	z-index:10;
	text-indent:-5000px;
	text-decoration: none;
	color: #fff;
	width: 72px;
	padding: 30px 0;
	text-align: center;
	display: block;
}




/*==================================================================
 *    Other Styles
===================================================================*/
/*	text box
-------------------------------------------------------------------*/
.sBox{
	padding:15px 30px;
	background:#f6f3ec;
	margin:10px 0;
}

@media screen and (max-width : 768px){
	.sBox{
		padding:15px 0;

	}
}



/*	accordion
-------------------------------------------------------------------*/
#accordion{
	padding:0;
}
#accordion li{
	list-style:none;
}
.archive{
	background:#f9d9d0 url(./img/icon3.png) no-repeat 15px center;
	color:#111;
	padding:15px 15px 15px 50px;
	border-bottom:2px solid #fff;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
}
.subMenu{
	padding:15px 15px 15px 35px;
	color:#444;
}

/* faqlist
-------------------------------------------------------------------*/

.faqlist dt{
	background: #f5f8eb url(./img/top-menu.png);
	padding:10px;
	border:1px solid #666;
	border-bottom:none;
	font-size:18px;
}
.faqlist dt span{
	background:url(./img/q_big.png) no-repeat 10px 50%;
	display:block;
	padding:10px;
	padding-left:60px;
}

.faqlist dd{
	background:#fff;
	padding:10px;
	border:1px solid #666;
	border-top:none;
	margin-bottom:20px;
}

.faqlist dd span{
	background:url(./img/a_big.png) no-repeat 10px 50%;
	display:block;
	padding:10px;
	padding-left:60px;
}

/*	tab menu
-------------------------------------------------------------------*/
ul.tab{
	margin:0;
	padding:0;
	height:auto;
}
ul.tab li a{
	background: #eee;
	padding:5px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color: #000;
	margin-bottom:10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
ul.tab li a:hover {
	background: #84ac2f;
	padding:5px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color: #fff;
}
ul.tab li a.active {
	background: #84ac2f;
	color: #fff;
}


/*	sheet style
-------------------------------------------------------------------*/
/*solid style*/
dl.sheet-solid{
	margin:10px 0 20px 0;
	position:relative;
}

dl.sheet-solid dt{
	clear: left;
	float: left;
	width: 5em;
	font-size:14px;
	color:#333;
	font-weight:bold;
	padding: 3px 10px;
	margin-bottom:20px;
}
dl.sheet-solid dd{
	margin:0 0 10px 7.5em;
	font-size:14px;
	padding: 5px 10px;
	font-weight:500;
	line-height:160%;
}
dl.sheet-solid dd.tel{
	background:url(./img/tel-icon.png) no-repeat left center;
	padding-left:30px;
	font-size:20px;
	font-weight:bold;
	margin-left:6em;
}
dl.sheet-solid dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
}

/*dotted style*/
dl.sheet-dotted{
	overflow:hidden; /*floatしたので高さ確保*/
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}
dl.sheet-dotted dt{
	width:30%;
	float:left;
	padding:10px 0;
	border-top:1px dotted #ccc;
	font-weight:bold;
}
dl.sheet-dotted dd{
	width:70%;
	float:left;
	padding:10px 0;
	border-top:1px dotted #ccc;
}
dl.sheet-dotted dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
}

@media screen and (max-width : 767px){
dl.sheet-dotted dt, dl.sheet-dotted dd{
	float:none;
	width:100%;
}
}


/* mainslide(imgslide)
------------------------------------------------------------------*/
.mainslide{
	background: url(./img/tour.jpg) repeat-x ;
	height:190px;
	margin-top:120px;
}
.mainslide a{
	display:block;
	z-index:-5000px;
	text-align:center;
	padding:20px 0;
}
.mainStart {
	margin-top: 0px;
}

.calendar{
	margin:50px 0;
}
.calendar table {
    width: 80%;
    max-width: 500px;
	margin: auto;
}
.calendar table tr{
	border-top: 1px solid #000;
}
.calendar table tr:last-child{
	border-bottom: 1px solid #000;
}
.calendar table tr td{
	text-align:center;
}
.calendar table tr td,
.calendar table tr th{
	height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 7);
	font-size: 14px;
    font-weight: 600;
	position:relative;
}
.calendar table tr th.sun{
	color:#e082a3;
}
.calendar table tr th.sat{
	color:#3699d0;
}
.calendar .day-off,
.calendar .day-off2{
	color:#fff;
}
.calendar .day-off:before{
	position: absolute;
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 34px;
    line-height: 34px;
    z-index: -1;
	background: #de9f95;
}
.calendar .day-off2:before{
	position: absolute;
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 34px;
    line-height: 34px;
    z-index: -1;
	background: #de9f95;
}

/*-0301-*/
.syoreiflex {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.syoreiflex_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
	width:40%;
	max-width:300px;
}
.syoreiflex .syoreiflex_2:first-child{
	margin-right:20px;
}
.syoreiflex .syoreiflex_2:last-child{
	margin-left:20px;
}
@media screen and (max-width : 767px){
	.syoreiflex {
    flex-direction: column;
	align-items: center;
}
	.syoreiflex .syoreiflex_2:first-child{
	margin-right:0px;
	margin-bottom:15px;
}
.syoreiflex .syoreiflex_2:last-child{
	margin-left:0px;
	margin-bottom:15px;
}
	.syoreiflex_2 p:first-child{
		margin-bottom:0;
	}
	.syoreiflex_2 {
    width: 90%;
    max-width: 350px;
}
}


.top_whitning .about_bg {
    background: url(/wp-content/themes/minidora/img/top_about2.png) no-repeat 80%;
    padding: 80px 0 120px 0;
    background-size: contain;
}
@media screen and (max-width: 1250px) {
    .top_whitning .about_bg {
            background: url(/wp-content/themes/minidora/img/top_about2.png) no-repeat 90%;
    padding: 80px 0 120px 0;
    background-size: contain;
    }
}
@media screen and (max-width: 767px) {
    .top_whitning .about_bg {
        background: url(/wp-content/themes/minidora/img/top_about2.png) no-repeat center bottom;
        padding: 20px 0 460px 0;
    }
}

.instagram_box ul{
	display:flex;
	list-style:none;
	justify-content: space-between;
	padding:0;
}
.instagram_box li{
	width: calc(20% - 12px);
}
@media screen and (max-width: 767px) {
.instagram_box ul {
    padding: 0;
    flex-wrap: wrap;
	justify-content: space-evenly;
}
	.instagram_box li{
	width: calc(45% - 12px);
		padding:15px!important;
}
}