@charset "UTF-8";

/* ------------------------------- */
/* 全体                            */
/* ------------------------------- */
* { 
        margin: 0;
        padding: 0;
        /* box-sizing: border-box; */
}

body{
        width: 810px;
        background-color: #fffdeb;
}

/* ------------------------------- */
/* ヘッダー部                      */
/* ------------------------------- */
header{
	display: grid;
	grid-template-columns: 150px 510px 150px;
	grid-template-rows: 20px 70px;
	/* background: #0480ff; */
	
	/* background: #55aaff; */
}

header input{
       grid-column: 2;
       grid-row:    2;
       font-size: 32px;
       font-weight: bold;
       
       /* border: solid 2px; */
       
       /* border: solid; */
       /* background: hotpink; */
}


header a.button_link{
        /*display: inline-block;
        width:  100px;
        height: 50px; */
        
        font-size:   18px;
        font-weight: bold;
        /* padding: 30px 0 0 0; */
        
        margin: 38px 0 5px 0;
        /* padding: 0.5em 0 0.5em 0.1em; */
        }

/* ------------------------------- */
/* main grid定義と配置             */
/* ------------------------------- */
main{
	display: grid;
	grid-template-columns: 50px 710px 50px;
	grid-template-rows: 50px 70px 500px 5px;
	
        /* border: solid; */
	
	/* background: #55aaff; */
}

/* ------------------------------------------ */
/* 確認                           */
/* ------------------------------------------ */



/* ------------------------------------------ */
/* 工事中メッセージ                           */
/* ------------------------------------------ */
div#caution_message{
       grid-column: 2;
       grid-row:    2;
       
       text-align:  center;
       font-size:   24px;
       font-weight: bold;
     
       /* background: hotpink; */
}



/* ------------------------------------------ */
/* 元興寺の犬                                 */
/* ------------------------------------------ */
div#photo_area{
       grid-column: 2;
       grid-row:    3;
       /* margin: auto; */
       
       /* border: solid; */
       /* background: hotpink; */
}

div#photo_area img{
	width:  710px;
	margin: 0;

}

/* ------------------------------- */
/* 御用留トップ フッター部         */
/* ------------------------------- */
footer{
	height: 50px;
	color: #ffffff;
	background: #0480ff;
	padding: 0 20px 0 0;
	text-align: right;
}