@charset "utf-8";
/* CSS Document */





.mainttl div:nth-of-type(2) {
	background:#dd5500 url(../../../items/diary/love.svg) no-repeat right bottom;
}





#diarybox{
	margin:60px;
	padding:3em 0;
	background-color:#fff;
}
#diarybox .conttl{
}

#diarybox p{
	text-align:center;
	margin:1%;
}


/*-日付の方-*/

.container a{
width:26%;
padding:20px;
text-align:center;
margin:1.5% 1.5% 1.5%;
background-color: #dd5500;
color:#fff;
position:relative;
text-decoration:none;
}
.container .day h5{
	font-size:1.6em;
	font-weight:lighter;
}

@media screen and (max-width: 1024px) {
.container a{
width: 40%;
}
}

 @media screen and (max-width: 598px) {
/*ウィンドウ幅が指定px以下の場合に適用　スマートフォン：599px [max-width : 599px]*/
.container a{
width:100%;
padding:10px;
}
}

/*-日付リンクの方-*/


.container .day{
width: 44%;
padding:2%;
margin:20px auto;
text-align:center;
background-color:#fff;
border: solid 1px #ccc;
}
.container .day img{
	vertical-align:top;
}

 @media screen and (max-width: 598px) {
/*ウィンドウ幅が指定px以下の場合に適用*/
.container .day{
width: 96%;
}
}


/*-日記の方-*/

#diarybox.tra p{
text-align: center;
margin: 1% auto;
width: 90%;
}

#diarybox.tra{
	background-color:transparent;
}



.day a{
width: auto;
padding:0;
text-align:center;
margin:0;
background-color: transparent;
color:#dd5500;
position: static;
text-decoration:underline;
}


.container .day .img{
	margin-bottom:7px;
}