/*Template Name: BikeAutoLP-sp
Author: Little.ws
Author URL: http://little.ws
Version: 1.0.0
*/

/* ------------------------------------------ */
/*             カラー
/* ------------------------------------------ */

/*   テキスト          #222222     */
.blk {color:#222222 !important;}
/*   メインの赤        #E32831     */
.mred {color:#E32831 !important;}
/*   hover             #cc0000     */


/* ==========================================================================
   01. BASIC STYLES
   ========================================================================== */

#content_wrapper  {margin-top:50px;}
    
/*------------------------------------------*/
/*	 プリロード 
/*------------------------------------------*/

#preloader{position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; background-color:#fff;}
#status{position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px;
	background-image:url(../img/icons/loader.gif);
	background-position:center; background-repeat:no-repeat; background-size:75px 75px;
}    
   
/*------------------------------------------*/
/*	 パララックス
/*------------------------------------------*/

.parallax {background-attachment:fixed !important; background-position:center center; background-repeat:no-repeat; background-size:cover;}

#call_to_action {background-image:url(../img/parallax/call-to-action.jpg);}
#video {background-image:url(../img/parallax/video_banner.jpg);}

/*------------------------------------------*/
/*	 Headers
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:10px;}
h2.yellow, h3.yellow {background:#ffff99; border-bottom:3px solid #e53131;}

/*------------------------------------------*/
/*	 List
/*------------------------------------------*/

ul {margin:0; padding:0; list-style: none;}

/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

a:hover {color:#cc0000; text-decoration:none;}
a:focus {color:#f8f8f8; outline:none; border:none; text-decoration:none;} 

/*------------------------------------------*/
/*	 ボタン
/*------------------------------------------*/

.btn-theme {background-color:#e32831; color:#fff; font-size:15px; text-transform:uppercase; font-weight:600; padding:9px 18px;
	-webkit-border-radius: 0px; -moz-border-radius:0px; border-radius:0px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.btn-theme:hover {background-color:#ee4b53; color:#fff;}

/*------------------------------------------*/
/*	 ボタン Hover/Focus
/*------------------------------------------*/

.btn:focus {color:#f8f8f8; text-decoration:none; outline:none;} 

/*------------------------------------------*/
/*	 Titlebar セクション
/*------------------------------------------*/

.titlebar {margin-bottom:40px; text-align:center;}
.titlebar h2 {color:#222; text-transform:uppercase; font-weight:800; margin-bottom:5px;}
.titlebar p {color:#444; font-size:18px; line-height:24px; font-weight:500; text-transform:uppercase; padding:0 5%;} 


/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */


/*------------------------------------------*/
/*	 Logo Image    
/*------------------------------------------*/

.navbar-brand {padding:0 15px;}
     
/*------------------------------------------*/
/*	 ナビゲーション Menu    
/*------------------------------------------*/

.navbar {margin-bottom:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; height:45px !important;}
.navbar-fixed-top {background-color:#E53131; border-bottom:1px solid #323232;}
.navbar-nav > li > a {
	color: #222;
	font-size: 14px;
	line-height: 60px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	padding: 0 15px;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

#menu {width:122px; height:42px; position:absolute; right:3px; top:0; background:url('../img/menu.gif');}
#menu li {display:block; height:40px; float:left; margin:0; padding:0;}
#menu a {text-indent:-9999px; display:block; height:40px;}
#menu a.tel {width:43px; margin-right:2px;}
#menu a.mail {width:42px; margin-right:2px;}
#menu a.menu {width:33px;}

/*------------------------------------------*/
/*	 Menu Hover
/*------------------------------------------*/

.navbar-nav > li > a:hover,
.navbar-nav > li > a.selected-nav {
	color: #19acca;
	background-color: transparent;
}

/*------------------------------------------*/
/*	 Responsive Menu    
/*------------------------------------------*/

.navbar-toggle {
    position: relative;
    float: right;
	background-color: none;
    padding: 10px;
	margin: 13px 30px 13px 0;
	border: none;
	color: #fff;
	border: 2px solid #333;
}

.navbar-toggle .icon-bar {
	background-color: #333;
}



/* ==========================================================================
   03. INTRO
   ========================================================================== */

/*------------------------------------------*/
/*	 Intro Basic Settings
/*------------------------------------------*/

#sec-intro {padding-top:20px; padding-bottom:8px; text-align:left; font-size:14px;}


/* ==========================================================================
   05. PROMO BANNER 
   ========================================================================== */
   
#promo-banner {background-image:url(../img/thumbs/pattern.png); background-color:#19acca; background-repeat:repeat; background-position:0 0;
	padding-top:80px; padding-bottom:10px;}
#promo-banner h1 {color:#fff; font-size:40px; line-height:40px; text-transform:uppercase; font-weight:900; margin-bottom:5px;}
#promo-banner h3 {color:#fff; margin-bottom:30px;}
#promo-banner .img-responsive {display:inline-block;}

div.large-banner {padding-top:30px; padding-bottom:30px;}

.campain {border-bottom:1px solid #ededed; padding-bottom:1px; background:#f3f3f3;}
.campain ul {padding:8px 13px; background:#fefefe; border:1px dashed #ddd; margin-bottom:8px;}


/* ==========================================================================
   06. ABOUT
   ========================================================================== */

#about {
	padding-top: 100px;
	padding-bottom: 100px;
}

#about h3 {
	color: #222;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 20px;	
}

/*------------------------------------------*/
/*	Our Philosophy
/*------------------------------------------*/

#our-philosophy {
	margin-bottom: 50px;
}

#our-philosophy h4 {
	color: #19acca;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 800;
}

#our-philosophy p {
	font-size: 14px;
	line-height: 22px;
}

/*------------------------------------------*/
/*	Accordion
/*------------------------------------------*/

.panel-group .panel {
    margin-bottom: 10px;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading {
    padding: 0;
    background: none !important;
    border: 0 !important;
}

.panel-title {
    color: #222;
    font-size: 14px;
    font-weight: 800;
    border: 1px solid #999;
    text-transform: uppercase;
}

.panel-title > a {
    display: block;
    color: #222;
    padding: 13px 15px 13px;
}

.panel-title > a:hover {
    color: #19acca;
}

.panel-body {
	font-size: 14px;
	line-height: 22px;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 0
}

.panel-default > .panel-heading + .panel-collapse {
    border: 1px solid #999;
    border-top: none;
}

/*------------------------------------------*/
/*	Tabs
/*------------------------------------------*/

#tabs-holder p {
	font-size: 14px;
	line-height: 22px;
}

.nav-tabs {
    border-bottom: 1px solid #999;
}

.nav-tabs > li > a {
    color: #19acca;
    font-size: 14px;
    font-weight: 800;
	text-transform: uppercase;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	color: #222;
    border-color: #999 #999 transparent;
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #999;
}

.tab-content > .tab-pane {
    padding: 15px;
}


/* ==========================================================================
   promise
   ========================================================================== */
#promise {background-color:#fbf3e6; padding-bottom:18px;}
#promise .contents {padding:0 15px; color:#555555;}
#promise ul {padding:15px 13px; background-color:#FFF; border:2px solid #f3eedb; margin-bottom:13px;}
#promise ul li {margin-bottom:.4em;}



/* ==========================================================================
   07. メンバー
   ========================================================================== */
   
#team {padding-top:0; padding-bottom:50px; background-color:#f0f0f0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:12px;}
.team-member {text-align:center; margin-bottom:20px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
#team .titlebar {margin-bottom:20px;}
#team .titlebar h2 {margin-bottom:15px;}
#team .titlebar p {font-size:14px; line-height:19px;}

/*------------------------------------------*/
/*	  メンバー写真
/*------------------------------------------*/

.img-block {margin:0 10px 7px 10px;}

/*------------------------------------------*/
/*	  メンバー Meta
/*------------------------------------------*/
.team-img-meta h4 {text-transform:uppercase; font-weight:700; margin-bottom:5px;}
.team-img-meta h4 span {font-size:16px;}
.team-img-meta h5 {color:#19acca; text-transform:uppercase; font-weight:700; margin-bottom:10px;}
.team-img-meta p {font-size:13px; margin-bottom:20px; padding:0 2%;}


/* ==========================================================================
   08. こんなに簡単ならもっと早く連絡しとけば良かった！
   ========================================================================== */
#kantan {margin-bottom:12x;}
#kantan h3 {font-size:22px; font-weight:bold;}
#kantan .nayami {padding-left:6px !important; padding-right:6px !important;}

/*	  お困り List
/*------------------------------------------*/

#okomari ul.intro_list {margin-bottom: 0; padding:5px 0;}
.intro_list li {position: relative;}
.intro_list li:last-child p {margin-bottom:0;}

/*	  お困り List Icon
/*------------------------------------------*/

.intro-list-icon {display:block; width:20px; height:20px; position:absolute; left:13px; top:1px; color:#E32831; line-height:22px; text-align:center; font-size:16px;}

/*	  お困り List Content
/*------------------------------------------*/

.intro-list-content {padding-left:35px;}
.intro-list-content p {font-size:14px; line-height:22px; padding-right:0px; margin-bottom:5px; color:#000;}
#kantan .intro-list-content p span {color:#E32831; font-weight:normal;}

#okomari {background-image:url("../img/bg/okomari.gif"); background-repeat: repeat-y; padding:0 8px; position:relative; margin:15px 5px 5px; min-height:1px;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
}
#okomari ul {padding:15px 7px 0;}
#okomari .end, #okomari .head {margin:0 -8px;}



#kantan p span {font-weight:bold; }

/* ==========================================================================
   08. PORTFOLIO
   ========================================================================== */

#portfolio {padding-top:30px; padding-bottom:100px; margin-bottom:12px;}
#portfolio .titlebar {margin-bottom:18px;}
#portfolio-items-list {width:100% !important; margin:0; padding:0;}

/*------------------------------------------*/
/*	  Portfolio Item
/*------------------------------------------*/ 

.voice-item {position:relative; text-align:center; margin-bottom:3px; background-color:#fffcec; border:#fff 2px solid; padding:8px 15px 15px; width:100%;}
.voice-item .bubble {display:table; width:104%; background:url('../img/review/bubble.gif'); margin-left:-2%;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	position:relative; padding:0 1em;
}
.voice-item .bubble p {display:table-cell; vertical-align:middle; padding:20px 0 30px; text-align:center; font-size:15px;}
.voice-item img {width:98%; margin:-20px auto 0;}

#portfolio-items-list[data-columns]::before {content:'2 .column.size-1of2';}
#portfolio-items-list .column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }



/* ==========================================================================
   09. CALL TO ACTION
   ========================================================================== */

#call_to_action {
	padding-top: 35px;
	padding-bottom: 35px;
}   

/*------------------------------------------*/
/*	 Call-To-Action Slogan
/*------------------------------------------*/  

#cta_slogan h2 {color:#fff; font-weight:700; margin-bottom:5px;}
#cta_slogan h2 span {color:#ffff99;}
#cta_slogan p {color:#fff; font-size:14px; line-height:22px; margin-bottom:.7em; text-align:left;}

#cta_slogan p span {background-color:#ffff99; color:#333;}

/*------------------------------------------*/
/*	 Call-To-Action Button
/*------------------------------------------*/  

#cta_button a {margin-top:10px;}
#cta_button i {margin-right:5px;}
 

/*------------------------------------------*/
/*	 Register Form  
/*------------------------------------------*/

#contact {background-image: url(../img/thumbs/pattern.png); background-color:#eee; background-repeat:repeat; background-position:0 0; padding:25px 0;}
.form_register form {background-color:rgba(10, 10, 10, 0.7); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:30px 10px 50px; margin:0 50px;}
.form_register h4 {color:#fff; line-height:30px; font-weight:700; text-transform:uppercase; margin-bottom:15px;}
.form_register p {font-size:14px; line-height:20px; margin-bottom:30px; padding:0 10px; color:#fff;}

/*------------------------------------------*/
/*	  Register Form Input
/*------------------------------------------*/

.form_register .form-control {height:44px; margin-bottom:20px; border:1px solid #ddd; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

input[type="text"],
input[type="email"],
textarea, select, option {
	background-color: #f0f0f0;
	color: #444;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
textarea.form-control {height:6em !important;}

/*------------------------------------------*/
/*	   Register Form Error Message 
/*------------------------------------------*/

.error {color:#fc0000; font-size:16px; font-weight:500; margin-bottom:20px;}






/* ==========================================================================
   16. FOOTER
   ========================================================================== */

#footer {
	padding-top: 30px;
	padding-bottom: 20px;
}

/*------------------------------------------*/
/*	 Footer Copy 
/*------------------------------------------*/  

#footer_copy p {
	color: #666;
	font-size: 16px;
}

/*------------------------------------------*/
/*	 Footer Social Icons  
/*------------------------------------------*/

.footer-socials {
	display: inline-block; 
	padding-left: 0;
}

.footer-socials li {
	float: left;
	width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
	padding: 0;
}

/*------------------------------------------*/
/*	 Footer Social Icon Setting 
/*------------------------------------------*/

.foo_social {
	text-align: center;
	color: #7f7f7f;
	font-size: 18px;
    line-height: 18px;
	margin: 0 15px;
    display: block;
    text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}


/* ==========================================================================
   17. SCROLL TO TOP
   ========================================================================== */

#scrollUp {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 30px;
	right: 20px;
	background-image: url(../img/icons/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color:rgba(123, 123, 123, 0.65);	
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;	
}

#scrollUp:hover {
	background-color: rgba(25, 172, 202, 0.95);
}

nav a#pull {  
    display: none;  
}



/* ==========================================================================
   18. CONTACT FORM RESPONSE PAGE   
   ========================================================================== */
   
#form_response {
	margin: 50px auto; 
}

#form_response .img-responsive { display: inline-block; }

#form_response h1 {
	font-size: 40px; 
	font-weight: 700;
	margin-top: 10px;
}

#form_response p {
	font-size: 18px; 
	font-weight: 400;
	margin-bottom: 20px;
}