@charset "UTF-8";

/*
 * "IPAexゴシック" licensed under the IPA Font License Agreement v1.0
 * http://ipafont.ipa.go.jp/（IPAフォントのURL）
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
 */
@font-face {
	font-family: 'IPAexゴシック';
	src: url('FontName.eot?') format('oldIE'),
	     url('FontName.woff') format('woff'),
	     url('../font/ipaexg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/****************************************

          General Setting

*****************************************/
*{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

html{
	font-size:66.5%;
	overflow:auto;
}

body {
	line-height:1.6;
	font-family: 'Source Sans Pro', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, 

sans-serif;
	font-size:14px;
	font-size:1.4rem;
	overflow-x:hidden;
}

img{
	border:none;
	outline:none;
}
/****************************************

          Header menu

*****************************************/
#main_navigation_container #site_navigation .menu li a {
	font-size: 1.5rem;
}

@media (min-width: 768px) {
	#main_navigation_container #site_navigation {
		width:61%;
	}
	#main_navigation_container #site_navigation .menu > li,
	#main_navigation_container #site_navigation .menu > ul li {
		margin-left: 25px;
	}

}


/****************************************

          Typography

*****************************************/
/*全ページ共通　header のh1　h2用*/
	#site_branding_container .site-title {
		font-size: 26px;
		font-size: 2.6rem;
	}
	#site_branding_container .site-description {
		font-size: 15px;
		font-size: 1.5rem;
	}
@media (min-width: 768px) {
	#site_branding_container .site-title {
		font-size: 45px;
		font-size: 4.5rem;
}
	#site_branding_container .site-description {
		font-size: 28px;
		font-size: 2.8rem;
}
}
@media (min-width: 1280px) {
	#site_branding_container .site-title {
		font-size: 64px;
		font-size: 6.4rem;
	}
	#site_branding_container .site-description {
		font-size: 34px;
		font-size: 3.4rem;
	}
}
div.page-content h2 {
	/*header footer side 除く*/
	font-size: 26px;
	font-size:2.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", serif;
	color:#c42d2d;
	text-align:center;
	line-height:1.0;
	margin:0 0 30px;
}	
	@media (min-width: 768px) {
		div.page-content h2{
			font-size: 36px;
			font-size: 3.6rem;
		}
	}
div.page-content h3 {
	/*header footer side 除く*/
	font-size: 26px;
	font-size:2.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", serif;
	text-align:center;
	line-height:1.0;
	margin:0 0 30px;
}
	@media (min-width: 768px) {
		div.page-content h3{
			font-size: 36px;
			font-size: 3.6rem;
		}
	}

div.page-content h4{
	/*header footer side 除く*/
	font-size: 16px;
	font-size:1.6rem;
	color:#c42d2d;
	margin:0 0 8px;
}
/****************************************

          Link

*****************************************/
#site_branding_container .button a {
	background-color: #E23939;
}
#site_branding_container .button a:hover,
#site_branding_container .button a:focus {
	background-color: #BB1919;
}

div#content a {
	/*header footer 除く*/
	border-bottom: 1px solid #ffffff; 
	color:#c42d2d;
	/* text-decoration:none; */
}

	div#content a:hover {
		border-bottom: 1px solid #c42d2d;
		color:#c42d2d;
		text-decoration:none;
	}

div#content a.button{
	/*width heightはそれぞれで指定*/
	text-align:center;
	background:#c73d3f;
	border:;
	color:#ffffff;
	font-weight:bold;
	/*line-height:29px;*/
	border:none;
	display: block;
	outline: 1px solid #c73d3f;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

div#content a.button:hover{
	color:#c73d3f;
}

div#content a.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: -100%;
	width: 100%;
	height: 100%;
}

div#content a.button,
div#content a.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

div#content a.button:hover::after {
	top: 0;
	background-color: #fff;
}
	a.button.center{
		margin: 0 auto;
	}

a.new-tab:after{
	content: url("http://nskk.org/chubu/akm-wp-theme/link.png");
	width:11px;
	height:11px;
	padding: 0 3px;
}

.read-more:after {
	content: url("http://nskk.org/chubu/akm/wp-content/uploads/2015/02/right_arrow.png");
	padding-left: 5px;
}

/****************************************

          page top

*****************************************/


footer.site-footer #pagetop{
	right:30px;
	font-size: 1.2rem;
	font-size: 12px;
	position:fixed;
	bottom:30px;
	line-height:16px;
	}

	footer.site-footer #pagetop a{
		background: #FFFFFF;
		background-color: rgba(255,255,255,0.75);
		display: block;
		width: 52px;
		border: 1px solid;
		height: 52px;
		padding: 20px 0 3px;
		text-align:center;	
		color: #C73D3F;
		border-radius: 26px;
	}
	footer.site-footer #pagetop a:before{
		content:"";
		position:absolute;
		right: 22px;
		top: 9px;
		border-style:solid;
		border-width:0 4px 5px;
		border-color: #C73D3F transparent;
	}
	footer.site-footer #pagetop:hover{
		bottom: 29px;
		right: 29px;
	}
	footer.site-footer #pagetop:hover a:before{
		right:23px;
		top:10px;
	}
	footer.site-footer #pagetop:hover a{
		background-color: rgba(255,255,255,1.0);
		width: 54px;
		border: 2px solid;
		height: 54px;
		text-decoration:none;
		border-radius: 27px;
	}

@media (max-width: 1330px) {
footer.site-footer #pagetop{
	right:10px;
	font-size: 1rem;
	font-size: 10px;
	bottom:10px;
	line-height:12px;
	}

	footer.site-footer #pagetop a{
		width: 42px;
		height: 42px;
		padding: 18px 0 3px;
		}
	footer.site-footer #pagetop a:before{
		right: 17px;
		top: 9px;
	}
	footer.site-footer #pagetop:hover{
		bottom: 9px;
		right: 9px;
	}
	footer.site-footer #pagetop:hover a:before{
		right:18px;
		top:10px;
	}
	footer.site-footer #pagetop:hover a{
		width: 44px;
		height: 44px;
		}
}
/****************************************

          footer

*****************************************/

footer.site-footer {
	font-size:12px;
	font-size:1.2rem;
	padding: 15px 0 3px;
	margin-top:-1px;
	text-align:left;
	background:#f2f2f2;
	border:none;
}
	footer.site-footer p{
		margin:0;
	}
	footer.site-footer nav#footer-nav{
		border-bottom:1px solid #d7d3cd;
		padding-bottom: 15px;		
	}
@media (max-width: 767px) {
	footer.site-footer nav#footer-nav{
		display:none;		
	}
}
	footer.site-footer div.column4{
		width:25%;
		float:left;
	}
		footer.site-footer .column4 ul{
			margin:0;
		}
		footer.site-footer .column4 a{
			border:none;
			color:#696660;
		}
			footer.site-footer .column4 a:hover{
				border-bottom:1px solid;
				color:#c42d2d;
				text-decoration:none;
			}

		footer.site-footer .column4 li:before{
			content:"＞";
			font-size:0.7em;
			margin-left:15px;
			padding-right:5px;
			color:#c42d2d;
			}

		footer.site-footer .column4 .parent{
			font-size:15px;
			font-size:1.5rem;
			font-weight:bold;
			margin-left:-15px;
		}
			footer.site-footer .column4 .parent:before{
				content:"≫";
			}

	footer.site-footer #footer-bottom{
		text-align: center;
		color: #A09A90;
		padding: 7px 0 0;
		margin: 0;
	}
		#footer-bottom #name{
			font-weight:bold;
		}
			#footer-bottom #hiragana{
				font-weight:normal;
				font-size:11px;
				font-size:1.1rem;
			}
		#footer-bottom #address{
				font-size:13px;
				font-size:1.3rem;			
		}
		.xs-col-12 #copyright_text{
				text-align: center;
				font-size:14px;
				font-size:1.4rem;			
		}
		
/****************************************

          Clearfix

*****************************************/

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/************************************************************************************************************/
/****************************************** HOME CONTENT ****************************************************/
/************************************************************************************************************/

.home #site_branding_container .site-description { 
	text-shadow: #333 0px 0px 5px;
}
.home #site_branding_container .site-description span {
	/*IE*/
    display: block;
    filter: glow(color=#333333,strength=5px);
}


.home #primary .home-header h1,
.home #primary .page-content .post-header h1 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", serif;
	color: #484848;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.2;
}

/*???nanikore????*/
.home #primary .page-content .post-header h1 {
	margin-bottom: 30px;
}

.home #primary .home-header h2 {
	color: #848484;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.3;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", serif;
	margin-bottom: 20px;
}

/*//////////////////////////////////*/
/*////// FOR home case        //////*/
/*//////////////////////////////////*/


.home #primary .site-main article.home-case .entry-title {
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
}



@media (min-width: 992px) {
	.home #primary .site-main article.home-case {
		width: 33%;
		margin-bottom: 0;
	}
	.home #primary .home-header h1,
	.home #primary .page-content .post-header h1 {
		font-size: 30px;
		font-size: 3rem;
	}
	.home #primary .home-header h2 {
		font-size: 17px;	
		font-size: 1.7rem;	
		margin-bottom: 50px;
}
}

.home .case{
    background: #CC5355;
    color: #FFFFFF;
    font-size:11px;
    font-size:1.1rem;
    padding: 3px;
    margin-bottom: 13px;
    width:6em;
    text-align:center;
}

/*//////////////////////////////////*/
/*////// FOR home case button //////*/
/*//////////////////////////////////*/


article.home-case .case-button {
	text-align:center;
	margin-top:10px;
	color:#E23939;
}

	article.home-case .case-button .button-sub {
		font-size:0.9em;
	}
article.home-case .button {
	margin-top: 5px;
}
article.home-case .button a {
	background-color: #E23939;
	border:none;
	border-radius: 50px;
	color: #FFFFFF !important;
	padding: 5px 30px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

article.home-case .button a:hover,
article.home-case .button a:focus {
	background-color: #BB1919;
	border:none;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

@media (min-width: 768px) {
	article.home-case .button a {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 6px 40px;
}
}
@media (min-width: 1280px) {
	article.home-case .button {
		margin-top: 7px;
	}

	article.home-case .button a {
		padding: 7px 50px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

/*//////////////////////////////////*/
/*////// FOR home blog        //////*/
/*//////////////////////////////////*/

.home #primary .site-main article.s-col-3 .entry-title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
}
@media (max-width: 767px) {
	.home #primary .site-main article.blog-list {
		width: 100%;
		margin:0px;
	}
	.home #primary .site-main article.blog-list h1.entry-title{
		margin:3px 0;
	}
	.home #primary .site-main article.blog-list .entry-title a{
		font-size:14px;
		font-size:1.4rem;
		color: #E23939;
	}
	.home #primary .site-main article.blog-list .entry-thumbnail{
		display:none;
	}
	.home #primary .site-main article.blog-list .entry-summary{
		display:none;
	}
}
@media (min-width: 768px) {
	.home #primary .site-main article.blog-list {
		margin-top: 0;
		width: 25%;
		margin-bottom: 0px;
	}

	.home #primary .site-main article.blog-list,
	.home #primary .site-main article.blog-list .entry-summary {
		text-align: left;
	}
}


/*//////////////////////////////////*/
/*//////       s-divider       //////*/
/*//////////////////////////////////*/
.home .s-divider {
	margin: 30px auto;
}

@media (min-width: 768px) {
	.home .s-divider {
		margin: 0 auto 30px;
	}
}
@media (min-width: 992px) {
	.home .s-divider {
		margin: 55px auto;
	}
}

/*//////////////////////////////////*/
/*//////   contact, access  icon   //////*/
/*//////////////////////////////////*/
#social_container .social-icons li a {
	font-size: 12px;
}
#social_container .social-icons li a:hover {
	color: #FFFFFF;
}

#social_container .social-icons li a .genericon {
	font-size: 20px;
	margin:5px 6px 0 0;
}

#social_container .social-icons li .genericon-contact:before {
	content: '\f410';
}
#social_container .social-icons li .genericon-access:before {
	content: '\f417';
}
@media (max-width: 767px) {/*768以下で右フロートのメニュー非表示*/
	#main_navigation_container #social_container {
		display:none;
	}
}
@media (min-width: 768px) {/*768以上でアクセスとお問い合せをメニューボタン内非表示*/
    #main_navigation_container #site_navigation .menu li#menu-item-201,
    #main_navigation_container #site_navigation .menu li#menu-item-202 {
        display: none;
    }
}
/*//////////////////////////////////*/
/*//////       access            //////*/
/*//////////////////////////////////*/
#map_area{
		  width:100%;
		  height:300px;
		  margin-bottom:30px;
		}
	  
	  
	  
/*//////////////////////////////////*/
/*//////       WAM report        //////*/
/*//////////////////////////////////*/
article#hoiku-report .xs-col-6{
	padding: 0 5%;
}

article#hoiku-report a.pdf{
	display:block;
	margin: 0 auto 1.5em;
	width: 50%;
	border:none;
}	  
article#hoiku-report a.pdf:hover{
	opacity:0.8;
}

article#hoiku-report img{
	margin: 0 auto;
	border: 3px solid #ddd;
	}
article#hoiku-report p.aside {
    font-size: 0.8em;
  	margin:4em 0 0;
	}
	  
@media (max-width: 767px) {
article#hoiku-report .xs-col-6{
		width:100%;
		}
		article#hoiku-report br{
			display:none;
		}
}


/*//////////////////////////////////*/
/*//////     CONTACT FORM 7        //////*/
/*//////////////////////////////////*/

/*    ERROR MESSAGE    */
span.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 0.9em;
    display: inline-block;
    background: #f00;
    padding:0 0.5em;
}
div.wpcf7-validation-errors {
	background: #f7e700;
}


/*       SEND       */
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    background: #FFE2E2;
    border: 1px solid #F4D5D5;
    padding: 100px 10px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 600;
}

.sent dl,
.sent p.form-checkbox,
.sent p.button {
    display: none;
}