@charset "utf-8";
/* ページ読み込み中にローディング画面 ※jquery3.2.1
Now Loading...
ロード後に表示させたい内容
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#loading{
position:fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #fff;
z-index: 9000;
font-size:0.8rem; color:#666;
}
#animation{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
text-align:center;
}
#animation img{
width:32px;
height:32px;
}
/* 共通 標準要素 A
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html { }
.w920 { width:920px; margin:0 auto; position:relative; }
/* pctitle */
.pctitle { position:relative; }
.pctitle .pctit_ill { position:relative; width:100%; height:420px; background-color:#CCC; display:table; }
.pctitle .pctit_ill .pctit_illbox1 { display:table-cell; width:10%; overflow:hidden; background-color:#e6204d; }
.pctitle .pctit_ill .pctit_illbox2 { display:table-cell; width:16%; overflow:hidden; background-color:#f6ad3c; }
.pctitle .pctit_ill .pctit_illbox3 { display:table-cell; width:16%; overflow:hidden; background-color:#26499d; }
.pctitle .pctit_ill .pctit_illbox4 { display:table-cell; width:16%; overflow:hidden; background-color:#e60027; }
.pctitle .pctit_ill .pctit_illbox5 { display:table-cell; width:16%; overflow:hidden; background-color:#00a844; }
.pctitle .pctit_ill .pctit_illbox6 { display:table-cell; width:16%; overflow:hidden; background-color:#2778be; }
.pctitle .pctit_ill .pctit_illbox7 { display:table-cell; width:10%; overflow:hidden; background-color:#231815; }
.til01 { width:250%; position:relative; top:40px; left:-150px; overflow:hidden; }
.til02 { width:200%; position:relative; top:0px; left:-150px; overflow:hidden; }
.til03 { width:250%; position:relative; top:110px; left:-100px; overflow:hidden; }
.til04 { width:200%; position:relative; top:0px; left:-100px; overflow:hidden; }
.til05 { width:220%; position:relative; top:-50px; left:-110px; overflow:hidden; }
.til06 { width:190%; position:relative; top:30px; left:-20px; overflow:hidden; }
.til07 { width:280%; position:relative; top:-10px; left:-90px; overflow:hidden; }
.pctitle .pctit_tit {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%); z-index:10;
}
/* pcmenu */
.pcmenu { position:relative; display:table; width:100%; }
.pcmenu .pcmenuls { display:table-cell; width:50%; background-color:#f1f1f1; text-align:center; }
.pcmenu .pcmenuls a:link { display:block; padding:0.7em 1em 0.8em 1em; background-color:#fae472; border:3px solid #fff; border-top:6px solid #fff; color:#000; border-bottom:1px solid #fff; color:#000; font-size:1.15rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); }
.pcmenu .pcmenuls a:visited { background-color:#fae472; color:#000; }
.pcmenu .pcmenuls a:hover { text-decoration:none; background-color:#f6cf03; color:#000; }
.pcmenu .pcmenuls a:active { text-decoration:none; background-color:#f6cf03; color:#000; }
.pcmenu .pcmenuls a i { color:#e60027; padding-right:8px; font-size:1.25rem; }
/* index.html */
.img_box1 {
animation: img_box_9955 3s ease infinite;
transform-origin: 50% 50%;
margin: 0 !important;
}
@keyframes img_box_9955 {
0% { transform: translateY(0) }
50% { transform: translateY(-30px) }
100% { transform: translateY(0) }
}
.img_box2 {
animation: img_box_9956 5s ease infinite;
transform-origin: 50% 50%;
margin: 0 !important;
}
@keyframes img_box_9956 {
0% { transform: translateY(0) }
50% { transform: translateY(50px) }
100% { transform: translateY(0) }
}
.img_box3 {
animation: img_box_9957 4s ease infinite;
transform-origin: 50% 50%;
margin: 0 !important;
}
@keyframes img_box_9957 {
0% { transform: translateY(0) }
50% { transform: translateY(-50px) }
100% { transform: translateY(0) }
}
.img_box4 {
animation: img_box_9958 5s ease infinite;
transform-origin: 50% 50%;
margin: 0 !important;
}
@keyframes img_box_9958 {
0% { transform: translateY(0) }
50% { transform: translateY(-30px) }
100% { transform: translateY(0) }
}
.img_box5 {
animation: img_box_9959 6s ease infinite;
transform-origin: 50% 50%;
margin: 0 !important;
}
@keyframes img_box_9959 {
0% { transform: translateY(0) }
50% { transform: translateY(50px) }
100% { transform: translateY(0) }
}
.img_box6 {
animation: img_box_9960 7s ease infinite;
transform-origin: 50% 50%;
margin: 0 !important;
}
@keyframes img_box_9960 {
0% { transform: translateY(0) }
50% { transform: translateY(-50px) }
100% { transform: translateY(0) }
}
.img_box7 {
animation: img_box_9961 8s ease infinite;
transform-origin: 50% 50%;
margin: 0 !important;
}
@keyframes img_box_9961 {
0% { transform: translateY(0) }
50% { transform: translateY(50px) }
100% { transform: translateY(0) }
}
.topbox1 { background-color:#f4f4f4; padding:75px 0; text-align:center; }
.topbox1 .topbox1tb { width:720px; margin:0 auto; }
.topbox1 .topbox1tb table { }
.topbox1 .topbox1tb td { vertical-align:top; text-align:center; }
.topbox1 .topbox1tb td p { text-align:center; line-height:1.4; font-size:0.9rem; font-size:0.9rem; margin-top:7px; }
.topbox1 .topbox1tb table a { }
.topbox2tit { margin:75px auto 35px auto; }
.topbox2 { position:relative; border-radius:14px; background:#daf5da; width:920px; height:420px; margin:0 auto; }
.topbox2 .circles{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.topbox2 .yosegaki {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%); z-index:10;
}
.topbox2 .yosegaki .w467 { width:467px; }
.topbox2 .yosegaki .w467 { filter: drop-shadow(0px 0px 4px #ccc); }
.circles li{
position: absolute;
display: block;
list-style: none;
width: 20px;
height: 20px;
animation: animate 25s linear infinite;
bottom: -150px;
}
.circles li:nth-child(1){
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.circles li:nth-child(2){
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}
.circles li:nth-child(3){
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}
.circles li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}
.circles li:nth-child(5){
left: 75%;
width: 20px;
height: 20px;
animation-delay: 0s;
}
.circles li:nth-child(6){
left: 90%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.circles li:nth-child(7){
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
}
.circles li:nth-child(8){
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}
.circles li:nth-child(9){
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}
.circles li:nth-child(10){
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
}
.circles li img { opacity:0.4; }
@keyframes animate {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}
100%{
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 0;
}
}
.topactlist { width:920px; margin:45px auto 20px auto; position:relative; }
.tal_toku {
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.tal_toku::after { width:200px; display:block; content:""; }
.tal_toku .tbox { width:200px; margin:0; padding:0px; position:relative; }
.tal_toku .tbox h5 { width:100%; padding:0.4em 0 0.4em 0; text-align:center; background-color:#999; color:#fff; font-size:1.3rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); border-radius:4px; }
.tal_toku .tbox h5 span { font-size:0.85rem; }
.tal_toku .tbox h5.blue { background-color:#2778be; }
.tal_toku .tbox h5.green { background-color:#00a844; }
.tal_toku .tbox h5.red { background-color:#e60027; }
.tal_toku .tbox h5.orange { background-color:#f6ad3c; }
.tal_toku .tbox .imgbox1 { box-shadow:0 0 3px #999; border-radius:4px; margin:20px 0 8px 0; padding:0; line-height:0.1; }
.tal_toku .tbox .imgbox1 img { width:100%; }
.tal_toku .tbox p { text-align:center; color:#999; font-size:0.85rem; line-height:1.4; }
/* Link Btn */
.linkbtn4 { width:100%; margin:55px auto 75px auto; }
.linkbtn4 .linkbtn5 { width:60%; margin:0 auto; }
.linkbtn4 .linkbtn5 a:link { display:block; background-color:#e60027; color:#fff; border-radius:4px; padding:0.7em 1em; line-height:1.4; margin:0; text-align:center; position:relative; text-decoration:none; font-size:1.2rem; font-family:UD Shin Go DemiBold; letter-spacing:2px; transform:rotate(0.001deg); box-shadow: 0 0 3px #eee; }
.linkbtn4 .linkbtn5 a:visited { text-decoration:none; background-color:#e60027; color:#fff; }
.linkbtn4 .linkbtn5 a:hover { text-decoration:none; background-color:#e68700; color:#fff; }
.linkbtn4 .linkbtn5 a:active { text-decoration:none; background-color:#e68700; color:#fff; }
.linkbtn4 .linkbtn5 a:after { color:#fff; font-size:1.2rem; position:absolute; top:14px; right:8px; font-weight:normal;
font-family: FontAwesome;
content:'\f0da';
}
.topbox3tit { margin:0 auto 5px auto; }
.topbox3 { position:relative; background:#fbf4ea; margin:0; padding:75px 0 55px 0; }
.kyogilist { width:880px; margin:0px auto 20px auto; position:relative; }
.kyogi_waku {
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.kyogi_waku::after { width:200px; display:block; content:""; }
.kyogi_waku .tbox { width:200px; margin:0; padding:0px; position:relative; }
.kyogi_waku .tbox .imgbox1 { box-shadow:0 0 3px #999; border-radius:4px; overflow:hidden; margin:20px 0 8px 0; padding:0; line-height:0.1; }
.kyogi_waku .tbox .imgbox1 img { width:100%; }
footer { }
footer .logo { text-align:center; padding-top:25px; }
footer .logo2 { text-align:center; font-weight:bold; letter-spacing:2px; color:#333; padding-top:10px; padding-bottom:10px; font-size:1.15rem; }
footer .adress { text-align:center; color:#333; line-height:1.5; font-size:0.9rem; }
footer .credit { background-color:#aacbd6; text-align:center; padding:1em; font-size:0.75rem; margin-top:35px; }
footer .gotop { right:10px; z-index:999; }
/* 下層ページ flag.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.pctitle_k { position:relative; width:100%; margin:0 auto; padding:15px 0; border-bottom:6px solid #f2f2f2; }
.pctitle_l { float:left; width:422px; }
.pctitle_r { float:right; width:498px; text-align:right; }
.pctitle_r .pchmenu { display:inline-block; text-align:right; margin-top:5px; }
.pctitle_r .pchmenu a:link { display:block; padding:0.3em 1em 0.6em 1em; margin-left:5px; border-radius:5px; background-color:#fae472; color:#000; font-size:0.9rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); font-weight:bold; }
.pctitle_r .pchmenu a:visited { background-color:#fae472; color:#000; }
.pctitle_r .pchmenu a:hover { text-decoration:none; background-color:#f6cf03; color:#000; }
.pctitle_r .pchmenu a:active { text-decoration:none; background-color:#f6cf03; color:#000; }
.pctitle_r .pchmenu a i { color:#e60027; padding-right:8px; font-size:1.25rem; }
.pctitle_r .pchmenu .pchmenuact { display:inline-block; padding:0.3em 1em 0.6em 1em; margin-left:5px; border-radius:5px; background-color:#eda800; color:#000; font-size:0.9rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); font-weight:bold; cursor:default; }
.pctitle_r .pchmenu .pchmenuact i { color:#fff; padding-right:8px; font-size:1.25rem; }
.k1box1 { margin:25px 0 0 0; border-bottom:6px solid #f2f2f2; }
.tal_toku2 { margin-top:35px;
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.tal_toku2::after { width:200px; display:block; content:""; }
.tal_toku2 .tbox { width:200px; margin:0; padding:0px; position:relative; background-image:url(../images/centerbar.png); background-repeat:repeat-y; background-position:center top; padding-bottom:25px; }
.tal_toku2 .tbox h5 { width:100%; padding:0.4em 0 0.4em 0; text-align:center; background-color:#999; color:#fff; font-size:1.3rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); border-radius:4px; }
.tal_toku2 .tbox h5 span { font-size:0.85rem; }
.tal_toku2 .tbox h5.blue { background-color:#2778be; }
.tal_toku2 .tbox h5.green { background-color:#00a844; }
.tal_toku2 .tbox h5.red { background-color:#e60027; }
.tal_toku2 .tbox h5.orange { background-color:#f6ad3c; }
.tal_toku2 .tbox .imgbox1 { box-shadow:0 0 3px #999; border-radius:4px; margin:20px 0 8px 0; padding:0; line-height:0.1; }
.tal_toku2 .tbox .imgbox1 img { width:100%; }
.tal_toku2 .tbox p { text-align:center; color:#000; font-size:1rem; line-height:1.4; background-color:#fff; padding:0.2em; }
.al_taku2il1 { position:relative; top:-40px; text-align:center; }
.al_taku2il2 { position:relative; top:-30px; text-align:center; }
.al_taku2il1b { position:relative; top:0px; text-align:center; margin:1em auto 2em auto; }
.al_taku2il2b { position:relative; top:-2px; text-align:center; margin-bottom:2em; }
/* 下層ページ guide.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.guide .read { margin:2em 0 2em 0; padding-bottom:2em; border-bottom:6px solid #f2f2f2; }
.guide .read h2 { font-size:1.25rem; font-family:Shin Maru Go Bold; transform:rotate(0.001deg); line-height:2; }
.g_kyogilist { width:920px; margin:0px auto 20px auto; padding-bottom:20px; position:relative; }
.g_kyogilist h3 { text-align:center; font-size:1.4rem; color:#de0027; font-family:Shin Maru Go Bold; transform:rotate(0.001deg); letter-spacing:2px; }
.g_kyogi_waku { margin:1em 0 0 0;
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.g_kyogi_waku::after { width:200px; display:block; content:""; }
.g_kyogi_waku .tbox { width:200px; margin:0; padding:0px; position:relative; }
.g_kyogi_waku .tbox .imgbox2 { box-shadow:0 0 3px #999; border-radius:4px; margin:20px 0 8px 0; padding:0 0 0.4em 0; line-height:0.1; }
.g_kyogi_waku .tbox .imgbox2 img { width:100%; }
.g_kugiri { height:8px; width:100%; background-image:url(../images/kugiri8bg.png); background-repeat:repeat; border-radius:4px; }
.gude_lblk690 { float:left; width:690px; min-height:3000px; margin:3em 0; }
.guide_box { padding:50px 30px 30px 30px; position:relative; border:5px solid #d1d1d1; }
.guide_box .title { position:absolute; top:-5px; left:-5px; width:280px; }
.guide_box .title img { width:100%; }
.guide_box .l286 { float:left; width:286px; position:relative; }
.guide_box .r286 { float:right; width:286px; }
.guide_box .titlebox { float:left; width:360px; min-height:180px; }
.guide_box .titlebox h6 { font-size:1.1rem; font-weight:bold; font-style:italic; }
.guide_box .titlebox h1 { font-size:2.4rem; line-height:1.4; color:#e10027; font-family:Gothic MB101 Bold; transform:rotate(0.001deg); margin-bottom:0.15em; }
.guide_box .titlebox h2 { font-size:2.1rem; line-height:1.4; font-family:UD Shin Go Conde90 H; transform:rotate(0.001deg); letter-spacing:-1px; }
.guide_box .guideill { position:absolute; top:5px; right:5px; width:280px; margin-top:60px; }
.guide_box .guideill img { width:100%; }
.guide_box h3 { background-color:#eff2f4; text-align:center; font-size:1.3rem; line-height:1.5; color:#e10027; font-family:Gothic MB101 Bold; transform:rotate(0.001deg); margin:1em 0 1em 0; padding:0.3em 1.2em; border-radius:25px; }
.guide_box h3 span.kurojiji { color:#000; }
.guide_box h3 span.hosoji { color:#000; font-family:Gothic MB101 Light; }
.guide_box p { }
.guide_box .sensyu { margin:0 auto; padding-bottom:3px; margin-bottom:6px; border-bottom:5px solid #e10027; text-align:center; width:80%; }
.guide_box h4 { font-size:2rem; font-weight:bold; text-align:center; }
.guide_box h4 span { font-size:1.1rem; }
.guide_box p.shozoku { font-size:0.85rem; text-align:center; margin-bottom:1em; line-height:1.4; }
.guide_box h5 { font-size:1.1rem; text-align:center; line-height:1.5; color:#e10027; font-family:Gothic MB101 Bold; transform:rotate(0.001deg); margin:1em 0 0.5em 0; }
.guide_box .guidepreson { margin-top:1.5rem; }
.guide_box .guidepreson .gpfl { float:left; width:166px; }
.guide_box .guidepreson .gpfl .gpfltit { background-color:#eff2f4; text-align:center; font-size:0.8rem; padding:0.3rem; margin:35px 0 15px 0; border-radius:10px; }
.guide_box .guidepreson .gpfl p { text-align:right; font-size:1rem; }
.guide_box .guidepreson .gpfl p span.yakushoku { font-size:0.75rem; padding-right:0.3em; }
.guide_box .guidepreson .gpfr { float:right; width:100px; }
.guide_box .guidepreson .gpfr img { width:100%; }
.guide_box .lastmsg { transform: rotate(-6deg); width:90%; margin:1em auto 1.5em auto; }
.guide_box .lastmsg p { font-size:1.7rem; line-height:1.5; color:#e10027; font-family:UD Shin Go Conde90 H; transform:rotate(0.001deg); margin-bottom:0.3em; }
/* Link Btn */
.g_topbtn { width:100%; margin:1em auto 2.5em auto; }
.g_topbtn .g_topbtn2 { width:50%; margin:0 auto; }
.g_topbtn .g_topbtn2 a:link { display:block; background-color:#fcf1b8; color:#000; border-radius:22px; padding:0.8em 1em; line-height:1.4; margin:0; text-align:center; position:relative; text-decoration:none; font-size:0.9rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); }
.g_topbtn .g_topbtn2 a:visited { text-decoration:none; background-color:#fcf1b8; color:#000; }
.g_topbtn .g_topbtn2 a:hover { text-decoration:none; background-color:#f9e686; color:#000; }
.g_topbtn .g_topbtn2 a:active { text-decoration:none; background-color:#f9e686; color:#000; }
.g_topbtn .g_topbtn2 a:before { color:#f6b774; font-size:1.1rem; position:absolute; top:7px; left:12px; font-weight:normal;
font-family: FontAwesome;
content:'\f077';
}
.guide .kyogi_oowaku { width:920px;
position: relative;
z-index: 1;
}
/* 追従メニュー */
.guide .sticky{
position: -webkit-sticky;
position: sticky;
top: 0px;
padding-top:1.5em;
margin-left:720px;
width:200px;
}
.s_menu_tit { background-color:#e10027; padding:0.3em 0.5em; }
.s_menu_tit p { font-size:0.9rem; color:#fff; font-family:GSanSerif-B; transform:rotate(0.001deg); }
.s_menu_box { border:2px solid #d1d1d1; padding:10px; height:400px; overflow:scroll; }
.s_menu_box ul { }
.s_menu_box li { }
.s_menu_box li a:link { display:block; text-align:left; color:#000; padding:0.2em 0; line-height:1.4; margin:0; position:relative; text-decoration:none; font-size:0.8rem; font-family:UD Shin Go Conde90 M; transform:rotate(0.001deg); letter-spacing:-1px; border-bottom:1px solid #666; }
.s_menu_box li a:visited { text-decoration:none; background-color:#fcf1b8; color:#000; }
.s_menu_box li a:hover { text-decoration:none; background-color:#f9e686; color:#000; }
.s_menu_box li a:active { text-decoration:none; background-color:#f9e686; color:#000; }
.s_menu_box li a:before { color:#e10027; font-size:1rem; position:relative; padding-right:3px; font-weight:normal;
font-family: FontAwesome;
content:'\f100';
}
@media screen and (max-width: 979px) {
/* SP ドロワーメニュー */
.l_main{ }
.main_cover { position:fixed; width:100%; visibility:hidden; z-index:-1; -webkit-transition:.3s; transition:.3s; }
.main_cover.active { height:100%; visibility:visible; background:rgba(0,0,0,0); z-index:1000; }
/* header枠 */
.l_header{ background:#000; }
/* headerタイトル部分 */
.header_inner{ width:100%; height:70px; position:fixed; top:0; left:0; z-index:10000; }
/* headerドロワーメニュー部分 */
.header_wrap { position:relative; width:100%; height:70px; background-color:#fff; }
/*nav=====*/
.header_wrap .nav { display:none; position:relative; width:100%; text-align:left; top:70px; left:0; background:#fae472; z-index:10000; padding:1.5em 1.5em 2.5em 1.5em; }
.header_wrap .nav li { border-bottom:1px solid #fff; }
.header_wrap .nav li a { color:#000; display:block; padding:1em; line-height:1; }
/* headerハンバーガーボタン部分 */
.header_sp_nav { width:30px; height:26px; position:absolute; top:0; bottom:0; right:10px; margin:auto; cursor:pointer; }
.header_sp_nav .nav_line { display:block; position:absolute; width:30px; height:2px; background:#666; -webkit-transition:.3s; transition:.3s; }
.header_sp_nav .nav_line1 { top: 0; bottom: auto; margin-bottom: 10px; }
.header_sp_nav .nav_line2 { right: 0; top: 0; bottom: 0; margin: auto; }
.header_sp_nav .nav_line3 { bottom: 0; top: auto; }
.header_sp_nav.active { }
.header_sp_nav.active .nav_line2 { right:-60px; }
.header_sp_nav.active .nav_line1 { top: 0; bottom: 0; margin: auto; transform:rotate(45deg); }
.header_sp_nav.active .nav_line3 { top: 0; bottom: 0; margin: auto; transform:rotate(-45deg); }
.headtit { position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%); z-index:10;
}
.headtit img { height:45px; width:auto; }
.header_wrap .nav_ttl i { color:#e60027; padding-right:8px; font-size:1.25rem; }
/* 共通 標準要素 A
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html { }
.w920 { width:90%; margin:0 auto; position:relative; }
.w90 { width:90%; margin:0 auto; position:relative; }
/* index.html */
.sptitbox { position:relative; padding-top:70px; }
.topbox1 { background-color:#f4f4f4; padding:2em 0; text-align:center; }
.topbox1 .w185 { max-width:185px; margin:0 auto; }
.topbox1 .topbox1tb { width:90%; margin:0 auto; }
.topbox1 .topbox1tb p { text-align:center; line-height:1.4; font-size:0.9rem; font-size:0.9rem; margin-top:5px; }
.topbox1 .topbox1tb p a { font-size:1.1rem; }
.topbox2tit { margin:2em auto 1.5em auto; }
.topbox2sp { position:relative; border-radius:7px; background:#daf5da; width:90%; margin:0 auto; padding:1.5em; }
.topactlist { width:90%; margin:1.5em auto 1.5em auto; position:relative; }
.tal_toku {
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.tal_toku::after { width:47%; display:block; content:""; }
.tal_toku .tbox { width:47%; margin:0; padding:0px; position:relative; }
.tal_toku .tbox h5 { width:100%; padding:0.4em 0 0.4em 0; text-align:center; background-color:#999; color:#fff; font-size:1.1rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); border-radius:4px; }
.tal_toku .tbox h5 span { font-size:0.75rem; }
.tal_toku .tbox h5.blue { background-color:#2778be; }
.tal_toku .tbox h5.green { background-color:#00a844; }
.tal_toku .tbox h5.red { background-color:#e60027; }
.tal_toku .tbox h5.orange { background-color:#f6ad3c; }
.tal_toku .tbox .imgbox1 { box-shadow:0 0 3px #999; border-radius:4px; overflow:hidden; margin:0.7em 0 0.3em 0; padding:0; line-height:0.1; }
.tal_toku .tbox p { text-align:center; color:#999; font-size:0.85rem; line-height:1.4; margin-bottom:1.5em; }
/* Link Btn */
.linkbtn4 { width:90%; margin:2em auto 2em auto; }
.linkbtn4 .linkbtn5 { width:90%; margin:0 auto; }
.linkbtn4 .linkbtn5 a:link { display:block; background-color:#e60027; color:#fff; border-radius:4px; padding:0.5em 1em; line-height:1.4; margin:0; text-align:center; position:relative; text-decoration:none; font-size:1.1rem; font-family:UD Shin Go DemiBold; letter-spacing:0px; transform:rotate(0.001deg); box-shadow: 0 0 3px #eee; }
.linkbtn4 .linkbtn5 a:visited { text-decoration:none; background-color:#e60027; color:#fff; }
.linkbtn4 .linkbtn5 a:hover { text-decoration:none; background-color:#e68700; color:#fff; }
.linkbtn4 .linkbtn5 a:active { text-decoration:none; background-color:#e68700; color:#fff; }
.linkbtn4 .linkbtn5 a:after { color:#fff; font-size:1.2rem; position:absolute; top:8px; right:8px; font-weight:normal;
font-family: FontAwesome;
content:'\f0da';
}
.topbox3tit { margin:0 auto 5px auto; }
.topbox3 { position:relative; background:#fbf4ea; margin:0; padding:2em 0 1.2em 0; }
.kyogilist { width:90%; margin:0px auto 20px auto; position:relative; }
.kyogi_waku {
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.kyogi_waku::after { width:47.5%; display:block; content:""; }
.kyogi_waku .tbox { width:47.5%; margin:0; padding:0px; position:relative; }
.kyogi_waku .tbox .imgbox1 { box-shadow:0 0 3px #999; border-radius:4px; overflow:hidden; margin:1em 0 0 0; padding:0; line-height:0.1; }
.kyogi_waku .tbox .imgbox1 img { width:100%; }
footer { }
footer .logo { text-align:center; padding-top:2em; max-width:212px; margin:0 auto; }
footer .logo2 { text-align:center; font-weight:bold; letter-spacing:2px; color:#333; padding-top:0.6em; padding-bottom:0.6em; font-size:1rem; }
footer .adress { text-align:center; color:#333; line-height:1.5; font-size:0.75rem; }
footer .credit { background-color:#aacbd6; text-align:center; padding:1em; font-size:0.6rem; margin-top:2.5em; }
footer .gotop { right:4px; width:80px; z-index:999; }
/* 下層ページ flag.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.sptitbox_k { height:6px; background-color:#eee; }
.k1box1 { margin:1.5em 0 0 0; border-bottom:6px solid #f2f2f2; }
.tal_toku2 { display:block; }
.tal_toku2 .tbox { width:100%; margin:0; padding:0px; position:relative; background-image:none; }
.tal_toku2 .tbox h5 { width:100%; padding:0.4em 0 0.4em 0; text-align:center; background-color:#999; color:#fff; font-size:1.25rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); border-radius:4px; margin:1.5em 0 1em 0; }
.tal_toku2 .tbox h5 span { font-size:0.75rem; }
.tal_toku2 .tbox h5.blue { background-color:#2778be; }
.tal_toku2 .tbox h5.green { background-color:#00a844; }
.tal_toku2 .tbox h5.red { background-color:#e60027; }
.tal_toku2 .tbox h5.orange { background-color:#f6ad3c; }
.tal_toku2_spbox {
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.tal_toku2_spbox::after { width:47.5%; display:block; content:""; }
.tal_toku2_spbox .spbox { width:47.5%; margin:0; padding:0px; position:relative; }
.tal_toku2 .tbox .imgbox1 { box-shadow:0 0 3px #999; border-radius:4px; overflow:hidden; margin:0.7em 0 0.3em 0; padding:0; line-height:0.1; }
.tal_toku2 .tbox p { text-align:center; color:#000; font-size:1rem; line-height:1.4; margin-bottom:0.5em; }
.al_taku2il1 { position:relative; top:0px; text-align:center; padding-bottom:2em; }
/* 下層ページ guide.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.guide .read { margin:1em 0 1em 0; padding-bottom:1em; border-bottom:6px solid #f2f2f2; }
.guide .read h2 { font-size:1.2rem; font-family:Shin Maru Go Bold; transform:rotate(0.001deg); line-height:1.5; }
.g_kyogilist { width:100%; margin:0px auto 0em auto; padding-bottom:1.5em; position:relative; }
.g_kyogilist h3 { text-align:center; font-size:1.4rem; color:#de0027; font-family:Shin Maru Go Bold; transform:rotate(0.001deg); letter-spacing:2px; }
.g_kyogi_waku { margin:0.3em 0 0 0;
display: -webkit-box; /*Android4.3*/
display: -moz-box; /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap; /* 折り返し指定 */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; /* 両端から均等に配置 */
}
.g_kyogi_waku::after { width:47%; display:block; content:""; }
.g_kyogi_waku .tbox { width:47%; margin:0; padding:0px; position:relative; }
.g_kyogi_waku .tbox .imgbox2 { box-shadow:0 0 3px #999; border-radius:4px; margin:20px 0 8px 0; padding:0 0 0.4em 0; line-height:0.1; }
.g_kyogi_waku .tbox .imgbox2 img { width:100%; }
.g_kugiri { height:8px; width:100%; background-image:url(../images/kugiri8bg.png); background-repeat:repeat; border-radius:4px; }
.gude_lblk690 { float:none; width:100%; min-height:3000px; margin:1.5em 0; }
.guide_box { padding:50px 1em 1em 1em; position:relative; border:5px solid #d1d1d1; }
.guide_box .title { position:absolute; top:-5px; left:-5px; width:240px; }
.guide_box .title img { width:100%; }
.guide_box .l286 { float:none; width:100%; position:relative; }
.guide_box .r286 { float:none; width:100%; }
.guide_box .titlebox { float:none; width:100%; min-height:80px; }
.guide_box .titlebox h6 { font-size:1rem; font-weight:bold; font-style:italic; margin-bottom:0.4em; }
.guide_box .titlebox h1 { font-size:1.7rem; line-height:1.4; color:#e10027; font-family:Gothic MB101 Bold; transform:rotate(0.001deg); margin-bottom:0.15em; }
.guide_box .titlebox h2 { font-size:1.3rem; line-height:1.4; font-family:UD Shin Go Conde90 H; transform:rotate(0.001deg); letter-spacing:-1px; }
.guide_box .guideill { position: relative; width:80%; top:auto; right:auto; margin:1em auto 0 auto; }
.guide_box .guideill img { width:100%; }
.guide_box h3 { background-color:#eff2f4; text-align:center; font-size:1.1rem; line-height:1.5; color:#e10027; font-family:Gothic MB101 Bold; transform:rotate(0.001deg); margin:1.2em 0 0.6em 0; padding:0.3em 1.2em; border-radius:8px; }
.guide_box h3 span.kurojiji { color:#000; }
.guide_box h3 span.hosoji { color:#000; font-family:Gothic MB101 Light; }
.guide_box p { }
.guide_box .sensyu { margin:0 auto; padding-bottom:3px; margin-bottom:6px; border-bottom:5px solid #e10027; text-align:center; width:80%; }
.guide_box h4 { font-size:2rem; font-weight:bold; text-align:center; }
.guide_box h4 span { font-size:1.1rem; }
.guide_box p.shozoku { font-size:0.85rem; text-align:center; margin-bottom:1em; line-height:1.4; }
.guide_box h5 { font-size:1.1rem; text-align:center; line-height:1.5; color:#e10027; font-family:Gothic MB101 Bold; transform:rotate(0.001deg); margin:1em 0 0.5em 0; }
.guide_box .guidepreson { margin-top:1rem; width:280px; margin:1.5em auto 0 auto; }
.guide_box .guidepreson .gpfl { float:left; width:166px; }
.guide_box .guidepreson .gpfl .gpfltit { background-color:#eff2f4; text-align:center; font-size:0.8rem; padding:0.3rem; margin:35px 0 15px 0; border-radius:10px; }
.guide_box .guidepreson .gpfl p { text-align:right; font-size:1rem; }
.guide_box .guidepreson .gpfl p span.yakushoku { font-size:0.75rem; padding-right:0.3em; }
.guide_box .guidepreson .gpfr { float:right; width:100px; }
.guide_box .guidepreson .gpfr img { width:100%; }
.guide_box .lastmsg { transform: none; width:100%; margin:1em auto 0 auto; }
.guide_box .lastmsg p { font-size:1.2rem; line-height:1.6; color:#e10027; font-family:UD Shin Go Conde90 H; transform:rotate(0.001deg); margin-bottom:0.3em; }
/* Link Btn */
.g_topbtn { width:100%; margin:1em auto 2.5em auto; }
.g_topbtn .g_topbtn2 { width:50%; margin:0 auto; }
.g_topbtn .g_topbtn2 a:link { display:block; background-color:#fcf1b8; color:#000; border-radius:22px; padding:0.8em 1em; line-height:1.4; margin:0; text-align:center; position:relative; text-decoration:none; font-size:0.9rem; font-family:UD Shin Go Medium; transform:rotate(0.001deg); }
.g_topbtn .g_topbtn2 a:visited { text-decoration:none; background-color:#fcf1b8; color:#000; }
.g_topbtn .g_topbtn2 a:hover { text-decoration:none; background-color:#f9e686; color:#000; }
.g_topbtn .g_topbtn2 a:active { text-decoration:none; background-color:#f9e686; color:#000; }
.g_topbtn .g_topbtn2 a:before { color:#f6b774; font-size:1.1rem; position:absolute; top:7px; left:12px; font-weight:normal;
font-family: FontAwesome;
content:'\f077';
}
.guide .kyogi_oowaku { width:100%;
position: relative;
z-index: 1;
}
/* 追従メニュー */
.guide .sticky{ display:none;
}
/* SP共通 標準要素
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* SP 横スクロール文字折り返しあり */
main .x-scroll { padding-bottom:10px;
overflow: auto;
}
main .x-scroll table{
width:100%;
}
main .x-scroll::-webkit-scrollbar{
height: 5px; /* スクロールバーの高さ */
}
main .x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; /* スクロールバーの背景色 */
}
main .x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6; /* スクロールバーの色 */
}
/*
main .x-scroll td, .x-scroll th{
white-space: nowrap; 文字の折返しを禁止
}
*/
/* SP 横スクロール文字折り返し禁止 */
main .x-scroll2 { padding-bottom:10px;
overflow: auto;
}
main .x-scroll2 table{
width:100%;
}
main .x-scroll2::-webkit-scrollbar{
height: 5px; /* スクロールバーの高さ */
}
main .x-scroll2::-webkit-scrollbar-track{
background: #F1F1F1; /* スクロールバーの背景色 */
}
main .x-scroll2::-webkit-scrollbar-thumb {
background: #d6d6d6; /* スクロールバーの色 */
}
main .x-scroll2 td, .x-scroll2 th{
white-space: nowrap; /* 文字の折返しを禁止 */
}
}
/* 部品
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Morisawa ウェブフォント PCサイトには transform:rotate(0.001deg); をかけてエイリアスをキレイに表示すること。
font-family: 'BIZ UDPMincho', 'Reimin Regular'; transform:rotate(0.001deg);
font-family:Shin Maru Go Regular; transform:rotate(0.001deg);
font-family:Shin Maru Go Regular; transform:rotate(0.001deg);
font-family:Shin Maru Go Bold; transform:rotate(0.001deg);
font-family:UD Shin Go Light; transform:rotate(0.001deg);
font-family:UD Shin Go Medium; transform:rotate(0.001deg);
font-family:UD Shin Go Regular; transform:rotate(0.001deg);
font-family:Folk Bold; transform:rotate(0.001deg);
font-family:UD Shin Go DemiBold; transform:rotate(0.001deg);
font-family:Gothic MB101 Bold; transform:rotate(0.001deg);
font-family:UD Shin Go Conde90 H; transform:rotate(0.001deg);
font-family:GSanSerif-B; transform:rotate(0.001deg);
.font { font-family:Kaimin Sora Medium; transform:rotate(0.001deg); letter-spacing:5px; }
.font { font-family:UD Shin Maru Go Bold; transform:rotate(0.001deg); letter-spacing:2px; }
.font { font-family:Folk Bold; transform:rotate(0.001deg); letter-spacing:2px; }
.font { font-family:Shin Maru Go Regular; transform:rotate(0.001deg); }
ヒラギノUD角ゴ W3 JIS2004 または Hiragino UD Sans W3 JIS2004
ヒラギノUD角ゴ W4 JIS2004 または Hiragino UD Sans W4 JIS2004
ヒラギノUD角ゴ W5 JIS2004 または Hiragino UD Sans W5 JIS2004
ヒラギノUD角ゴ W6 JIS2004 または Hiragino UD Sans W6 JIS2004
font-family: 秀英角ゴシック金 L または Shuei KakuGo Kin L
font-family: 秀英角ゴシック金 M または Shuei KakuGo Kin M
font-family: 秀英角ゴシック金 B または Shuei KakuGo Kin B
font-family: 秀英角ゴシック銀 L または Shuei KakuGo Gin L
font-family: 秀英角ゴシック銀 M または Shuei KakuGo Gin M
font-family: 秀英角ゴシック銀 B または Shuei KakuGo Gin B
font-family: ヒラギノ角ゴ W0 JIS2004 または Hiragino Kaku Gothic W0 JIS2004
font-family: ヒラギノ角ゴ W1 JIS2004 または Hiragino Kaku Gothic W1 JIS2004
font-family: ヒラギノ角ゴ W2 JIS2004 または Hiragino Kaku Gothic W2 JIS2004
font-family: ヒラギノ角ゴ W3 JIS2004 または Hiragino Kaku Gothic W3 JIS2004
font-family: ヒラギノ角ゴ W4 JIS2004 または Hiragino Kaku Gothic W4 JIS2004
font-family: ヒラギノ角ゴ W5 JIS2004 または Hiragino Kaku Gothic W5 JIS2004
font-family: ヒラギノ角ゴ W6 JIS2004 または Hiragino Kaku Gothic W6 JIS2004
font-family: ヒラギノ角ゴ W7 JIS2004 または Hiragino Kaku Gothic W7 JIS2004
font-family: ヒラギノ角ゴ W8 JIS2004 または Hiragino Kaku Gothic W8 JIS2004
font-family: ヒラギノ角ゴ W9 JIS2004 または Hiragino Kaku Gothic W9 JIS2004
font-family: ヒラギノ明朝 W2 JIS2004 または Hiragino Mincho W2 JIS2004
font-family: ヒラギノ明朝 W3 JIS2004 または Hiragino Mincho W3 JIS2004
font-family: ヒラギノ明朝 W4 JIS2004 または Hiragino Mincho W4 JIS2004
font-family: ヒラギノ明朝 W5 JIS2004 または Hiragino Mincho W5 JIS2004
font-family: ヒラギノ明朝 W6 JIS2004 または Hiragino Mincho W6 JIS2004
font-family: ヒラギノ明朝 W7 JIS2004 または Hiragino Mincho W7 JIS2004
font-family: ヒラギノ明朝 W8 JIS2004 または Hiragino Mincho W8 JIS2004
秀英明朝 L または Shuei Mincho L
秀英明朝 M または Shuei Mincho M
秀英明朝 B または Shuei Mincho B
秀英丸ゴシック L または Shuei MaruGo L
秀英丸ゴシック B または Shuei MaruGo B
解ミン 宙 M または Kaimin Sora Medium
A1明朝 または A1 Mincho
UD Shin Go Light
UD Shin Go Regular
UD Shin Go Medium
UD Shin Go DemiBold
UD Shin Go Bold
UD Shin Go Heavy
UD Reimin Light
UD Reimin Regular
UD Reimin Medium
UD Reimin Bold
UD Reimin ExtraBold
UD Reimin Heavy
リュウミン L-KL Ryumin Light KL
リュウミン R-KL Ryumin Regular KL
リュウミン B-KL Ryumin Bold KL
黎ミン L Reimin Light
黎ミン R Reimin Regular
黎ミン M Reimin Medium
黎ミン B Reimin Bold
太ミンA101 Futo Min A101
見出ミンMA1 Midashi Min MA1
見出ミンMA31 Midashi Min MA31
光朝 Kocho
A1明朝 A1 Mincho
新ゴ L Shin Go Light
新ゴ R Shin Go Regular
新ゴ B Shin Go Bold
ゴシックMB101 L Gothic MB101 Light
ゴシックMB101 R Gothic MB101 Regular
ゴシックMB101 B Gothic MB101 Bold
じゅん 101 Jun 101
じゅん 201 Jun 201
じゅん 34 Jun 34
新丸ゴ L Shin Maru Go Light
新丸ゴ R Shin Maru Go Regular
新丸ゴ B Shin Maru Go Bold
ソフトゴシック L Soft Gothic Light
ソフトゴシック R Soft Gothic Regular
ソフトゴシック B Soft Gothic Bold
フォーク R Folk Regular
フォーク M Folk Medium
フォーク B Folk Bold
丸フォーク R Maru Folk Regular
丸フォーク M Maru Folk Medium
丸フォーク B Maru Folk Bold
カクミン R Kakumin Regular
カクミン M Kakumin Medium
カクミン B Kakumin Bold
解ミン 宙 R Kaimin Sora Regular
解ミン 宙 M Kaimin Sora Medium
解ミン 宙 B Kaimin Sora Bold
解ミン 月 R Kaimin Tsuki Regular
解ミン 月 M Kaimin Tsuki Medium
解ミン 月 B Kaimin Tsuki Bold
モアリア R Moaria Regular
モアリア B Moaria Bold
明石 Akashi
徐明 Jomin
那欽 Nachin
くもやじ Kumoyaji
ハルクラフト Harucraft
プリティー桃 Pretty Momo
はるひ学園 Haruhi Gakuen
すずむし Suzumushi
ヒラギノ明朝 W3 JIS2004 Hiragino Mincho W3 JIS2004
ヒラギノ明朝 W6 JIS2004 Hiragino Mincho W6 JIS2004
ヒラギノ角ゴ W3 JIS2004 Hiragino Kaku Gothic W3 JIS2004
ヒラギノ角ゴ W6 JIS2004 Hiragino Kaku Gothic W6 JIS2004
ヒラギノ丸ゴ W4 JIS2004 Hiragino Maru Gothic W4 JIS2004
UD黎ミン L UD Reimin Light
UD黎ミン R UD Reimin Regular
UD黎ミン B UD Reimin Bold
UD新ゴ L UD Shin Go Light
UD新ゴ R UD Shin Go Regular
UD新ゴ B UD Shin Go Bold
UD新丸ゴ L UD Shin Maru Go Light
UD新丸ゴ R UD Shin Maru Go Regular
UD新丸ゴ B UD Shin Maru Go Bold
UD新ゴ コンデンス80 EL または UD Shin Go Conde80 EL
UD新ゴ コンデンス80 L または UD Shin Go Conde80 L
UD新ゴ コンデンス80 R または UD Shin Go Conde80 R
UD新ゴ コンデンス80 M または UD Shin Go Conde80 M
UD新ゴ コンデンス80 DB または UD Shin Go Conde80 DB
UD新ゴ コンデンス80 B または UD Shin Go Conde80 B
UD新ゴ コンデンス80 H または UD Shin Go Conde80 H
UD新ゴ コンデンス80 U または UD Shin Go Conde80 U
UD新ゴ コンデンス50 EL または UD Shin Go Conde50 EL
UD新ゴ コンデンス50 L または UD Shin Go Conde50 L
UD新ゴ コンデンス50 R または UD Shin Go Conde50 R
UD新ゴ コンデンス50 M または UD Shin Go Conde50 M
UD新ゴ コンデンス50 DB または UD Shin Go Conde50 DB
UD新ゴ コンデンス50 B または UD Shin Go Conde50 B
UD新ゴ コンデンス50 H または UD Shin Go Conde50 H
UD新ゴ コンデンス50 U または UD Shin Go Conde50 U
UD新ゴ コンデンス70 EL または UD Shin Go Conde70 EL
UD新ゴ コンデンス70 L または UD Shin Go Conde70 L
UD新ゴ コンデンス70 R または UD Shin Go Conde70 R
UD新ゴ コンデンス70 M または UD Shin Go Conde70 M
UD新ゴ コンデンス70 DB または UD Shin Go Conde70 DB
UD新ゴ コンデンス70 B または UD Shin Go Conde70 B
UD新ゴ コンデンス70 H または UD Shin Go Conde70 H
UD新ゴ コンデンス70 U または UD Shin Go Conde70 U
UD新ゴ コンデンス90 EL または UD Shin Go Conde90 EL
UD新ゴ コンデンス90 L または UD Shin Go Conde90 L
UD新ゴ コンデンス90 R または UD Shin Go Conde90 R
UD新ゴ コンデンス90 M または UD Shin Go Conde90 M
UD新ゴ コンデンス90 DB または UD Shin Go Conde90 DB
UD新ゴ コンデンス90 B または UD Shin Go Conde90 B
UD新ゴ コンデンス90 H または UD Shin Go Conde90 H
UD新ゴ コンデンス90 U または UD Shin Go Conde90 U
G2サンセリフ-B または GSanSerif-B
G2サンセリフ-U または GSanSerif-U
font-family: 花蓮華-L または HanaRenge-Lt
font-family: 花蓮華-M または HanaRenge-Md
font-family: 花蓮華-B または HanaRenge-Bd
※UDは英数字半角幅、UDPは全角幅
BIZ UDゴシック: BIZ UDGothic
BIZ UDPゴシック: BIZ UDPGothic
BIZ UD明朝: BIZ UDMincho
BIZ UDP明朝: BIZ UDPMincho
*/