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

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

// 基本的な関数セットを読み込み
@import ( reference ) "basics.less";
@import ( reference ) "page.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:#333;
	line-height:1.6;
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
}

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;
}


.entry 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;
}
.noFocus:hover, .noFocus:focus {
	background-color: transparent !important;
	outline: none !important;
}

ul li { list-style:none; }

.lead { font-size:18px;line-height:32px; }


/* ===========  bootstrap Hack ============ */
a { color:#444 !important; }
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 {

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

	}

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

.indexBgSlide, #captionSlider {
	height: 600px !important;
	@media screen and (max-width: 768px) {
		height: 400px !important;
	}
	@media screen and (max-width: 420px) {
		height: 250px !important;
	}
}

.indexBgSlide {
	position: fixed !important;
	width:100% !important;
	z-index: -2;
	div {
		z-index: -1 !important;
	}
}

#bgSlider {
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
}

#captionSlider {
	position: relative;
	width: 100%;

	.top-logo {
		float: left;
	}
	h1 {
		font-size: 12px;
		color: #000;
		margin: 1em 0 0.5em 0;
	}
	.logo-aritomo {
		display: block;
	}
	.logo-bio {
		display: block;
		float: right;
	}
	
	#mainCaption {
		padding-top:120px;
		overflow:hidden !important;
		@media screen and (max-width: 768px) {
			// padding-top: 100px;
			padding-top: 70px;
		}
		@media screen and (max-width: 420px) {
			padding-top: 50px;
		}
	}

}

#pcHeader {
	margin-top:-90px;
	padding:5px 0;
	width: 100%;
	position: relative;
	z-index: 100;
	background: url(/images/header/bg_orange_70.png);
	.boxShadow3( @xpx:0px, @ypx:0px, @blur:3px, @color: #AAA );
	@media screen and (max-width: 768px) {
		display: none;
	}

	.logo {
		float: left;
		margin: 10px 30px 10px 0;
		max-width: 126px;
	}
	
	li {
		float: left;
		display:block;
	}
	li a {
		display:block;
		margin-top: 8px;
		padding:10px 16px;
		color: #fff;
	}
}

#mobileHeader {
	padding:5px 0;
	margin-bottom: 0;
	width: 100%;
	position: relative;
	z-index: 100;
	border: 0;
	border-radius: 0;
	background: url(/images/header/bg_orange_70.png);
	.boxShadow3( @xpx:0px, @ypx:0px, @blur:3px, @color: #AAA );
	display: none;
	@media screen and (max-width: 768px) {
		display: block;
	}

	.header-horizontal {
		display: table;
		width: 100%;
		border: 0;
		padding-left: 30px;
		button, div {
			display: table-cell;
			vertical-align: middle;
		}
	}
	.mbHeaderMenuWrap {
		border: 0;
		max-height: 500px !important;
	}
	.userIndexToggle:active {
		background-color: #eee !important;
	}

	.logo {
		width: 80px;
		img {
			width: 100%;
		}
	}
	ul {
		padding-left: 20px;
	}
	li {
		float: left;
		display:block;
	}
	li a {
		line-height: 20px;
		display:block;
		color: #fff !important;
	}
	
}


.blockA {
	padding-top: 60px;
	@media screen and (max-width: 767px) {
		padding-top: 30px;
	}
	width: 100%;
	background: #fff;
	
	.lead {
		padding:50px 50px 20px 50px;
		font-size:16px;
		font-weight:bold;
		@media screen and (max-width: 767px) {
			padding:30px 10px 20px 10px;
			font-size:14px;
			font-weight:normal;
		}
	}
	
}
.blockB {
	padding:60px 0;
	@media screen and (max-width: 767px){
		padding: 30px 0;
	}
	width: 100%;
	background: url(/images/index/en_bg.jpg);	
	text-align:center;
	
	.ttl {
		margin-bottom:40px;
		img {
			margin: auto;
		}
	}
}
.blockC {
	padding-top: 30px;
	padding-bottom: 50px;
	width: 100%;
	background: #ff9900;
	
	.ttl {
		color:#FFF;
		
		h2 {
			color:#FFF;
			margin:0;
			font-weight:normal;
			@media screen and (max-width: 767px){
				font-size: 20px;
			}
		}
		.sub {
			line-height:16px;
			margin-top:20px;
			@media screen and (max-width: 767px){
				text-align: left;
			}
		}
	}
	.exampleBlock {
		margin-top:20px;
		.wrap {
			border:1px solid #FFF;
			padding:20px 10px;
			
			
			h3 { color:#FFF;font-size:13px; }
			
			.text { color:#FFF;font-size:12px; }
			
			a{ display:block;border:2px solid #FFF;text-align:center;font-size:13px;background:#fe7827;color:#FFF !important;font-weight:bold;padding:5px;margin-top:15px; }
		}
		
	}

	
}
.blockD {
	background: #b83e18;
	padding: 50px 0 50px 0;
	width: 100%;
	
	h2 {
		color:#FFF;
		text-align:center;
		margin:0 0 30px 0;
		font-weight:normal;
		@media screen and (max-width: 767px){
			font-size: 20px;
		}
	}
	.linkBtn a {
		display:block;
		border:2px solid #FFF;
		text-align:center;
		background:#fe7827;
		color:#FFF !important;
		font-weight:bold;padding:10px;
		font-size:30px;
		@media screen and (max-width: 767px){
			font-size: 18px;
		}
	}
	.lead {
		color:#FFF;
		text-align:center;
		margin:50px 20px 20px 20px;
		font-size:22px;
		@media screen and (max-width: 767px){
			font-size: 16px;
		}
	}
	
	
	.linkWrapper {
		border:2px solid #FFF;
		padding:10px 15px 20px 15px;
		background:#fe7827;
		margin:5px 0;
		line-height:18px;
		@media screen and (max-width: 768px){
			min-height: 170px;
		}
		h4 { color:#FFF !important;text-align:center;font-size:18px; margin:10px 0 15px 0;
			@media screen and (max-width: 767px){
				font-size: 16px;
			}
			a { color:#FFF !important;text-align:center; } 
		}
		span { color:#FFF;font-size:13px;line-height:12px !important; }
	}
}


.blockE {
	background: #fff;
	width: 100%;
	padding: 50px 0 50px;
	
	h2 { 
		margin:0 0 30px 0;
		font-size:24px;
		
		a.btn-viewAll {
			vertical-align: middle;
			margin:0 0 0 20px;
			display:inline-block;
			text-align:center;
			background:#fe7827;
			color:#FFF !important;
			padding:5px;
			font-size: 12px;
		}
	}
	dl { border-bottom:1px dotted #CCC;padding:0 15px 10px 15px; }
	dt { padding:0 0 0 30px;background: url(/images/common/caret_black.png) no-repeat 10px 4px;font-weight:normal;	 }
}



.footer {
	background: #f0f0f0;
	padding:30px 0;

	@media screen and (max-width: 767px){
		h5 {
			padding-left: 15px;
		}
		ul {
			padding-left: 25px
		}
		#menu-footermenu05 {
			li {
				height: 30px;
			}
		}
	}
	
	.sitemap {
		font-size:13px;
		.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; }
	}
	
	.address {
		margin-top:30px;
		
		.telTtl {
			padding-top:15px;
		}
		.text { font-size:12px;border-left:4px solid #CCC;padding-left:30px; }
	}
	.footer-logo {
		padding-top: 20px;
		text-align: right;
	}
}

.copyright { width:100%;text-align:center;font-size:11px;padding:5px 0; }

#page-top {
	position: fixed;
	bottom: 12%;
	right: 3%;
	font-size: 70%;
	
	a {
		display: block;
		text-decoration: none;
		padding-top: 47px;
		width: 107px;
		height: 0px;
		overflow: hidden;
		// background: url(/images/common/page_top.png) no-repeat 0 0;
	}
	a:hover {
		background-position: 0 -47px;
	}
}