@charset "utf-8";

/* ========================================================
font-size for PC
-----------------------------------------------------------
	10px -> 62.5%
	11px -> 68.8%
	12px -> 75%
	13px -> 81.3%
	14px -> 87.5%
	15px -> 93.8%
	16px -> 100%
	17px -> 106.3%
	18px -> 112.5%
	19px -> 118.8%
	20px -> 125%
	21px -> 131.3%
	22px -> 137.5%
	23px -> 143.8%
	24px -> 150%
	25px -> 156.3%
	26px -> 162.5%
	27px -> 168.8%
	28px -> 175%
	29px -> 181.3%
	30px -> 187.5%
	31px -> 193.8%
	32px -> 200%
======================================================== */

/*---------------------------------------------------------
container
---------------------------------------------------------*/
#container {
	background-color: #FFFFFF;
}


/*---------------------------------------------------------
contents
---------------------------------------------------------*/
#contents {
	width: 100%;
	/*padding-top: 114px;*/
	padding-bottom: 150px;
}
	@media screen and (max-width: 959px) {
		#contents {
			padding-top: 63px;
			padding-bottom: 110px;
		}
	}
	
	@media screen and (max-width: 640px) {
		#contents {
			padding-bottom: 40px;
		}
	}


/*---------------------------------------------------------
.inner
---------------------------------------------------------*/
.inner {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto 0px;
}
	@media screen and (max-width: 959px) {
		.inner {
			padding: 0px 15px;
			box-sizing: border-box;
		}
	}


/*---------------------------------------------------------
header
---------------------------------------------------------*/
#head {
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
	/*border-top: #45ABA6 solid 4px;*/
	/*box-shadow: 0px 0px 10px #444444;*/
}
	@media screen and (max-width: 959px) {
		#head {
			position: fixed;
			top: 0;
			left:0;
			z-index:1000;
			min-height: 60px;
			height: auto !important;
			height: 60px;
			border-top: #22aaaa solid 3px;
			box-shadow: 0px 0px 10px #444444;
		}
	}

#head .inner {
	position: relative;
	max-width: 1200px;
}
	@media screen and (max-width: 959px) {
		#head .inner {
			padding: 0px 0px;
		}
	}

/*ロゴ*/
#head .inner h1#logo {
	position: absolute;
	top: 17px;
	left: 0px;
	width: 393px;
}
	@media screen and (max-width: 959px) {
		#head .inner h1#logo {
			top: 17px;
			left: 6px;
			width: 170px;
		}
	}
		@media screen and (max-width: 350px) {
			#head .inner h1#logo {
				top: 18px;
				width: 150px;
			}
		}

/*TEL*/
#head .inner #hTel {
	position: absolute;
	top: 26px;
	right: 0px;
	width: 249px;
}


/*メニューボタン*/
#head .inner #menuBtn{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;
}

#head .inner #menuBtn #menuTorigger{
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:60px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	z-index:51;
	cursor:pointer;
}

#head .inner #menuBtn #menuTorigger .menuLines{
	display:block;
	height:3px;
	width:28px;
	transition:0.3s;
	background:#22aaaa;
	position:relative;
	margin:23px auto 7px;
}
	#head .inner #menuBtn #menuTorigger .menuLines::before,
	#head .inner #menuBtn #menuTorigger .menuLines::after{
		transition-delay:0.3s;
		-moz-transition-delay:0.3s;
		-webkit-transition-delay:0.3s;
		-o-transition-delay:0.3s;
		-ms-transition-delay:0.3s;
		transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		-ms-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		height:3px;
		width:28px;
		transition:0.3s;
		background:#22aaaa;
		content:'';
		position:absolute;
		left:0;
		/*-webkit-transform-origin:2.85714px center;
		transform-origin:2.85714px center;*/
		-webkit-transform-origin:5.71428px center;
		transform-origin:5.71428px center;
		width:100%;
		box-sizing:border-box;
	}
	
	#head .inner #menuBtn #menuTorigger .menuLines::before{
		top:7px;
	}
	
	#head .inner #menuBtn #menuTorigger .menuLines::after{
		top:-7px;
	}

#head .inner #menuBtn #menuTorigger.active{
	color:#000000;
	border:none;
}

#head .inner #menuBtn #menuTorigger.active .menuLines{
	transform:scale3d(0.8, 0.8, 0.8);
	background:transparent;
}
	#head .inner #menuBtn #menuTorigger.active .menuLines::before,
	#head .inner #menuBtn #menuTorigger.active .menuLines::after{
		left:3px;
		background-color:#22aaaa;
	}
	
	#head .inner #menuBtn #menuTorigger.active .menuLines::before{
		-webkit-transform:rotate3d(0, 0, 1, -45deg);
		-moz-transform:rotate3d(0, 0, 1, -45deg);
		-o-transform:rotate3d(0, 0, 1, -45deg);
		-ms-transform:rotate3d(0, 0, 1, -45deg);
	}
	
	#head .inner #menuBtn #menuTorigger.active .menuLines::after{
		top:-5px;
		-webkit-transform:rotate3d(0, 0, 1, 45deg);
		-moz-transform:rotate3d(0, 0, 1, 45deg);
		-o-transform:rotate3d(0, 0, 1, 45deg);
		-ms-transform:rotate3d(0, 0, 1, 45deg);
	}

#head .inner #menuBtn #menuTorigger .menuText{
	color: #000000;
	font-size: 0.9rem;
	font-weight: bold;
}

/*cvボタン*/
#head .inner #cvBtn{
	position: absolute;
	top: 10px;
	right: 60px;
	/*width: 105px;*/
	width: 28%;
}

#head .inner #cvBtn li{
	float: left;
	width: 48%;
	background-color:  #22aaaa;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 4%;
}
	#head .inner #cvBtn li:last-child{
		margin-right: 0px;
	}

/*アクセス*/
#head .inner  #cvBtn li#accessBtn{
	background-image: url( ../common/icon_access.png);
	background-size: 16px auto;
}

/*TEL*/
#head .inner  #cvBtn li#telBtn{
	background-image: url( ../common/icon_tel.png);
	background-size: 16px auto;
}

#head .inner  #cvBtn li a{
	display: block;
	height: 40px;
	text-decoration: none;
	text-indent: -9999px;
	box-sizing: border-box;
	overflow: hidden;
}


/*---------------------------------------------------------
グロナビ
---------------------------------------------------------*/
#hNavi{
	background-color: #22aaaa;
}

#hNavi .inner{
	max-width: 1200px;
}

#hNavi .inner ul li{
	float: left;
	/*width: 256px;*/
	width: 21.333%;
	height: 50px;
	text-align: center;
	border-right: #FFFFFF dotted 1px;
	box-sizing: border-box;
}
	#hNavi .inner ul li#navi01{/*HOME*/
		/*width: 176px;*/
		width: 14.668%;
		border-left: #FFFFFF dotted 1px;
	}
	#hNavi .inner ul li#navi02{/*クリスタルモール大濠*/
	}
	#hNavi .inner ul li#navi03{/*テナント紹介*/
	}
	#hNavi .inner ul li#navi04{/*会社案内*/
	}
	#hNavi .inner ul li#navi05{/*お問い合わせ*/
	}

#hNavi .inner ul li a{
	display: block;
	position: relative;
	color: #FFFFFF;
	font-size: 87.5%;
	font-weight: bold;
    text-decoration: none;
	padding: 15px 0px 14px;
}
	#hNavi .inner ul li a::before{
		content: "";
		position: absolute;
		bottom: -7px;
		left: 0px;
		display: inline-block;
		width: 0;
		height: 5px;
		background-color: #ffff00;
		transition: 0.2s;
		z-index: 1;
	}
	
	#hNavi .inner ul li a:hover::before{
		width: 100%;
	}
	
	#hNavi .inner ul li a.now::before {
		content: "";
		position: absolute;
		bottom: -7px;
		left: 0px;
		display: inline-block;
		width: 100%;
		height: 5px;
		background-color: #ffff00;
	}
	
	/*HOME*/
	#hNavi .inner ul li#navi01 a span{
		display: inline-block;
		background-image: url( ../common/icon_home.png);
		background-position: left 2px;
		background-repeat: no-repeat;
		background-size: 12px auto;
		padding-left: 27px;
	}


/*---------------------------------------------------------
カテゴリタイトル
---------------------------------------------------------*/
#categoryTtl{
	width: 100%;
	height: 280px;
	/*background-image: url( ../news/img/bg_category_ttl.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 35px;
	box-sizing: border-box;
}

#categoryTtl .inner{
	max-width: 1200px;
}

#categoryTtl #cateTtl{
	width: 344px;
}

	@media screen and (max-width: 959px) {
		#categoryTtl{
			height: 137px;
			padding-top: 25px;
		}
		
		#categoryTtl .inner{
			padding: 0px 0px;
		}

		#categoryTtl #cateTtl{
			width: 204px;
		}
	}


/*---------------------------------------------------------
パンくず
---------------------------------------------------------*/
#topicPass{
	width: 100%;
	max-width: 1200px;
	background-color: #FFFFFF;
	padding: 50px 0px 50px;
	margin: -63px auto 0px;
	box-sizing: border-box;
}

	#topicPass ul{
		width: 100%;
		max-width: 1000px;
		margin: 0px auto 0px;
	}
		
		#topicPass ul li{
			float: left;
			color:#666666;
			font-size: 75%;
			padding:0px 0px 0px 10px;
		}
		
		#topicPass ul li:first-child{
			background:url(../common/icon_home02.png) no-repeat left 1px;
			background-size: 12px auto;
			padding:0px 0px 0px 22px;
		}
		
			#topicPass ul li a,
			#topicPass ul li.arw{
				background:url(../common/arw02.png) no-repeat right 50%;
				background-size: 5px auto;
				padding:0px 15px 0px 0px;
			}
			
			#topicPass ul li a{
				color: #22AAAA;
			}
			
			#topicPass ul li.arw{/*.arwリンクなし時*/
				padding-left: 10px;
			}
	
	@media screen and (max-width: 959px) {
		#topicPass{
			padding: 25px 15px 25px;
			margin: 0px 0px;
		}
		
		#topicPass ul li{
			font-size: 1.0rem;
			padding:0px 0px 0px 7px;
		}
		
		#topicPass ul li a,
		#topicPass ul li.arw{
			padding:0px 10px 0px 0px;
		}
	}
	

/*---------------------------------------------------------
headlines
---------------------------------------------------------*/
.hl01{
	color: #FFFFFF;
	font-size: 300%;
	font-weight: normal;
	line-height: 1.1em;
	border-left: #FFFFFF solid 8px;
	padding-left: 22px;
	margin-bottom: 55px;
}
	.hl01 span{
		display: block;
		font-size: 28px;
		font-weight: bold;
		line-height: 1.5em;
		margin-top: 20px;
	}
	
	@media screen and (max-width: 959px) {
		.hl01{
			font-size: 2.6rem;
			line-height: 1.2em;
			border-left: #FFFFFF solid 5px;
			padding-left: 15px;
			padding-right: 15px;
			margin-bottom: 40px;
		}
			.hl01 span{
				font-size: 1.7rem;
				margin-top: 15px;
			}
	}

.hl02{
	position: relative;
	font-size: 187.5%;
	font-weight: bold;
	line-height: 1.35em;
	padding-left: 30px;
	margin-bottom: 40px;
}
	.hl02::before {
		position: absolute;
		top: 3px;
		left: 0px;
		z-index: 2;
		content: '';
		width: 5px;
		height: 30px;
		background-color: #077272;
	}
	
	@media screen and (max-width: 959px) {
		.hl02{
			font-size: 1.8rem;
			padding-left: 15px;
			margin-bottom: 25px;
		}
			.hl02::before {
				top: 0px;
				left: 0px;
				height: 20px;
			}
	}
	
.hl03{
	font-size: 200%;
	font-family: '游明朝 Light', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	font-weight: bold;
	margin-bottom: 12px;
}
	@media screen and (max-width: 959px) {
		.hl03{
			font-size: 2.3rem;
			margin-bottom: 12px;
		}
	}

.hl04{
	color: #22AAAA;
	line-height: 2.5em;
	padding-right: 130px;
	margin-bottom: 10px;
}
	.hl04 span{
		display: inline-block;
		color: #333333;
		font-size: 193.8%;
		margin-right: 10px;
	}
	
	@media screen and (max-width: 640px) {
		.hl04{
			font-size: 1.5rem;
			line-height: 2.0em;
		}
			.hl04 span{
				display: block;
				font-size: 2.8rem;
				margin-right: 0px;
			}
	}

.hl05{
  position: relative;
  font-size: 162.5%;
  font-weight: bold;
  border-top: 1px solid #a5dbdb;
  padding-top: 35px;
  margin-bottom: 35px;
}
	@media screen and (max-width: 640px) {
    .hl05{
      font-size: 1.7rem;
      padding-top: 25px;
      margin-bottom: 25px;
    }
	}
  .hl05::before {
      position: absolute;
      top: -1px;
      left: 0px;
      z-index: 2;
      content: '';
      width: 155px;
      height: 3px;
      background-color: #077272;
    }
  .hl05 span{
    color: #fff;
    background: #077272;
    font-size: 81.3%;
    padding: 16px 32px;
    margin-right: 25px;
  }
	@media screen and (max-width: 640px) {
    .hl05 span{
      padding: 10px;
      font-size: 68.8%;
      margin-right: 10px;
    }
	}

/*---------------------------------------------------------
ヘッダ画像ブロック
---------------------------------------------------------*/
/*.blockBox{
	color: #FFFFFF;
	width: 100%;
	margin-bottom: 60px;
}*/

/*見出し画像*/
/*.blockBox .imgBox{
	float: left;
	width: 33.294%;
	margin-right: 30px;
	overflow: hidden;
}*/

/*テキスト*/
/*.blockBox .txtBox{
	float: left;
	max-width: calc(100% - 33.294% - 30px);
	width: calc(100% - ((100% - 1100px) / 2 + 33.294% + 30px));
	padding-top: 100px;
	box-sizing: border-box;
}
	.blockBox .txtBox .inr {
			padding: 0px 0px
		}*/

	@media screen and (max-width: 959px) {
		/*.blockBox{
			margin-bottom: 50px;
		}*/

		/*見出し画像*/
		/*.blockBox .imgBox{
			float: none;
			width: 100%;
			margin-right: 0px;
		}*/

		/*テキスト*/
		/*.blockBox .txtBox{
			float: none;
			max-width: 100%;
			width: 100%;
			padding-top: 50px;
		}
		
		.blockBox .txtBox .inr {
			padding: 0px 15px;
		}*/
	}


/*---------------------------------------------------------
cvBox
---------------------------------------------------------*/
#cvBox{
	background-color: #eef9f9;
}

#cvBox .inner{
	position: relative;
	padding-top: 43px;
	padding-bottom: 48px;
}

/*TEL*/
#cvBox .inner .cvTel{
	float: left;
	width: 580px;
}
	#cvBox .cvTel .numTel{
		float: left;
		width: 355px;
	}
	#cvBox .cvTel .timeTel{
		font-weight: bold;
		padding-top: 27px;
		margin-left: 370px;
	}

/*お問い合わせ*/
#cvBox .contactBtn{
	position: absolute;
	top: 46px;
	right: 0px;
	width: 330px;
	background-color: #445566;
	border-radius: 6px;
}

#cvBox .contactBtn a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 19px 10px 17px 10px;
}
	#cvBox .contactBtn a span{
		display: inline-block;
		background: url(../common/icon_mail.png) left center no-repeat;
		background-size: 30px auto;
		padding-left: 45px;
	}
	
	@media screen and (max-width: 959px) {		
		/*TEL*/
		#cvBox .inner .cvTel{
			float: none;
			width: 570px;
			margin: 0px auto 28px;
		}
		
		/*お問い合わせ*/
		#cvBox .contactBtn{
			clear: both;
			position: static;
			margin: 0px auto 0px;
		}
	}
		
		@media screen and (max-width: 640px) {			
			#cvBox .inner{
				padding-top: 33px;
				padding-bottom: 38px;
			}
			
			/*TEL*/
			#cvBox .inner .cvTel{
				float: left;
				/*position: relative;
				left: 50%;*/
				width: 100%;
			}
				#cvBox .cvTel .numTel{
					/*position: relative;
					left: -50%;*/
					width: 100%;
					margin-bottom: 5px;
				}
				#cvBox .cvTel .timeTel{
					/*position: relative;
					left: -50%;*/
					text-align: center;
					padding-top: 0px;
					margin-left: 0px;
				}
		}
		
		@media screen and (max-width: 350px) {
			/*お問い合わせ*/
			#cvBox .contactBtn{
				width: 100%;
				background-size: 20px auto;
			}
		}


/*---------------------------------------------------------
footer
---------------------------------------------------------*/
#foot{
	width: 100%;
	color: #FFFFFF;
}

#foot .footBox{
	background-color: #22aaaa;
}
	#foot .footBox .inner{
		padding-top: 50px;
		padding-bottom: 55px;
	}

/*住所*/
#foot .footBox .inner #addBox{
	float: left;
}

	#foot .footBox .inner #addBox dt#logo02{
		width: 271px;
		margin-bottom: 5px;
	}

	#foot .footBox .inner #addBox dd{
		font-size: 93.8%;
	}

/*メニュー*/
#foot .footBox .inner #fNavi{
	float: right;
}

#foot .footBox .inner #fNavi ul{
	float: left;
	width: 200px;
}
	#foot .footBox .inner #fNavi ul:nth-child(1){
		width: 105px;
	}
	#foot .footBox .inner #fNavi ul:nth-child(3){
		width: 160px;
	}

#foot .footBox .inner #fNavi li{
	position: relative;
	font-size: 84.4%;
	padding: 0px 5px 0px 17px;
	margin-bottom: 6px;
}
	#foot .footBox .inner #fNavi li::before {
		position: absolute;
		top: 8px;
		left: 0;
		z-index: 2;
		content: '';
		width: 10px;
		height: 3px;
		background-color: #AEDBD9;
	}
	
	#foot .footBox .inner #fNavi li:last-child{
		margin-bottom: 0px;
	}

#foot .footBox .inner #fNavi li a{
	color: #FFFFFF;
	text-decoration: none;
}
	#foot .footBox .inner #fNavi li a:hover{
		text-decoration: underline;
	}

/*コピーライト*/
#foot #cp{
	font-size: 75%;
	text-align: center;
	background-color: #333333;
	padding: 24px 0px 23px;
}
	
	@media screen and (max-width: 959px) {
		#foot .footBox .inner{
			padding-top: 33px;
			padding-bottom: 28px;
		}
		
		/*住所*/
		#foot .footBox .inner #addBox{
			/*position: relative;
			left: 50%;*/
		}

			#foot .footBox .inner #addBox dt#logo02{
				float: left;
				/*width: 217px;*/
				width: 67.81%;
				/*position: relative;
				left: -50%;*/
			}

			#foot .footBox .inner #addBox dd{
				clear: both;
				font-size: 1.2rem;
				/*position: relative;
				left: -50%;*/
			}
		
		/*コピーライト*/
		#foot #cp{
			font-size: 1.0rem;
			padding: 17px 0px 15px;
		}
	}


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

	サブメニュ
	
----------------------------------------------------------*/
/*3つ*/
.subNav{
	width: 100%;
	background-color: #E9FCFC;
	padding: 15px 30px 5px;
	margin-bottom: 50px;
	box-sizing: border-box;
}

.subNav li{
	float: left;
	width: 32%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: bold;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 10px;
	box-sizing: border-box;
}
	.subNav li:nth-child(3n){
		margin-right: 0;
	}
	.subNav li:nth-child(3n+1){
		clear: both;
	}

.subNav li a{
	display: block;
	color: #9DD6D6;
	text-decoration: none;
	background-color: #FFFFFF;
	border: #9DD6D6 solid 2px;
	padding: 12px 5px 12px;
}
	.subNav li a:hover,
	.subNav li a.now{
		color: #22AAAA;
		border: #22AAAA solid 2px;
	}

	@media screen and (max-width: 959px) {
		/*3つ*/
		.subNav{
			padding: 15px 15px 5px;
			margin-bottom: 30px;
		}

		.subNav li{
			font-weight: normal;
			box-sizing: border-box;
		}
			.subNav li:nth-child(3n){
				margin-right: 0;
			}
			.subNav li:nth-child(3n+1){
				clear: both;
			}

		.subNav li a{
			color: #22AAAA;
			background-color: #FFFFFF;
			border: #22AAAA solid 2px;
			padding: 12px 5px 12px;
		}
			.subNav li a.now{
				background-color: #C4E7E7;
			}
	}

/*2つ*/
.subNav-type02 li{
	width: 49%;
}

	.subNav-type02  li:nth-child(2n){
		margin-right: 0;
	}
	.subNav-type02  li:nth-child(2n+1){
		clear: both;
	}


/*--------------------------------------------------------
	ページトップへボタン
----------------------------------------------------------*/
.pagetop{
	position:fixed;
	bottom: 30px;
	right: 10px;
}


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

	.newsList
	
----------------------------------------------------------*/
/*新着情報*/
.newsList{
	border-top: #CCCCCC dotted 1px;
}

.newsList li{
	border-bottom: #CCCCCC dotted 1px;
	padding: 20px 20px 20px;
}

.newsList li dl dt{
	float: left;
	width: 226px;
	color: #333333;
	/*font-weight: bold;*/
}
	.newsList li dl dt span.icon_news01,
	.newsList li dl dt span.icon_news02{
		display: inline-block;
		width: 100px;
		height: 20px;
		color: #FFFFFF;
		font-size: 81.3%;
		font-family: 'Noto Sans Japanese', sans-serif;
		text-align: center;
		padding: 0px 0px 1px;
		margin-left: 25px;
		box-sizing: border-box;
		overflow: hidden;
	}
		.newsList li dl dt span.icon_news01{/*お知らせ*/
			background-color: #66BBBB;
		}
		.newsList li dl dt span.icon_news02{/*重要*/
			background-color: #445566;
		}

.newsList li dl dd{
	margin-left: 231px;
}
	.newsList li dl dd .new{/*NEWマーク*/
		display: inline-block;
		width: 65px;
		margin-left: 10px;
	}

.newsList li a{
	text-decoration: none;
}
	.newsList li a:hover{
		text-decoration: underline;
	}
	
	@media screen and (max-width: 959px) {
		.newsList li{
			padding: 20px 0px 20px;
		}
	}

	@media screen and (max-width: 640px) {
		.newsList li{
			background-image: url(../common/arw04.png);
			background-position: 96% center;
			background-repeat: no-repeat;
			background-size: 11px auto;
			padding: 15px 6% 15px 0px;
		}

		.newsList li dl dt{
			float: none;
			width: 100%;
		}
			.newsList li dl dt span.icon_news01,
			.newsList li dl dt span.icon_news02{
				display: inline-block;
				width: auto;
				height: 20px;
				font-size: 1.2rem;
				vertical-align: bottom;
				padding: 0px 10px 0px;
				margin-left: 15px;
			}

		.newsList li dl dd{
			margin-top: 10px;
			margin-left: 0px;
		}
			.newsList li dl dd .new{/*NEWマーク*/
				width: 45px;
				margin-left: 5px;
			}
	}


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

	.pagenation
	
----------------------------------------------------------*/
/*.pagenation02は一覧へ戻るボタン時*/

/*ページネーション*/
.pagenation,
.pagenation02{
	position: relative;
	overflow: hidden;
	margin-top: 90px;
}

.pagenation ul,
.pagenation02 ul{
	float: left;
	left: 50%;
	position: relative;
}

.pagenation ul li,
.pagenation02 ul li{
	float: left;
	left: -50%;
	position: relative;
	margin-right: 10px;
}

.pagenation ul li a,
.pagenation02 ul li a{
	display: block;
	color: #22AAAA;
	font-size: 112.5%;
	text-decoration: none;
	background-color: #FFFFFF;
	border: #CCCCCC solid 1px;
	padding: 11px 18px 9px;
}
	.pagenation ul li#now a{
		background-color: #E9FCFC;
		border: #22AAAA solid 1px;
	}
	.pagenation ul li a:hover,
	.pagenation02 ul li a:hover{
		border: #22AAAA solid 1px;
	}
	
/*前のページボタン*/
.pagenation ul li#prev{
	margin-right: 20px;
}
	.pagenation ul li#prev a{
		background-image: url(../common/arw03.png);
		background-position: 17px 17px;
		background-repeat: no-repeat;
		background-size: 8px auto;
		padding-left: 38px;
	}

/*次のページボタン*/
.pagenation ul li#next{
	padding-left: 10px;
	margin-right: 0px;
}
	.pagenation ul li#next a{
		background-image: url(../common/arw02.png);
		background-position: 69px 17px;
		background-repeat: no-repeat;
		background-size: 8px auto;
		padding-right: 38px;
	}

/*戻るボタン*/
.pagenation02 ul li.back a{
	color: #22AAAA;
	font-size: 100%;
	background-image: url(../common/arw03.png);
	background-position: 17px 15px;
	background-repeat: no-repeat;
	background-size: 8px auto;
	padding: 11px 20px 9px 45px;
}

	@media screen and (max-width: 640px) {
		/*ページネーション*/
		.pagenation,
		.pagenation02{
			margin-top: 30px;
		}

		.pagenation ul{
			float: none;
			position: static;
		}

		.pagenation ul li{
			display: none;/*いったん非表示*/
			float: left;
			position: static;
			margin-right: 0px;
		}

		.pagenation ul li a,
		.pagenation02 ul li a{
			font-size: 1.6rem;
			border: #22AAAA solid 1px;
			padding: 11px 18px 9px;
		}
			.pagenation ul li#now a{
				background-color: #FFFFFF;
			}

		/*前のページボタン*/
		.pagenation ul li#prev{
			display: inline-block;/*ここで表示*/
			margin-right: 0px;
		}
			.pagenation ul li#prev a{
				background-position: 17px 17px;
				background-size: 5px auto;
			}

		/*次のページボタン*/
		.pagenation ul li#next{
			display: inline-block;/*ここで表示*/
			float: right;
			padding-left: 0px;
		}
			.pagenation ul li#next a{
				background-position: 69px 17px;
				background-size: 5px auto;
			}
		
		/*戻るボタン*/		
		.pagenation02 ul li.back a{
			font-size: 1.3rem;
			background-position: 17px 16px;
			background-size: 5px auto;
		}
	}


/*---------------------------------------------------------
PC、SP切り替え
---------------------------------------------------------*/
@media screen and (min-width: 960px) {
	.sp {
		display: none !important;
	}
}

@media screen and (max-width: 959px) {
	.pc {
		display: none !important;
	}
}


/*---------------------------------------------------------
フォント
---------------------------------------------------------*/
.fontN {
	font-family: 'Noto Sans Japanese', sans-serif;
}

/*.fontH {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}*/


/*---------------------------------------------------------
テーブル
---------------------------------------------------------*/ 
/*.tbl01*/
/*.tbl01{
	width: 100%;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}

.tbl01 th,
.tbl01 td{
	font-size: 112.5%;
	text-align: center;
	border:1px solid #FFFFFF;
	border-collapse: collapse;
	padding: 15px 10px;
}

.tbl01 th {
	font-weight: bold;
	background-size: 2px auto;
}

	@media screen and (max-width: 959px) {
		.tbl01 th,
		.tbl01 td{
			font-size: 1.3rem;
		}
	}*/

/*.tbl02*/
/*.tbl02{
	width: 100%;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}

.tbl02 th,
.tbl02 td{
	font-size: 112.5%;
	text-align: center;
	border:1px solid #FFFFFF;
	border-collapse: collapse;
	padding: 15px 10px;
}

.tbl02 th {
	font-weight: bold;
	background-color: #E7B621;
}

	@media screen and (max-width: 959px) {
		.tbl02 th,
		.tbl02 td{
			font-size: 1.3rem;
		}
	}
*/

/*---------------------------------------------------------
注釈
---------------------------------------------------------*/ 
.note{
	display:inline-block;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.35em;
}
	@media screen and (max-width: 959px) {
		.note{
			font-size: 1.0rem;
		}
	}

.notes li{
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.35em;
	margin-bottom: 5px;
}
	.notes li:last-child{
		margin-bottom: 0px !important;
	}
	
	@media screen and (max-width: 959px) {
		.notes li{
			font-size: 1.0rem;
		}
	}


/*---------------------------------------------------------
リスト
---------------------------------------------------------*/ 
/*2つ*/
.ulList{
	
}

.ulList li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 1.8%;
	box-sizing: border-box;
}
	.ulList li:nth-child(2n){
		margin-right: 0 ;
	}
	.ulList li:nth-child(2n+1){
		clear: both;
	}

/*3つ*/
.ulList02{
}

.ulList02 li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 1.8%;
	box-sizing: border-box;
}
	.ulList02 li:nth-child(3n){
		margin-right: 0;
	}
	.ulList02 li:nth-child(3n+1){
		clear: both;
	}

	@media screen and (max-width: 959px) {
		/*2つスマホは1つ*/
		.ulList li{
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 15px;
		}
			.ulList li:nth-child(2n+1){
				clear: none;
			}
	
		/*3つスマホは2つ*/
		.ulList02 li{
			width: 49%;
			margin-right: 2%;
			margin-bottom: 1.8%;
		}
			.ulList02 li:nth-child(3n){
				margin-right: 2%;
			}
			.ulList02 li:nth-child(3n+1){
				clear: none;
			}
			.ulList02 li:nth-child(2n){
				margin-right: 0;
			}
			.ulList02 li:nth-child(2n+1){
				clear: both;
			}
	}


/*---------------------------------------------------------
ボタン
---------------------------------------------------------*/ 
.moreBtn{
	width: 200px;
}

.moreBtn a {
	display: block;
	color: #111111;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #FFFF00;
	padding: 8px 10px 6px 10px;
}
	
	@media screen and (max-width: 640px) {
		.moreBtn{
			width: 100%;
		}

		.moreBtn a {
			background-image: url(../common/arw04.png);
			background-position: 96% center;
			background-repeat: no-repeat;
			background-size: 11px auto;
			padding: 15px 8% 13px 10px;
		}
		/*.moreBtn a {
			font-size: 1.6rem;
		}*/
		
		/*.moreBtn a span{
			display: inline-block;
			background-image: url(../common/arw01.png);
			background-position: left center;
			background-repeat: no-repeat;
			background-size: 7px auto;
				-webkit-background-size: 7px auto;
				-moz-background-size: 7px auto;
				-ms-background-size: 7px auto;
			padding-left: 20px;
		}*/
	}


/*---------------------------------------------------------
elements
---------------------------------------------------------*/ 
/*----- 整列 ----*/
.txtCenter { text-align: center !important;}
.txtRight { text-align: right !important;}
.txtLeft { text-align: left !important;}


/*----- マージン ----*/
.mB00 { margin-bottom: 0px !important;}
.mB05 { margin-bottom: 5px !important;}
.mB08 { margin-bottom: 8px !important;}
.mB10 { margin-bottom: 10px !important;}
.mB12 { margin-bottom: 12px !important;}
.mB15 { margin-bottom: 15px !important;}
.mB18 { margin-bottom: 18px !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;}
.mB80 { margin-bottom: 80px !important;}
.mB90 { margin-bottom: 90px !important;}
.mB100 { margin-bottom: 100px !important;}

.mT10 { margin-top: 10px !important;}
.mT12 { margin-top: 12px !important;}
.mT15 { margin-top: 15px !important;}


/*----- フロート ----*/
.fLeft { float: left;}
.fRight { float: right;}

img.fLeft { padding: 0 20px 10px 0}
img.fRight { padding: 0 0 10px 20px}


/*----- 文字色 ----*/
.fRed{ color: #B20000;}


/*----- フォントサイズ ----*/
.fSize01 { font-size: 72%;}


/*----- フォント ----*/
.fBold { font-weight: bold;}


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

dl:after,
ul:after,
#formWrap > ul > li:after {
	content: '';
	display: block;
	clear: both;
}

div:after{
	content: ".";  
	display: block;
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
	overflow: hidden;
}

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

.clear{
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0.1em;
	line-height: 0.1em;
	display: block;
  	clear:both;
}