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

* {
	margin:0;
	padding:0;
}
/* ブラウザデフォルトのmarginとpaddingを初期化 */

html {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    color: #000000;
font-size: 62.5%;
    height: 100%;
margin: 0px;
padding: 0px;
overflow: visible;
}
/* bodyはとにかくサラの状態を設定する感じで。62.5%＝1emを10pxに */
/* おおもとbody要素の幅はpxで指定されていないとブラウザの幅 */

a {
    text-decoration: none;
}

a img{
    border: none;
}
/* a以下のすべての階層にあるimgの指定 の意 */


/* widthはautoが初期値。横いっぱいに広がる。 */


#index_wrapper{
width: 80%;
height: auto;
    margin: 0px;
    padding: 15px 10% 15px 10%;
}

#main{
width: auto;
    height: auto;
margin: auto;
padding: 0px;
}

#plogo{
width: 300px;
max-width: 100%;
margin-bottom: 10px;
}
/* 基本500px表示で、最大はmainの幅100%に制限 */

#pr{
width: 900px;
max-width: 100%;
}

#fish{
padding: 40px;
width: 150px;
max-width: 25%;
}

.copyright{
color: blue;
font-size: 1em;
}


/* 以下noteCSS */

#diary_wrapper{
background-color: yellow;
width: auto;
    margin: 0px;
    padding: 15px 5% 30px 5%;
padding-left: 5%;
padding-right: 5%;
padding-top: 15px;
padding-bottom: 15px;
}

#backicon{
margin-bottom: 5px;
}

#poo{
width: 150px;
}

.day{
    background-color: white;
border: solid 1px black;
width: auto;
max-width: 800px;
height: auto;
margin: 0 auto 50px auto;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;}


.date{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-size: 1.5em;
font-family: 'Courier Prime', monospace;}

.text{
    font-size: 1.25em;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.6;
    width: 50%;
    margin: 0px;
    padding: 0px;

}

.dpy{
width: 1000px;
max-width: 100%;
margin: 0px;
padding: 0px;
}

.narabi2{
width: 49%;
max-width: auto;
margin: 0px;
padding: 0px;
}

.narabi3{
width: 33%;
max-width: auto;
margin: 0px;
padding: 0px;
}