@charset "shift_jis";


/*ここから
-------------------------*/
/*--------pc--------*/
@media screen and (min-width: 601px){
	.pc-none{
		display: none;
	}
	.sp-none{
		display: block;
	}
	
	
	
}
/*--------sp--------*/
@media screen and (max-width: 600px){
	*{
		box-sizing: border-box;
	}
	.pc-none{
		display: block;
	}
	.sp-none{
		display: none;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	#main-contents .entry-content {
    font-size: 15px;
	}
	#main-contents h3 {
		font-size: 18px;
	}
	#main-contents p.updated {
    font-size: 13px;
	}
	
	
/*フッター固定メニュー
----------------------------*/
	footer{
		padding-bottom: 60px;
	}
	footer .ft_fix{
		position: fixed;
		left: 0;
		bottom: 0;
		border-top: 2px solid #fff;
		z-index: 999;
	}
	footer .ft_fix li{
		float: left;
	}
	footer .ft_fix li.tel{
		width: 70%;
	}
	footer .ft_fix li.access{
		width: 30%;
	}
/*ドロワーメニュー
---------------------------*/
  .drawer-hamburger{
    padding: 12px .75rem 30px!important;
  }
  .drawer-nav .drawer-menu li {
    font-size: 13px!important;
    padding: 0!important;
    margin-bottom: 0!important;
  }
  .drawer-nav .drawer-menu li.nolink{
    font-weight: bold;
    font-size: 13px!important;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
     padding: 10px 0 10px 15px!important;
  }


  .drawer-nav .drawer-dropdown .drawer-menu-item {
    padding: 10px 0 10px 15px;
  }
  
  .drawer-nav .drawer-menu li a {
    padding: 10px 0 10px 15px;
    font-weight: bold;
    font-size: 15px;!important;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
		color: #412c22;
		line-height: 1.5em;
		text-align: left;
  }
  .drawer-nav .drawer-menu li a:hover {
    background-color: #eee;
/*		color: #fff;*/
  }
  .drawer-nav .drawer-dropdown .drawer-dropdown-menu li {
    background-color: #eee;
  }
  .drawer-nav .drawer-dropdown .drawer-dropdown-menu li a {
    padding-left: 30px!important;
  }
  .drawer-nav .drawer-menu .nest {
    margin-left: 30px;
  }
  .drawer-nav .drawer-menu .nest a {
    padding: 5px 0 5px 15px;
  }
  .drawer-nav .drawer-menu .nest .last a {
    border-bottom: none!important;
  }
  .drawer-nav .widthnest {
    border-bottom: 1px solid #ccc;

  }
  .drawer-nav .widthnest span {
    display: block;
    font-weight: bold;
    font-size: 13px;!important;
    padding-left: 15px;
    padding-top: 8px;
  }
  .sr-only{
    position: relative!important;
		font-size: 13px;
		padding-bottom: 3px;
		top: -3px;
		color: #fff;
		font-weight: bold;
  }
	.drawer-nav{
		padding-top: 60px;
		z-index: 99!important;
	}
	.drawer-overlay {
		z-index: 98!important;
	}
	.drawer--right.drawer-open .drawer-hamburger {
    right: 0!important;
	}
	.drawer-hamburger-icon {
		display: none!important;
	}
	.drawer-hamburger {
    width: 70px!important;
    background: #ea8a00!important;
    padding: 8px 5px 5px !important;
    border: 1px solid #fff!important;
    margin: 8px 8px 0 0;
	}
	
	
/*ヘッダー
-------------------*/
	#head {
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 20px;
		background: #412c22;
	}
	#header {
		width: 100%;
		height: auto;
	}
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
    text-align: center;
    padding: 5px 2px;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.1em;
    background-color: #5C473D;
		margin: 0;
	}
	#header .left-block {
		float: none;
		width: 100%;
		height: auto;
		padding: 6px 8px 0;
	}
	#header .logo {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	#header .right-block {
		float: none;
		width: 100%;
		height: auto;
		padding: 0 8px 8px;
	}
	#header .tel {
		float: none;
		width: auto;
		height: auto;
		text-align: right;
		margin: 12px 4px 0;
	}
	
	
/* グローバルメニュー */
#header nav {
/*	background-color:#36241C;*/
}

#header #gmenu {
/*
	margin-top: 5px;
	margin-bottom: 15px;
*/
}

#header #gmenu ul {
	display:-webkit-box;
	width:100%;
}

#header #gmenu ul li {
	padding-top: 1px;
	text-align:center;
	color: #fff;
}

#header #gmenu ul.menu3 li {
	width:33%; /* 3列 */
}

#header #gmenu ul.menu3 li.center {
	width:34%; /* 3列 */
}

#header #gmenu ul.menu2  li {
	width:50%; /* 2列 */
}

#header #gmenu ul.btm  {
	padding-bottom: 1px;
}

#header #gmenu a span {
}

#header #gmenu a {
	display: block;
	font-size: 13px;
	line-height: 42px;
	text-decoration: none;
	font-weight: bold;
	color:#fff;
	border-left: #36241C 1px solid;
background: #624e45; /* Old browsers */
background: -moz-linear-gradient(top, #624e45 0%, #4d362c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#624e45), color-stop(100%,#4d362c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #624e45 0%,#4d362c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #624e45 0%,#4d362c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #624e45 0%,#4d362c 100%); /* IE10+ */
background: linear-gradient(to bottom, #624e45 0%,#4d362c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#624e45', endColorstr='#4d362c',GradientType=0 ); /* IE6-9 */
}

#header #gmenu a:hover {
background: #402d24; /* Old browsers */
background: -moz-linear-gradient(top, #402d24 0%, #5a473f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#402d24), color-stop(100%,#5a473f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #402d24 0%,#5a473f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #402d24 0%,#5a473f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #402d24 0%,#5a473f 100%); /* IE10+ */
background: linear-gradient(to bottom, #402d24 0%,#5a473f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#402d24', endColorstr='#5a473f',GradientType=0 ); /* IE6-9 */
}

#header #gmenu a.end {
	margin-right:0px;
}
	
	
	
	
	
	
	
	

	/*メインコンテンツ
-------------------*/
	#wrap,#contents {
		width: 100%;
		margin: 0 auto;
	}
	#main-contents {
		display: block;
		float: none;
		height: auto;
		width: 100%;
		margin: 0;
		padding: 20px 2% 0;
	}
	#main-contents h2{
    height: auto;
    margin-bottom: 10px;
	}
	#main-contents #topicpath {
    height: auto;
    margin-bottom: 10px;
    font-size: 12px;
	}
	#main-contents div.archive-title {
		line-height: normal;
		margin-bottom: -20px;
	}
	
	
	
	
	
	
/*------------------
フッター
--------------------*/
footer {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	background-color:#E8EDDC;
}

#side_nav h3 {
	margin:0;
}

#side_nav ul.side-menu li {
	list-style:none;
	font-size:0;
	line-height:0;
	margin:0;
}
#side_nav ul.side-menu li ul.sub-menu {
	text-align:center;
	margin: 0 auto;
	display:block;
	list-style:none;
	padding:10px 0;
	height:auto;
	width: 252px;
	background:url("../img/sub-navi_bg.gif") repeat-y;
}
#side_nav ul.side-menu li ul.sub-menu li {
	display:block;
	margin-bottom:3px;
	margin-left: 10px;
}
#side_nav ul.side-menu li ul.sub-menu li.bn_left {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:3px;
}
#side_nav ul.side-menu li ul.sub-menu li.bn_left { /*IE6 HACK*/
	display:block;
	float:left;
	margin-right:0px;
	margin-bottom:3px;
}

.bnr {
	text-align:center;
	margin: 8px auto 0;
}

/* メディア掲載のお知らせ */
#media .media_title {
	line-height: 1.7;
	margin: 0px auto 10px;
	font-size: 13px;
	text-align: left;
}

#media .media_contents {
	line-height: 1.7;
	margin: 0px auto;
	font-size: 10px;
	text-align: left;
	padding: 0 0 30px;
}

#media .img-left {
	float: left;
	margin-right: 8px;
}

/* 名医認定証 */
#certificate .contents {
	padding:0 7px 0;
	text-align:center;
}

#certificate .column {
	text-align:center;
	display:block;
	float:left;
	width:50%;
}

#certificate .column p {
	line-height: 1.7;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 5px;
	font-size: 11px;
}

/*インプラントネットバナー */
.bnr02 {
	width: 270px;
	margin:15px auto 20px;
}

.bnr02 .left {
	width: 130px;
	float:left;
}

.bnr02 .bn_text {
	width: 140px;
	float:right;
	font-size:12px;
	line-height:1.5;
	text-align: left;
}

.access02 p {
	font-size:14px;
	line-height:1.5;
	text-align: left;
}


footer #hours,
footer #contact,
footer #media,
footer #certificate,
footer #services,
footer #link {
	width:280px;
	margin: 15px auto 10px;
}

footer #switch {
	border-top: 1px solid #DDD;
	padding: 15px 5px;
	font-size: 15px;
}
	footer #switch a{
	line-height: 1.5em;
	}

footer #copyright {
	padding: 5px;
	color: #fff;
	font-size: 11px;
	background-color: #412C22;
	line-height: 1.5em;
}
footer #location {
	font-size: 80%;
	line-height: 1.4;
	padding: 10px 5px;
	background-color: #412C22;
}


/* メニューリスト */
footer .menu {
	background-color: #CBDABD;
	border-top: 1px solid #DDD;
	text-align: left;
}

footer .menu .inner {
	padding: 15px 10px 10px;
}

footer .menu h2 {
	padding: 4px 10px 3px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.0;
	background-image: none;
background: #4d362c; /* Old browsers */
background: -moz-linear-gradient(top, #4d362c 0%, #624e45 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d362c), color-stop(100%,#624e45)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d362c 0%,#624e45 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d362c 0%,#624e45 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d362c 0%,#624e45 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d362c 0%,#624e45 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d362c', endColorstr='#624e45',GradientType=0 ); /* IE6-9 */
	margin:15px 0 5px;
}

footer .menu ul.list {
	clear: both;
}

footer .menu ul.list li {
	width: 50%;
	float: left;
	margin-bottom: 5px;
}

footer .menu .list li a {
	display: block;
	color: #333;
	padding: 12px 20px 12px 9px;
	font-size: 13px;
	font-weight: normal!important;
	text-decoration: none;
	border: 1px solid #999;
	line-height: 1.5!important;
	background:#F8F8EC url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAY0lEQVQoz6WSQQrAMAgEhbw/4NUHFAJ5pEUwxQQK3e1hwRxmIKvi7mJmPRIzmgV7pjOCWQSwJATtj0SyA1ryDCkZqGR7pORCJF8EinwBgs8SYbiucTDw2yEpekjKwrUDZeDIDX1qfF5mUuKSAAAAAElFTkSuQmCC) no-repeat scroll right center;
}

footer .menu .list li.left a {
	margin-left: 5px;
}

footer .menu .list li a:hover {
	background-color: #fcfcfc;
	border: 1px solid #588149;
}

footer .menu ul.list li.full {
	width: 100%;
	margin-bottom: 5px;
}

	
	
	
	
	
		
	
	
	
	
	
	
	
}
/*ここまで
-------------------------*/