@charset "utf-8";
/*------------------------------------
design by double-co.jp
------------------------------------*/




/*  infomation お知らせエリアの設定 */

.box_info {
    width: 45%;
    position: relative;
    margin: 5px 2px 5px 3px;
}

.box_info_wrap {
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 10px;
}

.box_info_height {
    display: flex;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
}

.box_info .box-title {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0 9px;
    height: 27px;
    line-height: 29px;
    vertical-align: middle;
    font-size: 11px;
    color: #000;
    width: 100%;
    opacity: 0.8;
}

.box_info .date {
    position: absolute;
    top: 0px;
    right: 2px;
    font-size: 11px;
	color: #000;
}

.box_info p {
    margin: 0;
    padding: 0;
}

.trim {
	overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: 120px;
    position: relative;
    margin-top: 25px;
}

.trim img {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.box_info .text {
	font-size: 11px;
    line-height: 180%;
    margin: 5px;
}
/*  ショップのお知らせの設定 */
.shop {font-family: 'Noto Serif JP', serif;}
.shop_boder {
    background-color: #fffaf8;
	border: none;
}
.shop_title {
	    background-color:initial;
}

.box_info .shop::after {
    content: "shop";
}

/*  ブログのお知らせの設定 */
.blog {font-family: 'Noto Serif JP', serif;}
.blog_boder {
    background-color: #f4f7f0;
	border: none;
}
.blog_title {
		    background-color:initial;

}
.box_info .blog::after {
    content: "blog";
}

/*  店からのお知らせの設定 */
.info {font-family: 'Noto Serif JP', serif;}
.info_boder {
    background-color: #f4fdff;
	border: none;
}
.info_title {
		    background-color:initial;

}
.box_info .info::after {
    content: "info";
}