@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video { max-width: 100%; }
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img { width:100%; }

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* clearfix */
/* for modern browser */
.clearfix { display: inline-block; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* Hides from IE-mac \*/
 html .clearfix { /*height: 1%;*/ }
.clearfix { display: block; }
/* End hide from IE-mac */

.sp{ display: none; }

@media screen and (max-width:750px){
	.pc{ display:none; }
	.sp{ display:inline-block; }
}

/*  1:共通
==================================*/
html,body{ height:100%; }
div#container{
	position:relative;
	width:100%;
	height:100%; 
	min-height:980px;
	height:auto!important; 
	margin:0 auto;
	padding:0;
	}
* html div#container{ height:100%; }
#head{
	position: relative;
	background: #fff;
	min-width: 1000px;
	margin: 0;
	padding: 34px 0 35px;
	}
#head a:hover{ opacity: .6; }
#head .hWrap{
  position: relative;
	width:980px;
	margin: 0 auto; 
	}
	#head h1{
		width: 88px;
		margin : 0;
		margin-left: 28px;
		}
	#head h1 a:hover{ opacity: 1; }

#head h1 img {
  width: 100%;
}

#head .hWrap .hInner {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 88px; 
}

  #gNav ul{ 
    font-size: 0;
    display: flex;
    gap: 55px;
    margin-top :126px;
  }
/*	#gNav li{
		display: inline-block;
		margin-right: 90px;
		}*/
  #gNav li:nth-child(1){
		width: 101px;
		}
  #gNav li:nth-child(2){
		width: 90px;
		}
  #gNav li:nth-child(3),
  #gNav li:nth-child(4){
		width: 69px;
		}
  #gNav li:nth-child(5){
		width: 65px;
		}
  #gNav li:nth-child(6){
		width: 81px;
    margin-right: 0;
		}
	#gNav li span{
    opacity: .4;
  }

.spNavWrap {
  display: none;
}

.spNav, .yoyaku{ display: none; }
#head .contBtn{
	position: absolute;
	top: 0;
	right: 6px;
	font-size: 0;
	}
	#head .contBtn li{
		display: inline-block;
		margin-left: 9px;
		}
			#head .contBtn li:nth-child(2) {
				display: inline-block;
				margin-left: 4px;
			}
			#head .contBtn li:nth-child(3) {
				display: inline-block;
				margin-left: 12px;
			}
#head .contBtn .tel {
	width: 171px;
  margin-left: 3px;
}
	#head .contBtn li .btn_cal{
            width: 35px;
		}
.spMenu{ display: none; }



@media screen and (max-width:750px){
	#head{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 0;
		min-height: 0;
		padding: 4% 0 0; 
		z-index: 9999;
		}
	#head a:hover{ opacity: 1; }
	#head .hWrap{ 
    width:100%;
    display: block;
    }
  #head .hWrap .hInner {
    display: contents;
  } 
		#head h1{
			float: left;
			position: relative;
			width: 45.6%;
			margin: 0 4.667% 4%;
			}
	#gNav{ 
    text-align: center;
    display: none; }
	.spNavWrap{
    display: block;
		float: right;
		width: 28%;
		margin: 0.933% 5.333% 0 0;
		font-size: 0;
		letter-spacing: 0;
		line-height: 0;
	}
	.spNav{
		display: inline-block;
		vertical-align: middle;
		position: relative;
/*		float: right;*/
		width: 7.067%;
		width: 25.238%;
		margin: 0 0 0 14.286%;
		cursor: pointer;
		}
	.spNav .close{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		width: 86.792%;
		padding: 0 6.604%;
		}
	.yoyaku{
		display: inline-block;
		vertical-align: middle;
/*		float: left;*/
		width: 60%;
	}

	#head .contBtn{ display: none; }
	.spMenu{ height: 100vh; }
	.spMenu #spgNav{
		width: 40%;
		margin: 21.333% auto 13.333%;
		}
	.spMenu #spgNav li{ margin-bottom: 20%; }
	.spMenu #spgNav a{
		display: inline-block;
		font-size: 5.619vw;
		color: #000;
		line-height: 1;
		}
	.spMenu .spContBtn{
		width: 53.333vw;
		margin: 0 auto 5.333%;
		font-size: 0;
        display: flex;
        justify-content: space-between;
		}
	.spMenu .spContBtn li{
		display: inline-block;
		width: 11.2vw;
		margin-left: 3.2vw;
		}
	.spMenu .spContBtn li:first-child{ margin-left: 0; }
	.spMenu .contact{
		width: 37.733%;
		margin: 0 auto;
		}
}

#contents{
	position:relative;
	width:100%;
	min-width: 980px;
	}
#contents .secBlk .mainImg{
	background-size: cover;
	width: 100%;
	height: 430px;
	min-width:980px;
	margin:0 auto 100px;
	}
	#contents .secBlk .mainImg img{
		height: 430px;
		visibility: hidden;
		}
#contents .secBlk .wrap{
	width: 980px;
	margin: 0 auto 100px;
	}
	#contents .secBlk h2{ margin:0 auto 80px; }

#topicpath { margin-bottom: 60px; }
#topicpath li {
	float: left;
	color: #4dbbaa;
	}

@media screen and (max-width:750px){
	#contents{
		min-width: 0;
		padding-top: 16%;
		}
	#contents .secBlk .mainImg{
		height: 0;
		min-width:0;
		margin-bottom:14.667%;
		padding-bottom: 45.333%;
		}
		#contents .secBlk .mainImg img{
			height: 100%;
			visibility: visible;
			}
	#contents .secBlk .wrap{
		width: 85.333%;
		margin-bottom: 16%;
		}
		#contents .secBlk h2{ margin-bottom:14.063%; }

	#topicpath { margin-bottom: 60px; }
	#topicpath li {
		float: left;
		color: #4dbbaa;
		}
}

#sideNav{
	float: right;
	width:280px;
	}
	#sideNav h3{
		border-top: solid 7px #000;
		margin-bottom: 25px;
		padding-top: 25px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1;
		}
	#sideNav ul { margin-bottom: 55px; }
	#sideNav li { margin-bottom: 2px; }
	#sideNav li a {
		display: block;
		background-color: #fdeee1;
		padding: 12px 15px;
		font-size: 14px;
		color: #ea5500;
		line-height: 1.7;
		}
	#sideNav .archiveList ul {
		background-color: #fdeee1;
		padding: 15px;
		}
	#sideNav .archiveList li { margin-bottom: 0; }
	#sideNav .archiveList li a {
		background-color: transparent;
		padding: 0;
		}

@media screen and (max-width:750px){
	#sideNav{
		float: none;
		width:100%;
		}
		#sideNav h3{
			border-top: solid .933vw #000;
			margin-bottom: 7.031%;
			padding-top: 7.031%;
			font-size: 4.8vw;
			}
		#sideNav ul { margin-bottom: 14.063%; }
		#sideNav li { margin-bottom: .625%; }
		#sideNav li a {
			padding: 5.469%;
			font-size: 3.733vw;
			}
		#sideNav .archiveList ul { padding: 5.469%; }
}

#foot{
	background-color: #f7f8f8;
	width:100%;
	margin: 0;
	padding: 100px 0;
	}
#foot .fWrap{
	width: 980px;
	margin:0 auto;
	font-size: 0;
	}
#foot .logo{
	float: left;
	display: inline-block;
	width:190px;
	margin-right: 20px;
	vertical-align: top;
	}
#foot .contBtn{
	display: inline-block;
	width:770px;
	margin-bottom: 8px;
	vertical-align: top;
	font-size: 0;
	}
	#foot .contBtn p{
		display: inline-block;
		width: 28px;
		margin: 0;
		}
	#foot .contBtn a:hover{ opacity: .6; }
#foot .contBtn .tel{ width: 678px; margin-right: 20px; }
#foot .contBtn .map{ margin-right: 10px; }
#foot .lBlk .address{
	font-size: 12px;
	color: #000;
	line-height: 2.0;
	}
#foot .copyright{ font-size:12px; }

@media screen and (max-width:750px){
	#foot{ padding: 10.667% 0; }
	#foot .fWrap{ width: 100%; }
	#foot .logo{ display: none;}
	#foot .contBtn{
		width:100%;
		margin-bottom: 11.333%;
		text-align: center;
		}
		#foot .contBtn p{
			display: inline-block;
			width: 14%;
			margin: 0;
			}
		#foot .contBtn a:hover{ opacity: 1; }
	#foot .contBtn .tel{ width: 14%; margin-right: 6.667%; }
	#foot .contBtn .map{ margin-right: 6.667%; }
	#foot .lBlk .address{
		font-size: 12px;
		color: #000;
		line-height: 2.0;
		}
	#foot .contact{
		display: block;
		width: 56.267%;
		margin: 0 auto 9.333%;
		}
	#foot .copyright{
		font-size:3.2vw;
		text-align: center;
		line-height: 1.723;
		}
}

@media screen and (max-width:1120px){
/*div#container{
	width:1120px;
	}
#head{
	position: relative;
	float: left;
	}
#contents{
	position:relative;
	float: left;
	width:860px;
	min-width: 860px;
	padding-left: 0;
	}
	#contents .aWrap,
	#contents .cWrap{ padding-left: 0; }
*/
}


/*  cmsエントリー（共通）
==================================*/
#entryWrap{
	float: left;
	width:620px;
	margin-bottom: 75px;
	}
#entryWrap.editer{
	float: none;
	width:100%;
	}
	#entryWrap .entryBlk{
		background: url(../img/news_blog/line_dot.png) repeat-x top;
		margin-bottom: 50px;
		}
		#entryWrap .entryBlk .entryLine{
			background: url(../img/news_blog/line_dot.png) repeat-x bottom;
			padding: 20px 0 22px;
			color: #474342;
			}
		#entryWrap .entryBlk .entryLine time{
			display: inline-block;
			width: 130px;
			font-size: 14px;
			line-height: 1;
			}
		#entryWrap .entryBlk .entryLine a {
			font-size: 14px;
			color: #5c5c5c;
			}
			#entryWrap .entryBlk .entryLine a:after {
				display: inline-block;
				width: 11px;
				height: 11px;
				margin-left:5px;
				content: "";
				text-indent: -1.5em;
				vertical-align: baseline;
				}
@media screen and (max-width:750px){
	#entryWrap{
		float: none;
		width:100%;
		margin-bottom: 21.875%;
		}
		#entryWrap .entryBlk{ margin-bottom: 15.625%; }
			#entryWrap .entryBlk .entryLine{ padding: 4.813% 0; }
			#entryWrap .entryBlk .entryLine time{
				display: inline-block;
				width: 100%;
				margin-bottom: 1.563%;
				font-size: 3.733vw;
				color: #5c5c5c;
				}
			#entryWrap .entryBlk .entryLine a { font-size: 3.733vw; }
}

#entryWrap .entryHead h2{
	width: 100%;
	margin-bottom: 10px;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	}
#entryWrap .entryHead .status{
	margin-bottom: 30px;
	font-size: 12px;
	color: #474342;
	}
#entryWrap .entryHead .cate{ color: #9b9b9c; }

#entryWrap .acms-entry p{
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 2.0;
	}
	#entryWrap .acms-entry p.caption{
		margin: 3px 0 0;
		font-size: 12px;
		line-height: 1.55;
		}
#entryWrap .acms-entry h3{
	border-left:solid 5px #000;
	margin-bottom: 10px;
	padding: 8px 0 8px 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.05em;
	}
#entryWrap .acms-entry h4{
	background-color: #ddd;
	margin-bottom: 10px;
	padding: 8px 10px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.05em;
	}
#entryWrap .acms-entry h5{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.05em;
	}
#entryWrap .acms-entry ul{ margin:0 10px 30px; }
	#entryWrap .acms-entry ul li {
		margin-left: 1.2em;
		margin-bottom: 5px;
		line-height: 1.7;
		letter-spacing: -0.05em;
		}
		#entryWrap .acms-entry ul li:before {
			display: inline-block;
			content: "・";
			text-indent: -1.2em;
			color: #ea5500;
			}
#entryWrap .acms-entry ol{ margin:0 10px 30px; }
	#entryWrap .acms-entry ol li {
		margin-left: 1.2em;
		margin-bottom: 5px;
		line-height: 1.7;
		letter-spacing: -0.05em;
		}
#entryWrap .acms-entry table {
	border-bottom: solid 1px #dfdfdf;
	width: 100%;
	margin-bottom: 30px;
	}
	/* #entryWrap .acms-entry table tr:nth-child(2n+1) { background: #f5f5f5; } */
	#entryWrap .acms-entry table th,
	#entryWrap .acms-entry table td {
    display: table-cell;
    border-top: solid 1px #dfdfdf;
    padding: 10px 15px;
		font-size: 14px;
    line-height: 1.5;
    text-align: left;
		}
	#entryWrap .acms-entry table th {
		background-color: #f5f5f5;
		font-weight: bold;
		}
	#entryWrap .acms-entry [class*="column-map-"],
	#entryWrap .acms-entry [class*="column-yolp-"] { margin-bottom: 30px; }
	#entryWrap .acms-entry [class*="column-video-"],
	#entryWrap .acms-entry [class*="column-youtube-"] { margin-bottom: 30px; }

@media screen and (max-width:750px){
	#entryWrap .entryHead h2{ font-size: 4.8vw; }
	#entryWrap .entryHead .status{
		margin-bottom: 7.813%;
		font-size: 3.2vw;
		}

	#entryWrap .acms-entry p{
		margin-bottom: 6.25%;
		font-size: 3.733vw;
		line-height: 1.857;
		}
		#entryWrap .acms-entry p.caption{ font-size: 2.667vw; }
	#entryWrap .acms-entry h3{ font-size: 4.4vw; }
	#entryWrap .acms-entry h4{ font-size: 4vw; }
	#entryWrap .acms-entry h5{ font-size: 3.8vw; }
	#entryWrap .acms-entry ul{ margin:0 10px 30px; }
		#entryWrap .acms-entry ul li {
			margin-left: 1.2em;
			margin-bottom: 5px;
			line-height: 1.7;
			letter-spacing: -0.05em;
			}
			#entryWrap .acms-entry ul li:before {
				display: inline-block;
				content: "・";
				text-indent: -1.2em;
				color: #ea5500;
				}
		#entryWrap .acms-entry table th,
		#entryWrap .acms-entry table td { font-size: 3.733vw; }
 }

	.pager {
    list-style: none;
    margin: 0 -5px 50px;
    padding: 0;
    text-align: center;
		}
	.pager li {
    display: inline-block;
    margin: 0 5px;
		}
	.pager li.cur { background: #ea5500; }
	.pager li.cur span { color: #fff; }
	.pager-link,
	.pager li.cur {
		display: inline-block;
    border-radius: 3px;
    padding: 5px 7px;
		}
	.pager-link {
    background: #e5e5e5;
    display: block;
		color: #5c5c5c;
		}
	.pager-link:active,
	.pager-link:focus,
	.pager-link:visited {
    color: #5c5c5c;
		}
	.pager-link:hover {
    background: #ea5500;
    color: #fff;
    text-decoration: none;
		opacity: .7;
		}

@media screen and (max-width:750px){
	.pager { margin: 0; }
	.pager li { margin: 0 1.563%; }
	.pager-link,
	.pager li.cur {
		padding: 1.267vw 1.867vw;
		font-size: 3.2vw;
		}
}