<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/*** for PC Browser ***/
@media (min-width:401px)
{
/* 本体フレーム */
div.infobox
{
width: 99%;
max-width: 950px; /* PC表示用最大幅指定 */
box-sizing: border-box;
border: 1px solid #B81C25; /* 本体枠線 */
border-radius: 5px; /* フレーム丸角 */
padding: 10px;
margin: 0 auto 10px;
background: #D85A49; /* 本体カラー */
box-shadow: 2px 4px 8px;
}

/* タイトル部 */
div.infobox h2.infotitle
{
color: #000000 !important; /* タイトルテキストカラー */
border-bottom: 2px solid #FFFFC0; /* タイトル部下線 */
font-size: 140%; /* タイトルテキストサイズ */
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0;  /* タイトルテキスト縁取り */
margin-bottom: 5px;
}

/* 内部フレーム */
div.infobox div.contentbox
{
box-sizing: border-box;
border: 1px solid #FFFFFF;
border-radius: 5px; /* フレーム丸角 */
padding: 5px;
margin: 0;
background: #FFFFFF; /* フレーム内背景カラー */
text-align: center;
}

/* ボタン */
div.infobox div.contentbox a.infobtn
{
display: inline-block;
width: 40%;
min-height: 30px; /* ボタンの高さ（複数行のボタンが混ざる場合に調整してください） */
box-sizing: border-box;
margin: 5px 10px;
padding: 10px;
background: #F5D5D1; /* ボタン背景カラー（枠線と合わせること） */
border: 1px solid #B81C25; /* ボタン枠線カラー（ボタンと合わせること） */
border-radius: 5px;
font-weight: bold;
text-decoration: none;
font-size: 110%; /* ボタンテキストサイズ */
color: #000000 !important;
box-shadow: 3px 3px 4px; /* ボタンに影 */
vertical-align: middle;
}

/* ボタン（オンマウス） */
div.infobox div.contentbox a.infobtn:hover
{
opacity: 0.8; /* オンマウス時に透過の割合（0.1～1.0） */
box-shadow: 0 0 0; /* オンマウス時にボタンの影を消す */
}

div.infobox h2.infotitle a
{
text-decoration: none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* 本体フレーム */
div.infobox
{
width: 99%;
max-width: 950px; /* PC表示用最大幅指定 */
box-sizing: border-box;
border: 1px solid #B81C25; /* 本体枠線 */
border-radius: 5px; /* フレーム丸角 */
padding: 10px;
margin: 0 auto 10px;
background: #D85A49; /* 本体カラー */
box-shadow: 2px 4px 8px;
}

/* タイトル部 */
div.infobox h2.infotitle
{
color: #000000 !important; /* タイトルテキストカラー */
border-bottom: 2px solid #FFFFC0; /* タイトル部下線 */
font-size: 140%; /* タイトルテキストサイズ */
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0;  /* タイトルテキスト縁取り */
margin-bottom: 5px;
}

/* 内部フレーム */
div.infobox div.contentbox
{
box-sizing: border-box;
border: 1px solid #FFFFFF;
border-radius: 5px; /* フレーム丸角 */
padding: 5px;
margin: 0;
background: #FFFFFF; /* フレーム内背景カラー */
text-align: center;
}

/* ボタン */
div.infobox div.contentbox a.infobtn
{
display: inline-block;
width: 40%;
min-height: 30px; /* ボタンの高さ（複数行のボタンが混ざる場合に調整してください） */
box-sizing: border-box;
margin: 5px 10px;
padding: 10px;
background: #F5D5D1; /* ボタン背景カラー（枠線と合わせること） */
border: 1px solid #B81C25; /* ボタン枠線カラー（ボタンと合わせること） */
border-radius: 5px;
font-weight: bold;
text-decoration: none;
font-size: 110%; /* ボタンテキストサイズ */
color: #000000 !important;
box-shadow: 3px 3px 4px; /* ボタンに影 */
vertical-align: middle;
}

/* ボタン（オンマウス） */
div.infobox div.contentbox a.infobtn:hover
{
opacity: 0.8; /* オンマウス時に透過の割合（0.1～1.0） */
box-shadow: 0 0 0; /* オンマウス時にボタンの影を消す */
}


/* 本体フレーム */
div.infobox
{
width: 99%;
max-width: 950px; /* PC表示用最大幅指定 */
box-sizing: border-box;
border: 1px solid #B81C25; /* 本体枠線 */
border-radius: 5px; /* フレーム丸角 */
padding: 10px;
margin: 0 auto 10px;
background: #D85A49; /* 本体カラー */
box-shadow: 2px 4px 8px;
}

/* タイトル部 */
div.infobox h2.infotitle
{
color: #000000 !important; /* タイトルテキストカラー */
border-bottom: 2px solid #FFFFC0; /* タイトル部下線 */
font-size: 130%; /* タイトルテキストサイズ */
font-weight: bold;
text-align: center;
text-shadow: 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0, 0px 0px 3px #ffffC0; /* タイトルテキスト縁取り */
margin-bottom: 5px;
}

div.infobox h2.infotitle a
{
text-decoration: none;
}

/* 内部フレーム */
div.infobox div.contentbox
{
box-sizing: border-box;
border: 1px solid #FFFFFF;
border-radius: 5px; /* フレーム丸角 */
padding: 5px;
margin: 0;
background: #FFFFFF; /* フレーム内背景カラー */
text-align: center;
}

/* ボタン */
div.infobox div.contentbox a.infobtn
{
display: inline-block;
width: 90% !important;
min-height: 30px; /* ボタンの高さ（複数行のボタンが混ざる場合に調整してください） */
box-sizing: border-box;
margin: 5px 10px;
padding: 10px;
background: #F5D5D1; /* ボタン背景カラー（枠線と合わせること） */
border: 1px solid #B81C25; /* ボタン枠線カラー（ボタンと合わせること） */
border-radius: 5px;
font-weight: bold;
text-decoration: none;
font-size: 110%; /* ボタンテキストサイズ */
color: #000000 !important;
box-shadow: 3px 3px 4px; /* ボタンに影 */
vertical-align: middle;
}

/* ボタン（オンマウス） */
div.infobox div.contentbox a.infobtn:hover
{
opacity: 0.8; /* オンマウス時に透過の割合（0.1～1.0） */
box-shadow: 0 0 0; /* オンマウス時にボタンの影を消す */
}
}
</pre></body></html>