/*
	Template: bdenROneWebis
	Theme Name: Child Bace Snazzy Template
	Theme URI: http://www.b-ren.com/
	Description: 最強レンタルホームページ美伝ROneのテンプレート
	Author: ビィコーポレーション有限会社
	Author URI: http://www.b-ren.com/
	Version: 1.00
*/

/* 改行回避 */
.b_lock{
display:inline-block;
}

/* side bottom 調整　*/
.col-md-3{
padding-bottom: 50px;
}

/* フォント種類 */
body {
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 1.4rem;
  word-break: break-all;
}

/* float解除 */
@media screen and (max-width: 480px) {
.alignright{
float:none;
margin-left:0px;
margin-bottom:10px;
width: 100%;
}

.alignleft{
float:none;
margin-left:0px;
margin-bottom:10px;
width: 100%;
}

.aligncenter{
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
width: 100%;
}
}

/* ロゴの上下余白 */
.navbar-brand img{
margin-top: 3px;
margin-bottom: 3px;
}

/* 上記に関連 */
ul#menu-header{
padding-top: 3px;
}

/* フッター背景 */
#footer{
background-color: #000;
}

/* フッターテキスト色 */
#footer p{
color: #fff;
font-size: 80%;
}

/*　heading text */

.intro-text h1{
line-height: 150%;
font-weight: 600;
}

.intro-text h1 .ore_c{
/* color: #ff6600; */
}

.intro-text strong{
font-weight: 400;
}

.intro-text h1,header p{
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* 下層ページタイトルJP */

.page-title{
/* color:#a6937c; */
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* 下層ページタイトルEn */
.page-title .le{
font-size: 4rem;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
/* color:#a6937c; */
}

/*　下層ページタイトルサイズ SP　*/
@media screen and (max-width: 1024px) {
.page-title{
font-size: 16px;
line-height: 170%;
}

.page-title .le{
padding-top: 10px;
font-size: 2.5rem;
}
}

/* active cate font-size */
body.single .cat-link a{
font-size: 1.5rem;
}

/* active cate */
.portfolio-section ul.cat li ol.type li{
margin-bottom: 20px;
}

.portfolio-section ul.cat li ol.type li a{
font-size:1.4rem;
padding-top: 8px;
padding-bottom: 8px;
}

@media screen and (max-width: 768px) {
.portfolio-section ul.cat li ol.type li{
margin-bottom: 0px;
}
}

/* backtop hover */
.lb-back-to-top:hover{
color: #999;
}

/* aboutus */
#aboutus ul{
margin-left: 15px;
}

#aboutus ul li{
list-style: disc;
margin-bottom: 10px;
}

#aboutus .in_boxf{
line-height: 180%;
margin-bottom: 20px;
}

#contact .in_box{
margin-bottom: 20px;
}

#aboutus .in_box{
line-height: 180%;
}

#active-2 .img_ac{
position: relative;
width: 100%;
height: auto;
}

#active-2 .img_ace{
position: relative;
width: 100%;
height: auto;
}

#active-2 .img_ac .in_box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 94%;
height: 92%;
padding: 5px 10px;
background-color: rgba(0,0,0,.5);
color: #fff;
font-size: 110%;
}

#active-2 .img_ace .in_box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 94%;
height: 92%;
padding: 5px 10px;
background-color: rgba(0,0,0,.5);
color: #fff;
font-size: 120%;
}

@media screen and (max-width: 480px) {
#active-2 .wc-shortcodes-row{
margin-bottom: 0px;
margin-top: 0px;
}
}

#active-2 h2{
color: #fff;
}

#active-2 h2::after{
background-color: #fff;
}

form.wpcf7-form .form-control{
min-height: 56px;
}

/* スマホ blank_map */
.btn-default.readmore, .portfolio-section .more_col .btn-default {
/* border-color: #e9ddca;
color: #c4322d; */
margin-top: 30px;
margin-bottom: 20px;
/* background-color:#f9f6f0; */
}