/*
	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
*/

.osusume p a{
font-size: 16px;
font-weight: 600;
color: #ff0000;
position: relative;
}

.osusume p a::before{
content: "タップ";
background-color: #000;
color: #fff;
font-size: 12px;
margin-right: 5px;
padding: 3px 3px 3px 5px;
}

body.home .post-8.about-section{
}

.entry-footer{
clear: both;
}

.txt_center{
text-align: center;
}

.txt_right{
text-align: right;
}

.txt_left{
text-align: left;
}

/* アクティブ詳細ページカスタマイズ */
.single-active .edit-content{
margin-bottom: 20px;
}

.single-active .box .col-sm-3,
.single-active .box .col-md-3,
.single-active .box .col-lg-3{
padding-left: 0px;
padding-right: 0px;
}

.single-active .portfolio-item{
margin-bottom: 0px;
}

.single-active .row {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 50px;
}

/* title */
.page-section .section-title h2{
padding-bottom: 20px;
}
.page-section .section-title h2::after {
display: none;
}

.page-title .smallf{
display: none;
}

.smallf{
display: block;
font-size: 12px;
padding-top: 10px;
position: relative;
color: #999;
}

/* news */
#news i{
margin-right: 5px;
font-size: 120%;
color: #d3c5ac;
}

/* contact us */
form.wpcf7-form .form-group {
margin-bottom: 5px;
}

/* スマホ 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; */
}

/* side bottom 調整　*/
aside.box .aside-row p{
padding-bottom: 50px;
}

/* img hover */
a:hover img{
opacity:.7;
}

/* フォント種類 */
body {
/*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, sans-serif;*/
font-family:"Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 1.4rem;
  letter-spacing: 0.8px;
  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%;
}
}

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

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

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

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

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

/* red */
.red{
color: #cf1d00;
}

/*　heading text */

.intro-text h1{
line-height: 100%;
}

/* float解除 */
@media screen and (max-width: 480px) {
header .container .intro-text h1{
font-size: 38px;
}
}

.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 (min-width: 1025px) {
.col-md-push-6 {
left: 0%;
}
.col-md-6 {
width: 100%;
}
}

@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 (min-width: 769px) {
#active .portfolio-item,
#active-2 .portfolio-item {
margin-bottom: 0px;
}

#active-2 .col-sm-3, .col-md-3, .col-lg-3{
padding-right: 0px;
padding-left: 0px;
}
/* アクティブ詳細ページカスタマイズ */
body.single #article-wrapper .thumb {
margin-bottom: 20px;
float: right;
width: 30%;
margin-left: 30px;
}
}

@media screen and (max-width: 768px) {
.single-active .container-fluid {
padding-right: 0px;
padding-left: 0px;
}
#active .portfolio-item{
padding: 0px;
margin: 0px;
width:100%;
}
	
#active-2.portfolio-section {
padding: 100px 0 0;
}
	
#active .col-sm-3, .col-md-3, .col-lg-3, .col-xs-6{
padding: 0px;
margin: 0px;
}

#active-2 .portfolio-item {
margin-bottom: 0px;
}
.portfolio-section ul.cat li ol.type li{
width: 50%;
float: left;
margin: 0;
padding: 0;
}
.portfolio-section ul.cat li ol.type li a{
display: block;
padding: 20px 5px;
}
}

#aboutus .come_box{
margin-bottom: 10px;
font-weight: 600;
}

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

#aboutus ul li{
list-style: disc;
}

#contact .come_box{
margin-bottom: 30px;
}

#contact .come_boxend i{
color: #d3c5ac;
font-size: 120%;
margin-right: 5px;
}

/* contact bt */
#contact form.wpcf7-form .btn{
border: 1px #ff6600 solid;
color: #ff6600;
}

#contact form.wpcf7-form .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active{
background: rgba(255,255,255,.5);
}

#active .acome_box{
margin-bottom: 30px;
}
#active .acome_box i{
font-size: 120%;
margin-right: 5px;
}

/*　#active a{
color: #cf1d00;
}

#active a:hover{
color: #fdb0a4;
}　*/

p{
margin-bottom: 20px;
}

/* blog categpry */

ul.post-categories{
overflow: hidden;
}

ul.post-categories li{
background: #28201e;
padding: 5px 10px;
float: left;
margin: 0px 5px 5px; 
}

ul.post-categories li a{
color: #fff;
}

ul.post-categories li a:hover{
color: #d3bd8f;
}

.page-id-58 .box{
clear: both;
}

.page-id-58 .thumb{
width: 240px;
float: left;
margin-right: 50px;
}

.portfolio-section ul.cat li ol.type li a.active {
 background: #99ddff;
}

.portfolio-section ul.cat li ol.type li a:hover {
 background: #99ddff;
}

form.wpcf7-form .btn{
margin-top: 40px;
}

.lb-back-to-top{
background-color: #40a8e5 !important;
}

@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
.page-id-58 .thumb{
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 30px;
}
}