@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@font-face {
    font-family: 'mplus';
    src: url('../fonts/mplus/rounded-mplus-1c-subset.eot');
		src: local("A-OTF Shin Maru Go Pro R"),
				 local("A-OTF Jun Pro 201"),				 
    		 local("ヒラギノ丸ゴ Pro W4"),
				 local("Hiragino Maru Gothic Pro"),
				 local("ヒラギノ丸ゴ ProN W4"),
				 local("Hiragino Maru Gothic ProN"),
  			 url('../fonts/mplus/rounded-mplus-1c-subset.eot?iefix') format('eot'),
         url('../fonts/mplus/rounded-mplus-1c-subset.woff') format('woff'),
         url('../fonts/mplus/rounded-mplus-1c-subset.ttf') format('truetype');
}

/* ==========================================================================
   reset
========================================================================== */

/* reset5 c 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,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,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

img{ vertical-align:bottom;}
body{ color:#000;margin:0; padding:0;font:13px/1 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','Lucida Grande', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Helvetica, Arial, Verdana, sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
p,ul,li,h1,h2,h3,h4,h5,h6,h7{ margin:0; padding:0; font-weight:normal; font-size:100%; line-height:1;}
li{ list-style:none;}
a:link,
a:visited,
a:hover,
a:active{outline:none;}
body{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}

/* ==========================================================================
   common style
========================================================================== */

/*bootstrap*/
@media (min-width: 1200px){
.container {width: 990px;}

}
@media (min-width: 992px){
.container {width: 990px;}

}
@media (min-width: 768px){
.container {width: 990px;}

}
.btn{ border:none; border-radius:5px;}
.btn-success {background-color: #7fbc79; border-color: #7fbc79;}

.font-mplus-nomal{font-family: mplus, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-shadow:none;text-rendering: optimizeLegibility;}
.font-mplus-bold{font-family: mplus, sans-serif; font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-shadow:none;text-rendering: optimizeLegibility;}
.font-gothic{font-family: 'Century Gothic', CenturyGothic, 'Roboto Condensed', sans-serif; font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-shadow:none;text-rendering: optimizeLegibility;}
.nomal_text{ font-size:123.1%; line-height:1.875;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*Chrome webfont rendering*/
 .font-mplus-nomal,
 .font-mplus-bold,
 .font-gothic{text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);}
}
/* ==========================================================================
   styles
========================================================================== */
header,
section,
footer{ min-width:990px;}
/*-------------
	header
---------------*/
header{ position:relative; background:url(../img/bg_title_blue.jpg);}
#sec_sub_nav.fixed:before,
header:before{
	content: "";
	width: 100%;
	height: 2px;
	display: block;
	position:absolute;
	bottom:0;
	background: url(../img/line.png) repeat-x;
}
.site_nav li{ float:left;}
header .site_nav{ float:left;}
header .site_nav li{ margin-right:30px;}
	.lt-ie9 header .site_nav li { margin-right:30px;}
header .site_nav{ margin-top:40px; margin-left: 102px;}
.site_nav li:last-child{ margin-right:0;}

/*電話番号*/
.tell_info{ width:225px;}
header .tell_info{ float:right; margin-top:13px; margin-bottom: 15px;}
.tell_info-title{ font-size:108%; margin-bottom:8px;}
.tell_info-tell{ font-size:30px;margin-bottom:8px; line-height:1;}
.tell_info-tell p{ line-height:1;}
.tell_info-tell i{ font-size:21px;}
.tell_info-time{ font-size:93%;}
.tell_info-time i{ font-size:12px;}

/*callボタン*/
.btn-tell{box-shadow:rgba(78, 141, 72, 1) 0px 2px 0px 0px; font-size:123.1%; line-height:1; padding:10px 0px;}
.list-style li{ list-style: outside; margin-left:1em;}

/*-------------
	top
---------------*/
.sec_contents{ margin-top:-101px; padding-top:101px;}/*スクロール位置調整*/
.sec_logo{
	padding:88px 0 242px ;
	background-image: url(../img/head_image.jpg);
	background-position: center bottom,center center;
	background-repeat: repeat-x, repeat;
	border-bottom:2px solid #fff;
}
.main_title{ font-size:153.9%; letter-spacing:.2em;}
.main_title img{ margin-top:15px;}
	.lt-ie9 .sec_logo{background-image:url(../img/bg_header.jpg);}
.logo_adress { padding-top:42px; line-height:1.875; font-size:123.1%;}
.mini_logo{ float:left; width:79px; margin:15px 30px 15px 0;}
.sec_sub_nav{ background:url(../img/bg_title_blue.jpg);}
.sec_sub_nav #sec_sub_nav_hidden{ visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; height:0;}
.sec_sub_nav.fixed{position: fixed;top: 0px;left: 0px;z-index: 9999; width:100%;}
.sec_sub_nav.fixed #sec_sub_nav_hidden{visibility: visible; opacity: 1;transition: visibility 0s, opacity 0.5s linear;}
.sec_sub_nav .site_nav{ float:left; margin-top:37px;}
.sec_sub_nav .tell_info{ float:right; margin-top:15px;}
.sec_sub_nav .site_nav li{ margin-right:30px;}

.title_container{ height:258px;}

/*セクションタイトル背景*/
#guidance .title_container{
	background-image:url(../img/title_guidance_bg.jpg),url(../img/bg_title_blue.jpg);
	background-position:right top, center center;
	background-repeat:no-repeat, repeat;
}

#greeting .title_container{
	background-image:url(../img/title_greeting_bg.jpg),url(../img/bg_title_blue.jpg);
	background-position:left top, center center;
	background-repeat:no-repeat, repeat;
}

#access .title_container{
	background-image:url(../img/title_access_bg.jpg),url(../img/bg_title_blue.jpg);
	background-position:right top, center center;
	background-repeat:no-repeat, repeat;
}
	
#information .title_container{
	background-image:url(../img/title_information_bg.png),url(../img/bg_title_blue.jpg);
	background-position:left top, center center;
	background-repeat:no-repeat, repeat;
}
	.lt-ie9 #guidance .title_container{background:url(../img/title_guidance_bg.jpg) no-repeat right top #f5f9fc;}
	.lt-ie9 #greeting .title_container{ background:url(../img/title_greeting_bg.jpg) no-repeat left top #f5f9fc;}
	.lt-ie9 #access .title_container{ background:url(../img/title_access_bg.jpg) no-repeat right top #f5f9fc;}
	.lt-ie9 #information .title_container{ background:url(../img/title_information_bg.jpg) no-repeat left top #f5f9fc;}
	
.title_container:before{ content:""; width:100%; height:2px; display:block; background:url(../img/line.png) repeat-x;}
.section_title{padding:100px 0 0 40px;}
.section_title.section_title_right{ text-align:right; padding:100px 40px 0 0;}
.sp_hide_section,
.contents_section{ padding:80px 0;}

/*診療案内*/
.guidance_title{ background-color:#e3eade; font-size:108%; padding:9px; text-align:center; margin:0 20px 10px 0; }
.guidance_text{ font-size:123.1%; line-height:1.875; padding-top:4px;}
.guidance_list { margin-top:.875em;}
.guidance_list li{line-height:1.875; font-size:123.1%;}
#guidance #sec_time{ margin-top:80px;}
.title_timetable{ font-size:153.9%; margin-bottom:30px;}
.box_timetable_time{ float:left; width:510px;}
.box_timetable{ float:right; width:400px; padding:25px 35px; border-radius:6px;
	background-color:#e8f1f5;
	background-image: url(../img/bg_rough_t.png),url(../img/bg_rough_r.png),url(../img/bg_rough_b.png),url(../img/bg_rough_l.png);
	background-position: top center, right center, bottom center, left center;
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;
}
.box_timetable .tell_info-tell {font-size: 36px;}
.box_timetable .tell_info-tell i{ font-size:27px;}
.box_timetable .title_timetable{ margin-bottom:20px; text-align: center;}
.box_timetable .tell_info-time{ font-size:123.1%;}
.box_timetable_text{ font-size:123.1%; line-height:1.5; margin-bottom:21px;}

/*院長ごあいさつ*/
.greeting_bg{ background:url(../img/bg_greeting.png) no-repeat center 100px;}
.greeting_main_text{ line-height:2.25; width:800px; margin:0 auto; margin-bottom:45px;}
.history_title { font-size: 153.9%; padding:156px 0 30px 0; width:680px; margin:0 auto;border-bottom:dashed #a3c3d5 1px;}
.history_box{ padding:0 30px 30px 30px; width:680px ; margin:30px auto; border-bottom:dashed #a3c3d5 1px;}
.history_box p{ line-height:2.25;}

/*地図*/
.map_box{ width:800px; margin:0 auto;}
.map_main_img{ max-width: 580px; display: block; margin:0 auto;}
.map_text { margin:30px 0 40px 0;}
.map_title { font-size:138.5%; margin-bottom:10px;}
.btn-nomal{ background:url(../img/bg_texture.png) #b7d9ec; line-height:1; padding:20px; width:320px; margin:47px auto 0 auto; color:#000; font-size:123.1%;box-shadow:rgb(163,195,213) 0px 3px 0px 0px;}
.btn-nomal:active{ background:url(../img/bg_texture.png) #b7d9ec;}
.btn-nomal:hover{background-color:#93cbec;}
.btn.btn-nomal:hover, .btn.btn-nomal:focus, .btn.btn-nomal.focus {color: #000;}

/*お知らせ*/
.blog_article_box{ border:1px solid #d1e1c7; padding:60px 20px 40px 20px; background:url(../img/icon_circle_g.png) no-repeat center 20px; border-right-width:3px; border-bottom-width:3px; margin:0 10px;}
.blog_article_title{ font-weight:bold; font-size:138.5%; color:#01a13f; margin-bottom:1em; line-height:1.67;}
.blog_article_text{ margin-bottom:25px;}
.btn-blog{ background:url(../img/bg_texture.png) #e3eade; color:#000; padding:11px;box-shadow:rgb(209,225,199) 0px 2px 0px 0px; font-size:123.1%;}
.btn-blog:hover{ background-color:#d5eac0;}
.btn-blog:active{background:url(../img/bg_green.png) #e4ebdf;}

/*footer*/
footer{ background: url(../img/bg_blue.jpg); padding:70px 0 50px 0;}
.footer_title { font-size:184%; margin-bottom:25px; letter-spacing:-0.1em;}
footer address{ font-size: 123.1%;}
footer .tell_info{ width:100%;}
footer .tell_info-tell{ font-size:36px; margin-top:10px;}
footer .tell_info-tell i{ font-size:26px;}
footer .tell_info-time{ font-size:123.1%;}
.copyright{ font-size:108%; margin-top:54px;}
.icon_up{ margin-top:-55px; padding-right:62px;}

/*-------------
	お知らせ blog_list
---------------*/
#page_blog_list #information .title_container,
#page_blog_article #information .title_container{background-position:right top, center center;}
#page_blog_list #sec_sub_nav,
#page_blog_article #sec_sub_nav{ position:fixed; width:100%;top:0}
#page_blog_list .sec_contents,
#page_blog_article .sec_contents{ padding-top:102px; margin-top:0;}

.blog_post_box{ border-top:1px dotted #a4c4d6; padding:40px;}
.post_thumb_img{ float:left; width:320px; height:240px;}
.img_trim{ overflow:hidden; width:320px; height:240px;}
/*.img_trim img{ width:100%;}*/
.post_body{ float:right; width:520px;}
.blog_post_date{ font-size: 108%;}
.post_link,
.post_link:hover,
.post_link:visited{ color:#000;text-decoration:none;}

.post_link:hover img{ opacity:0.8;}

/*pagenation*/
.pager{border-top:1px dotted #a4c4d6; padding:40px 0;}
.pagination{ width:auto; text-align:center;}
.pagination li{display:inline-block;}

.pagenation_left{ margin-right:40px;}
.pagenation_right{ margin-left:40px;}
.pagenation_nav_icon i{ font-size:12px;}

.pagenation_page_nam{ margin:0 8px; font-size:138.5%;}
.pagenation_page_nam a,
.pagenation_nav_icon a{ color:#fff; display:block; background:url(../img/bg_blue_pager.jpg)  center center; width:38px; height:38px; border-radius:19px; line-height:38px; text-align:center;}
.pagenation_page_nam:nth-child(odd) a{ background-position:top center;}
.pagenation_page_nam:nth-child(even) a{ background-position:bottom right;}
.pagenation_nav_icon a,
.pagenation_nav_icon a:hover{background:url(../img/bg_green_pager.jpg); text-decoration:none;}
.pagenation_page_nam a:hover,
.pagenation_page_nam a.current{ color:#fff; text-decoration:none;background:url(../img/bg_blue_pager_hover.jpg) center center;}
.pagenation_page_nam:nth-child(odd) a:hover,
.pagenation_page_nam:nth-child(odd) a.current{ background-position:top center;}
.pagenation_page_nam:nth-child(even) a:hover,
.pagenation_page_nam:nth-child(even) a.current{ background-position:bottom right;}

/*-------------
	お知らせ blog_article
---------------*/
.blog_post{ padding:48px 40px; border:1px dotted #a3c3d5; margin-bottom:40px;}
.blog_post_title{ font-size:182%; font-weight:bold; padding:0 0 26px 20px; border-bottom:1px dotted #a3c3d5; margin-bottom:50px;}
.blog_post_body{ line-height:1.875; font-size:123.1%;}
.blog_post_body h1, .blog_post_body h2, .blog_post_body h3, .blog_post_body h4, .blog_post_body h5{ font-weight:bold; margin:0.67em 0; line-height:1.875;}
.blog_post_body h1{ font-size:2em; }
.blog_post_body h2{ font-size:1.875em; }
.blog_post_body h3{ font-size:1.41em; }
.blog_post_body h4{ font-size:1.2em; }
.blog_post_body h5{ font-size:1em; }
.blog_post_body ul, .blog_post_body ol{ margin:0.875em 0 0.875em 1em; }
.blog_post_body ol li{ margin-left:1em; list-style:decimal; }
.blog_post_body ul li{ margin-left:1em; list-style:disc; }
.blog_post_body p,
.blog_post_body li { line-height: 1.875; font-size: inherit;}
.blog_post_meta{ padding:26px 0 0 20px; border-top:1px dotted #a3c3d5; margin-top:50px;}
.post_pager .pagenation_left{ float:left;}
.post_pager .pagenation_right{ float:right;}
.post_pager .pagination{ width:100%;}
.post_pager .btn{ width:240px;}
/* ==========================================================================
   size
========================================================================== */

@media (max-width: 767px) {/*スマホサイズ*/

	body.scroll_lock{ overflow:hidden;position:fixed}/*メニューオープン時スクロールロック*/
	section,header,footer{ width:100%; min-width:inherit;}
	.sec_contents,
	#page_blog_list .sec_contents,
	#page_blog_article .sec_contents{ margin-top:0; padding-top:0;}/*スクロール位置調整リセット*/	
	.nomal_text{ font-size:123.1%; line-height: 1.5;}
	/*-------------
	header
	---------------*/
	body{ padding-top:60px;}
	header{ background:url(../img/bg_title_blue.jpg); position:fixed; top:0; width:100%; height:60px;z-index:2;}
	
	.sec_logo{
		padding:27px 0 180px;
		background-image: url(../img/head_image@sp.jpg),none;
		background-color:#fcfefb;
		background-position: center bottom,center center;
		background-repeat: repeat-x, repeat;
		background-size:320px auto, 100% 100%;
		border-bottom:1px solid #fff;
	}
	.main_title{ font-size: 108%;}
	.main_title img{ margin-top:7px;}

	.logo_adress{ font-size:12px;}
	.tell_info{ width:70%; margin-bottom:8px}
	.tell_btn_box{ width:30%;float:right; margin-top:8px;}
	header .tell_info{ float:left; margin-top:8px;}
	.tell_info-title{ font-size:12px; margin-bottom:5px;}
	header .tell_info-title{ display:inline-block;}
	.tell_info-tell{ font-size:25px; margin-bottom:5px;}
	header .tell_info-tell{ margin-bottom:0px;}
	.tell_info-tell i{ font-size:15px;}
	.tell_info-time{ font-size:12px; }
	header .tell_info-time{display:inline-block;}
	.tell_info-time i{ font-size:10px;}
	.main_logo img{ width:197px; height:auto;}
	.logo_adress{ padding-top:20px;}	
	
	/*トップページ以外のSPヘッダー*/
	.sp_header{ background:url(../img/bg_title_blue.jpg); position:fixed ; width:100%; top:0;z-index:2; height:60px;}
	.sp_header_wrap{display:table; width:100%;}
	.sp_header .mini_logo { display:table-cell; padding:10px 0 12px 0; margin:0;float:inherit; width: 30%; text-align:center; vertical-align:middle; height:40px; background:url(../img/liner-header.png) no-repeat right top; background-size:1px 50px;}
	.sp_header .menu_open_btn{ display:table-cell; width:40%; color:#007dc6; padding-left:21px;vertical-align:middle; font-size: 123.1%; cursor:pointer;}
	.sp_header .menu_open_btn:before{ content: "\e90b"; display:block; font-family: 'iconfonts'; width:16px; height:16px; color:#0578c2; float:left; margin-right:17px;}
	.sp_header .menu_open_btn_active{ background-color:#0578c2; color:#fff;}
	.sp_header .menu_open_btn_active:before{content: "\e90c"; display:block; font-family: 'iconfonts'; width:16px; height:16px; color:#fff; float:left; margin-right:17px;}
	.sp_header .tell_btn_box{ display:table-cell; width:30%; float:inherit; margin:0;vertical-align:middle; padding:0 10px; background:url(../img/liner-header.png) no-repeat left top; background-size:1px 50px;}
	
	.sp_menu_hide{ position:absolute; top:58px; width:100%;z-index:2; display:none;}
	.sp_menu{ background-color:#0578c2;}
	.sp_menu li{border-bottom:1px solid #a3c3d5}
	.sp_menu a{ color:#fff; font-size: 123.1%; display:block; padding:20px;}
	.sp_menu a i{ float:right;}
	.sp_menu a:hover{ text-decoration:none;}
	
	/*-------------
	top
	---------------*/
	.sp_hide_section{ display:none;}	
	.title_container{height:130px;}
	
	/*セクションタイトル背景*/
	#guidance .title_container{
		background-image:url(../img/title_guidance_bg@sp.jpg),url(../img/bg_title_blue.jpg);
		background-position:right top, center center;
		background-repeat:no-repeat, repeat;
		background-size:cover, auto;
	}
	#greeting .title_container{
		background-image:url(../img/title_greeting_bg@sp.jpg),url(../img/bg_title_blue.jpg);
		background-position:right top, center center;
		background-repeat:no-repeat, repeat;
		background-size:cover, auto;
	}
	#access .title_container{
		background-image:url(../img/title_access_bg@sp.jpg),url(../img/bg_title_blue.jpg);
		background-position:right top, center center;
		background-repeat:no-repeat, repeat;
		background-size:cover, auto;
	}
	#information .title_container{
		background-image:url(../img/title_information_bg@sp.jpg),url(../img/bg_title_blue.jpg);
		background-position:left top, center center;
		background-repeat:no-repeat, repeat;
		background-size:cover, auto;
	}
	.section_title{ padding:36px 0 0 15px;}
	.section_title.section_title_right{ padding:36px 15px 0 0; text-align:right;}	
	#guidance .section_title img{ width:84px; height:auto;}
	#greeting .section_title img{ width:134px; height:auto;}
	#access .section_title img{ width:130px; height:auto;}
	#information .section_title img{ width:78px; height:auto;}
	.open_icon{ margin:18px auto 0 15px;}
	.open_icon.open_icon_right{ text-align:right;margin:18px 15px 0 auto;}
	
	.sp_hide_section{ padding:40px 0;}
	
	/*診療案内*/
	.guidance_title{ padding:9px; margin:0 0px 5px 0; }
	.guidance_text{ font-size:123.1%; line-height:1.875; padding-top:0px;}
	.title_timetable{ margin-bottom:15px;}
	#sec_time{ margin-top:40px;}
	.box_timetable_time{ float: inherit; width:100%;}
	.box_timetable{ float: inherit; width:100%; padding:15px 15px; background-image:none; margin-top:30px;}
	
	/*院長ごあいさつ*/
	.greeting_bg{ background:url(../img/bg_greeting.png) no-repeat center 50px; background-size:320px auto;}
	.greeting_main_text{ width:100%;margin-bottom:20px; line-height:1.875;}
	.history_title { padding:78px 0 15px 0; width:100%;}
	.history_box{ padding:0 0px 15px 0px; width:100% ; margin:15px auto;}
	.history_box p{ line-height:1.875;}
	
	/*地図*/
	.map_box{ width:100%;}
	.map_main_img{ max-width: 100%;}
	.map_text { margin:15px 0 20px 0;}
	.map_title {margin:10px 0 5px 0;}
	.btn-nomal{line-height:1; padding:20px; width:100%; margin:23px auto 0 auto;}

	/*お知らせ*/
	.blog_article_box{ padding:30px 10px 20px 10px; background:url(../img/icon_circle_g.png) no-repeat center 10px;margin:0 0; margin-bottom:15px;}
	.blog_article_title{ margin-bottom:0.5em;}
	.blog_article_text{ margin-bottom:12px;}
	
	/*footer*/
	footer{ padding:35px 0 25px 0;}
	.footer_title { margin-bottom:12px; text-align:center;}
	footer .tell_info-tell{ margin-top:10px; text-align:center;}
	footer .tell_info-time{ text-align:center;}
	footer address{ text-align:center;}
	.copyright{ margin-top:27px; font-size: 85%;}
	.icon_up{ margin-top:22px; padding-right:16px;}
	.icon_up a{ display:block;}
	.icon_up img{ width:30px; height:29px;}
	
	/*-------------
	お知らせ blog_list
	---------------*/
	.contents_section{ padding:40px 0;}
	#page_blog_list .contents_section{ padding:0;}
	.container_auto{ padding:0;}
	#page_blog_list #information .title_container,
	#page_blog_article #information .title_container{
		background-image:url(../img/title_blog_list_bg@sp.jpg),url(../img/bg_title_blue.jpg);
		background-position:right top, center center;
		background-repeat:no-repeat, repeat;
		background-size:cover, auto;
	}
	#page_blog_list	.section_title {padding: 45px 0 0 15px;}
	.blog_post_box{padding:0px; border-top:1px solid #a4c4d6; display:table; height:120px; width:100%;}
	.blog_post_box	.blog_article_title{ font-weight:bold; font-size: 108%; margin-bottom:1em; line-height:1.5;}
	.post_thumb_img{ width:37.5%; height:auto; float:inherit; display:table-cell; vertical-align:middle;}
	.post_body{ width:62.5%; float:inherit; display:table-cell; vertical-align:middle; padding:0 45px 0 20px; position:relative;}
	.post_body:after{content: "\e904"; display:block; font-family: 'iconfonts'; width:10px; height:18px; font-size:18px; color:#4e8d48; position:absolute; right:0; top:45%; margin-right:17px;}
	.blog_post_box .blog_article_text{ display:none;}
	
	/*pagenation*/
	.pager{border-top:1px solid #a4c4d6; padding:23px 0 33px 0;}
	.pagination li{ margin:0 2px;}
	.pagination li.pagenation_left{ margin:0 4px 0 0;}
	.pagination li.pagenation_right{ margin:0 0 0 4px;}
	
	/*-------------
		お知らせ blog_article
	---------------*/	
	.blog_post{ padding:0 0; border:none;}
	.blog_post_title{ font-size:131%;padding:0 0 20px 10px; border-bottom:1px solid #a3c3d5; margin-bottom:30px;}
	.blog_post_body img{ display:block;width:100%; max-width:100%; height:auto;}	
	.blog_post_meta{ padding:12px 0 0 10px; margin-top:35px;}
	.post_pager{ border-top:1px solid #a3c3d5; padding:19px 15px 0 15px;}
	.post_pager .btn{ width:140px;}
	
}
@media (max-width: 320px) {/*iphone5*/

}

@media (min-width: 768px) and (max-width:991px) {/*タブレットサイズ*/

}




/* ==========================================================================
   Helper classes
========================================================================== */
.clearfix:after{clear: both;}
.clearfix:after,
.clearfix:before{display: table;content: " ";}

.tx10 { font-size: 77% !important ; } /*renders 10px */
.tx11 { font-size: 85% !important ; } /*renders 11px */
.tx12 { font-size: 93% !important ; } /*renders 12px */
.tx14 { font-size: 108% !important ; } /*renders 14px */
.tx15 { font-size: 116% !important ; } /*renders 15px */
.tx16 { font-size: 123.1% !important ; } /*renders 16px */
.tx17 { font-size: 131% !important ; } /*renders 17px */
.tx18 { font-size: 138.5% !important ; } /*renders 18px */
.tx19 { font-size: 146.5% !important ; } /*renders 19px */
.tx20 { font-size: 153.9% !important ; } /*renders 20px */
.tx21 { font-size: 161.6% !important ; } /*renders 21px */
.tx22 { font-size: 167% !important ; } /*renders 22px */
.tx23 { font-size: 174% !important ; } /*renders 23px */
.tx24 { font-size: 182% !important ; } /*renders 24px */
.tx25 { font-size: 189% !important ; } /*renders 25px */
.tx26 { font-size: 197% !important ; } /*renders 26px */


/* text-align */
.tx_L { text-align: left !important ; }
.tx_C { text-align: center !important ; }
.tx_R { text-align: right !important ; }
.tx_j { text-align: justify; text-justify: inter-ideograph !important ; }


/* float */
.fl_L { float: left !important ; }
.fl_R { float: right !important ; }
.fl_n { float: none !important ; }


/* clear */
.clear  { clear: both !important ; }


/* overflow */
.hidden { overflow: hidden !important ; }
.scroll { overflow: scroll !important ; }


/* line-height */
.lh0   { line-height: 0 !important ; }
.lh10  { line-height: 1.0 !important ; }
.lh11  { line-height: 1.1 !important ; }
.lh12  { line-height: 1.2 !important ; }
.lh13  { line-height: 1.3 !important ; }
.lh14  { line-height: 1.4 !important ; }
.lh15  { line-height: 1.5 !important ; }
.lh16  { line-height: 1.6 !important ; }
.lh17  { line-height: 1.7 !important ; }
.lh175 { line-height: 1.75 !important ; }
.lh18  { line-height: 1.8 !important ; }
.lh19  { line-height: 1.9 !important ; }
.lh20  { line-height: 2.0 !important ; }


/* margin */
.m0    { margin: 0 !important ; }
.m0A   { margin: 0 auto !important ; }

.mt0   { margin-top:  0px !important ; }
.mt1   { margin-top:  1px !important ; }
.mt3   { margin-top:  3px !important ; }
.mt4   { margin-top:  4px !important ; }
.mt5   { margin-top:  5px !important ; }
.mt7   { margin-top:  7px !important ; }
.mt9   { margin-top:  9px !important ; }
.mt10  { margin-top: 10px !important ; }
.mt15  { margin-top: 15px !important ; }
.mt20  { margin-top: 20px !important ; }
.mt25  { margin-top: 25px !important ; }
.mt30  { margin-top: 30px !important ; }
.mt35  { margin-top: 35px !important ; }
.mt40  { margin-top: 40px !important ; }
.mt45  { margin-top: 45px !important ; }
.mt50  { margin-top: 50px !important ; }
.mt55  { margin-top: 55px !important ; }
.mt60  { margin-top: 60px !important ; }
.mt65  { margin-top: 65px !important ; }
.mt70  { margin-top: 70px !important ; }
.mt75  { margin-top: 75px !important ; }
.mt80  { margin-top: 80px !important ; }
.mt85  { margin-top: 85px !important ; }
.mt90  { margin-top: 90px !important ; }
.mt95  { margin-top: 95px !important ; }
.mt100 { margin-top: 100px !important ; }
.mt110 { margin-top: 110px !important ; }
.mt120 { margin-top: 120px !important ; }
.mt130 { margin-top: 130px !important ; }
.mt140 { margin-top: 140px !important ; }
.mt150 { margin-top: 150px !important ; }

.mrA   { margin-right: auto !important ; }
.mr0   { margin-right:  0px !important ; }
.mr1   { margin-right:  1px !important ; }
.mr3   { margin-right:  3px !important ; }
.mr4   { margin-right:  4px !important ; }
.mr5   { margin-right:  5px !important ; }
.mr7   { margin-right:  7px !important ; }
.mr9   { margin-right:  9px !important ; }
.mr10  { margin-right: 10px !important ; }
.mr15  { margin-right: 15px !important ; }
.mr20  { margin-right: 20px !important ; }
.mr25  { margin-right: 25px !important ; }
.mr30  { margin-right: 30px !important ; }
.mr35  { margin-right: 35px !important ; }
.mr40  { margin-right: 40px !important ; }
.mr45  { margin-right: 45px !important ; }
.mr50  { margin-right: 50px !important ; }
.mr55  { margin-right: 55px !important ; }
.mr60  { margin-right: 60px !important ; }
.mr65  { margin-right: 65px !important ; }
.mr70  { margin-right: 70px !important ; }
.mr75  { margin-right: 75px !important ; }
.mr80  { margin-right: 80px !important ; }
.mr85  { margin-right: 85px !important ; }
.mr90  { margin-right: 90px !important ; }
.mr95  { margin-right: 95px !important ; }
.mr100 { margin-right: 100px !important ; }
.mr110 { margin-right: 110px !important ; }
.mr120 { margin-right: 120px !important ; }
.mr130 { margin-right: 130px !important ; }
.mr140 { margin-right: 140px !important ; }
.mr150 { margin-right: 150px !important ; }

.mb0   { margin-bottom:  0px !important ; }
.mb1   { margin-bottom:  1px !important ; }
.mb3   { margin-bottom:  3px !important ; }
.mb4   { margin-bottom:  4px !important ; }
.mb5   { margin-bottom:  5px !important ; }
.mb7   { margin-bottom:  7px !important ; }
.mb9   { margin-bottom:  9px !important ; }
.mb10  { margin-bottom: 10px !important ; }
.mb15  { margin-bottom: 15px !important ; }
.mb20  { margin-bottom: 20px !important ; }
.mb25  { margin-bottom: 25px !important ; }
.mb30  { margin-bottom: 30px !important ; }
.mb35  { margin-bottom: 35px !important ; }
.mb40  { margin-bottom: 40px !important ; }
.mb45  { margin-bottom: 45px !important ; }
.mb50  { margin-bottom: 50px !important ; }
.mb55  { margin-bottom: 55px !important ; }
.mb60  { margin-bottom: 60px !important ; }
.mb65  { margin-bottom: 65px !important ; }
.mb70  { margin-bottom: 70px !important ; }
.mb75  { margin-bottom: 75px !important ; }
.mb80  { margin-bottom: 80px !important ; }
.mb85  { margin-bottom: 85px !important ; }
.mb90  { margin-bottom: 90px !important ; }
.mb95  { margin-bottom: 95px !important ; }
.mb100 { margin-bottom: 100px !important ; }
.mb110 { margin-bottom: 110px !important ; }
.mb120 { margin-bottom: 120px !important ; }
.mb130 { margin-bottom: 130px !important ; }
.mb140 { margin-bottom: 140px !important ; }
.mb150 { margin-bottom: 150px !important ; }

.mlA   { margin-left: auto !important ; }
.ml0   { margin-left:  0px !important ; }
.ml1   { margin-left:  1px !important ; }
.ml3   { margin-left:  3px !important ; }
.ml4   { margin-left:  4px !important ; }
.ml5   { margin-left:  5px !important ; }
.ml7   { margin-left:  7px !important ; }
.ml9   { margin-left:  9px !important ; }
.ml10  { margin-left: 10px !important ; }
.ml15  { margin-left: 15px !important ; }
.ml20  { margin-left: 20px !important ; }
.ml25  { margin-left: 25px !important ; }
.ml30  { margin-left: 30px !important ; }
.ml35  { margin-left: 35px !important ; }
.ml40  { margin-left: 40px !important ; }
.ml45  { margin-left: 45px !important ; }
.ml50  { margin-left: 50px !important ; }
.ml55  { margin-left: 55px !important ; }
.ml60  { margin-left: 60px !important ; }
.ml65  { margin-left: 65px !important ; }
.ml70  { margin-left: 70px !important ; }
.ml75  { margin-left: 75px !important ; }
.ml80  { margin-left: 80px !important ; }
.ml85  { margin-left: 85px !important ; }
.ml90  { margin-left: 90px !important ; }
.ml95  { margin-left: 95px !important ; }
.ml100 { margin-left: 100px !important ; }
.ml110 { margin-left: 110px !important ; }
.ml120 { margin-left: 120px !important ; }
.ml130 { margin-left: 130px !important ; }
.ml140 { margin-left: 140px !important ; }
.ml150 { margin-left: 150px !important ; }


/* padding */
.p0    { padding: 0 !important ; }

.pt0   { padding-top:  0px !important ; }
.pt1   { padding-top:  1px !important ; }
.pt3   { padding-top:  3px !important ; }
.pt4   { padding-top:  4px !important ; }
.pt5   { padding-top:  5px !important ; }
.pt7   { padding-top:  7px !important ; }
.pt9   { padding-top:  9px !important ; }
.pt10  { padding-top: 10px !important ; }
.pt15  { padding-top: 15px !important ; }
.pt20  { padding-top: 20px !important ; }
.pt25  { padding-top: 25px !important ; }
.pt30  { padding-top: 30px !important ; }
.pt35  { padding-top: 35px !important ; }
.pt40  { padding-top: 40px !important ; }
.pt45  { padding-top: 45px !important ; }
.pt50  { padding-top: 50px !important ; }
.pt55  { padding-top: 55px !important ; }
.pt60  { padding-top: 60px !important ; }
.pt65  { padding-top: 65px !important ; }
.pt70  { padding-top: 70px !important ; }
.pt75  { padding-top: 75px !important ; }
.pt80  { padding-top: 80px !important ; }
.pt85  { padding-top: 85px !important ; }
.pt90  { padding-top: 90px !important ; }
.pt95  { padding-top: 95px !important ; }
.pt100 { padding-top: 100px !important ; }
.pt110 { padding-top: 110px !important ; }

.pr0   { padding-right:  0px !important ; }
.pr1   { padding-right:  1px !important ; }
.pr3   { padding-right:  3px !important ; }
.pr4   { padding-right:  4px !important ; }
.pr5   { padding-right:  5px !important ; }
.pr7   { padding-right:  7px !important ; }
.pr9   { padding-right:  9px !important ; }
.pr10  { padding-right: 10px !important ; }
.pr15  { padding-right: 15px !important ; }
.pr20  { padding-right: 20px !important ; }
.pr25  { padding-right: 25px !important ; }
.pr30  { padding-right: 30px !important ; }
.pr35  { padding-right: 35px !important ; }
.pr40  { padding-right: 40px !important ; }
.pr45  { padding-right: 45px !important ; }
.pr50  { padding-right: 50px !important ; }
.pr55  { padding-right: 55px !important ; }
.pr60  { padding-right: 60px !important ; }
.pr65  { padding-right: 65px !important ; }
.pr70  { padding-right: 70px !important ; }
.pr75  { padding-right: 75px !important ; }
.pr80  { padding-right: 80px !important ; }
.pr85  { padding-right: 85px !important ; }
.pr90  { padding-right: 90px !important ; }
.pr95  { padding-right: 95px !important ; }
.pr100 { padding-right: 100px !important ; }
.pr110 { padding-right: 110px !important ; }

.pb0   { padding-bottom:  0px !important ; }
.pb1   { padding-bottom:  1px !important ; }
.pb3   { padding-bottom:  3px !important ; }
.pb4   { padding-bottom:  4px !important ; }
.pb5   { padding-bottom:  5px !important ; }
.pb7   { padding-bottom:  7px !important ; }
.pb9   { padding-bottom:  9px !important ; }
.pb10  { padding-bottom: 10px !important ; }
.pb15  { padding-bottom: 15px !important ; }
.pb20  { padding-bottom: 20px !important ; }
.pb25  { padding-bottom: 25px !important ; }
.pb30  { padding-bottom: 30px !important ; }
.pb35  { padding-bottom: 35px !important ; }
.pb40  { padding-bottom: 40px !important ; }
.pb45  { padding-bottom: 45px !important ; }
.pb50  { padding-bottom: 50px !important ; }
.pb55  { padding-bottom: 55px !important ; }
.pb60  { padding-bottom: 60px !important ; }
.pb65  { padding-bottom: 65px !important ; }
.pb70  { padding-bottom: 70px !important ; }
.pb75  { padding-bottom: 75px !important ; }
.pb80  { padding-bottom: 80px !important ; }
.pb85  { padding-bottom: 85px !important ; }
.pb90  { padding-bottom: 90px !important ; }
.pb95  { padding-bottom: 95px !important ; }
.pb100 { padding-bottom: 100px !important ; }
.pb110 { padding-bottom: 110px !important ; }

.pl0   { padding-left:  0px !important ; }
.pl1   { padding-left:  1px !important ; }
.pl3   { padding-left:  3px !important ; }
.pl4   { padding-left:  4px !important ; }
.pl5   { padding-left:  5px !important ; }
.pl7   { padding-left:  7px !important ; }
.pl9   { padding-left:  9px !important ; }
.pl10  { padding-left: 10px !important ; }
.pl15  { padding-left: 15px !important ; }
.pl20  { padding-left: 20px !important ; }
.pl25  { padding-left: 25px !important ; }
.pl30  { padding-left: 30px !important ; }
.pl35  { padding-left: 35px !important ; }
.pl40  { padding-left: 40px !important ; }
.pl45  { padding-left: 45px !important ; }
.pl50  { padding-left: 50px !important ; }
.pl55  { padding-left: 55px !important ; }
.pl60  { padding-left: 60px !important ; }
.pl65  { padding-left: 65px !important ; }
.pl70  { padding-left: 70px !important ; }
.pl75  { padding-left: 75px !important ; }
.pl80  { padding-left: 80px !important ; }
.pl85  { padding-left: 85px !important ; }
.pl90  { padding-left: 90px !important ; }
.pl95  { padding-left: 95px !important ; }
.pl100 { padding-left: 100px !important ; }
.pl110 { padding-left: 110px !important ; }