@charset "utf-8";
/* CSS Document */

/* バードハウス */
.bardu {
    background-color: #330000;
}
.bardu #headerWrapper,
#opt3 {
	color: #ffffff;
	background-color: #d7000f;
}
#headerWrapper .navbar-collapse > ul > li > a:before,
#headerWrapper .navbar-inverse .navbar-toggle .icon-bar {
	background: #fff;
}

.top #headerWrapper > .container {
	padding-top: 0px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#upper .container > div:first-child {
    margin-top: 0;
}
@media (max-width: 767px){
    .column1.top #wrapper #headerWrapper {
        background-attachment: scroll !important;
}
.cparts-var03-type23.box.lay-row.lay-no-gutters {
    top: 50px;
}
#contents h1 {
    margin-top: 50px;
}
}
div#main_visual {
    margin: 100px auto 50px;
}

/* 串まる */
.kushimaru {
   background-image: url("../images/p0074_l-min.png");
}


  #headerWrapper a {
    color: #003366;
}

.kushimaru .parts_text_type03_box .cparts-btn-square{
    background: #c6ada7 !important;
}

/* お食い初め専門店 */
.okuizome #headerWrapper {
  background: #BF9EC9; }
  #headerWrapper a {
    color: #ffffff; }

.okuizome {
    background-image: url("../images/p0073_l-min.png");
}

/*ヒラン*/
.hiran {
    background-image: url("/barduhouse/images/p0074_l-min.png");
}

.lay-margin-b--3{
    margin-top: 90px;
}

.lay-margin-b--3 .lay-row .cparts-txt-block .clearfix{
    align-items: center;
}

.lay-margin-b--3 .lay-row .cparts-txt-block .clearfix .text_css{
    padding: 0 15px;
}
#hiran{
   background-image: url("/barduhouse/images/p0074_l-min.png");
}

.content1_ec .line_class{
    border-bottom: 1px #fff solid;
}

.content1_ec .otoku10{
    background: #bbbcde;
}

.content1_ec .otoku10 p span {
    color: #fff;
}

.uchimaru .parts_text_type03_box p > img{
    width: 60%;
    float: none;
}

/* デニッシュ食パン */
.danish-bg {
  background-image: url("https://www.bar-du-house.com/image/danish/images2023062217233616.png");
  background-repeat: repeat;
}
.container_danish {
    width: 100%;
}
.buy {
    width: 88% ;
    margin: 0 auto;
}

.about_dn {
    background-color: #000000;
}

/*繁盛サポート問い合わせフォーム*/
ul.hanjo, ul.hanjo li {
    display: block !important;
}

/*キッチンカー*/
.cparts-id119.lay-margin-b--3.box.kitchencar {
    border-bottom: 5px double #d0b2d1;
}
.cparts-var03-type24 .cparts-body-block {
    padding: 0 0 0 50px !important;
}
.cparts-id177__head-block ol li span.dec-line-pe--primary:before {
    border: 8px solid #7d7d7d !important;
}
.kitchen_btn a.dec-btn--primary.dec-btn--size-md {
    padding: 1rem 4rem;
}


/* スマホ以外 */
@media (min-width: 768px){
    .top #contents .lay-col12-lg-6{
        max-width: 49%;
    }
    
    .top #contents .lay-col12-lg-4{
        max-width: 32%;
        background: #bbbcde;
        padding: 0 10px;
    }
    
    .lay-col12-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 23% !important;
    }
    .parts_h_type24_box {
        background: #bbbcde;
        padding: 0px 0 !important;
        margin: 0 8px !important;
    }
    
    #contents .freePage .lay-row{
        justify-content: space-between;
    }
    
    #contents .freePage .last_flex{
        justify-content: start;
    }
    
	.top #headerWrapper > .container{
	    background-image:none ;
	}
	.top #headerWrapper {
		background-image: url(/images/toppage/barduhouse_top.jpeg) !important;
        background-size: cover;
        background-attachment: scroll;
	}
	/* デニッシュ食パン */
	.freePage .buy {
    width: 40% !important;
	margin: 30px auto;

}
}

@media (min-width: 992px) {
        .top #cms_contents_area #main_visual {
        position: absolute; 
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin-top: 50px; 
    }
    
}


/* スマホ */
@media (max-width: 767px) {
    .top  #main_visual {
        margin: 100px auto 50px;
    }
    .top .cparts-txt-block .cparts-notes-block  {
        display: none;
    }
    
    .top .cparts-id324 .cparts-img-block img{
        height: 45vh;
    }
    
    .content1_ec .line_class {
        border: none;
    }
	
	
	/*EC 商品別*/
	#main > div > h1:first-child {
        margin-top: 0px;
    }
    
    /*バードハウス*/
    .cparts-var03-type23 .cparts-body-block.cparts-fade-in .cparts-txt-block {
    margin-right: 10px;
}
    .cparts-var03-type23 .cparts-body-block.cparts-fade-in .cparts-txt-block div {
    text-align: right !important;
}
.topicsDigest {
    margin-top: 7rem !important;
}

}

@media (max-width: 991px){
    #main_visual{
        background: rgba(255,255,255,0.6);
    }
    
    #main_visual h1{
        margin: 40px auto;
    }
    
    /*串まる TOP*/
    .kushimaru .cparts-var03-type23 .cparts-img-block img {
        height: 550px !important;
    }
}

/********************************************

トップページリニューアル

*********************************************/

.freePage .lay-margin-b--3 {
    margin-top: 0px;
}
h3.cparts-id170__ttl.dec-bg--light {
    color: #99569c !important;
}
.top #contents .lay-col12-lg-6 .cparts-click-block.dec-bg--light {
    padding: 10px 16px;
}
.top #contents .lay-col12-lg-6 .cparts-id170.cparts-id170__head-block.box.lay-margin-b--2.lay-row {
    margin-bottom: 10px;
}
.cparts-click-block.dec-bg--light {
    border-radius: 0 !important;
    border-bottom: 2px dotted #99569c;
    background-color: #bbbcde00;
}
.dec-bg--primary, .dec-bg-pe--primary::before, .dec-bg-pe--primary::after {
    background-color: #dfe0ff;
}

#main_visual {
    background: rgb(255 255 255 / 0%);
}
.top2-business .lay-row.business {
    background-color: #f4f4f4;
    padding: 22px 10px;
    margin: 5px 10px;
}
.top2-business .cparts-click-block.dec-bg--light {
    border-radius: 0 !important;
    border-bottom: 2px dotted #bc88ca;
    background-color: #99569c00;
}
.top2-business h3.cparts-id170__ttl.dec-bg--light {
    color: #99569c !important;
}
.top2-business p {
    color: #323232;
}
.dec-bg--primary, .dec-bg-pe--primary::before, .dec-bg-pe--primary::after {
    background-color: #7d7d7d;
}
.top #side {
    background: linear-gradient(135deg, #b6b6b6 14%,#797979 53%);
}
.container-flui #upper, #opt1 {
    background: #d0b2d1;
}
@media (max-width: 767px) {
#headerWrapper .menu-level-0 > ul > li > a, #headerWrapper .menu-level-0 > ul > li > div {
    background-color: #f1e1f257;
}
    #headerWrapper > .container {
    padding-bottom: 0;
}
}
/*アコーディオン*/
.cparts-icon-block .dec-bg--primary {
    display: none !important;
}
.cparts-icon-block:before {
    content:"";
    display:block;
    width:8px;
    height:8px;
    border-top: #555 3px solid;
    border-right: #555 3px solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position:absolute;
    left: 5%;
    top: 0;
    bottom: 15%;
    margin: auto;
}
.cparts-icon-block-open:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #555 3px solid;
  border-right: #555 3px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position:absolute;
  left: 5%;
  top: 7%;
  bottom: 0;
  margin: auto;
}

@media (min-width: 768px) {
.top #contents .lay-col12-lg-6 .lay-reset-child {
    max-width: 100%;
    background: #99569c00;
}}
#headerWrapper, #opt3 {
    color: #bbbcde;
    background-color: #99569c;
}
.top2-business2 .lay-row.business2 {
    background-color: #fff;
    padding: 22px 10px;
    margin: 5px 10px;
    border: 2px solid #d7c4d8;
}