@charset "utf-8";
/*
	Theme Name: 美伝ROne Excellent 改造用子テーマ
	Theme URI: http://www.b-ren.com/
	Template: bdenrone-excellent
	Description: コンプリートホームページ美伝ROneのベーステンプレート。
	Author: ビィコーポレーション有限会社
	Author URI: http://www.b-ren.com/
	Version: 1.0
*/

.flex-direction-nav{
display: none;
}

/* ------ 追加明記 ------ */
.caret {
    top: 64%;
}

.alert-danger{
display: none;
}
/* -- 全体 --*/

/* テキスト左右センター */
.txt_center{
text-align: center;
}

.txt_right{
text-align: right;
}

.txt-left{
text-align: left;
}

/* フロート解除 */
.clear{
	clear:both;
}

/* カスタムmap */
.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* H1テキストサイズ調整 */
h1.sitecaption{
font-size: 90%;
padding-top: 3px;
}

/* h1 bg color */
.navbar-normal .fusion-secondary-header {
background-color: rgba(238,238,238,1) !important;
border-bottom-color: #eee !important;
/*　margin-top: 3px;　*/
}

/* スマホトグル位置調整 */
.navbar-toggle{
margin-right: 0px;
}

/* backtop 調整 */
p.pagetop {
bottom: 5px;
right: 5px;
}

.pagetop .btn{
padding: 0;
text-align: right;
}

.pagetop .btn{
background-color: rgba(255,255,255,0) !important;
border-color: rgba(255,255,255,0) !important;
}

/* side 検索　*/
.search-2 .btn{
height: 45px;
}

/* ヘッダー*/
.navbar-normal .navbar-nav > li > a {
color: #fff !important;
}
.navbar-normal .navbar-nav > li > a:hover{
color: #18bc9c !important;
}

.navbar-fixed-top.navbar-normal {
border-bottom-color: #bb241d !important;
}

/* nav フォーカス */
.navbar-normal .navbar-nav > .active > a{
color: #18bc9c !important;
}

.navbar-normal {
background-color: #d32d25 !important;
}

/*　ヘッダーメニュー調整 */
.fusion-secondary-header .widget_nav_menu ul{
margin-top: 3px;
}

.fusion-secondary-header .widget_nav_menu ul li::before {
content: '/';
padding-left: 10px;
padding-right: 10px;
}

.fusion-secondary-header .widget_nav_menu ul li{
font-size: 90%;
}
/* スマホトグル */
.navbar-toggle{
background-color: #eee
}

/* Footer 背景色 */
.footer {
    background-color: #d32d25 !important;
    color: rgba(255,255,255,0.7) !important;
}

/* Footer コピーライト */
.footer small.copyright{
color: #fff;
}

.footer small.copyright a{
color: #8e4700;
}

.footer small.copyright a:hover{
color: #bc7f42;
}

/* Footer ウィジェット UL*/
.footer .widget_nav_menu ul li a{
border-bottom-color: rgba(255,255,255,.3);
}

footer ul li{
line-height: 1;
}

/* Footer コメント */
.footer .come_box2{
    margin:2em 0;
    position: relative;
    padding: 1em 2em;
    border: solid 2px #fff;
	color: #fff;
	text-align: left;
}

/*　footer 文字・リンク色 */
.footer .ad_foot{
color: #fff;
}
.footer .ad_foot a{
color: #fff;
}

/* Footer 1カラム　改行調整 */
.footer .b_lock{
display: inline-block;
text-align: center !important;
}

/*　スマホ用改行調整 */
.b_lock{
display: inline-block;
text-align: left !important;
}

/* 下層ヘッダー画像　文字色と背景色 左右 */
.page-header{
color: #fff !important;
background-color: rgba(0,0,0,.3) !important;
padding-top: 80px;
padding-bottom: 80px;
}

/*　下層ヘッダー画像 センター　*/
.page-header-center .page-header{
padding-top: 60px;
padding-bottom: 60px;
}

/* ページヘッダーパンくずリスト色 */
.breadcrumb{
color: rgba(255,255,255,1) !important;
}

.breadcrumb.breadcrumb a, .breadcrumb > li + li::before {
color: rgba(255,255,255,.6) !important;
}

.breadcrumb a:hover{
color: rgba(255,255,255,1) !important;
text-decoration: underline;
}

/* スライダーのバックネクストボタン色 */
.flex-direction-nav a::before {
color: rgba(255,255,255,1) !important;
background-color: #ff6600 !important;
}

/* ナビメニュー　ダウン 背景色 */
.navbar-nav > li > .dropdown-menu{
background-color: #fff;
}

.dropdown-menu > .active > a{
background-color: #fff !important;
color: #000 !important
}

.dropdown-menu > .active > a:hover{
background-color: #fff !important;
color: #18bc9c !important
}

/* ローダー */
.loader{
color: rgba(0,0,0,.8) !important;
font-size: 20px !important;
}

.loader, .loader::before, .loader::after {
background: rgba(0,0,0,.3) !important;
font-size: 20px !important;
}

#loading_overlay {
    background: rgba(0,0,0,.3) !important;
}

/* table調整 */
.table > tbody > tr > th.active{
border: 2px #fff solid;
padding: 15px;
}

.table-bordered > tbody > tr > td{
padding: 15px;
}

.table-bordered > tbody > tr > td > ul{
padding-left: 15px;
}

/*　ベージャーbg */
.pager li > a{
background-color: #ffbf7f !important;
transition: 0.6s;
}

.pager li > a:hover{
background-color: #fff !important;
border: #ffbf7f 1px solid;
color: #ffbf7f !important;
transition: 0.6s;
-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* 右カラムタイトル調整 */
.sidebar h3.title, .widget{
margin-top: 30px;
}

/* カレンダー調整 */
table.isp-business-calendar thead th {
background-color: rgba(255,255,255,1) !important;
}
table.isp-business-calendar .business {
background-color: #fff;
}
table.isp-business-calendar .space {
background-color: rgba(255,255,255,1) !important;
}

/* カスタムtable r_01 */
table.r_01{
width: 100%;
}

.r_01 th{
padding: 10px; border: 1px solid #ddd;
font-size: 110%;
vertical-align: top;
background: #f4f4f4;
width: 25%;
}

.r_01 td{
padding: 10px; 
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: none;
font-size: 110%;
}

/* icon 調整　全体　*/
.fa{
margin-right: 5px;
}

/* カテゴリー名表示BG 全体*/
article.list-vertical .attachment-media time {
background-color: #db8f43 !important;	
}

/* テキストアンダーライン */
.txt_c{
background-image: linear-gradient(transparent 50%, #fff 50%);
}

.txt_c2{
background-image: linear-gradient(transparent 50%, #eee 50%);
}

/* 画像角丸 */
.r_img{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: #eee 10px solid;
overflow: hidden;
}

/* 画像円 */
.r_img2{
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: #eee 10px solid;
overflow: hidden;
}

/* home */
.entry-content h2{
font-size: 180%;
text-align: center;
}

.entry-content .bt_c{
display: inline-block;
border-bottom: solid 4px #ccc;
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
}

.entry-content .bt_c:after {
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
bottom: -4px;
width: 50%;
border-bottom: 4px solid #000;
}

.home ul.portfolio-list{
padding-bottom: 55px;
}

.home .cont01 ul.portfolio-list li{
padding-top: 15px !important;
padding-bottom: 15px !important;
}

.home .cont02 ul{
list-style: none;
padding-left: 0px;
}

.home .cont02 ul li{
font-size: 130%;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px #eee solid;
margin-bottom: 10px;
position: relative;
}

.home .cont02 ul li:before{
position: absolute;
left: 0px;
top: 7px;
font-family: FontAwesome;
content:"\f138";
font-size: 110%;
}

.home .cont02 ul li:last-child{
margin-bottom: 0px;
}

.home .cont03 ul{
list-style: none;
padding-left: 0px;
overflow: hidden;
}

.home .cont03 ul li .b_tit{
display: block;
background-color: #eee;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: #000;
font-size: 200%;
font-family: 'Orbitron', sans-serif;
margin-bottom: 10px;
}

.home .cont03 ul li .in_cont_box{
font-size: 110%;
}

.home .cont04 .img_c a:hover img{
opacity: 1;
}

.home .cont04 .img_c{
overflow: hidden;
width: 100%;
height: auto;
}

.home .cont04 .img_c img{
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.home .cont04 .img_c img:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.home .cont04 .row{
padding-bottom: 50px;
}

.home .cont04 .end_t{
font-size: 110%;
position: relative;
padding-left: 15px;
margin-top: 10px;
}

.home .cont04 .end_t:before{
content: "\f0da";
font-family: FontAwesome;
color: #e60012;
position: absolute;
top: -3px;
left: 0;
}

.cont05 .contact_rap a{
display: block;
width: 100%;
height: 100%;
}

.cont05 .contact_rap{
max-width: 1000px;
margin: 0px auto;
text-align: center;
}

.cont05 .contact_rap a{
display: block;
width: 100%;
color: #2c3e50;
text-decoration: none;
}

.cont05 .contact_rap a:hover{
text-decoration: none;
}

.cont05 .contact_rap .contact_box{
padding: 30px 50px;
background-color: #eee;
border: 1px #ddd solid;
}

.cont05 .contact_rap .contact_box h4{
margin-bottom: 30px !important;
}

.cont05 .flexible-section-contents{
padding-top: 0px !important;
}

.cont05 .contact_rap .contact_box .come_box{
font-size: 110%;
}

.cont05 .contact_rap .contact_box .come_box2{
text-align: left;
max-width: 750px;
margin: 0px auto 30px;
padding-bottom: 20px;
border-bottom: 1px #aaa dashed;
overflow: hidden;
font-size: 110%;
}

.cont05 .contact_rap .contact_box .come_box2 .left_box{
width: 48%;
margin-right: 4%;
float: left;
}

.cont05 .contact_rap .contact_box .come_box2 .right_box{
margin-left: 52%;
}

buttan{
background-color: #000;
border: 1px #000 solid;
color: #fff;
padding: 15px 40px;
display: inline-block;
transition: 0.6s;
}

buttan:hover{
background-color: #fff;
border: 1px #000 solid;
color: #000;
transition: 0.6s;
}

.home .cont06 .come_box{
font-size: 110%;
}

.home .footer, .page-slug-recruit .footer{
margin-top: 0px;
}

/* .page-slug-aboutus */
.page-slug-aboutus .img_rap{
border: 1px #000 solid;
}

.page-slug-aboutus .tit_s{
background-color: #000;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}

.page-slug-aboutus .table > tbody > tr > th.active, .table-bordered > tbody > tr > td > p{
font-size: 110%;
}

.page-slug-aboutus .entry-content dl{
overflow: hidden;
}


.page-slug-aboutus .entry-content dl dt{
width: 150px;
float: left;
font-size: 110%;
padding-bottom: 10px;
border-bottom: 1px #aaa dashed;
margin-bottom: 10px;
}

.page-slug-aboutus .entry-content dl dd{
margin-left: 150px;
padding-left: 10px;
font-size: 110%;
padding-bottom: 10px;
border-bottom: 1px #aaa dashed;
margin-bottom: 10px;
}

/* .page-slug-recruit */
.page-slug-recruit .cat_cont{
font-size: 120%;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px #aaa dashed;
border-bottom: 1px #aaa dashed;
margin-bottom: 30px;
}

.page-slug-recruit .bt_box{
text-align: center;
font-size: 110%;
}

.page-slug-recruit .bt_box a{
text-decoration: none;
color: #fff;
}

.page-slug-recruit .bt_box a:hover{
color: #000;
}

/* お問い合わせ */
/* contact .page-slug-contact */
.page-slug-contact .textarea{
background-color: #fff;
font-size: 110%;
font-weight: 400;
margin-top: 0px;
color: #666;
padding: 10px;
width: 100%;
border: none !important;
}

.page-slug-contact input:focus,.page-slug-contact textarea:focus,.page-slug-contact select:focus {
background-color: #eeeeee !important;
transition: 0.6s !important;
}

.page-slug-contact .red{
background: #ff0000;
padding: 5px 5px 3px;
margin-left: 5px;
color: #fff;
font-size: 70%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.page-slug-contact .glay{
background: #aaa;
padding: 5px 5px 3px;
margin-left: 5px;
color: #fff;
font-size: 70%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.page-slug-contact .wpcf7 textarea[name="textarea-186"] {
height: 150px !important;
}

.page-slug-contact .submit{
border: 1px #000 solid !important;
background-color: #000 !important;
width: 320px !important;
font-weight: 400;
font-size: 120%;
color: #fff;
padding: 10px;
margin: 0px auto;
border-radius: 5px;
text-align: center;
transition: 0.6s;
box-shadow: none !important;
/* CSS3草案 */  
-webkit-border-radius: 5px;  
/* Safari,Google Chrome用 */  
-moz-border-radius: 5px; 
/* Firefox用 */
}

.page-slug-contact .wpcf7 .submit:hover{
border: 1px #000 solid;
background: #fff !important;
color: #000;
transition: 0.6s;
}

.page-slug-contact .wpcf7-form-control{
height: auto;
}

.page-slug-contact .come_box{
border: 1px #aaa dashed;
padding: 20px 25px;
font-size: 110%;
}

.page-slug-contact div.wpcf7-validation-errors {
    color: #000;
    background-color: #eee;
    border-color: #eee;
}

.single-cpt_active footer{
margin-top: 0px;
}

article .post-content p.readmore{
text-align: right;
}

.page-slug-active footer{
margin-top: 0px;
}

/* ボトムマージン */
.bt5{
margin-bottom: 5px !important;
}

.bt10{
margin-bottom: 10px !important;
}

.bt15{
margin-bottom: 15px !important;
}

.bt25{
margin-bottom: 25px!important;
}

.bt30{
margin-bottom: 30px!important;
}

.bt50{
margin-bottom: 50px!important;
}

.bt55{
margin-bottom: 55px!important;
}

.bt80{
margin-bottom: 80px!important;
}

.bt100{
margin-bottom: 100px!important;
}

/* トップマージン */
.tt20{
margin-top: 20px !important;
}

.tt30{
margin-top: 30px !important;
}

.tt50{
margin-top: 50px !important;
}

.tt55{
margin-top: 55px !important;
}

/* パディングトップ　*/
.pt55{
padding-top: 55px !important;
}



@media screen and (min-width: 1200px) {
/* header padding 調整 */
.col-md-6{
padding-left: 30px !important;
padding-right: 30px !important;
}
.container-fluid{
padding-left: 30px !important;
padding-right: 30px !important;
}
}

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

@media screen and (min-width: 1025px) {
.home .cont01 .container,
.home .cont02 .container,
.home .cont06 .container{
width: 1000px;
margin: 0 auto;
}
.home .cont03 ul li{
width: 18%;
margin-right: 2.5%;
float: left;
}
.home .cont03 ul li:last-child{
margin-right: 0;
}
.page-slug-recruit .cont01 .container,.page-slug-recruit .cont05 .container{
width: 1000px;
margin: 0 auto;
}
}

@media screen and (max-width: 1024px) {
.home .cont03 ul li{
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 30px;
}
}

@media screen and (min-width: 769px) {
article.list-vertical .post-content .entry-content{
height: 30px !important;	
}
.home .entry-date{
background-color: #eee;
padding: 0 10px;
margin-right: 15px !important;
}
/* sub menu */
.navbar-right .dropdown-menu {
 left: 0;
 right: auto;
}
.navbar-nav > li > a {
/*    padding-top: 27.5px;
	padding-bottom: 11.5px;*/
    padding-top: 27.5px;
	padding-bottom: 11.5px;
}
.navbar-nav > li.last > a{
	padding-right: 0 !important;
}
	
.table > tbody > tr > th.active{
width: 30%;
}

.page-slug-contact dl{
		overflow: hidden;
		margin-bottom: 5px;
		border-radius: 5px;
        border: 1px #ddd solid !important;
		padding: 5px;
/* CSS3草案 */  
       -webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
       -moz-border-radius: 5px;
/* Firefox用 */  
	}
	.page-slug-contact dl dt{	
        width: 200px;
		float: left;
		text-align: right;
		font-weight: normal;
		margin-top: 8px;
	}
	.page-slug-contact dl dd{
		padding-left: 30px;
		margin-left: 230px;
		border-left: 1px #ddd solid;
	}
}

@media screen and (max-width: 768px) {
.home .entry-date{
display: block;
}
.page-slug-contact .textarea{
margin-top: 10px;
border-radius: 5px;
border: 1px #ddd solid !important;
/* CSS3草案 */  
-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
-moz-border-radius: 5px;
/* Firefox用 */  
}
}

@media screen and (min-width: 481px) {
}

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

@-moz-document url-prefix() {
}


