/*
Template: wp_break
Theme Name: Child BREAK
Theme URI:
Description: WordPress Child Theme Break
Author: B CORPORATION,INC.
Author URI: https://www.b-po.co.jp/
Version:1.0
*/

/* 仮 親犬*/
.main .section#cust01 .section-title{
display: none; 
}

.cust_d{
overflow: hidden;
border-bottom: 1px #ddd dotted;
padding-bottom: 0px;
}

.cust_d dt{
width: 25%;
float: left;
clear: left;
border-bottom: 1px #ddd dotted;
padding-bottom: 15px;
margin-bottom: 15px;
}

.cust_d dd{
margin-left: 25%;
padding-left: 20px;
border-bottom: 1px #ddd dotted;
padding-bottom: 15px;
margin-bottom: 15px;
}

.cust_d dt:last-of-type,
.cust_d dd:last-of-type{
border-bottom: none;
padding-bottom: 5px;
}

#bden_392 .b_contents {
padding: 0 0px;
}

.b_contents .cb_puppy_seiyaku.off{
	width: 68px;
	text-align: center;
	
position: absolute;
z-index: 10;
top: -13px;
left: 10px;
background-color: #b5538a;
border:1px #fff solid;
color: #fff;
padding: 3px 7px 3px 11px;
box-sizing: border-box;
	font-size: 14px;
}

.b_contents .cb_puppy_seiyaku.on{
	width: 68px;
	text-align: center;
position: absolute;
z-index: 10;
top: -13px;
left: 10px;
background-color: #8fc31f;
border:1px #fff solid;
color: #fff;
padding: 3px 7px 3px 11px;
box-sizing: border-box;
}


#bden_392 .b_title,
#bden_archive .b_title,
#bden_394 .b_title{
text-align: center;
}

span.dn{
font-weight: normal;
display: block;
margin-top: 10px;
line-height: 150%;
}

.tn{
font-size: 10px;
color: #fff;
background-color: #b5538a;
padding: 2px 5px 2px 7px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#bden_archive .b_content p {
line-height: 21px;
}

.main .section#gcont01 {
position: relative;
padding: 10px 10px 60px;
z-index: 4;
}

#gcont01 .b_contents {
padding: 0 0px;
}

#gcont01 .b_content p {
line-height: 21px;
}

/* 仮end　*/

/* ローディング */
.page-animation-on .loading{
height: 60px;
width: auto;
}

.page-animation-on .loading img{
height: 60px;
}

.fl02{
display: flex;
justify-content: space-between;
}

.fl02r{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}

.fl04{
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.fl02r .right_cont27{
width: 27%;
}

.fl02r .left_cont70{
width: 70%;
text-align: justify;
}

.fl02 .left_cont32{
/* width: 32%; */
width: 50%;
}

.fl02 .left_cont32 img{
box-shadow:  rgba(25, 25, 25, 0.7) 0px 5px 10px -7px;
}

.fl02 .right_cont65{
/* width: 64%; */
width: 50%;
position: relative;
}

.fl02 .right_cont65 .in_come_box{
position: absolute;
padding: 20px 0px 20px 50px;
width: 100%;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.fl02r .right_cont32{
/* width: 32%; */
width: 50%;
}

.fl02r .right_cont32 img{
box-shadow:  rgba(25, 25, 25, 0.7) 0px 5px 10px -7px;
}

.fl02r .left_cont65{
/* width: 64%; */
width: 50%;
position: relative;
}

.fl02r .left_cont65 .in_come_box{
position: absolute;
padding: 20px 50px 20px 0px;
width: 100%;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.small{
font-size: 12px;
display: block;
margin-top: 5px;
}

ul.fl04{
list-style: none;
padding-left: 0;
}

ul.fl04 li{
width: 32%;
}

.cont48{
width: 48%;
}

.panel-heading .in_img{
transition: 0.6s;
overflow: hidden;
}

.panel-heading .in_img img{
transition: all .6s;
width: 100%;
height: 100%;
object-fit: cover
}

.panel-heading .in_img:hover img{
transform: scale(1.5);
}

.panel-heading .in_img::after{
content: "";
position: absolute;
font-size: 250%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: 0.6s;
color: rgba(255,255,255,.8);
}

.panel-heading .in_img:hover::after{
color: #e097c0;
transition: 0.6s;
opacity: 0.6;
}
.panel-heading .in_img::before{
content: "";
position: absolute;
border: 1px #fff solid;
z-index: 5;
width: 92%;
height: 86%;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: 0.6s;
}

.panel-heading .in_img:hover,
.panel-heading .in_tit:hover{
/*opacity: 0.5;*/
cursor: pointer;
cursor: hand;
}

.panel-heading .in_img:hover::before{
content: "";
position: absolute;
border: 1px #e097c0 solid;
z-index: 5;
width: 92%;
height: 86%;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.panel-body dl{
padding: 0 5px 10px;
}

.panel-body dl dt{
line-height: 20px;
}

.panel-body dl dd{
padding-bottom: 10px;
margin-bottom: 17px;
position: relative;
padding-left: 35px;
border-bottom: 1px #ddd dotted;
}

.panel-body dl dd::before{
content:"\f141";
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #ccc;
left: 9px;
font-size: 90%;
}

/* 画像上にボーダー */
.in_img{
position: relative;
}

.in_img::before{
content: "";
position: absolute;
border: 1px #fff solid;
z-index: 5;
width: 92%;
height: 86%;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

/* サブタイトル */
.ss_tit{
font-size: 24px;
position: relative;
margin-bottom: 15px;
}

.icon_tit{
padding: 0px 5px 10px 2px;
font-size: 14px;
border-bottom: 1px #ddd dashed;
font-weight: 600;
margin-bottom: 15px;
text-align: center;
}

.sss_tit{
font-size: 22px;
padding-bottom: 10px;
margin-bottom: 30px;
padding-left: 5px;
border-bottom: 1px #5f52a0 dotted;
position: relative;
letter-spacing: 5px;
}

.sss_tit::after{
content: "";
position: absolute;
width: 25%;
height: 3px;
background-color: #5f52a0;
bottom: -2px;
left: 0px;
}


/* 背景アニメーション画像　*/
/* #bden_185 .page-cover-white{
background-image:url(https://break.b-den.com/wp-content/uploads/2019/02/section-bg.png);
background-position: top center;
background-size: cover;
} */

/* デフォルトボタン */
.bt_box .bt_df{
background-color: #242a51;
padding: 10px 30px;
color: #fff;
border: 1px #242a51 solid;
position: relative;
}

.bt_box .bt_df::after{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
position: absolute;
top: 0;
right: 5px;
}

.bt_box .bt_df:hover{
background-color: #fff;
color: #242a51;
text-decoration: none;
}

/* 電話番号 */
.main .top-wrapper .top-contact {
background-color: #5f52a0;
}

.main .top-wrapper .top-contact > div:nth-child(2)::before{
border-left: 1px #fff solid;
}

/* 下層ヘッダー画像テキストシャドー */
.main .top-wrapper .header-page-title{
text-shadow: 2px 2px 3px #666;
}

/* サイドバー　フォーカス */
.sidebar .side-nav li.current-menu-item > a{
background-color: #b5538a !important;
}

/* サイドバー　サブメニュー背景 */
.sidebar ul.sub-menu{
background-color: rgba(224,151,192,.8);
}

/* backtop */
.pagetop {
position: fixed;
width: 100px !important;
height: 30px !important;
border-radius: 0 !important;
background-color: #9f0e15 !important;
line-height: 30px !important;
font-size: 60%;
right: 10px !important;
}

.pagetop:hover{
text-decoration: none !important;
}

/* footer */
.footer .copyright{
color: #fff;
}

/* active top */
.home .b_contents{
padding: 0;
}

.home .b_content p{
line-height: 21px;
}

.gallery{
margin-top: 50px;
}

/* aboutus */
.main #cont01.section.bg-img .en_name,
.main #cont01.section.bg-img{
color: #333;
}

.cp_line{
margin-bottom: 0px;
}

.cp_line dt{
float: left;
clear: left;
width: 250px;
font-weight: 600;
padding-left: 13px;
box-sizing: border-box;
position: relative;
}

.cp_line dd{
margin-left: 250px;
padding-left: 50px;
position: relative;
}

.cp_line dd:before{
content: "\f105";
font-family: "Font Awesome 5 Free";
position: absolute;
left: 0px;
top: -1px;
color: #e097c0;
font-size: 90%;
font-weight: 600;
}

.cp_line dd a{
color: #b5538a;
font-weight: 600;
}

.cp_line dd:last-child{
margin-bottom: 0px;
}

.cp_line dd ul{
padding-left: 15px;
margin-bottom: 0px;
}

.in_tit{
margin-bottom: 30px;
}

.in_tit .li_tit{
font-size: 16px;
position: relative;
display: inline-block;
transition: 0.6s;
color: #5f52a0;
}

.in_tit .li_tit:hover{
opacity: 0.6;
}

.in_tit .li_tit::after{
content: "OPEN・CLOSE";
position: absolute;
background-color: #5f52a0;
color: #fff;
right: -110px;
top: 1px;
font-size: 10px;
padding: 3px 5px 3px 7px;
}

.li_in_tit,
.in_ol li::marker{
font-size: 15px;
font-weight: 600;
}

.ac_tit{
font-size: 20px;
position: relative;
}

.ac_tit{
margin-bottom: 20px;
}

.b_content p{
font-size: 14px;
line-height: 28px;
}

.ac_tit::after{
content: "";
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px #ddd dashed;
box-sizing: border-box;
top: 50%;
left: 0;
z-index: -1;
}

.ac_tit .tit3{
display: inline-block;
padding-left: 20px;
padding-right: 20px;
background-color: #fff;
}

.main .section#cust01{
position: relative;
padding: 10px 10px 0px;
z-index: 4;
}
.main .section#cust012{
position: relative;
padding: 10px 10px 60px;
z-index: 4;
}

.main .section#cust013{
padding: 120px 10px;
}

.txt_left{
text-align: left;
}

.txt_right{
text-align: right;
}

.txt_center{
text-align: center;
}

.f110{
font-size: 110%;
}

.pagetop {
width: 30px;
height: 30px;
background-color: #000;
color: #fff;
line-height: 30px;
}

.ggmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.ggmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.b_lock{
display: inline-block;
}

#topi2.section.bg-img{
color: #333;
}

.new-posts .post-item a{
color: #b5538a;
}

.new-posts .post-item,
.new-blog .post-item,
.new-active .post-item{
padding-left: 15px;
margin-bottom: 10px;
border-bottom: 1px #ccc dashed;
}

.new-posts .post-item:last-child,
.new-blog .post-item:last-child,
.new-active .post-item:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
}

.new-posts .post-item:before,
.new-blog .post-item:before,
.new-active .post-item:before{
content:"";
position: absolute;
height: 25px;
width: 25px;
left: 0px;
top: 6px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background-color: rgba(255,255,255,1);
z-index: -1;
}

.new-posts .post-item .permalink:after,
.new-blog .post-item .permalink:after,
.new-active .post-item .permalink:after{
content:"▶︎";
position: absolute;
top: 0;
left: -3px;
font-size: 60%;
color: #e097c0;
}

.new-posts .post-item .date,
.new-blog .post-item .date,
.new-active .post-item .date{
display: inline-block;
padding-bottom: 10px;
padding-right: 20px;
}

.new-posts .post-item .permalink,
.new-blog .post-item .permalink,
.new-active .post-item .permalink{
position: absolute;
left: 123px;
top: 0px;
padding-left: 18px;
}

.new-posts .post-item a.permalink:hover,
.new-blog .post-item a.permalink:hover,
.new-active .post-item a.permalink:hover{
color: #333;
text-decoration: none;
}

/*　ページャー */
.b_pagenavi .page{
border: 1px #e097c0 solid;
background-color: #e097c0;
}

.b_pagenavi .page.link:hover{
background-color: #fff;
color: #e097c0;
border: 1px #e097c0 solid;
}

.s_tit{
display: block;
line-height: 28px;
}

.co_b{
font-weight: 600;
color: #000;
}

.en_name{
display: inline-block;
font-size: 11px;
color: #666;
margin-top: 10px;
position: relative;
}

.main #cont01.section.bg-img .en_name::before,
.en_name::before{
content: "";
position: absolute;
border-bottom: 1px #666 solid;
width: 20px;
height: 1px;
box-sizing: border-box;
left: -33px;
top: 6px;
}

.main #cont01.section.bg-img .en_name::after,
.en_name::after{
content: "";
position: absolute;
border-bottom: 1px #666 solid;
width: 20px;
height: 1px;
box-sizing: border-box;
right: -30px;
top: 6px;
}

.section.bg-img .en_name::before{
content: "";
position: absolute;
border-bottom: 1px #fff solid;
width: 20px;
height: 1px;
box-sizing: border-box;
left: -33px;
top: 6px;
}

.section.bg-img .en_name::after{
content: "";
position: absolute;
border-bottom: 1px #fff solid;
width: 20px;
height: 1px;
box-sizing: border-box;
right: -30px;
top: 6px;
}

.main .section.one .section-title {
text-align: center !important;
}

/* 背景画像タイトル */
.main .section.bg-img .en_name{
color: #fff;
}
	
.cont_rap50{
margin-top: 10px;
position: relative;
}	

.cont_rap50 .left_cont{
width: 45%;
position: relative;
}

.cont_rap50 .left_cont:after{
content:"";
width: 60px;
height: 1px;
background-color: #fff;
position: absolute;
right: -40px;
top: 50px;
}

.cont_rap50 .right_cont{
position: absolute;
width: 47%;
right: 0px;
top: 0px;
}

.cont_rap50 .left_cont{
border: 1px #fff solid;
box-shadow: rgba(255, 255, 255, 0.7) 0px 5px 30px -7px;
}

.cont_rap50 .left_cont img{
opacity: 0.9;
}

.wpcf7 .form_rap{
overflow: hidden;
}

.wpcf7 .form_rap dl dt{
font-weight: normal;
margin-bottom: 5px;
}

.wpcf7 .form_rap .textarea{
padding: 10px 15px;
width: 100%;
border: 1px #ddd solid;
box-sizing: border-box;
}

.wpcf7 .form_rap select{
height: 58px;
}

.wpcf7 dl dt .fred{
background-color: #cf0000;
color: #fff;
display: inline-block;
margin-right: 5px;
padding-right: 10px;
padding-left: 10px;
line-height:  20px;
height: 20px;
font-size: 80%;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.wpcf7 dl dt .fglay{
background-color: #999;
color: #fff;
display: inline-block;
margin-right: 5px;
padding-right: 10px;
padding-left: 10px;
line-height:  20px;
height: 20px;
font-size: 80%;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.wpcf7 .submit{
padding: 13px 5px;
font-size: 14px;
background-color: #b5538a;
color: #fff;
border: 1px #b5538a solid;
transition: 0.6s;
width: 80%;
box-sizing:border-box;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.wpcf7 .submit:hover{
color: #b5538a;
background-color: #fff;
}

div.wpcf7-validation-errors{
border: 2px #ff0000 solid;
color: #ff0000;
text-align: left;
}

.wpcf7 textarea[name="textarea-7"] {
height: 182px !important;
}

.main .section .section-content {
    line-height: 28px;
}

.ajax-loader{
display: block !important;
}

::placeholder{
color:#999;
}

.b_pagenavi .page {
color: #fbc3e2;
}

.b_contents .b_cat.b_active_cat{
position: relative;
}

.b_contents .b_cat.b_active_cat::before{
right: 10px;
content: "\f105";
}

.b_contents .b_cat.b_active_cat::before{
position: absolute;
height: 44px;
line-height: 44px;
top: 0;
bottom: 0;
margin: auto;
font-family: "Font Awesome 5 Free";
font-weight: 900;	
}

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

.bt20{
margin-bottom: 20px !important;
}

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

.bt40{
margin-bottom: 40px !important;
}

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

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

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



.b_post_info .cat_dog02 {
	display: none;	
}

.seiyaku-off {
		width: 75px;
	text-align: center;
	    font-size: 12px;
    line-height: 2.3;
	display: inline-block;
    padding: 0px 18px;
    background-color: #b5538a;
    color: #fff;
    box-sizing: border-box;
}
.seiyaku-on {
		width: 75px;
	text-align: center;
	    font-size: 12px;
    line-height: 2.3;
	display: inline-block;
    padding: 0px 18px;
    background-color: #8fc31f;
    color: #fff;
    box-sizing: border-box;
}

.main .top-wrapper .parallax {
	background-image:  none;
}

.main .top-wrapper .header-page-title{
line-height: 36px !important;
}
@media all and (min-width: 1201px) {
}

@media all and (max-width: 1200px) {
}

@media all and (min-width: 1025px) {
.main .top-wrapper .header-page-title{
line-height: 36px !important;
}
.b_column_type .b_postitem {
margin-bottom: 50px;
}
	
.main .top-wrapper .header-page-title{
font-size: 36px;
}
.section-box {
/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); */
box-shadow: rgba(25, 25, 25, 0.7) 0px 5px 30px -7px;
}
.form_rap .in_cont{
width: 48%;
margin-right: 4%;
float: left;
}
.form_rap .in_cont:last-child{
margin-right: 0;
}
}

@media all and (max-width: 1024px) {
.main .top-wrapper .header-page-title{
font-size: 36px;
}
	
.main .top-wrapper .header-page-title{
line-height: 36px;
}
.wpcf7 .form_rap .in_cont{
width: 100%;
}
.cont_rap50 .left_cont{
width: 100%;
position: relative;
}

.cont_rap50 .left_cont:after{
display: none;
}

.cont_rap50 .right_cont{
position: static;
width: 100%;
margin-top: 30px;
}
}

@media all and (min-width: 981px) {
.sidebar .logo{
width: 65%;
padding: 80px 0;
height: auto;
margin: auto;
}
#bden_blog .b_column_type .b_postlist,
#bden_archive .b_column_type .b_postlist{
margin-bottom: 40px;
}
}

@media all and (max-width: 980px) {
.sidebar #nav-menu .side-nav{
background-color: rgb(181, 83, 138);
}
	
.sidebar .side-nav li a{
color: #fff;
}
	
#nav-menu {
top: 10px;
}

.cust_d dt{
width: 100%;
float: none;
border-bottom: none;
padding-bottom: 0px;
}

.cust_d dd{
margin-left: 0;
padding-left: 20px;
border-bottom: 1px #ddd dotted;
padding-bottom: 10px;
}
	
.fl02 .right_cont65,
.fl02r .left_cont65{
position: static;
}	
	
.fl02 .right_cont65 .in_come_box{
position: static;
padding: 20px 10px;
width: 100%;
box-sizing: border-box;
top: 0;
left: 0;
transform: translate(0,0);
}

.fl02r .left_cont65 .in_come_box{
position: static;
padding: 20px 10px;
width: 100%;
box-sizing: border-box;
top: 0;
left: 0;
transform: translate(0,0);
}
	
.fl02,
.fl02r,
.fl04{
display: block;
}
	
.fl02r .right_cont27{
width: 100%;
margin-bottom: 20px;
}

.fl02r .left_cont70{
width: 100%;
}
	
.fl02 .left_cont32{
width: 100%;
margin-bottom: 20px;
}

.fl02 .right_cont65{
width: 100%;
}

.fl02r .right_cont32{
width: 100%;
margin-bottom: 20px;
}

.fl02r .left_cont65{
width: 100%;
}
	
.sidebar .side-nav li a:hover, .sidebar .side-nav li.current-menu-item > a{
color: #fff;
}
.pc{
display: none;
}
/* logo調整スマホ */
.sidebar .logo{
height: 50px;
width: auto;
}
.sidebar .logo img{
height: 50px;
margin: 10px 20px;
}
/* スマホメニュー背景色 */
.sidebar #nav-menu.open .side-nav{
background-color: #e097c0;
}
	
.sidebar .side-nav li a{
text-align: center;
}
	
.main .page-content{
padding-top: 60px !important;
}
.b_contents{
padding-top: 60px !important;
}
.b_categories .b_category {
width: 100%;
}
.b_contents .b_list-type .b_postitem .b_thumbnail {
width: 100%;
height: auto;
}
}

@media all and (min-width: 768px) {
.main .section#cont01{
padding-top: 0px;
}
}

@media all and (max-width: 767px) {
.main .top-wrapper .header-page-title{
line-height: 28px !important;
font-size: 28px !important;
}
.cp_line dd:before{
content: "\f105";
font-family: "Font Awesome 5 Free";
position: absolute;
left: 3px;
top: -1px;
color: #e097c0;
font-size: 90%;
font-weight: 600;
}

.in_tit{
text-align: center;
margin-bottom: 50px;
}

.in_tit .li_tit::after{
content: "OPEN・CLOSE";
position: absolute;
background-color: #5f52a0;
color: #fff;
right: 0;
left: 0;
top:30px;
font-size: 10px;
padding: 3px 5px 3px 7px;
margin-left: -4px;
}
	
.main .section .section-title{
font-size: 20px;
}
	
ul.fl04 li{
width: 100%;
}
	
.cont48{
width: 100%;
}

.cp_line dt{
float: none;
width: 100%;
padding-left: 0px;
box-sizing: border-box;
position: relative;
}

.cp_line dd{
margin-left: 0px;
padding-left: 20px;
}
}



.wir30{
overflow: hidden;
}

.f_right_w30{
width: 28%;
float: right;
margin-left: 4%;
} 

.f_left_w50{
width: 48%;
float: left;
margin-right: 4%;
margin-bottom: 20px;
} 

.f_right_w50{
width: 48%;
float: right;
margin-left: 4%;
margin-bottom: 20px;
} 

@media all and (max-width: 1023px) {
.f_right_w50,
.f_left_w50,
.f_right_w30{
width:  100%;
float: none;
margin-left: 0%;
margin-bottom: 20px;
} 
}