/* Style for our header texts


/* Header */
/**
 * responsive:
 * header section
 * - 
 */

@media only screen and (max-width:910px) {
	#navigation{
	}
	#nav{
		display: none;
	}

}
	#header {
		top: 0px;
		padding: 5px;
	}
	#header #logo a {
	width: 200px;
	height: 40px;
		background-size: 200px 40px;
		margin-top: 12px;
	}
/*	#header{
		display: none;
	}*/


	#header {
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		background: rgba(0, 0, 0, 0.95);
		height: 3em;
		line-height: 3em;
		box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);
		padding: 5px 0 5px 0;
	}

	
#logo {
	margin-top: 2px;
	z-index: 600;
	position: absolute;
	left: 35px;
	top: 35%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#logo a {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width: 160px;
	height: 42px;
	background: url("../../images/logo.png") no-repeat center;
	background-size: 160px 42px;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
@media only screen and (max-width:468px) {
	#navigation{
		z-index: 9999999;
	}
	#nav{
		display: none;
	}
	#menu{
		display: none;
	}

}
	#header {
		top: 0px;
		padding: 5px;
	}
	#header #logo a {
	width: 200px;
	height: 40px;
		background-size: 200px 40px;
		margin-top: 12px;
	}
/*	#header{
		display: none;
	}*/


	#header {
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		background: rgba(0, 0, 0, 0.95);
		height: 3em;
		line-height: 3em;
		box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);
		padding: 5px 0 5px 0;
	}

	
#logo {
	margin-top: 2px;
	z-index: 600;
	position: absolute;
	left: 35px;
	top: 35%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#logo a {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width: 160px;
	height: 42px;
	background: url("../../images/logo.png") no-repeat center;
	background-size: 160px 42px;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
@media only screen and (max-width:767px) {
#logo {
	margin-top: 8px;}
}
@media only screen and (min-width:768px) {
	
	#navigation {
		display: none;
	}
	#nav {
	}
}
/* Footer */

	@media screen and (min-width: 768px) {
	#footer {
		position: fixed;
		z-index: 10000;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1.5em;
		margin-top: 5px;
		background:rgba(0,0,0, 1.0);
		color: rgba(255,255,255, 1.0);
		overflow: hidden;
	}

		#footer .actions {
			position: absolute;
			left: 1em;
			top: 0.1em;
			margin: 0;
		}

			#footer .actions li {
				font-size: 1.25em;
				margin: 0;
			}

				#footer .actions li a {
					padding: 0.5em;
				}

		#footer .menu {
			position: absolute;
			right: 2em;
			top: 0;
			margin: 0;
		}

		#footer .menu02 {
			position: absolute;
			left: 2em;
			top: 3px;
			margin: 0;
		}
		
		#footer .menu02 a {
		color: #fff;
		}
			#footer .menu li,#footer .menu02 {
				font-size: 10px;
			}
			
			.sp {
			display: none;
			}

}
	@media screen and (max-width: 468px) {
	#footer {
		position: fixed;
		z-index: 10000;
		left: 0;
		bottom: 0;
		width: 100%;
		/*height: 6em;*/
		margin: 0;
		background:rgba(0,0,0, 1.0);
		color: rgba(255,255,255, 1.0);
		overflow: hidden;
		padding:8px;
	}

		#footer .actions {
			position: absolute;
			left: 1em;
			top: 0.1em;
			margin: 0;
		}

			#footer .actions li {
				font-size: 1.25em;
				margin: 0;
			}

				#footer .actions li a {
					padding: 0.5em;
				}

		#footer .menu {
			top: 0;
			margin: 0;
			text-align: center;
		}

			#footer .menu li {
				font-size: 12px;
			}
			

			#footer .menu02 {
				font-size: 10px;
		width: 90%;
		margin: 0 auto;
    text-align: center;
			}	
					
		#footer .menu02 a {
		color: #fff;
		}		
}
   
/* *********************************

smart表示

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


@media only screen and (max-width:468px) {
/* Section 1
 * --------------------------------------- */
#section1 h1 {
	color: #FFFFFF;
	font-size: 3.5rem;
	line-height: 1.667;
	margin-bottom: 0.6rem;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;　
	letter-spacing: 0.25rem;
}
#section1 h2 {
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.334;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;　
}
	#section1 h3 {
	color: #FFFFFF;
	font-size: 2.5rem;
	line-height: 1.334;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;　
}

#section1 p {
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	line-height: 1.667;
	margin-bottom: 0.6rem;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;　
}
#section1 .box1 {
}
#section1 .horizon4 {
	position: absolute;
	left: 0;
	width: 0;
	height: 2px;
	background: #fff;
}
#section1 .textbox {
	display: none;
}
/* Section 2
 * --------------------------------------- */
#section2 p {
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
	line-height: 1.2em;/*
	margin-bottom: 0.6rem;*/
	text-transform: uppercase;
	letter-spacing: .15em;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;　
}

#section2 .textbox1{
	width: 80%;
}
#section2 .textbox1 p{
	font-size: 11px;
	line-height: 1.2em;
}

#section2 .imgb{
	border: 2px solid #fff;
}

/* Section 3
 * --------------------------------------- */
#section3 p {
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
	line-height: 1.2em;/*
	margin-bottom: 0.6rem;*/
	text-transform: uppercase;
	letter-spacing: .15em;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;　
}

#section3 .textbox1{
	width: 80%;
}
#section3 .textbox2 p{
	font-size: 11px;
	line-height: 1.2em;
	letter-spacing:1.2em;
}
#section3 .box1{
	background-color: #e2ad1a;
	padding: 5px;
	color: #000;
	font-size: 14px;
	width: 250px;
	text-align: center;
}
/* Section 4
 * --------------------------------------- */
#section4{
	text-align: center;
}
#section4 .intro{
	text-align: center;
	margin-top: 40px;
}
#section4 p {
	color: rgba(255, 255, 255, 1);
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	line-height: 1.667;
	margin-bottom: 0.6rem;
	text-transform: uppercase;
	letter-spacing: .15em;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　
	-webkit-box-shadow: 1px 1px 3px #000;
	text-align: center;　
}
#section4 .box1{
	background-color: #e2ad1a;
	padding: 5px;
	color: #000;
	font-size: 14px;
	width: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

/* Section 5
 * --------------------------------------- */
 #section5{
	text-align: center;
}

 #section5 h3{
 	font-size: 14px;
}
.intro{
	text-align: center;
}
.pageTitle h1{
	text-align: center;
	color: #FFFFFF;
	font-size: 3.0rem;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */  /*
	letter-spacing: .25rem;*/
}

#section5 .box-txt {
	width: 78%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	text-align: left;
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
	line-height: 1.2;
	margin-bottom: 0.6rem;

	letter-spacing: .15em;
	text-shadow: 1px 1px 3px #fff;
	-moz-box-shadow: 1px 1px 3px #fff;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #fff;
	text-align: center;　
}
#section5 p{
	color: rgba(255, 255, 255, 1);
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 0.6rem;
	margin-top: 5px;
	padding-top: 5px;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */  /*
	letter-spacing: .25rem;*/
}
#section5 .horizon4 {
	position: absolute;
	left: 0;
	width: 0;
	height: 2px;
	background: #fff;
}

#section5 .box1{
	background-color: #e2ad1a;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	width: 250px;
	text-align: center;
}

.linebox{
	border: 1px solid #fff;
	padding: 4px;
}
.button {
	position: relative;
	display: inline-block;
	padding: .4em 3.6em;
	color: #e5a83f;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
	font-size: 10px;
	 background: #FFFFFF;
    border: 2px solid;
    margin-top: 40px;
    font-size: 1.6rem;
}
.button::before,
.button::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 2px solid transparent;
}
.button::before {
	top: -2px;
	left: -2px;
}
.button::after {
	bottom: -2px;
	right: -2px;
}
.button:hover {
	color: #e2ad1a;
}
.button:hover::before,
.button:hover::after {
	width: 100%;
	height: 100%;
}
.button:hover::before {
	border-bottom-color: #e2ad1a;
	border-left-color: #e2ad1a;
	transition: height .3s, width .3s .3s;
}
.button:hover::after {
	border-top-color: #e2ad1a;
	border-right-color: #e2ad1a;
	transition: height .3s, width .3s .3s;
}


}



.shopButton{margin-top:30px; display: block}
.shopButton img{width:200px;}

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

smart表示

* **********************************/
@media screen and (min-width: 768px) {
	.spenkaku{
	display: none;	
	}
}
	@media screen and (max-width: 468px) {
.ScrDown {
	display: none;
}
.introTextBox {
/*	display: none;*/
}

/* --------------------------------------- */
/**
 * img
 * 
	* --------------------------------------- */

.image img {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}
	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}


	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6{
		background-size: cover;
	}

	/* Defining each section background and styles
	スマホ時の背景個別設定
	* --------------------------------------- */
	#section1{
		background-image:url(../../images/intro.jpg);
		background-position: center
		 top;
	}
	#section2{
		background-image:url(../../images/one-sp.jpg);
		background-position: center top;
	}
	#section3{
		background-image:url(../../images/two-sp.jpg);
		background-position: left top;
	}
	#section4{
		background-image:url(../../images/three.jpg);
		background-position: left top;
	}
	#section5{
		background-image:url(../../images/four-sp.jpg);
		background-position: left top;
	}
	#section6{
		background-image:url(../../images/five.jpg);
		background-position: center top;
	}
}

/* header */
#top-head {
	font-size: 14px;
	top: -100px;
	position: absolute;
	width: 100%;
	margin: 100px auto 0;
	padding: 30px 0 0;
	line-height: 1;
	z-index: 999;
}
#top-head a,
#top-head {
	color: #fff;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
	font-size: 36px;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
#global-nav ul li {
	float: left;
	position: relative;
}
#global-nav ul li a {
	padding: 0 30px;
}

/* Btn Hover */
#global-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li:hover:after {
	background: #fff;
	bottom: -30px;
}


/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 55px;
	background: #fff;
	background: rgba(0,0,0,.7);

	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
	font-size: 24px;
	color: #333;
}
#top-head.fixed #global-nav ul li a {
	color: #333;
	padding: 0 20px;
}

/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
	bottom: -10px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #0062B8;
	bottom: -20px;
}


/*
画像円
*/
.thumbnail img {
    border-radius: 100px;
    -moz-border-image: border-radius: 100px;
    -webkit-border-image: border-radius: 100px;
}

.color01{ 
color: #FFF;
text-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */ }
}

@media screen and (min-width:769px){
.margtop5{ margin-top: 5px;}
.margtop10{ margin-top: 10px;}
.margtop15{ margin-top: 15px;}
.margtop20{ margin-top: 20px;}
.margtop25{ margin-top: 25px;}
.margtop30{ margin-top: 30px;}
.margtopauto{ margin-top: auto;}
.marcenter{ margin-right: auto; margin-left: auto; }

.margbottom5{ margin-bottom: 5px;}
.margbottom10{ margin-bottom: 10px;}
.margbottom15{ margin-bottom: 15px;}
.margbottom20{ margin-bottom: 20px;}
.margbottom25{ margin-bottom: 25px;}
.margbottom30{ margin-bottom: 30px;}

.paddingbox1{padding: 1px;}
.paddingbox2{padding: 2px;}
.paddingbox3{padding: 3px;}
.paddingbox4{padding: 4px;}
.paddingbox5{padding: 5px;}
.paddingbox6{padding: 6px;}
.paddingbox7{padding: 7px;}
.paddingbox8{padding: 8px;}
.paddingbox9{padding: 9px;}
.paddingbox10{padding: 10px;}

.line11{ line-height: 1.1em; }
.line12{ line-height: 1.2em; }
.line13{ line-height: 1.3em; }
.line14{ line-height: 1.4em; }
.line15{ line-height: 1.5em; }
}

@media screen and (max-width:468px){
}

/********************
テキスト基礎
********************/

@media screen and (min-width:769px){
.textbox9{font-size: 9px;line-height: 1.2em;}
.textbox9-5{font-size: 9.5px;line-height: 1.2em;}
.textbox10{font-size: 10px;line-height: 1.2em;}
.textbox11{font-size: 11px;line-height: 1.2em;}
.textbox12{font-size: 12px;line-height: 1.2em;}
.textbox13{font-size: 13px;line-height: 1.2em;}
.textbox14{font-size: 14px;line-height: 1.2em;}
.textbox15{font-size: 15px;line-height: 1.2em;}
.textbox16{font-size: 16px;line-height: 1.2em;}
.textbox20{font-size: 20px;line-height: 1.2em;}
.textbox25{font-size: 25px;line-height: 1.2em;}
.textbox28{font-size: 28px;line-height: 1.2em;}
.textbox30{font-size: 30px;line-height: 1.2em;}
.textbox1{font-size: 12px;line-height: 1.2em;}
.margbottom15sp{ margin-bottom: 15px;}
.textbox14sp{font-size: 14px;line-height: 1.2em;}
}

@media screen and (max-width:480px){
.textbox9{font-size: 9px;line-height: 1.2em;}
.textbox10{font-size: 10px;line-height: 1.2em;}
.textbox10sp{font-size: 10px;line-height: 1.2em;}
.textbox11{font-size: 11px;line-height: 1.2em;}
.textbox12{font-size: 12px;line-height: 1.2em;}
.textbox12sp{font-size: 12px;line-height: 1.2em;}
.textbox13{font-size: 13px;line-height: 1.2em;}
.textbox14{font-size: 14px;line-height: 1.2em;}
.textbox14sp{font-size: 10px;}
.textbox15{font-size: 15px;line-height: 1.2em;}
.textbox16{font-size: 16px;line-height: 1.2em;}
.textbox20{font-size: 20px;line-height: 1.2em;}
.textbox25{font-size: 25px;line-height: 1.2em;}
.textbox28{font-size: 18px;line-height: 1.2em;}
.textbox30{font-size: 30px;line-height: 1.2em;}
.textbox1{font-size: 9px;line-height: 1.2em;}
.margbottom15sp{ margin-bottom: 0px;}
.paddingbox5sp{padding: 15px;}
.border01{ border-bottom: 1px dotted #999; }
.padding-left{ padding-left: 5px; }
.line11{ line-height: 1.1em; }
.line12{ line-height: 1.2em; }
.line13{ line-height: 1.3em; }
.line14{ line-height: 1.4em; }
.line15{ line-height: 1.5em; }
}

.boldtt{ font-weight: bold; }
.tex01{ color: #e2ad1a; }

/********************
背景色の設定
********************/
.bg01{ background-color: rgba(255,0,0, 0.9); }
.bg02{ background-color: rgba(255,255,255, 0.9); }
.bg03{ background-color: rgba(212,165,70, 0.9); }

/********************
BOXの設定
********************/
.box00{ height: 250px; overflow: auto; }

/********************
ボーダー
********************/
.border01{ border: 1px solid #D6D6D6; }

/********************
会社概要
********************/

.companyLeft {
	padding-right:1.5%;
}

.companyRight {
	width:48%;
	float:right;
}

.companyLeft dl,
.companyRight dl {
	color:#111;
	font-size:14px;
	overflow:hidden;
	clear:both;
	padding-top:1px;
	letter-spacing:0.05em;
	text-align:left;
	margin-bottom: 0px;/**/
}

.companyRight dl {
	font-size:12px;
}

.companyLeft dt,
.companyRight dt {
	float:left;
	width:23%;
	font-weight:400;
}

.companyLeft dd,
.companyRight dd  {
	float:right;
	width:75%;
	font-weight:300;
}

.companyLeft dd a {
	color:#F39700;
	text-decoration:underline;
	transition: all  0.3s ease;
}

.companyLeft dd a:hover {
	color:#FFF;
}