@charset "UTF-8";

/* ---------------------------------- */
/* ---------------------------------- */
/* 御用留解説ページ概要画面 固有定義  */
/* ---------------------------------- */
/* ---------------------------------- */

/* ------------------------------- */
/* 御用留解説ページ構成図          */
/* ------------------------------- */
div.explain_page_structure{
       display: grid;
       grid-template-columns: 100px 535px auto 25px;
       grid-template-rows: 100px 310px 290px 738px 120px;
       
       /* border: solid 1px; */
}

div.explain_page_gamen{
	grid-column: 2 / 3;
	grid-row:    1 / 6;
	
        /* border: solid 1px; */
        
}

div.goyodome_title{
	grid-column: 3 / 4;
	grid-row:    1 / 2;
	
        /* border: solid 1px; */
}

div.goyodome_original{
	grid-column: 3 / 4;
	grid-row:    2 / 3;
	
        /* border: solid 1px; */
}

div.goyodome_translate{
	grid-column: 3 / 4;
	grid-row:    3 / 4;
	
        /* border: solid 1px; */
}

div.goyodome_explain{
	grid-column: 3 / 4;
	grid-row:    4 / 5;
	
        /* border: solid 1px; */
}

div.goyodome_quote{
	grid-column: 3 / 4;
	grid-row:    5 / 6;
	
        /* border: solid 1px; */
}

a.goyodome_page_section{
	font-size: 32px;
	font-weight: 700;
	text-decoration: underline blue;
	color: blue;
	margin: 0 0 0 10px;
}

div.explain_page_gamen img{
        border: solid 1px;
}

/* ------------------------------- */
/* 現行ひらがなと字母の対比         */
/* ------------------------------- */
div.explanation div.compare_2_box{
       display: grid;
       grid-template-columns: 50px 300px 50px 180px 50px;
       grid-template-rows: 20px auto 20px;
       
       margin: 0 0 0 80px;
       
       /* border: solid 5px; */
}

div.compare_1{
	grid-column: 2 / 3;
	grid-row:    2 / 3;
	
        /* border: solid 1px; */
}

div.compare_2{
	grid-column: 4 / 5;
	grid-row:    2 / 3;
	
        /* border: solid 1px; */
}

div.compare_2_box p{
	font-size:30px;
	font-weight: bold;
	line-height: 1.2em;
	
	margin: 0;
}