@charset "Shift_JIS";

body{
	background-color: #999999;
      color: #ffffff;
      width: 100%;

     }


/* タイトル*/

div.top{
	width: 850px;
        height: 130px;
        margin-left : auto ; 
        margin-right : auto ;
        margin-top : 20px ; 
        margin-bottom : 0px ;
        padding-top: 10px;
        padding-left: 5px;
        background-color: #ffffff; 
        color: #000000;
        font-size: +20;
        font-family: "メイリオ";

}

/* データテーブル*/

table.dete{
	width: 800px;
            border-collapse: collapse;
            margin-left: 15px;
            margin-right: 15px;
            font-size: +15;
             
 }

 .dete td{
	width: 25%;
           padding: 6px;
           text-align: center;
           color: #000000;
           background-color: #ffffff;
           border: 1px solid #b9b9b9;
 }

/* 日記*/

 div.diary{
	width: 840px;
        margin-left : auto ; 
        margin-right : auto ;
        margin-top : 20px ; 
        margin-bottom : 0px ;
        padding-top: 10px;
        padding-left: 5px;
        background-color: #ffffff; 
        color: #000000;
        line-height :+1.5;
        font-size: 20px;
} 

 




/* 画像１つ*/

div.pic1{
	width: 412px;
        margin: 0 auto;
        text-align: center;
        background-color: #cccccc; 
        color: #000000;
        font-size: 15px;
        line-height : 1.5;

}

div.pic1-825{
	width: 825px;
             margin: 0 auto;
             text-align: center;
             /* background-color: #cccccc;*/ 
             color: #000000;
             font-size: +15;
             line-height : 1.5;

}


div.pic2{
	width: 825px;
        margin: 0 auto; 
         text-align:center;
        background-color: #cccccc; 
        color: #000000;
        font-size: 15px;
        line-height : 1.5;

}

table.pic2table{
	widht:824;
                background-color: #cccccc; 
                margin: 0 auto;
                border:none;
}

div.pic3{
	width: 612px;
        margin: 0 auto;
        text-align: center;
        background-color: #cccccc; 
        color: #000000;
        font-size: +15;
        line-height : 1.5;

}

/* 携帯画像*/

div.pic4{
	width: 360px;
        margin: 0 auto;
        text-align: center;
        background-color: #cccccc; 
        color: #000000;
        font-size: +15;
        line-height : 1.5;

}





/* =========================
  レスポンシブデザイン対応
========================= */
@media screen and (max-width: 780px) {
        .carpfishing_diary,
        .carpfishing_diary * {
                box-sizing: border-box;
        }
        .carpfishing_diary {
                margin: 0;
                padding-inline: 10px;
        }
        .carpfishing_diary img {
                max-width: 100%;
                height: auto;
                vertical-align: bottom;
        }
        .carpfishing_diary div.top {
                width: 100%;
                height: auto;
                padding: 10px;
        }
        .carpfishing_diary table.dete {
                width: 100%;
                margin-top: 10px;
                margin-left: 0;
                margin-right: 0;
        }
        .carpfishing_diary table.dete tr {
                display: flex;
                flex-wrap: wrap;
        }
        .carpfishing_diary table.dete td {
                width: 100%;
        }
        .carpfishing_diary div.diary {
                width: 100%;
                padding: 10px;
        }
        .carpfishing_diary div.pic1 {
                width: 100%;
                padding: 8px;
        }
        .carpfishing_diary div.pic2 {
                width: 100%;
                padding: 8px;
        }
        .carpfishing_diary .pic2table tr {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
        }
        .carpfishing_diary .pic2table td {
                width: 100%;
        }
        .carpfishing_diary div.pic3 {
                width: 100%;
                padding: 8px;
        }
        .carpfishing_diary .pic3table tr {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
        }
        .carpfishing_diary .pic3table td {
                width: 100%;
        }
        .carpfishing_diary div.pic4 {
                width: 100%;
                padding: 8px;
        }
        .carpfishing_diary .pic4table tr {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
        }
        .carpfishing_diary .pic4table td {
                width: 100%;
        }
}