@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);

/********************************
Theme Name:izuminaikaclinic
Description:Joule-Plus original theme
Author:Gakbull
Author URI:www.joule-plus.com
Template:izuminaikaclinic
Version:2017.11(ver2.12)
********************************/

html, body {
	min-height: 100%;
	position: relative;
}
body {
	min-width: 320px;
	word-wrap: break-word;
	background-color: #fff;
}
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary, div, span, applet, object, iframe, strong,h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td{
	outline: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
dt,dd.reset {
	margin-left: 1.5rem;
	padding: 0;
}

/********************************
	body
********************************/

a:link,
a:visited {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color:inherit;
	text-decoration: none;
	opacity:0.6;
}
a:visited {
	color:inherit;
	text-decoration: none;
}
h1 {
}
h2.front_h2 {
	font-size: 200%;
	font-weight: 500;
	letter-spacing: 0.4rem;
	font-family: 'Sawarabi Mincho',sans-serif;
	text-align:center;
}
h3.front_h3 {
	font-size: 150%;
	font-weight: 500;
	letter-spacing: 0.4rem;
	font-family: 'Sawarabi Mincho',sans-serif;
	color:#006837;
	text-align:center;
}
h4.front_h4 {
	font-weight: 700;
	font-size: 100%;
	color:#000;
	line-height: 0.2rem;
	margin-top: -0.1rem;
	margin-bottom: 1.8rem;
}

h5.front_h5 {
	margin-top: -0.1rem;
	margin-bottom: 0.5rem;
}
.clearfix::after {
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	height: 0;
}
hr {
	border-top: 1px dotted #222;
}
.font-big{
	font-size:16px;
}
.underline{
	text-decoration: underline;
}
/* スライダー
-----------------------------------------------------*/
/*
.gnav_box-r figcaption {
	width: 640px;
	text-align: right;
	position: relative;
	bottom: 3.6rem;
	right: 0;
	font-size: 2.0rem;
	font-family: 'Sawarabi Mincho',sans-serif;
	text-shadow: -0.1px -1px 0px #fff,
	1px -1px 0px #fff,
	1px 1px 0px #fff,
	-1px 1px 0px #fff;
	background-image: url(image/under.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index:99;
}
*/
.info_inner {
	float: right;
	max-width: 50%;
	line-height: 1.6rem;
	text-align: center;
}
.info_inner dt {
	font-size: 1.0rem;
}
.info_inner dd.tel {
	font-size: 2.2rem;
	color: #006837;
	line-height: 2.8rem;
	letter-spacing: 0.4rem;
	font-weight:500;
}
.info_inner dd.text {
	font-size: 0.9rem;
	letter-spacing: 0.2rem;
}

/********************************
	main
********************************/

#main {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/* #sub_nav
-----------------------------------------------------*/

.sub_nav_innner {
	margin-top: 2.0rem;
}
.colorbox img{
	margin: 0.2rem;
	transition: 0.3s;
}
.colorbox img:hover{
	-webkit-transform: translate(5px,5px);
	-moz-transform: translate(5px,5px);
	-ms-transform: translate(5px,5px);
	-o-transform: translate(5px,5px);
	transform: translate(5px,5px);
}
.colorbox_01 {
	background-color: #ffd4e3;
}
.colorbox_02 {
	background-color: #b3eff6;
}
.colorbox_03 {
	background-color: #e3d8cc;
}
.colorbox_04 {
	background-color: #dbe1ff;
}
.colorbox_05 {
	background-color: #cee9b2;
}
.colorbox_06{
	background-color: #ffdf78;

}
.colorbox_07{
	background-color: #f2f2eb;
	display:none;
}
/* #front_box01
-----------------------------------------------------*/

#front_box01 {
	margin-top: 2.0rem;
	padding-top:0.5rem;
	background-color: #f2f2eb;
	width: 100%;
}
.front_box_innner {
	margin-left: auto;
	margin-right: auto;
	background-image: url(image/bg_01.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.front_box01_innner {
	width: 100%;
}
.front_box_innner02{
	min-width:980px;
	margin:0 auto;
}
blockquote {
	max-width: 700px;
	margin-bottom: 8.0rem;
	margin-left: auto;
	margin-right: auto;
}

/* #front_box02
-----------------------------------------------------*/


/* #front_box03
-----------------------------------------------------*/
#front_box03 {
	margin-top: 2.0rem;
	padding-top: 0.3rem;
	width: 100%;
	clear: both;
	background-color: #f2f2eb;
	padding-bottom: 4.0rem;
}
#front_box03 h3.front_h3 {
	padding: 1.0rem;
	text-align: center;
	color: #006837;
}
.front_box03_innner article {
	border: 1px #ddd solid;
	background-color: #fff;
	padding: 0.4rem;
	min-height: 160px;
	overflow: hidden;
	box-sizing: border-box;
}
.news .new {
	background-color: #ff0000;
	padding: 0.1rem;
	color: #fff;
}
h5.front_h5 a {
	color: #006837;
}
.news p {
	margin-top: 1.0rem;
	margin-left: 0;
	font-size: 0.8rem;
}
/********************************
		footer
********************************/
#footer {
	width: 960px;
	clear: both;
	margin: 0 auto;
}
.footer_inner {
	padding: 4.0rem 0;
	min-width: 960px;
	margin: 0 auto;
}
.footer_inner table.footer_table {
	border-collapse: collapse;
}

.footer_inner table.footer_table,th,tr,td {
	border: 1px #ddd solid;
}

.footer_inner th {
	background-image: url(image/bg_02.jpg);
	color: #fff;
	font-weight: 100;
	text-align: right;
}
.footer_inner table.footer_table tr:nth-child(n+2):hover {
	cursor: default;
	background: #f2f2f2;
}
address {
	font-size: 80%;
	font-style:normal;
	margin: -0.5rem 0 0 1.0rem;
	line-height: 0.6rem;
	letter-spacing: 0.1rem;
	box-sizing: border-box;
}
address p a {	
	color: #006837;
}
.sns {
	box-sizing: border-box;
}
.sns li {
	list-style: none;
	margin-left: -8.0rem;
	padding: 0;
}
#copy {
	width: 100%;
	left: 0;
	right: 0;
	padding-top: 0.5rem;
	bottom: -10px;
	height: 2.0rem;
	position: absolute;
	color: #fff;
	text-align: center;
	background-color: #006837;
}
#copy small{
}
#footer_goto {
	position: fixed;
}
/********************************
	固定ページ・投稿用
********************************/

#article {
	width:100%;
/*
	padding: 1.0rem;
*/
}
.post_inner p.date,.back {
	text-align:right;
}



/********************************
	レスポンシブ
********************************/

/* タブレットのみ（768px～959px）
---------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.gnav_box-r {
	float: none;
}

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

/* タブレット以上のPC
---------------------------------------------------------------*/
@media only screen and (min-width:768px){
#header {
	max-width: 960px;
	margin: 0 auto;
	padding-top: 1.0rem;
	clear: both;

}
#mobile-head {
	display:none;
}

#global-nav {
	display:none;
}
.smp_nav {
	display:none;
}
h1 {
	float: left;
	box-sizing: border-box;
}
h1 img {
	display: relative;
}
h1.smp_h1{
	display:none;
}
nav.gnav {
	margin: 0 auto;
}
.gnav {
	width: 960px;
	clear: both;
}
.gnav_box-l {
	width: 100%;
	list-style: none;
}
.gnav_box-l {
	margin-left: -1.5rem;
}
.gnav_box-l li img {
	margin-right: 1.0rem;
	float: left;
}
.gnav_box-l {
	float: left;
	max-width: 300px;
	height: auto;
	box-sizing: border-box;
}
.gnav_box-l li img {
	margin-right: 1.0rem;
	float: left;
}
.gnav_box-l li img.map_img,.medical_time {
	margin-top: 1.0rem;
	width: 100%;
}
.gnav_box-l li a::after {
	position: absolute;
	width: 100%;
	height: 0.1rem;
	background: #006837;
	bottom: 0.3rem;
	left: 0;
	content: '';
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}
.gnav_box-l li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.gnav_box-l li img.map_img,.medical_time {
	margin-top: 1.0rem;
	width: 100%;
}
.gnav_box-l li a {
	margin: 0.2rem 0;
	padding: 0.3rem 0 0.6rem 0;
	font-size: 90%;
	font-weight: 700;
	position: relative;
	display: block;
	border-bottom: 1px #998675 dashed;
}
.gnav_box-l li a::after {
	position: absolute;
	width: 100%;
	height: 0.1rem;
	background: #006837;
	bottom: 0.3rem;
	left: 0;
	content: '';
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}
.gnav_box-l li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.gnav_box-r {
	margin: 1.0rem;
	max-width: 702px;
	box-sizing: border-box;
}
.pics,
.pics img{
	width:100%;
}
.gnav_box-r img.other_pics{
	max-width: 702px;
	max-height: 239px;
	box-sizing: border-box;
}
.gnav_box-r {
	float: right;
}
.sub_nav_innner {
	text-align: center;
}
.sub_nav_innner {
	position:relative;
	width: 100%;
	height: 260px;
	background: linear-gradient(90deg,#ffd4e3 0%,#ffd4e3 50%,#cee9b2 50%,#cee9b2 100%);
	text-align: center;
}
.nav_box {
	margin-top:0;
	width: 960px;
	height: 260px;
}
.colorbox {
	margin: 0;
}
.colorbox_01,.colorbox_02,.colorbox_03,.colorbox_04,.colorbox_05,.colorbox_06 {
	margin-top: 0;
	display: inline-block;
	vertical-align: top;
	width: 192px;
	height: 260px;
	margin-left: -0.2rem;
	padding: 0;
}
.text_line {
	font-size: 0.8rem;
	line-height: 0.8rem;
	line-height: 0.5rem;
}
.front_box03_innner {
	margin: 0 auto;
	max-width: 960px;
}
#front_box02 {
	margin-top: 2.0rem;
	width: 100%;
	clear: both;
}
.front_box02_innner.pics {
	float: left;
	margin: 0;
}
.front_box02_innner img {
	width: 20%;
}
.front_box03_innner article {
	float: left;
	width: 25%;
}
.footer_inner table {
	width: 40%;
	float: left;
}
.footer_inner table.footer_table {
	width: 450px;
	height: 150px;
	margin-left:0;
}
.footer_inner table.footer_table td {
	padding: 0 0.8rem;
	font-size: 0.8rem;
	text-align: center;
	line-height: 1.0rem;
}
.footer_inner .txt-l{
	line-height: 2.0rem;
	letter-spacing: 1.0rem;
	font-size:1.0rem;
}
.footer_inner .txt-r{
	font-size:0.8rem;
}
address {
	float: left;
	width: 30%;
	line-height: 0.5rem;
}
.phone {
	color: #006837;
	font-size: 1.8rem;
	margin: 0;
	line-height: 0.5rem;
	letter-spacing: 0.2rem;
}
.sns {
	float: right;
	max-width: 220px;
}
.sns img{
	margin-bottom: -0.5rem;
}
#footer_goto {
	right: 4.0rem;
	bottom: 18.0rem;
}
#footer_main{
	width: 450px;
    float: left;
	}
#footer_sub{
	font-size: 14px;
	}
	
/*-- ここまで --*/
}

/* PCサイズ（960px）以上
---------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

/*電話：PCではリンクしない*/
a[href^="tel:"] {
    pointer-events: none;
}

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

/* スマホのみ（767px）以下
---------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

.header-inner {
	display:none;
}
h1.smp_h1 img{
	width: 50%;
}
.smp_nav {
	width:100%;
	margin-top: -1.4rem;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 15%;
	background: #fff;
	z-index:999;
}
.gnav_box-r {
	width:100%;
	margin-top:80px;
	margin-left:0;
	z-index:-999;
}
.gnav_box-l {
	display: none;
}
.colorbox {
	width: 100%;
	margin: 0 2.0rem 0 -2.5rem;
	text-align:center;
}
li.colorbox_01,li.colorbox_02,li.colorbox_03,li.colorbox_04,li.colorbox_05 {
	list-style: none;
	float:left;
	width:33.3%;
}
.text_line {
	display: none;
}
figure {width: 100%;}
.footer_inner table {
	width: 100%;
	float: none;
}
address {
	float: none;
	width: 100%;
}
.sns {
	float: none;
	width: 100vw;
}
#footer_goto {
	right: 2.0rem;
	bottom: 2.0rem;
}

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