@charset "UTF-8";

.bg{width:100%;height:auto;padding:20px 0px;margin-top:10px;background:#f3f3f3;box-shadow: 0 0 0 1px #c8c8c8 inset,0 0 0 5px #ffffff inset;}

/*===■写メ日記-一覧===*/
div.diary_in{width:100%;height:auto;padding:15px 0px;}
.diary_in_box{width:100%;height:auto;
	gap: 10px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
div.diary{width:calc(16% - 0.4px);height:auto;padding:10px 0px;margin:0px;}
div.diary dl{width:100%;height:auto;}
div.diary dl dt{width:100%;height:auto;}
div.diary dl dt div.img{width:calc(100% - 18px);height:auto;overflow:hidden;}
div.diary dl dt div.img p.img{width:100%;height:auto;}
div.diary dl dd{width:calc(100% - 28px);height:auto;padding:6px 0px;}
div.diary dl dd h3{width:100%;height:auto;line-height:1.5;text-align:left;font-weight:bold;color:#dd3899;}
div.diary dl dd p.date{width:100%;height:auto;text-align:left;line-height:1.5;text-align:left;color:#555555;font-size:11px;}
div.diary dl dd p.syame_comment{width:100%;height:auto;line-height:1.5;text-align:left;padding-top:6px;padding-bottom:8px;}
	@media all and (min-width: 1025px) {
		div.diary dl dt div.img p.img img{transition: transform .6s ease;}
		div.diary dl dt div.img p.img img:hover{transform: scale(1.1);}
	}
	@media all and (max-width: 820px) {
		div.diary{width:calc(24.6% - 5px);}
	}
	@media all and (max-width: 667px) {
		div.diary{width:calc(50% - 5px);}
	}


/*===■写メ日記-個別===*/
.detail .diary_in_box{width:100%;height:auto;}
.detail .diary_in_box div.diary{width:100%;height:auto;padding:10px 0px;margin:0px;}
.detail .diary_in_box div.diary dl{width:calc(100% - 20px);height:auto;
	gap: 15px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.detail .diary_in_box div.diary dl dt{width:30%;height:auto;margin:0px;}
.detail .diary_in_box div.diary dl dt div.img{width:100%;height:auto;}
.detail .diary_in_box div.diary dl dt div.img p.img{width:100%;height:auto;}
.detail .diary_in_box div.diary dl dd{width:calc(70% - 15px);height:auto;padding:6px 0px;margin:0px;}
.detail .diary_in_box div.diary dl dd h3{width:100%;height:auto;line-height:1.5;text-align:left;font-weight:bold;font-size:13px;color: #dd3899;}
.detail .diary_in_box div.diary dl dd p.date{width:100%;height:auto;text-align:left;line-height:1.5;text-align:left;color:#555555;font-size:11px;}
.detail .diary_in_box div.diary dl dd p.syame_comment{width:100%;height:auto;line-height:1.5;text-align:left;padding-top:6px;}
	@media all and (max-width: 1024px) {
		.detail .diary_in_box div.diary dl{gap: 10px;}
		.detail .diary_in_box div.diary dl dt{width:100%;}
		.detail .diary_in_box div.diary dl dd{width:100%;}
	}

/*===■写メ日記-プロフィール===*/
.diary_in dd ul{width:100%;height:auto;border-top:1px solid #c8c8c8 ;padding-top:10px;
	gap: 6px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.diary_in dd ul li:nth-of-type(1){width:40px;height:40px;overflow:hidden;
    border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.diary_in dd ul li:nth-of-type(2){width:calc(100% - 46px);height:auto;}
.diary_in dd ul li h4{width:100%;height:auto;line-height:1.3;text-align:left;font-weight:bold;}
.diary_in dd ul li p{width:100%;height:auto;line-height:1.3;text-align:left;}
.diary_in dd ul li p span{font-size:10px;color:#51b6da;vertical-align: baseline;}

/*===■記事一覧へのリンク===*/
.diary_link{width:100%;height:auto;text-align:left;padding-bottom:10px;}
.diary_link p{width:100%;height:auto;}
.diary_link a{display:inline-block;width:auto;border:1px solid #51b6da;padding:5px 12px 6px 12px;margin:0px;vertical-align: top;background:#51b6da;line-height:1;}
.diary_link a span{display:inline-block;line-height:1;font-size:12px;letter-spacing:-1px;color:#ffffff;background:url(../img/common/li_r.png) no-repeat;background-size:10px 10px;background-position:0% 2px;padding-left:13px;margin:0px;}
	@media all and (min-width: 1025px) {
		.diary_link a:hover{display:inline-block;width:auto;border:1px solid #c8c8c8;padding:5px 12px 6px 12px;margin:0px;vertical-align: top;background:#ffffff;}
		.diary_link a:hover span{display:inline-block;line-height:1;font-size:12px;letter-spacing:-1px;color:#b7b7b7;background:url(../img/common/li_hover_r.png) no-repeat;background-size:10px 10px;background-position:0% 2px;padding-left:13px;margin:0px;}
	}