html{ -webkit-text-size-adjust:100%; line-height:1.4; font-family:Sans-serif; }::before,::after{ line-height:1; vertical-align:inherit; display:inline-block; box-sizing:border-box; }html,body,li,dt,dd,li address,li form{ margin:0; padding:0; }p,form,ol,ul,dl,address,blockquote,pre{ margin:1em 5px; padding:0; }blockquote ul,blockquote ol,blockquote dl,blockquote p,blockquote pre{ margin:.5em 0; }li ol,li ul,li dl,dd ol,dd ul,dd dl,dd form,td form{ margin:.35em 0; }li,dd{ margin-left:2em; }fieldset+fieldset,dd+dt{ margin-top:.5em; }[type="radio"],[type="checkbox"],code,dfn,kbd,samp,var{ margin:0 .1em; }li address,li form{ display:inline; padding:0; border:none; background-image:none; }html,pre,code,input,select,textarea,table,kbd,samp,tt{ font-size:100%; }small{ font-size:80%; }address,dfn,em,cite,kbd{ font-style:inherit; }em,strong,caption,th,dfn,kbd kbd,b{ font-weight:700; }em em,strong strong{ font-size:120%; }sub,sup{ line-height:1; }del{ text-decoration:line-through; opacity:.5; }q,blockquote,cite{ font-family:"Hiragino ProN W3",YuMincho,"游明朝","ＭＳ Ｐ明朝",Serif; font-weight:500; }code{ font-family:Consolas,"Courier New",Osaka-mono,MeiryoUI,monospace; }pre,samp,kbd { font-family:monospace, monospace; }var{ font-family:Georgia,"Hiragino ProN W3","ＭＳ Ｐ明朝",Serif; font-style:italic; margin-right:.2em; }h1,h2,h3,h4,h5,h6{ margin:1em 0; font-weight:800; line-height:1.3; vertical-align:middle; }h1{ font-size:170%; }h2{ font-size:150%; }h3{ font-size:135%; }h4{ font-size:115%; }h5,h6{ font-size:100%; }img{ height:auto; border:none; vertical-align:text-bottom; }table,iframe,button,input,select,textarea,legend,div,img{ box-sizing:border-box; }table,iframe,object,input[type="text"],input[type="password"],textarea,legend,img{ max-width:100%; }textarea,iframe,pre{ max-height:90vh; }a{ font:inherit; font-size:inherit; background-color:transparent; text-decoration:underline; }a:hover{ text-decoration:none; }a:not([href]),a:not([href]):hover{ text-decoration:inherit; color:inherit; }ol,ul{ list-style-position:outside; }fieldset{ border:1px solid; margin:0 2px; padding:.35em .625em .75em; border-radius:5px; }legend{ color:inherit; display:table; padding:0 .5em; border:none; white-space:normal; }button,input,select,textarea{ line-height:normal; vertical-align:text-bottom; margin:.12em 0; text-transform:none; }input,button{ overflow: visible; }input[type="text"],input[type="password"]{ padding:.2em .5em; }textarea{ overflow:auto; padding:.5em; line-height:1.3; }table{ margin:1em auto; border-collapse:collapse; }th,td{ vertical-align:top; text-align:left; padding:.3em .5em; border:1px solid; }q{ quotes:"\201c" "\201d" "\2018" "\2019" "\201c" "\201d"; vertical-align:baseline; }q::before{ content:open-quote; }q::after{ content:close-quote; }pre{ line-height:1.3; overflow:auto; }abbr[title],acronym[title]{ border-bottom:none; text-decoration:underline; text-decoration:underline dotted; }[type="radio"],[type="checkbox"],li input,li textarea,li select,li button,dt input,dt textarea,dt select,dt button,li img,dt img,address img,h1,h2,h3,h4,h5{ vertical-align:middle; }q,blockquote,[disabled],[readonly]{ cursor:default; }[type="button"],[type="reset"],[type="submit"],button,[type="radio"],[type="checkbox"],[type="file"]{ cursor:pointer; }abbr[title],acronym[title],ins[title],del[title],q[title],blockquote[title],span[title]{ cursor:help; }input[type="checkbox"],input[type="radio"],input[type="image"]{ box-sizing:border-box; padding:0; border:none; }
#PAGETOP::after{ content:""; display:block; clear:both; }#PAN>li,li[id^="MENU"],li[id^="FOOTER"]{ box-sizing:border-box; word-wrap:break-word; line-height:1.3; }#MENU h2,#FOOTER h2,hr{ display:none; }#PAN>li{ display:inline-block; list-style:none; margin:0; }li[id^="MENU"]{ list-style:none; }li.menu-on a{ pointer-events:none; cursor:default; color:inherit; text-decoration:none; }div.text hr{ display:block; box-sizing:content-box; background:transparent; height:0; overflow:visible; border-width:4px 0 0; border-style:double; margin:1.5em 0; }ul.modori{ border:none; background:transparent none; margin-left:20%; margin-bottom:0; text-align:right; }ul.modori li{ display:inline; margin-left:1em; }
/* ★見出し基礎 */
h2,h3,h4,h5,h6{ padding:.2em 10px; }
p+h3,ul+h3,ol+h3,dl+h3,blockquote+h3,table+h3,form+h3,address+h3,pre+h3,p+h4,ul+h4,ol+h4,dl+h4,blockquote+h4,table+h4,form+h4,address+h4,pre+h4,p+h5,ul+h5,ol+h5,dl+h5,blockquote+h5,table+h5,form+h5,address+h5,pre+h5,p+h6,ul+h6,ol+h6,dl+h6,blockquote+h6,table+h6,form+h6,address+h6,pre+h6{ margin-top:2.5rem; }
blockquote h3,blockquote h4,blockquote h5,blockquote h6{ border-color:inherit; }
h1 a:link,h1 a:visited{ text-decoration:none; color:inherit; }
h1 a:hover,h1 a:focus{ text-decoration:underline; }
#HEADER h1,#KIZI h2{ margin-top:0; margin-bottom:0; }
/* ★リスト要素 */
:root #PAN,:root #MENU>ul,:root #FOOTER>ul{ margin:0; font-size:0; }
:root #PAN li,:root #PAN::before,:root #PAN::after,:root #MENU li,:root #FOOTER li{ font-size:1rem; }
ul+ul,ol+ol,ul+ol,ol+ul{ border-top:1px dashed #CCC; padding-top:1em; }
li ul,li ol,dd ul,dd ol{ border-top:none; padding-top:0; }
dt{ display:inline-block; margin:.4em .4em 0 0;padding:8px; border:1px solid #6D6D79; }
dd{ margin-left:1em; padding:.5em 0 .5em 1.4em; border-left:1px solid #6D6D79; }
dd+dd{ padding-top:0; }
/* ★フォーム */
fieldset{ border-color:#CCC; }
/* ★追加削除 */
ins{ border:dashed #EF734A; border-width:0 0 1px; text-decoration:none; }
div>ins{ position:relative; display:block; margin:1em 0; padding:1.3em 1em 0 0; border-width:0 1px 0 0; }
div>ins::before{ display:inline-block; content:"追加"; color:#EF734A; border-top:1px dashed #EF734A;
font-size:12px; font-weight:600; position:absolute; top:0; right:0; padding:.4em 10px; }
div>ins[datetime]::before{ content:"追加：" attr(datetime); }
/* ★画像 */
img[align="right"]{ margin-left:10px; }
img[align="left"]{ margin-right:10px; }
a img{ margin:2px 1px; padding:2px; color:#333; background:#FFF; border:1px solid; transition: all .3s; }
a img[width]{ box-sizing:content-box; max-width:calc(100% - 8px); }
a:link img{ border-color:#CCC #777 #777 #CCC; }
a:visited img{ border-color:#333 #CCC #CCC #333; }
a:hover img,a:focus img{ box-shadow:0 0 3px rgba(0,0,0,.3); }
a img.link,a.link img,.link a img{ padding:0; border:none; background:transparent none; }
a.link:link,a.link:visited{ border:none; }
li[id^="MENU"] a img{ margin:0; padding:0; border:0; background:transparent; max-width:100%; }
/* ★テーブル */
table,caption,th,td{ border:solid #222; }
table { border-width:2px 1px; background:#FFF; color:#000; text-shadow:none; }
caption{ padding:.25em .5em; border-radius:10px 10px 0 0; border-width:1px 1px 0; background-color:#000; color:#FFF; text-align:left; }
caption a:link{ color:#FFF; }caption a:visited{ color:#CCC; }
th,td{ border-width:3px 1px; border-style:double solid; }
thead th,thead td,tfoot th,tfoot td{ background-color:#CCC; }
tbody th{ background:repeating-linear-gradient(-45deg, #DDD, #DDD 2px, #FFF 0, #FFF 5px); }
/* ★引用文 */
blockquote,q{ color:#0E5D4D; }
q{ margin:0 .2em; background:linear-gradient(to bottom, transparent 60%, rgba(215,250,220,.4) 0%); }
q q{ background:none; }
blockquote{ position:relative; padding:1em 1.5em 1em 3.5em; background:rgba(215,250,220,.4); }
blockquote::before{ content:"\201c"; font-size:4em; position:absolute; top:.2em; left:.2em; opacity:.3; }
/* ★その他 */
address{ padding:.5em .8em; border:solid #F7E6F2; border-width:1px 0; background:#FFF8FD; color:#000; }
li[id^="FOOTER"] address{ background:transparent; border:none; color:inherit; font-style:italic; margin-right:.2em; }
pre{ padding:.6em 0; border:solid #F0E5D9; border-width:10px 15px; border-radius:10px; background:#F0E5D9; color:#000; word-wrap:normal; text-shadow:none; }
div.text hr{ border-color:#CCC; }
code{ color:#652109; }
pre code{ margin:0; padding:0; }
em{ text-shadow:1px 1px 0 rgba(0,0,0,.15); }
strong{ color:#F91919; text-shadow:0 0 2px yellow; }
kbd{ padding:.1em .25em; border:1px dotted #999; background:#FFFEDA; color:#000; }
kbd kbd{ padding:0; border:none; }
samp{ padding:0 .2em; background-color:#E4F1FE; color:#000; }
/* ▼基礎 */
html
{
background:#D1D8E1;
color:#000;
font-size:15px;
font-family:-apple-system, 'BlinkMacSystemFont', Verdana, Meiryo, 'メイリオ', "ＭＳ Ｐゴシック", Sans-serif;
line-height:1.6;
}
/* ▼リンク色 */
a:link{ color:#2F0ACD;}
a:visited{ color:#785476; }
a:hover,
a:focus{ color:#444; }
a:active{ color:#F91919; }
/* ▼見出しデザイン */
h1,h2,h3,h4,h5,h6{ font-family:Georgia,"Hiragino ProN W3",YuMincho,"游明朝","ＭＳ Ｐ明朝",Serif; }
h1{ letter-spacing:-.1em; }
h2,h3,h4{ position:relative; }
h2{ border:solid #6D6D79; border-width:1px 0; padding-top:.75em; padding-left:3.2em; }
h2::first-letter{ padding-right:1.5em; margin-left:-2.5em; text-transform:uppercase; }
h2::after{ content:""; position:absolute; display:block; top:0; bottom:0; height:100%;
left:calc(15px + 1.7em); border-left:1px solid #6D6D79; }
h3{ border-top:1px solid #6D6D79; padding:.65em 2vw; }
h3::before{ content:""; margin-right:.5em; width:.8em; height:.8em; border:1px solid #6D6D79; }
div.text>h3{ margin-left:-2vw; margin-right:-2vw; }
div.text>h3:first-child{ border:0; }
h4{ position:relative; text-indent:-1.8em; padding-left:2.8em; }
h4::before{ content:""; border-top:1px solid #6D6D79; width:1.3em; margin-right:.5em; }
h5{ margin-left:10%; }
h6{ margin-left:15%; text-align:right; }
/* ▼レイアウト */
#PAGETOP{ position:relative; border:0 solid #000; background:#FFF; overflow:hidden; }
#HEADER,#MENU{ position:relative; padding:10px 1.5vw; background:#FFF; z-index:2; }
#HEADER h1{ padding-top:15px; padding-bottom:15px; }
#PAN{ position:relative; list-style-type:none; padding-top:10px; }
#PAN::before{ content:""; display:block; position:absolute; top:0; left:-1.5vw; right:-1.5vw; border-top:1px solid #6D6D79; }
#PAN li{ font-size:11px; padding:0 5px; vertical-align:middle; }
#PAN li::after{ content:""; margin-left:.4em; width:.4em; height:.4em; border:solid #000; border-width:0 1px 1px 0; padding-right:.2em; transform:rotate(-45deg); }
#PAN li:last-child::after{ transform:rotate(45deg); }
#PAN>li,li[id^="MENU"]{ position:relative; overflow:hidden; font-family:Corbel,'Centry Gothic',Sans-serif; }
#PAN>li::before,li[id^="MENU"]::after{ content:""; background:url(boxe/hover.png) repeat; position:absolute; top:0; bottom:0; left:0; width:0; transition: all .3s ease; z-index:-1; }
#PAN>li:hover::before,li[id^="MENU"]:hover::after,li[id^="MENU"].menu-on::after{ width:100%; }
#MENU>ul:first-of-type{ display:flex; flex-flow:row wrap; justify-content:space-between; align-item:center; }
li[id^="MENU"]{ margin:0; padding:8px;display:inline-block; overflow:hidden;
flex-grow:1; flex-basis:calc(100% / 3); min-width:calc(100% / 3); border:2px solid #FFF; }
li[id^="MENU"]>a{ display:block; margin:-5px -8px; padding:5px 8px; transition:all .3s ease; }
li.menu-on,
#MENU li.menu-on a:link,
#MENU li.menu-on a:visited{ font-weight:600; text-decoration:underline; }
li[id^="MENU"] a:link,
li[id^="MENU"] a:visited{ color:#000; text-decoration:none; }
li[id^="MENU"] ul,li[id^="MENU"] li,
li[id^="MENU"] dl,li[id^="MENU"] dt,li[id^="MENU"] dd{ list-style:none; margin:0; }
#MENU{ border:solid #6D6D79; border-width:1px 0; }
#KIZI::before{ display:block; height:0; }
#KIZI{ border:0 solid #6D6D79; }
div.text{ padding:.5em 2vw; }
div.text>h3:first-child{ margin-top:.5em; }
#FOOTER{ border-top:1px solid #6D6D79; padding:1em 2vw 2em; }
#FOOTER>ul:first-of-type{ text-align:right; }
li[id^="FOOTER"]{ display:inline-block; margin-left:1em; padding:.12em 0 .12em 1em; border-left:1px solid #6D6D79; }
#FOOTER01{ border:none; }
/*=====================
★カスタマイズ
=======================*/
/* ▼アイキャッチ */
#KIZI::before
{
content: ""; /* 削除不可 */
padding-top: calc( 460 / 1000 * 100% ); /* 【460】画像縦幅【1000】画像横幅（単位無用） */
background:url(boxe/img.jpg) no-repeat 50% 0; /* 画像のURL */
background-size:cover;
}
/* ▲アイキャッチここまで */
@media only screen and (max-width:669px) /* ★スマフォサイズ以下 */
{
html{ font-size:15px; line-height:1.5; }
/* ▼INDEX以外アイキャッチなし */
body:not(#INDEX) #KIZI::before{ display:none; }
/* ▼INDEX以外メニューを下に */
#PAGETOP{ display:flex; flex-direction:column; }
body:not(#INDEX) #MENU{ order:1; border-bottom:0; }
body:not(#INDEX) #FOOTER{ order:2; }
}
@media only screen and (min-width:670px) /* ★ファブレットサイズ以上 */
{
/* ▼2カラム */
/* 【220px】ヘッダーメニューの横幅(4箇所） */
#HEADER,#MENU
{
float:left; clear:left;
width:220px;
}
#KIZI,
#KIZI>h2::after
{
margin-left:220px;
border-left-width:1px;
}
#KIZI>h2
{
margin-left:-220px;
padding-left:calc( 220px + 3.2em );
}
#PAN li,li[id^="MENU"]{ display:block; }
#PAN li::after{ transform:rotate(45deg); }
#PAN li:last-child::after{ display:none; }
#MENU>ul:first-of-type{ flex-flow:column wrap; }
li[id^="MENU"]{ border-width:2px 0; flex-basis:auto; }
/* ▲2カラムここまで */
}
@media only screen and ( min-width:960px )/* ★PCサイズ以上 */
{
#PAGETOP
{
border-width:0 1px;
/* ▼全体寄せ位置 */
margin-left:auto;
margin-right:auto;
/* ▼全体最大横幅 */
max-width:1000px;
}
}
/* ▼その他 */
@media only screen and (max-width:30rem){
*{ word-wrap:break-word; overflow-wrap:break-word; }
dd{ margin-left:1em; }li ol,li ul{ list-style-position:inside; border-left:1px solid #000; margin-left:.5em; }li li{ margin-left:0; padding-left:1em; }
}
@media only screen and (max-width:480px){ table{ width:100%; table-layout:fixed; } }
@media only print{
html{ font-size:12pt; }blockquote::after,pre,a{ white-space:pre-wrap; word-wrap:break-word; }pre{ max-height:auto; padding:10px; border:1px dashed #000; }blockquote,q{ padding:0;border:none; background:transparent; color:inherit; }blockquote{ border:1px solid #000; padding:.5em 1em; }blockquote::before,blockquote::after{ display:none; }blockquote[cite]::after{ content:"---" attr(cite); display:block; font-size:10pt; }abbr[title],acronym[title]{ text-decoration:none; }abbr[title]::after,acronym[title]::after { content:" [?：" attr(title) "]"; font-size:10pt; }a[href^="http"]::after{ content:" ("attr(href)") "; font-size:10pt; }#PAGETOP{}ul.modori{ display:none; }
}