/* Variables */
// サイト横幅
@siteWidth: 1024px;
// メインの色
@mainColor:#555;

// 開発モード
// .devMode( true );
.devMode( false );

// 基本的な関数セットを読み込み
@import ( reference ) "basics.less";

/* common setting */
html, body{
	// min-width: @siteWidth;
	// height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#666;
	line-height:1.6;
	
	@media screen and (max-width: 767px) {

		}
	
}
.nav>li>a {
	color:#555;
	border-bottom:1px solid #ebebe4;
}
.nav>li>a:hover {
	background-color:#ebebe4;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, pre {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
	font-weight:normal;
}


img {
  border:0;
  max-width: 100%;
  height: auto;
}


.aligncenter {
	display: block;
	padding:0;
	margin:0 auto;
}
.alignleft {
	float: left;
	margin:0 10px 0 0;
}
.alignright {
	float: right;
	margin:0 0 0 10px;
}

ul li { list-style:none; }

.lead { line-height:38px; }


/* ===========  bootstrap Hack ============ */
a { color:#4b4b4b; }
a:hover { text-decoration:none;color:#7f7f7f; }


blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-left: 5px solid #F7EFE7;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px;
	border-top: 1px solid #EEE;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background-color: #faf9f6;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

			padding-left: 5px;
			padding-right: 5px;

	@media screen and (max-width: 767px) {
			padding-left: 10px;
			padding-right: 10px;
	
	}

}


/* ===========  bootstrap Hack END ============ */


#pcHeader{
	position: relative;
	margin:0 auto;
	background: url(/images/h_bg.png) top left repeat-x;
	padding:0 0 0 0;
	z-index:100;


		@media screen and (max-width: 991px) {
			display:none;
		}
	.row, .container {  padding-left: 0px;padding-right: 0px; }
	#logo{	margin:25px 0 0 20px;	}
	.entryBtn { margin:4px 20px 0 0; }
	ul#mainNav{
		padding:0 0 0 0;
		margin:10px 0 0 20px;
		list-style: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
			li{
				display: block;

				a { 
					display:block;padding:10px 15px;font-size:12px;line-height:1;text-align: center;
					background: url(/images/pc_nav_bg.png) no-repeat 0 10px;
							-webkit-transition: 0.2s ease-in-out;
							   -moz-transition: 0.2s ease-in-out;
								 -o-transition: 0.2s ease-in-out;
									transition: 0.2s ease-in-out;

					}
				a:hover { background-position: 0 bottom;text-decoration:none;color:#FFF; }
			
			}
	}
}

.header {

		@media screen and (min-width: 992px) {
			display:none;
		}

		@media screen and (max-width: 767px) {
		width:100%;
		background:#FFF;
		padding:10px 5px;
		font-size:20px;
		background: url(/images/logo.png) center center no-repeat;
		background-size:auto 40px;
		border-bottom:2px solid #000;
		}

}
nav {
		@media screen and (min-width: 992px) {
			display:none;
		}
		
		#menu {
		@media screen and (min-width: 992px) {
			display:none;
		}
	
		}
}


#topMain {
		background: url(/images/top_main_base_bg.png) bottom center no-repeat;
		z-index:10;
		padding:0 0 0 0;
			@media screen and (max-width: 991px) {
					display:none;
				}
		
		.bgWrapper { padding:15px 0 10px 0; }	
		.mainWrapper { 
			width:1048px;
			margin:0 auto;
			height:446px;
			background: url(/images/main_bg.png) top center;position:relative;
			

			
			}
		.mobileWrapper {
			height:300px;	
		}
		
		.slider { padding:2px 0 0 0; }
	
		.topicsBlock { position:absolute;bottom:60px;width:100%;background: url(/images/info_bg.png) top center;margin:0;
			.box { padding:15px 40px;color:#FFF; }
			.box a { color:#FFF; }
		}
}

#mobileMain {
		@media screen and (min-width: 992px) {
					display:none;
				}
}


.castMark { position:relative; }
#serviceBlock { 
	text-align:center;
	padding:15px 0 30px 0;
		
		.leadBox { font-size:26px;line-height:34px;
			@media screen and (max-width: 767px) {
					font-size:14px;line-height:24px;padding:15px 10px 0 10px;
				}		
		
		}
		
		.boxWrapper {
				background: url(/images/service_bg.png) top center;margin:20px 0;padding:20px 0;
				
				.block { background:#FFF;padding:5px;
					.imgBox {
							overflow: hidden;
						img {     
							height: auto;
							-webkit-transition:all 0.25s ease-in-out;
							transition:all 0.25s ease-in-out;
							width: 100%;
							vertical-align: bottom;
						}
						a:hover img {
								transform: scale(1.15,1.15);
								-webkit-transform:scale(1.15,1.15);
								-moz-transform:scale(1.15,1.15);
								-ms-transform:scale(1.15,1.15);
								-o-transform:scale(1.15,1.15);
						}
					}
				
				 }
				
				
		}

}


#staffBlock {
		background: url(/images/staff_bg.png) top center;
		text-align:center;
		margin-top:-30px;
		padding:50px 0 50px 0;
		
				.leadBox { font-size:26px;line-height:34px;color:#FFF;margin:0 0 30px 0; }
				.linkBox{
					margin:0 0;
					
					.box a {
						display:block;
						border:3px solid #FFF;
						color:#FFF;
						font-size:18px;	
						width:280px;
						margin:10px auto;
						padding:10px 0;
						background: url(/images/c_btn_bg.png) no-repeat 0 0;
								-webkit-transition: 0.2s ease-in-out;
								   -moz-transition: 0.2s ease-in-out;
									 -o-transition: 0.2s ease-in-out;
										transition: 0.2s ease-in-out;
					}
					a:hover { background-position: 0 bottom;text-decoration:none;color:#FFF; }
				
				}
				
				.imgBox { margin:5px 0; }
				.btnBox { margin:-50px 0 0 0;background: url(/images/c_entry_btn.png) top center no-repeat;padding:50px 0 0 0;
				
					a {
						display:block;
						border:3px solid #FFF;
						color:#FFF;
						font-size:34px;	
						width:700px;
						margin:10px auto;
						padding:10px 0;
						background: url(/images/c_entry_bg.png) no-repeat 0 0;
								-webkit-transition: 0.2s ease-in-out;
								   -moz-transition: 0.2s ease-in-out;
									 -o-transition: 0.2s ease-in-out;
										transition: 0.2s ease-in-out;

						@media screen and (max-width: 767px) {
								width:100%;font-size:16px;margin-bottom:50px;
							}
										
					}
					a:hover { background-position: 0 bottom;text-decoration:none;color:#FFF; }
				
				}
				
}


.castTop {
		text-align:center;
		padding:0 0 30px 0;
		
				.leadBox { font-size:26px;line-height:34px;color:#FFF;margin:0 0 30px 0; }
				.linkBox{
					margin:0 0;
					
					.box a {
						display:block;
						border:3px solid #000;
						color:#FFF;
						font-size:18px;	
						width:auto;
						margin:10px auto;
						padding:10px 0;
						background: url(/images/c_btn_bg.png) no-repeat 0 0;
								-webkit-transition: 0.2s ease-in-out;
								   -moz-transition: 0.2s ease-in-out;
									 -o-transition: 0.2s ease-in-out;
										transition: 0.2s ease-in-out;
						@media screen and (max-width: 767px) {
						font-size:14px;	
						}
					}
					a:hover { background-position: 0 bottom;text-decoration:none;color:#FFF; }
				
				}
				
				.imgBox { margin:5px 0; }
				.btnBox { margin:-50px 0 0 0;background: url(/images/c_entry_btn.png) top center no-repeat;padding:50px 0 0 0;
				
					a {
						display:block;
						border:3px solid #FFF;
						color:#FFF;
						font-size:34px;	
						width:700px;
						margin:10px auto;
						padding:10px 0;
						background: url(/images/c_entry_bg.png) no-repeat 0 0;
								-webkit-transition: 0.2s ease-in-out;
								   -moz-transition: 0.2s ease-in-out;
									 -o-transition: 0.2s ease-in-out;
										transition: 0.2s ease-in-out;
										

					}
					a:hover { background-position: 0 bottom;text-decoration:none;color:#FFF; }
				
				}
				
}


.blogTtl { margin-top:-30px; }
#castBlog {
		margin-top:-124px;
		background: url(/images/blog_bg.png) top center;
		padding:150px 0 67px 0;
		
		@media screen and (max-width: 767px) {
					padding:150px 0 0px 0;
				}	

		.box { margin:10px auto;border:5px solid #ffe773;padding:5px 5px 15px 5px;background:#FFF;text-align:center; 
				@media screen and (min-width: 768px) {
						max-width:240px;
				}
		
				@media screen and (max-width: 767px) {
						width:100%;padding:0;
				}
		
			.imgBox { overflow:hidden;
			
							img {     
								height: auto;
								-webkit-transition:all 0.25s ease-in-out;
								transition:all 0.25s ease-in-out;
								width: 100%;
								vertical-align: bottom;
							}
							a:hover img {
									transform: scale(1.15,1.15);
									-webkit-transform:scale(1.15,1.15);
									-moz-transform:scale(1.15,1.15);
									-ms-transform:scale(1.15,1.15);
									-o-transform:scale(1.15,1.15);
							}
			}
			.linkBox { font-size:12px;tex-align:center;padding:10px 10px 0 10px; }
		
		}
		
		.btnBox { margin:25px 0 55px 0; }
		
}


.blogList {
		.box { margin:10px auto;border:5px solid #ffe773;padding:5px 5px 15px 5px;background:#FFF;text-align:center; 
				@media screen and (min-width: 768px) {
						max-width:240px;
				}
			
				@media screen and (max-width: 767px) {
								width:100%;padding:0;
						}
		
			.imgBox {    overflow:hidden;
			
							img {     
								height: auto;
								overflow:hidden;
								-webkit-transition:all 0.25s ease-in-out;
								transition:all 0.25s ease-in-out;
								width: 100%;
								vertical-align: bottom;
							}
							a:hover img {
									transform: scale(1.15,1.15);
									-webkit-transform:scale(1.15,1.15);
									-moz-transform:scale(1.15,1.15);
									-ms-transform:scale(1.15,1.15);
									-o-transform:scale(1.15,1.15);
							}
			}
			.linkBox { font-size:12px;tex-align:center;padding:15px 15px; }
		
		}
				
}


.localHeader{
	.lineHeights(10px);
	
	@media screen and (max-width: 767px) { display:none; }
	
	li{
		font-size: 12px;
		float: left;
		padding: 0 20px;
		list-style:none;
		a{
			color: #FFF;
			text-decoration: none;
		}
		a:hover{
			text-decoration: underline;
		}
	}
}



#localNav {
	background:#000;
	padding:15px;	
}


#page-top {
	a {
		display: block;
		background: url(/images/pagetop_bg.png) repeat-x center bottom;
		@media screen and (max-width: 767px) { display:none; }
	}
}

#sppage-top {
	a{
		display:block;
		position:fixed;
		right:10px;
		bottom:50px;
		z-index:100;
		
		@media screen and (min-width: 768px) { display:none; }
	}
}

footer{
	margin-top:-20px;
	width: 100%;
	
	@media screen and (max-width: 767px) { margin-top:0px;border-top:3px solid #000; }
	
	@media screen and (max-width: 992px) { background:none; }
	
			.footerBnrArea {
				background:#a9926d;
				padding:10px 0;
				
				text-align:center !important;
				
				.bnr { margin:3px auto !important; }
		}
	
	
	#sitemap{
		@media screen and (max-width: 992px) { display:none; }
		
		background:#ffa200;
		padding: 20px 0 20px 0;

		.footerSitemap{
			list-style: none;
			padding-left: 0;

			li{
				padding:5px 0;
				line-height:12px;
				a{
					color:#FFF;
					font-size: 12px;
				}

			}
			.sub-menu{
				list-style: none;
				text-indent:12px;
				padding-left: 0;
				padding-top:5px;
				li{
					a{
						color:#FFF;
						font-size: 11px;
					}
				}
			}
		}
	}

		
	.privacyLink {
		padding:10px 0 0 0;
		text-align:right;
		font-size:11px;	
		
		a { margin:0 10px;
		
		@media screen and (max-width: 767px) { margin:0;display:block;text-align:center;padding:8px 0;background:#E1E1E1;border-bottom:1px solid #FFF;box-sizing:border-box; }	
		
		}
	}
	
	.address{
		margin:15px 0 8px 0;
		
		@media screen and (max-width: 767px) { text-align:center !important; }	
		.footerLogo { margin-top:30px;height:50px;
			@media screen and (max-width: 767px) { margin:10px auto;height:50px;text-align:center; }	
		
		 }
		.footerContact { margin-top:5px;text-align:right;
		
			@media screen and (max-width: 767px) { margin:10px auto;height:60px;text-align:center; }	
		 }
		
}
	

	
	.copyright{
		.lineHeights(30px);
		color: #666;
		margin-bottom:10x;
		font-size: 10px;
		
		@media screen and (max-width: 767px) { text-align:center; }
	}
}

/* ============================================================================== */


.pageTopWrapper {
			background:#ffa200;
			margin:0 0 30px 0;
			
			@media screen and (max-width: 767px) {
				margin:0 0 15px 0;
			}

		.breadcrumbs {
			font-size:10px;
			padding:15px 0 0 0;
			color:#FFF;
			
			a { color:#FFF; }
	
			@media screen and (max-width: 767px) { display:none; }
		}

		h1{
			margin:0;				
			padding:30px 0 40px 0;
			font-size:30px;
			color:#FFF;
			
			@media screen and (max-width: 767px) {
				font-size:20px;
				padding:20px 0px;
			}
		}
		
}

#content{
		margin-bottom:10px;
		height:auto;
	}


//  Page内コンテンツ　// 

.entry-content {
	margin:0 0 30px 0;	
	font-size:13px;
	line-height:26px;
	
	@media screen and (max-width: 767px) { margin:0;font-size:12px;	line-height:20px; }
	
	p {

		margin:10px 0;
		
		@media screen and (max-width: 767px) { font-size:12px; line-height:22px;}
	}
	
	h2 {
		font-size:24px;
		padding:0 0 20px 0;
		margin:30px 0;
		color:#000;
		border-bottom:1px dashed #ffa200;
		
		@media screen and (max-width: 767px) { 
			font-size:16px;
			padding:0 0 10px 0;
			margin:20px 0 15px 0;
		}
	}
	
	img.alignright ,img.alignleft {
		@media screen and (max-width: 767px) { text-align:center !important;clear:both; }
		}
	
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		h2 {
				padding:15px 10px 6px 10px;
			}
		}
	

	h3 {
		padding:10px 20px;
		font-size:20px;
		margin:30px 0;
		color:#FFF;
		background: url(/images/h3_bg.png);

		
		@media screen and (max-width: 767px) { font-size:16px;padding:8px 10px; }
	}
	
	h4 {
		@media screen and (max-width: 767px) { 
			font-size:15px;
			margin:20px 0 0 0;
			color:#F0AD4E;
		}
	}
	
	strong {
			font-size:16px;
			padding:20px 0 15px 0;
			font-weight:normal;
			
			@media screen and (max-width: 767px) { font-size:14px;padding-top:15px; }
			
	}
	
	.table {
		@media screen and (max-width: 767px) { font-size:12px; }	
	}
	
	
	.squareBlock {
		h4 {
			background:#333;	
			text-align:center;
			color:#FFF;
			font-size:20px;
			padding:15px;
			margin:0;
			border:2px solid #CCC;
			
			@media screen and (max-width: 767px) { font-size:14px;padding-top:15px; }
	
		}
		
		p{
			text-align:center;	
			border:2px solid #CCC;
			border-top:none;
			margin:0 0 0 0;
			font-size:15px;
			padding:15px;
			
			@media screen and (max-width: 767px) { font-size:12px;text-align:left;line-height:20px; }
		}
		.text-center { margin:0 0 15px 0; }
		.yaji { margin-top:15px; }
	}
	
	
	.btnEntry { margin:40px 0;padding:0;text-align:center;

				@media screen and (max-width: 767px) {
						background:#000;
					}

			a {
				display:block;
				border:4px solid #FF6600;
				color:#FFF;
				font-size:20px;	
				width:780px;
				margin:10px auto;
				background: url(/images/c_entry_bg.png) top center no-repeat;
				padding:20px 0;				
						-webkit-transition: 0.2s ease-in-out;
						   -moz-transition: 0.2s ease-in-out;
							 -o-transition: 0.2s ease-in-out;
								transition: 0.2s ease-in-out;
								
					@media screen and (max-width: 767px) {
							width:100%;
							font-size:12px;	
							padding:10px;
						}
			
			
			}
			a:hover { background-position: 0 bottom;text-decoration:none;color:#FFF; }

	}

}

.editLink { margin-bottom:20px; }

.top20 { margin-top:20px; }

.pageAndList {

	
	
	 .title {
	 		width:180px;
			padding-bottom:10px;
			background: url(/images/link_deco_a.png) no-repeat 0 7px;
			padding-left:15px;
		}
}


#castList { 
	.box { border:1px solid #EFEFEF;padding:5px;margin:0 0 10px 0; }
	.imgBox  { }
	
	
	.linkBox { text-align:center; }

 }



#castDetail {
			h2 {
				font-size:24px;
				padding:0 0 20px 0;
				margin:30px 0;
				color:#666;
				border-bottom:1px dotted #ffa200;
				
				@media screen and (max-width: 767px) { font-size:20px; }
			}
		
}


.formBlock {
		margin-bottom:100px;
	.panel-body { 
	
		padding:10px 40px;
		border:1px solid #CCC;
		 border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */ 
		
		@media screen and (max-width: 767px) { 
			padding:10px;
		
		 }
		
	}
	h5 { font-size:16px;border-bottom:1px dotted #CCC;padding:0 0 10px 0;margin:15px 0;color:#ffa200;
		@media screen and (max-width: 767px) { 
			font-size:14px;
			padding:0 0 5px 0;
			margin:10px 0;
		 }
	
	
	}
	h2 { padding:0 0 15px 0;text-align:center; }
	.notice { text-align:center; }
	.consent { text-align:center; }
	span.asterisk { color:#BF0003; }
	.submitBox { padding:20px; }
	.submitBox .btn-warning { width:100%;font-size:18px;padding:15px 0; }

 }
div.noticeBox { width:100%;padding:0 20px 20px 20px;height:300px;overflow:auto;border:1px solid #CCC;
		 border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */ 

 }
#privacyNotice {
	h4 { padding:20px 0 0 0; }
}

.castContact {
	border:1px solid #ffa200;
	box-sizing:border-box;
	padding:10px 10px 0 10px;
	.ttl { background:#FF6600;padding:0 10px;color:#FFF; }	
	strong { color:#FF0000;font-size:18px; }
	a { display:block;font-size:18px;background:#FF0000;padding:15px;color:#FFF;margin:15px 0 0 0;
			span { margin-right:10px; }
	 }
	a:hover { background:#FF8600; }
}