/*
Theme Name: NeXTREMEco
*/

/*-----------------------------
　ここから
-------------------------------*/
*
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, dl, dt, dd, ol, ul, li, table, tbody, tfoot, tr, th, td
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	outline: 0px;
	vertical-align: middle;
}

html
{
	font-size: 90%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
}

*, *:before, *:after
{
	box-sizing: inherit;
}

a:focus
{
	outline: thin dotted;
}

a:hover, a:active
{
	outline: 0px;
}

a img
{
	border: 0;
}

li
{
	list-style: none;
}


.error-404
{
	margin-top: 16px;
	margin-bottom: 16px;
}

.error-404 h1
{
	font-size: 21px;
	font-weight: bold;
}

/*------- 初期化ここまで ----------*/

#body-container
{
	margin: 0 auto;
	position: relative;

	height: auto!important;
	height: 100%;
	min-height: 100%;
}

#contents
{
	background-color: #ebede6;
}


.container
{
	padding: 0px;
}

.img-responsive
{
	margin-left: auto!important;
	margin-right: auto!important;
}


.site-description
{
	height: 14px!important;
	background-color: #ffa200;
	color: #fff;
	margin-bottom: 8px;
	padding-left: 8px;
	height: 12px;
	font-size: 10px;
}

.header-div
{
	margin-top: 4px;
	margin-bottom: 4px;
}

.header-row-wrapper
{
	padding: 2px;
}

#site-header-address-wrapper
{
	margin-top: 4px;
}

#header-phone-image
{
	margin-bottom: 2px;
	padding-bottom: 4px;
	border-bottom: solid 1px #e1e1e1;
	vertical-align: bottom;
}

#header-address-image
{
	vertical-align: bottom;
}

#header-phone-image:hover
{
	border-bottom-color: #372901;
}

.site-navigation-item-icon
{
	margin-top: 4px;
	margin-bottom: 2px;
}

.site-navigation-item-word
{
	margin-top: 2px;
	margin-bottom: 4px;
}


.site-navigation-item
{
	margin-top: 0px;
	margin-bottom: 0px;
	border-left: solid 1px #e1e1e1;
	border-bottom: solid 1px #2ca35e;
}

.site-navigation-item:hover
{
	 border-bottom: solid 1px #0c863f;
}

#smartphone-navigation-bar, #smartphone-menu-button
{
	display: none;
}

#smartphone-menu-button
{
	margin-top: 4px;
	padding: 4px;
	text-align: center;
	color: #fff;
	background-color: #0c863f;
	border-bottom: solid 1px #e1e1e1;
}

#smartphone-menu-button div
{
	display: inline-block;
}

.smartphone-site-navigation-item-wrapper
{
	border-bottom: solid 1px #e1e1e1;
	padding: 2px;
	background-color: #2ca35e;
	text-align: center;
}

.smartphone-site-navigation-item-wrapper:hover
{
	background-color: #0c863f;
}

.smartphone-site-navigation-item
{
	margin-top: 4px;
}

.smartphone-site-navigation-item div
{
	display: inline-block;
}

.smartphone-site-navigation-item-icon img
{
	text-align: left;
	height: 24px;
	margin: 0px;
}

.smartphone-site-navigation-item-title img
{
	text-align: right;
	margin: 4px;
	height: 16px;
}

#smartphone-menu-button-icon
{
	width: 45%;
}

#smartphone-menu-button-icon img
{
	margin-top: 0px;
	height: 21px;
}


#smartphone-menu-button-title
{
	font-size: 18px;
	width: 45%;
}

.toggle-navigation
{
	display: none;
}


@media screen and (max-width: 767px)
{
	#navigation-bar
	{
		display: none;
	}

	#smartphone-menu-button
	{
		display: block;
	}
	.toggle-navigation
	{
		display: block;
	}
}


#navigation-bar
{
	margin-top: 4px;
	background-color: #2ca35e;
}

.site-navigation-item img
{
	margin-left: 4px;
	margin-right: 4px;
}

.site-navigation-item:hover
{
	 background-color: #0c863f;
}

.site-navigation-item:last-child
{
	border-right: solid 1px #e1e1e1;
}

/*------------------------------------- contents */
#content-wrapper
{
	padding: 8px;
	background-color: #ebede6;
	min-height: 100%!important;
}

@media screen and (max-width: 767px)
{
	#content-wrapper
	{
		padding-top: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*------------------------------------- スライダー */

#slider-area
{
	background-color: #ffffff;
	padding: 8px;
}

/*------------------------------------ */

#information-area-wrapper
{
	padding: 4px;
	padding-top: 0px;
}

#information-area
{
	background-color: #ffffff;
	padding: 4px;
}

#information-area-title
{
	background-color: #2ca35b;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}

.information-area-box
{
	display: inline-block;
}

.information-area-title
{
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 2px;
	width: 45%;
}

.information-area-time
{
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 2px;
	width: 45%;
}

#dayofweek-title
{
	text-align: center;
	background-color: #428cb2;
}

#dayofweek-info
{
	text-align: center;
}

#grid
{
	margin-top: 8px;
}

#grid-item-blog-wrapper
{
	padding-right: 8px;
	padding-left: 8px;
}

#grid-item-blog-content
{
	padding: 4px;
	background-color: #ffffff;
}

.blog-content-item dt, .blog-content-item dd
{
	text-align: center;
}

.blog-title
{
	margin: 0 auto;
}

.grid-item
{
	padding: 4px;
}

.grid-item-icon
{
	padding-top: 24px;
	padding-bottom: 16px;
}

.grid-item-title
{
	padding-bottom: 21px;
}

#grid-item-01
{
	background-color: #428cb2;
}

#grid-item-01:hover
{
	background-color: #2e739c;
}

#grid-item-02
{
	background-color: #a4cede;
}

#grid-item-02:hover
{
	background-color: #8cbed2;
}

#grid-item-03
{
	background-color: #ffb6aa;
}

#grid-item-03:hover
{
	background-color: #ffa193;
}

#grid-item-04
{
	background-color: #cfde6e;
}

#grid-item-04:hover
{
	background-color: #bfd255;
}

#grid-item-05
{
	background-color: #ddbfe3;
}

#grid-item-05:hover
{
	background-color: #d1acd9;
}

#grid-item-06
{
	background-color: #f6d374;
}

#grid-item-06:hover
{
	background-color: #f2c55b;
}

#grid-item-07
{
	background-color: #febc48;
}

#grid-item-07:hover
{
	background-color: #ffa200;
}

#grid-item-08
{
	background-color: #2ca35e;
}

#grid-item-08:hover
{
	background-color: #0c863f;
}

#blog-read-more
{
	padding: 4px;
	text-align: right;
	color: #ffffff;
}

#footer
{
	background-color: #2ca35e;
}

#footer-clinic-info
{
	color: #fff;
}

#footer-clinic-info strong
{
	font-size: 24px;
}

#footer-copyright-wrapper
{
	background-color: #ffa200;
	font-size: 12px;
	color: #ffffff;
	text-align: right;
}


.blog-grid-item-wrapper
{
	background-color: #ffffff;
}

#slider-wrapper
{
	padding-bottom: 16px;
}

#blog-contents
{
	padding-bottom: 16px;
}

.blog-item
{
	text-align: center;
}

.page-blog-grid-item-wrapper
{
	background-color: #ffffff;
	padding: 8px;
}

.blog-item h2
{
	background-color: #a4cede;
	padding: 4px;
	font-size: 18px;
}

.post-meta
{
	font-weight: bold;
}


/*-------*/
.menu-horizontal
{
	margin-top: 16px;
	margin-bottom: 16px;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	color: #0c863f;
}

.menu-horizontal div
{
	display: inline-block;
}

.menu-horizontal-head
{
	width: 16px;
	height: 38px;
	background-color: #428cb2!important;
}

.menu-horizontal-title
{
	margin: 8px;
}

#biz_calendar
{
	margin: 0 auto!important;
	max-width: 95%!important;
	width: 95%;
}

#biz_calendar p
{
	display: none;
}

.bizcal
{
	margin: 4px auto!important;
}

@media screen and (max-width: 767px)
{
	#secondary
	{
		display: none;
	}
}

.post
{
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px;
	background-color: #ffffff;
}

.entry-header
{
	border: solid 1px #a4cede;
}

.entry-title
{
	font-weight: bold;
	font-size: 21px;
	text-align: center;
	background-color: #a4cede;
	color: #333333;
	padding: 8px;
}

.entry-meta
{
	padding: 8px;
	text-align: right;
}

.entry-content
{
	padding: 8px;
}

.entry-category
{
	text-align: right;
	font-size: 12px;
}

.widget-area
{
	margin-top: 8px;
	padding: 8px;
	background-color: #ffffff;
}

.widget_search
{
	border: solid 1px #a4cede;
	background-color: #e1e1e1;
	margin-bottom: 4px;
}

.widget_recent_entries
{
	border: solid 1px #a4cede;
	margin-top: 4px;
	margin-bottom: 4px;
}

.widget-title
{
	padding: 4px;
	font-weight: bold;
	background-color: #a4cede;
}

.widget_recent_entries ul li
{
	padding: 4px;
	border-bottom: dotted 1px #e1e1e1;
}

.widget_recent_entries ul li:last-child
{
	border-bottom: none;
}

.widget_archive
{
	border: solid 1px #a4cede;
	margin-top: 4px;
	margin-bottom: 4px;
}

.widget_archive ul li
{
	padding: 4px;
	border-bottom: dotted 1px #e1e1e1;
}

.widget_archive ul li:last-child
{
	border-bottom: none;
}

#search
{
	width: 100%;
}

.widget_categories
{
	border: solid 1px #a4cede;
	margin-top: 4px;
	margin-bottom: 4px;
}

.widget_categories ul li
{
	padding: 4px;
	border-bottom: dotted 1px #e1e1e1;
}

.widget_categories ul li:last-child
{
	border-bottom: none;
}

#prev-next div
{
	display: inline-block;
}

.prev-post
{
	position: relative;
	width: 49%;
	text-align: left;
}

.next-post
{
	position: relative;
	width: 49%;
	text-align: right;
}

.content-text
{
	padding: 8px;
}

.equipment-title
{
	text-align: center;
	background-color: #2ca35e;
	color: #ffffff;
}

.subject-header-container
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.subject-header-container div
{
	display: inline-block;
}

.subject-horizontal-head
{
	width: 16px;
	height: 32px;
	background-color: #0c863f;
}

.subject-header-title
{
	margin: 4px;
	font-weight: bold;
}

.president-profile
{
	text-align: center;
}

#president-name
{
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 16px;
}

#president-history dt, #president-scholar dt, #president-message-title
{
	text-align: center;
	background-color: #ffffff;
	border: solid 1px #a4cede;
}

#president-history dd, #president-scholar dd
{
	text-align: left;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.global-horizontal-line
{
	margin-top: 8px;
	margin-bottom: 4px;
	height: 1px;
	background-color: #2ca35e;
}

#policy-wrapper
{
	margin-top: 8px;
	margin-bottom: 8px;
}

#procedure-wrapper
{
	margin-bottom: 16px;
}

#blog-read-more a:visited
{
	color: #000;
}

.procedure-title
{
	text-align: center;
}

.procedure-item
{
	text-align: center;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	background-color: #ffffff;
	padding: 8px;
	border: solid 2px #2ca35e;
	font-weight: bold;
	vertical-align: middle;
	width: 75%;
}

.procedure-item img
{
	height: 16px;
}

.procedure-text
{
}

.procedure-items
{
	margin-top: 8px;
	margin-bottom: 8px;
}

#map-detail-frame
{
	width: 100%;
}

#access-map-container
{
	background-color: #ffffff;
	padding: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#access-image-container
{
	background-color: #ffffff;
	padding: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#access-clinic-name
{
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}

#access-clinic-info-table
{
	width: 100%;
}

#access-clinic-info-table th
{
	padding: 4px;
	text-align: center;
	width: 40%;
}

#access-clinic-info-table td
{
	padding: 4px;
	text-align: center;
	width: 60%;
}

@media screen and (min-width: 768px)
{
	#map-detail-frame
	{
		height: 640px;
	}
}

@media screen and (max-width: 767px)
{
	#map-detail-frame
	{
		height: 320px;
	}
}


#contents
{
	padding-top: 16px;
	padding-bottom: 16px;
}

.access-clinic-info
{
	width: 100%;
}

#access-info-container
{
	margin-top: 16px;
}

.equipment-title
{
	padding: 4px;
}

.equipment-image, .about-top-image
{
	background-color: #ffffff;
	padding: 4px;
}

.equipment-image img, .about-top-image img
{
	border: solid 1px #e1e1e1;
}

.about-top
{
	margin-bottom: 24px;
}

@media screen and (min-width: 1200px)
{
	#biz_calendar
	{
		font-size: 14px;
	}

	.slider-lg
	{
		display: block!important;
	}
	.slider-md
	{
		display: none!important;
	}
	.slider-sm
	{
		display: none!important;
	}
}

@media screen and (max-width: 1199px)
{
	#biz_calendar
	{
		font-size: 10px;
	}

	.slider-lg
	{
		display: none!important;
	}
	.slider-md
	{
		display: block!important;
	}
	.slider-sm
	{
		display: none!important;
	}
}

@media screen and (max-width: 991px)
{
	#biz_calendar
	{
		font-size: 8px;
	}
	.slider-lg
	{
		display: none!important;
	}
	.slider-md
	{
		display: none!important;
	}
	.slider-sm
	{
		display: block!important;
	}
}

@media screen and (max-width: 767px)
{
	#biz_calendar
	{
		font-size: 14px;
	}
	.slider-lg
	{
		display: block!important;
	}
	.slider-md
	{
		display: none!important;
	}
	.slider-sm
	{
		display: none!important;
	}
}

#slider-area
{
	margin-bottom: 4px;
}

.link-to-pagetop
{
	padding-top: 24px;
	text-align: right;
}

.link-to-pagetop a
{
	height: 100%;
	font-size: 12px;
}

.link-to-pagetop a:visited, .link-to-pagetop a:link
{
	color: #333333;
}

.visit-contact-item p
{
	margin-top: 4px;
	margin-bottom: 4px;
}

.visit-contact-item h1
{
	font-weight: bold;
}

.visit-contact-item
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.visit-item
{
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px;
}

.visit-item-inner
{
	padding: 8px;
	background-color: #ffffff;
}

.visit-text
{
	margin-top: 4px;
}

#visit-treatment-item
{
	padding: 8px;
	background-color: #a4cede;
}

#visit-dentalcare-item
{
	padding: 8px;
	background-color: #ffb6aa;
}

#visit-rehabilitation-item
{
	padding: 8px;
	background-color: #cfde6e;
}

.procedure-item p
{
	color: #0c863f;
	font-size: 16px;
}

.post-image
{
	margin-top: 8px;
}