@charset "shift_jis";

p { color: #000000 ; line-height: 25px;}
p.text { color: #000000 ;}
span.font1 { font-size: x-small;}
span.font2 { font-size: small;}
span.font3 { font-size: medium;}
span.font4 { font-size: large;}
span.font5 { font-size: x-large;}
span.font6 { font-size: xx-large;}
span.red2 { font-size: small; color: #ff0000; }
span.red3 { font-size: medium; color: #ff0000; }
span.red4 { font-size: large; color: #ff0000; }
span.red5 { font-size: x-large; color: #ff0000; }
span.red6 { font-size: xx-large; color: #ff0000; }
span.blue1 { font-size: x-small; color: #0000ff; }
span.blue2 { font-size: small; color: #0000ff; }
span.blue3 { font-size: medium; color: #0000ff; }
span.blue4 { font-size: large; color: #0000ff; }
span.blue5 { font-size: x-large; color: #0000ff; }
span.blue6 { font-size: xx-large; color: #0000ff; }
span.green1 { font-size: x-small; color: #008000; }
span.green2 { font-size: small; color: #008000; }
span.green3 { font-size: medium; color: #008000; }
span.green4 { font-size: large; color: #008000; }
span.green5 { font-size: x-large; color: #008000; }
span.green6 { font-size: xx-large; color: #008000; }
/*サイト名下説明用*/
span.index { font-size: small; color: #CC0000; }
/*M1感想用*/
span.m1gp { font-size: x-large; color: #0000cc; }
/*アンダーライン*/
/*赤点線 フォント3*/
.uline01 { border-bottom:dotted; border-color:#FF0000; border-width:1px; font-size: medium; color: #ff0000; }
/*青点線 フォント4*/
.uline02 { border-bottom:dotted; border-color:#0000FF; border-width:2px; font-size: large; color: #0000ff; }

body {-webkit-text-size-adjust: 100%;}
a:hover { background: yellow; }

@media screen and (max-width: 540px)
/*スマホ用デザインここから*/

{

/*画像サイズ基本*/
img {max-width: 100%;}

/*テーブル基本*/
table { width:400px; max-width: 95%; border:solid 0px ; border-collapse: collapse; border-radius: 20px; }
table th { padding:10px; text-align: center;}
table td { padding:10px; border:solid 0px;}

table tr:first-child th {  border-radius: 20px 20px 0 0;}
table tr:first-child td {  border-radius: 20px 20px 0 0;}
table tr:last-child th {  border-radius: 20px 0 0 20px;}
table tr:last-child td {  border-radius: 0 0 20px 20px;}

/*テーブルTOP*/
table.title { background:#ffffff;}
table.title tr:last-child td { background:#ccffcc; text-align:center;}

/*日記 日別*/
table.style1 { background:#ffeaea;}
table.style2 { background:#eaffea;}
table.style3 { background:#eaf4ff;}
table.style4 { background:#fff0e0;}
table.style5 { background:#f0f0ff;}
table.style6 { background:#ffffea;}

/*日記 日記内に埋め込み*/
table.umekomi { width:380px; border: solid 1px; background:#ffffff; border-collapse: collapse; border-radius: 0px; text-align:center;}
table.umekomi th { padding:2px; text-align: center;}
table.umekomi td { padding:2px; border:solid 1px;}

/*過去日記ページ*/
table.nikki { width:450px; background:#eaf4ff; border-collapse: collapse; border-radius: 0px; text-align:center;}
span.index1 { color: #0000ff ; font-size: x-large;}
span.index2 { color: #0000aa ; font-size: small;}

/*最近の日記*/
table.saikin { width:100%; background:#ffffff; border-collapse: collapse; border-radius: 0px; text-align:center;}

/*各ページのindex的なやつ*/
table.index { width:400px; background:#eaffea; text-align:center;}



/*aboutページ*/

table.about { width:700px; border:inset 3px #ffaa99; border-collapse: separate; border-radius: 20px; background:#ffffff;}

table.about td { border: solid 1px #cccc33;}
table.about tr:first-child th {  border-radius: 20px 0 0 0;}
table.about tr:first-child td {  border-radius: 0 0 0 0;}
table.about tr:last-child th {  border-bottom: none;  border-radius: 0 0 0 0;}
table.about tr:last-child td {  border-bottom: none;  border-radius: 0 0 20px 20px;}

/*文章ページ*/
td.text { width:400px; text-align:center; background:#FFFFEA; border: solid 3px #FFCCCC; padding: 5px;}
td.text0 { width:400px; text-align:center; border: solid 0px #FFCCCC; padding: 5px;}

table.text1 { width:800px; border:inset 0px; border-radius: 0px;}
table.text1 tr:first-child th { border-radius: 0 0 0 0;}
table.text1 tr:first-child td { border-radius: 0 0 0 0;}
table.text1 tr:last-child th { border-radius: 0 0 0 0;}
table.text1 tr:last-child td { border-radius: 0 0 0 0;}
td.text1 { text-align:center; width:60px; background:#C8FFC9; border: solid 0px #FFFFFF; padding: 5px;}

table.text2 { width:800px; border-collapse: separate; border-spacing: 10px; border-radius: 10px;}
table.text2 tr:first-child th { border-radius: 0 0 0 0;}
table.text2 tr:first-child td { border-radius: 20px 20px 20px 20px;}
table.text2 tr:last-child th { border-radius: 0 0 0 0;}
table.text2 tr:last-child td { border-radius: 20px 20px 20px 20px;}
td.text2 { text-align:left; width:150px; background:#C8FFC9; border: solid 0px #FFFFFF; padding: 5px; position: relative; z-index: 10;}
td.text2::after { content:''; position:  absolute; height: 42px; width: 42px; background-color: #C8FFC9; transform:  rotate(45deg); top: 9px; right: -21px;  z-index:  -1;}

td.text3 { text-align:left; border: solid 0px #FFFFFF; padding: 10px;}

a.text-button:hover { background: yellow; }


/*リンクページ*/
table.link { width:500px; border:inset 0px #66ccff; background:#eaf4ff;}
td.link { text-align:center; border: solid 5px #00ccff}

table.aboutlink { width:500px; border:inset 0px #66ccff; background:#ffffea;}
td.aboutlink { text-align:center; border: solid 0px}

/*日記の水平線*/
hr.px500 { width:500px; text-align: left; color:#0099ff; }

/*日記日付下の水平線*/
hr.px400 { width:250px; text-align: center;}

/*M-1感想記事用水平線*/
hr.m1gp { width:360px; margin-left: 0; text-align: left; color:#0099ff; }

/*メニュー*/
#globalnavi ul {  list-style-type: none; margin-bottom: 0px; margin-top: 0px; }
#globalnavi li {  display: inline; padding: 0 0.3em; border-left: 0px solid #060; border-right: 0px solid #060;}
#globalnavi li a { text-decoration: none; color: #360;}
#globalnavi li a:hover { text-decoration: underline; color: #f00;}

/*スマホ用デザインここまで*/
}

@media screen and (min-width: 541px)
/*PC用デザインここから*/
{

/*テーブル基本*/
table { width:650px; border:solid 0px ; border-collapse: collapse; border-radius: 20px; }
table th { padding:10px; text-align: center;}
table td { padding:10px; border:solid 0px;}

table tr:first-child th { border-radius: 20px 20px 0 0;}
table tr:first-child td { border-radius: 20px 20px 0 0;}
table tr:last-child th { border-radius: 20px 0 0 20px;}
table tr:last-child td { border-radius: 0 0 20px 20px;}

/*テーブルTOP*/
table.title { width:500px; background:#ffffff;}
table.title tr:last-child td { background:#ccffcc; text-align:center;}

/*日記 日別*/
table.style1 { background:#ffeaea;}
table.style2 { background:#eaffea;}
table.style3 { background:#eaf4ff;}
table.style4 { background:#fff0e0;}
table.style5 { background:#f0f0ff;}
table.style6 { background:#ffffea;}

/*日記 日記内に埋め込み*/
table.umekomi { width:380px; border: solid 1px; background:#ffffff; border-collapse: collapse; border-radius: 0px; text-align:center;}
table.umekomi th { padding:2px; text-align: center;}
table.umekomi td { padding:2px; border:solid 1px;}

/*過去日記ページ*/
table.nikki { width:500px; background:#eaf4ff; border-collapse: collapse; border-radius: 1px; text-align:center;}
span.index1 { color: #0000ff ; font-size: x-large;}
span.index2 { color: #0000aa ; font-size: small;}

/*最近の日記*/
table.saikin { width:100%; background:#ffffff; border-collapse: collapse; border-radius: 0px; text-align:center;}

/*各ページのindex的なやつ*/
table.index { width:600px; background:#eaffea; text-align:center;}

/*aboutページ*/
table.about { width:700px; border:inset 3px #ffaa99; border-collapse: separate; border-radius: 20px; background:#ffffff;}
table.about td { border: solid 1px #cccc33;}
table.about tr:first-child th {  border-radius: 20px 0 0 0;}
table.about tr:first-child td {  border-radius: 0 0 0 0;}
table.about tr:last-child th {  border-bottom: none;  border-radius: 0 0 0 0;}
table.about tr:last-child td {  border-bottom: none;  border-radius: 0 0 20px 20px;}

/*文章ページ*/
td.text { width:400px; text-align:center; background:#FFFFEA; border: solid 3px #FFCCCC; padding: 5px;}
td.text0 { width:400px; text-align:center; border: solid 0px #FFCCCC; padding: 5px;}

table.text1 { width:800px; border:inset 0px; border-radius: 0px;}
table.text1 tr:first-child th { border-radius: 0 0 0 0;}
table.text1 tr:first-child td { border-radius: 0 0 0 0;}
table.text1 tr:last-child th { border-radius: 0 0 0 0;}
table.text1 tr:last-child td { border-radius: 0 0 0 0;}
td.text1 { text-align:center; width:60px; background:#C8FFC9; border: solid 0px #FFFFFF; padding: 5px;}

table.text2 { width:800px; border-collapse: separate; border-spacing: 10px; border-radius: 10px;}
table.text2 tr:first-child th { border-radius: 0 0 0 0;}
table.text2 tr:first-child td { border-radius: 20px 20px 20px 20px;}
table.text2 tr:last-child th { border-radius: 0 0 0 0;}
table.text2 tr:last-child td { border-radius: 20px 20px 20px 20px;}
td.text2 { text-align:left; width:150px; background:#C8FFC9; border: solid 0px #FFFFFF; padding: 5px; position: relative; z-index: 10;}
td.text2::after { content:''; position:  absolute; height: 42px; width: 42px; background-color: #C8FFC9; transform:  rotate(45deg); top: 9px; right: -21px;  z-index:  -1;}

td.text3 { text-align:left; border: solid 0px #FFFFFF; padding: 10px;}

a.text-button:hover { background: yellow; }

/*リンクページ*/
table.link { width:500px; border:inset 0px #66ccff; background:#eaf4ff;}
td.link { text-align:center; border: solid 5px #00ccff}

table.aboutlink { width:500px; border:inset 0px #66ccff; background:#ffffea;}
td.aboutlink { text-align:center; border: solid 0px}

/*日記の水平線*/
hr.px500 { width:500px; text-align: left; color:#0099ff; }

/*日記日付下の水平線*/
hr.px400 { width:400px; text-align: center;}

/*M-1感想記事用水平線*/
hr.m1gp { width:400px; margin-left: 0; text-align: left; color:#0099ff; }

/*メニュー*/
#globalnavi ul {  list-style-type: none; margin-bottom: 0px; margin-top: 0px; }
#globalnavi li {  display: inline; padding: 0 0.5em; border-left: 1px solid #060; border-right: 0px solid #060;}
#globalnavi li a { text-decoration: none; color: #360;}
#globalnavi li a:hover { text-decoration: underline; color: #f00;}

}
/*PC用デザインここまで*/