@charset "UTF-8";
html { background-color: transparent; }

body { color: #111111; font-family: "メイリオ", Meiryo, verdana, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif, STHeitiSC-Light; font-size: 12px; line-height: 1.5; background-color: #162D4E; width: 100%; height: 100vh; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); background-size: cover; background-position: center center; overflow: hidden; }
body.as43 { /*min-width: 1024px; min-height: 768px;*/ }
body.as169 { /*min-width: 1920px; min-height: 1080px;*/ }
body.bgtrans { background-color: transparent; background-image: none; }

* { filter: inherit; }

a { color: #1a417a; }
a:hover { color: #BF1B21; text-decoration: none; }

p { font-size: 16px; line-height: 18px; margin: 0px; /*	letter-spacing: 0.09em;*/ text-align: justify; text-justify: inter-ideograph; }

#w0 { /*	position:fixed;*/ /*width: 100%;
height: 100vh;*/ /*position: relative;*/ position: fixed; left: 50%; top: 50%; /*margin-left: auto;
margin-right: auto;
padding-top: 0px;*/ transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#w0 img.wbg { width: 100%; display: block; vertical-align: bottom; }
#w0 .sc0 { width: auto; height: auto; box-sizing: border-box; /*	border: 1px solid #FF2FFF;*/ margin-left: auto; margin-right: auto; position: relative; }
.as43 #w0 { min-width: 1600px; min-height: 1200px; }

.as169 #w0 { min-width: 1920px; min-height: 1080px; }
.as169 #w0 .sc0 { width: 1920px; height: 1080px; }

header { height: 70px; background-image: linear-gradient(to bottom, #46494D, #0B0B0B); box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); color: #ffffff; position: relative; }
header .time0 { position: absolute; left: 305px; top: 0px; font-size: 25px; padding-top: 16px; }
header .time0 .prvico { font-size: 12px; line-height: 1em; display: inline-block; background-color: #D00303; box-sizing: border-box; padding: 4px; margin-right: 4px; vertical-align: middle; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; /*color: #D00303;*/ }

h1 { margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
h1 img { /*height: 100%;*/ height: 70px; display: block; vertical-align: bottom; }

.as43 footer { max-width: 1550px; }

footer { height: 40px; background-image: linear-gradient(to top, #46494D, #0B0B0B); box-sizing: border-box; color: #ffffff; position: relative; text-align: center; line-height: 40px; box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.3); font-size: 14px; max-width: 1870px; margin-left: auto; margin-right: auto; }
footer::before { content: ""; position: absolute; z-index: 3; width: 164px; height: 38px; right: -1px; top: 0; background-image: linear-gradient(to top, #46494D, #0B0B0B); }
footer.emg::before { background-image: linear-gradient(to top, #f00, #f00); }

.hdhddn article .ctttit .updatet { font-size: 24px; }
.hdhddn article .fnote { font-size: 24px; }
.hdhddn footer, .hdhddn header { display: none; }
.hdhddn article { padding-top: 0px; height: 1080px; }
.hdhddn article section { height: 100%; }
.hdhddn article .ctttit { top: 170px; left: 25px; }
.hdhddn article .ctttit .smenu { display: none !important; }
.hdhddn article .fnote { top: 170px; right: 25px; }
.hdhddn.TRP1 article { height: 1040px; }
.hdhddn.TRP1 article section { height: 100%; }
.hdhddn.index2 article .fnote { top: 100px; }
.hdhddn.index5 article .fnote { top: 100px; }
.hdhddn.index5 article .npnl .pnlin { font-size: 27px; }
.hdhddn.index3 article .ctttit { display: none; }
.hdhddn.index3 article .fnote { top: 20px; }
.hdhddn.index3 article .rpnl .pnlin { font-size: 25px; }
.hdhddn.index1 article .fnote { top: 20px; }
.hdhddn.index1 article .rpnl .pnlin { font-size: 25px; }
.hdhddn.index1 article #gm1pnl { height: 975px; top: 85px; }
.hdhddn.index1.as43 #gm1pnl { height: 1100px; }
.hdhddn.as43 .fnote { font-size: 20px; }
.hdhddn #gm6pnl { top: 200px; height: 550px; }
.hdhddn .panel.spnl.hsty2 .pnlin { font-size: 34px; }
.hdhddn .panel.rpnl.hsty2 .pnlin { font-size: 34px; }

.as43.hdhddn article { height: 1200px; }

.ftnote { font-size: 20px; }

.TRP1 footer { height: 80px; line-height: 80px; font-size: 40px; }
.TRP1 footer::before { content: ""; position: absolute; z-index: 3; width: 82px; height: 78px; right: -1px; top: 0; background-image: linear-gradient(to top, #46494D, #0B0B0B); }
.TRP1 footer.emg::before { background-image: linear-gradient(to top, #f00, #f00); }
.TRP1 footer.emg .mobilebtn { border: 2px solid rgba(255, 255, 255, 0); background-image: none; }
.TRP1 footer .ftnote { font-size: 40px; }
.TRP1 footer .caroufredsel_wrapper { width: 100% !important; height: 100% !important; }
.TRP1 footer .ftnote0 { height: 100%; width: 100%; overflow: hidden; }

.ftnote { overflow: hidden; height: 100%; }

.TRP2 footer .ftnote ul { position: absolute; height: 100%; width: 100%; overflow: hidden; }

.TRP2 footer .ftnote ul li { position: absolute; top: 0; white-space: nowrap; width: auto; }

.nosdw { text-shadow: none; }

.mobilebtn { text-decoration: none; text-align: center; display: block; width: 160px; height: auto; color: #ffffff; font-size: 18px; line-height: 18px; letter-spacing: 2px; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); border: 2px solid #111111; box-sizing: border-box; background-image: linear-gradient(to top, #46494D, #0B0B0B); -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; right: 0px; bottom: 4px; position: absolute; cursor: pointer; padding-top: 6px; padding-bottom: 3px; z-index: 4; }
.mobilebtn.act { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 2px solid rgba(0, 0, 0, 0); background-image: none; pointer-events: none; }
.mobilebtn.act span { display: none; }
.mobilebtn.act .qrinfo { right: 0px; opacity: 1; }
.mobilebtn:hover { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 2px solid #ffffff; }
.mobilebtn:hover .qrinfo { right: 0px; opacity: 1; }
.mobilebtn:hover.act { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 2px solid rgba(0, 0, 0, 0); background-image: none; }
.mobilebtn:hover.act span { display: none; }
.TRP1 .mobilebtn { height: 76px; width: 76px; bottom: 2px; pointer-events: none; right: 2px; }

.TRP1 .mobilebtn .qqrimg { width: 100%; height: 100%; position: absolute; letter-spacing: 0; top: 0; left: 0; z-index: 7; }

.qrinfo { text-align: left; position: absolute; bottom: 45px; background-image: linear-gradient(to top, #09749F, #13D9FC); width: 1880px; height: 950px; right: -2000px; border: 12px solid black; box-sizing: border-box; padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; -webkit-transition: all 0.5s 0s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0.5s 0s cubic-bezier(0.22, 0.61, 0.36, 1); opacity: 0; pointer-events: none; }
.qrinfo img { width: 600px; }
.qrinfo .cmt0 { height: 600px; overflow: auto; width: 60%; float: right; }
.qrinfo .cmt { color: #ffffff; font-size: 36px; line-height: 46px; font-weight: 400; }
.qrinfo h3 { color: #ffffff; font-weight: 400; letter-spacing: 4px; font-size: 40px; line-height: 56px; }
.TRP1 .qrinfo { height: 910px; bottom: 85px; }

nav { width: 66%; max-width: 1200px; position: absolute; right: 5px; bottom: 5px; display: none; }
nav ul { position: relative; height: 60px; width: 100%; }
nav ul li { height: 100%; float: left; width: 30%; box-sizing: border-box; border-left: 1px solid #111111; }
nav ul li:nth-child(1) { width: 10%; }
nav ul li.act a, nav ul li a:hover { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); }
nav ul li a { text-decoration: none; line-height: 60px; font-size: 25px; letter-spacing: 1px; display: block; width: 100%; height: 100%; text-align: center; color: #ffffff; background-image: linear-gradient(to top, #46494D, #0B0B0B); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; }
nav ul li a::after { content: ""; position: absolute; left: 0; right: 0; z-index: 1; width: 10px; height: 10px; margin: auto; bottom: 4px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); animation: aniArr2 1.5s infinite alternate linear; -ms-animation: aniArr2 1.5s infinite alternate linear; -webkit-animation: aniArr2 1.5s infinite alternate linear; -moz-animation: aniArr2 1.5s infinite alternate linear; }

article { position: relative; height: 970px; box-sizing: border-box; padding-top: 70px; }
article .ctttit { height: 40px; width: auto; position: absolute; color: #ffffff; left: 15px; top: 15px; }
article .ctttit .smenu, article .ctttit .smenu2 { width: auto; float: left; }
article .ctttit .smenu li, article .ctttit .smenu2 li { /*width: 46px;*/ /*float: left;*/ margin-right: 5px; /*display: none;*/ }
article .ctttit .smenu li.cmt, article .ctttit .smenu2 li.cmt { float: left; }
article .ctttit .smenu li.act a, article .ctttit .smenu2 li.act a { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 2px solid #ffffff; }
article .ctttit .smenu li a, article .ctttit .smenu2 li a { text-decoration: none; text-align: center; display: block; width: 100%; height: 100%; color: #ffffff; font-size: 20px; line-height: 42px; margin-top: 0; margin-right: 20px; margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 25px; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); border: 2px solid #111111; box-sizing: border-box; background-image: linear-gradient(to top, #46494D, #0B0B0B); -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; position: relative; }
article .ctttit .smenu li a:hover, article .ctttit .smenu2 li a:hover { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 2px solid #ffffff; }
article .ctttit .smenu li a::after, article .ctttit .smenu2 li a::after { position: absolute; top: 8px; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 8px; box-sizing: border-box; width: 16px; height: 16px; border: 8px solid transparent; border-top: 8px solid #fff; }
article .ctttit .smenu.V03M li a, article .ctttit .smenu2.V03M li a { padding-right: 10px; pointer-events: none; }
article .ctttit .smenu.V03M li a::after, article .ctttit .smenu2.V03M li a::after { display: none; }
article .ctttit h2 { width: auto; padding: 0; float: left; font-size: 20px; line-height: 46px; margin-top: 0; margin-right: 20px; margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 10px; box-sizing: border-box; /*background-image: linear-gradient( to top, #46494D,  #0B0B0B );*/ /*
box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
border: 2px solid #111111;
color: #111111;
background-size: cover;
background-position: center center;
background-image: url('../images/common/bg_0.jpg');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius:10px;*/ color: #ffffff; }
article .ctttit .updatet { width: auto; float: left; color: #ffffff; font-size: 20px; line-height: 46px; margin-top: 0; margin-right: 20px; margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 25px; }
article .ctttit .updatet4b { width: auto; float: left; color: #ffffff; font-size: 20px; line-height: 1.8em; margin-top: 6px; margin-right: 20px; margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 25px; }
.s4 article .ctttit { top: 45px; }
article .updatet4 { width: auto; color: #ffffff; font-size: 20px; line-height: 1.5em; left: 15px; top: 13px; position: absolute; padding-left: 10px; }
article .fnote4b { width: auto; color: #ffffff; font-size: 20px; line-height: 1.5em; position: absolute; top: 13px; right: 20px; text-align: right; }
article .topnote { position: absolute; right: 0; top: 20px; color: #ffffff; width: 70%; text-align: right; font-size: 20px; }
article .topnote span { margin-bottom: 1%; line-height: 36px; font-size: 20px; letter-spacing: 1px; display: inline-block; text-align: center; color: #ffffff; background-image: linear-gradient(to top, #46494D, #0B0B0B); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; border: 1px solid #46494D; box-sizing: border-box; padding-left: 10px; padding-right: 10px; margin-right: 5px; }
article section { position: relative; width: 1870px; height: 880px; box-sizing: border-box; /*background-color: rgba(255,255,255,0.2);*/ margin-left: auto; margin-right: auto; margin-top: 5px; }
.TRP1 article section { height: 840px; }

.as169.s4 article { height: 970px; padding-top: 103px; }
.as169.s4 article section { height: 840px; }

.as43.s4 article { padding-top: 103px; }
.as43.s4 article section { height: 970px; }

.TRP1 article { height: 930px; }

.TRP1.as169.s4 article { height: 930px; }
.TRP1.as169.s4 article section { height: 800px; }

.TRP1.as43.s4 article section { height: 930px; }
article .smenunn { position: absolute; width: auto; display: none; right: 0px; top: 2px; }
article .smenunn li.act a { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 2px solid #ffffff; }
article .smenunn li a { text-decoration: none; text-align: center; display: block; width: 100%; height: 100%; color: #ffffff; font-size: 20px; line-height: 42px; margin-top: 0; margin-right: 20px; margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 25px; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); border: 2px solid #111111; box-sizing: border-box; background-image: linear-gradient(to top, #46494D, #0B0B0B); -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; position: relative; padding-left: 0px; padding-right: 15px; }
article .smenunn li a:hover { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 2px solid #ffffff; }
article .smenunn li a::after { position: absolute; top: 0px; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 6px; box-sizing: border-box; width: 16px; height: 16px; border: 8px solid transparent; border-left: 8px solid #fff; }
article .smenupp { position: absolute; width: auto; display: none; right: 750px; top: 2px; }
article .smenupp li.act a { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 2px solid #ffffff; }
article .smenupp li a { text-decoration: none; text-align: center; display: block; width: 100%; height: 100%; color: #ffffff; font-size: 20px; line-height: 42px; margin-top: 0; margin-right: 20px; margin-left: 0; margin-bottom: 0; padding-left: 10px; padding-right: 25px; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); border: 2px solid #111111; box-sizing: border-box; background-image: linear-gradient(to top, #46494D, #0B0B0B); -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; position: relative; padding-left: 15px; padding-right: 0px; }
article .smenupp li a:hover { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 2px solid #ffffff; }
article .smenupp li a::after { position: absolute; top: 0px; bottom: 0; margin: auto; content: ""; vertical-align: middle; left: 6px; box-sizing: border-box; width: 16px; height: 16px; border: 8px solid transparent; border-right: 8px solid #fff; }

article .fnote { width: auto; height: 46px; position: absolute; right: 15px; top: 13px; border: 2px solid #133662; box-sizing: border-box; background-image: linear-gradient(to top, #154674, #133763); -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; color: #ffffff; font-size: 20px; line-height: 46px; padding-left: 20px; padding-right: 20px; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); }
article .fnote span.ico1 { background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_1.jpg"); width: 24px; height: 24px; display: inline-block; vertical-align: text-top; margin-right: 5px; margin-left: 5px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote .ico2 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_2.jpg"); margin-right: 5px; margin-left: 25px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote .ico3 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_3.jpg"); margin-right: 5px; margin-left: 25px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote .ico4 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_4.jpg"); margin-right: 5px; margin-left: 25px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote .hanrei4 { width: 84px; box-sizing: border-box; padding-left: 6px; overflow: hidden; display: inline-block; text-overflow: clip; overflow: hidden; white-space: nowrap; line-height: 1em; vertical-align: middle; }
article .fnote .ico5 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: 100% 100%; background-position: center center; /*background-image: url('../images/common/th_5.jpg');*/ background-image: url("../images/common/bg_5.jpg"); margin-right: 5px; margin-left: 25px; box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote4 { width: auto; height: 46px; position: absolute; right: 15px; top: 46px; border: 2px solid #133662; box-sizing: border-box; background-image: linear-gradient(to top, #154674, #133763); -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; color: #ffffff; font-size: 20px; line-height: 46px; padding-left: 20px; padding-right: 20px; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); }
article .fnote4 span.ico1 { background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_1.jpg"); width: 24px; height: 24px; display: inline-block; vertical-align: text-top; margin-right: 5px; margin-left: 5px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote4 .ico2 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_2.jpg"); margin-right: 5px; margin-left: 25px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote4 .ico3 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_3.jpg"); margin-right: 5px; margin-left: 25px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote4 .ico4 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-image: url("../images/common/th_4.jpg"); margin-right: 5px; margin-left: 25px; /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }
article .fnote4 .hanrei4 { width: 84px; box-sizing: border-box; padding-left: 6px; overflow: hidden; display: inline-block; text-overflow: clip; overflow: hidden; white-space: nowrap; line-height: 1em; vertical-align: middle; }
article .fnote4 .ico5 { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: 100% 100%; background-position: center center; /*background-image: url('../images/common/th_5.jpg');*/ background-image: url("../images/common/bg_5.jpg"); margin-right: 5px; margin-left: 25px; box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); /*box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-moz-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ /*-webkit-box-shadow: 0 0px 6px 0px rgba(250,250,250,0.3);*/ }

article .ico5a { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-image: url("../images/common/ico_oo.png"); margin-right: 5px; margin-left: 5px; background-repeat: no-repeat; }

article .ico5b { width: 24px; height: 24px; display: inline-block; vertical-align: text-top; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; background-image: url("../images/common/ico_oof.png"); margin-right: 5px; margin-left: 5px; }

.spnl .ico5b, .spnl .ico5a { position: absolute; left: 1%; top: 5px; width: 16px; height: 16px; }

.panel { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */ box-sizing: border-box; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; position: absolute; background-size: cover; background-position: center center; box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2); display: none; opacity: 0; }
.panel .cimg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center center; }
.panel .moreinfo { position: absolute; right: 3px; bottom: 3px; width: 16px; height: 16px; box-sizing: border-box; color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); border: 1px solid #ffffff; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; cursor: pointer; }
.panel .moreinfo::after { position: absolute; top: 5px; left: 5px; margin: auto; content: ""; vertical-align: middle; box-sizing: border-box; width: 6px; height: 6px; border: 6px solid transparent; border-left: 6px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.gm6pnl { padding-left: 10px; padding-right: 10px; }

.daysat { background-image: none; background-color: #8794D1; }

.daysun { background-image: none; background-color: #D98E8E; }

.smenu, .smenu2 { display: none; }

.npnl { background-image: url("../images/common/bg_0.jpg"); width: 180px; height: 80px; }

.rpnl { width: 180px; height: 80px; cursor: pointer; z-index: 3; }

.spnl { width: 180px; height: 80px; }

.spnl1 { background-image: url("../images/common/bg_1.jpg"); }

.spnl2 { background-image: url("../images/common/bg_2.jpg"); }

.index .spnl2 { background-image: none; }

.spnl3 { background-image: url("../images/common/bg_3.jpg"); }

.spnl4 { background-image: url("../images/common/bg_4.jpg"); }

.spnl5 { background-image: url("../images/common/bg_5.jpg"); }

.spnlu { background-image: url("../images/common/bg_0.jpg"); }

.pnlin { font-size: 23px; line-height: 32px; width: auto; height: auto; color: #ffffff; text-align: center; white-space: nowrap; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; }

.pcnum4 .pnlin { left: 15px; line-height: 23px; top: auto; bottom: 0; -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; }

.pcnum4b .pnlin { left: auto; right: 15px; top: auto; bottom: 0; line-height: 23px; -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; }

.pcnum4c .pnlin { left: 15px; -webkit-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); }

.npnl .pnlin { color: #111111; }
.npnl .pnlin p { line-height: 28px; font-size: 25px; color: #6D2020; }

.pnlin div { display: inline; width: auto; height: auto; white-space: nowrap; }
.pnlin div.pcifo1 { float: left; text-align: right; width: 180px; }
.pnlin div.pcifo1 span { width: 80px; float: left; display: inline-block; }
.pnlin div.pcifo1 span.pcifo1a { width: 65px; color: #1A7AAA; }
.pnlin div.pcifo1 span.pcifo1a.col2 { color: #A9901C; }
.pnlin div.pcifo1 span.pcifo1a.col3 { color: #AA3221; }
.pnlin div.pcifo1 span.pcifo1b { width: 20px; text-align: center; }
.pnlin div.pcifo2 { float: left; text-align: right; width: 80px; color: #620A0A; margin-right: 20px; }
.pnlin div.pcifo3 { float: left; text-align: right; width: 140px; height: 24px; background-image: url("../images/common/bg_4.jpg"); position: relative; border: 1px solid #0976A0; box-sizing: border-box; }
.pnlin div.pcifo3 span { position: absolute; width: 90%; height: 100%; left: 0; top: 0; overflow: hidden; /*background-image: linear-gradient( to left, #13D9FC,  #09749F );*/ }
.pnlin div.pcifo3 span::after { position: absolute; content: ""; width: 140px; height: 24px; left: 0; top: 0; background-image: url("../images/common/bar.jpg"); }

.pcnum { width: 40%; height: 30%; /*background-color: rgba(0,0,0,0.3);*/ position: absolute; left: 20px; top: 55px; font-size: 60px; color: #ffffff; }
.pcnum.set4 { left: 10px; top: 60px; width: 40%; height: 25%; /*left: 50%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; transform: translateX(-50%) ;*/ }

.pcnum4 { /*width: 55%;*/ width: 100%; height: 27%; /*background-color: rgba(0,0,0,0.3);*/ position: absolute; left: 0px; bottom: 10px; font-size: 23px; color: #ffffff; }

.pcnum4b { width: 100%; /*width:40%;
height: 12%;
position: absolute;
right:0px;
bottom:10px;
font-size: 20px;
color: #ffffff;
text-align: right;*/ /*width: 55%;*/ height: 27%; /*background-color: rgba(0,0,0,0.3);*/ position: absolute; left: 0px; bottom: 10px; font-size: 23px; color: #ffffff; }

.pcnum4c { width: 40%; height: 12%; /*background-color: rgba(0,0,0,0.3);*/ position: absolute; left: 0px; top: 60px; font-size: 20px; color: #ffffff; text-align: right; }

.pcnum4d { width: 100%; height: 90%; position: absolute; left: 0; bottom: 0; font-size: 35px; color: #ffffff; }
.pcnum4d .pnlin { font-size: 30px; }

.pcnum4e { width: 100%; height: 20%; position: absolute; left: 0; top: 56%; font-size: 35px; color: #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.pcnum4e.row2 { height: 40%; }
.pcnum4e.row3 { height: 60%; }
.pcnum4e .pnlin { font-size: 26px; }
.pcnum4e .pnlin .tsz2 { font-size: 22px; }

ul.topsmenu { width: 60%; max-width: 270px; height: 46%; max-height: 130px; box-sizing: border-box; position: absolute; right: 20px; bottom: 20px; font-size: 60px; color: #ffffff; }
ul.topsmenu.set3 { max-width: 40%; max-height: 100px; right: 10px; bottom: 10px; }
ul.topsmenu.set3 .pnlin { font-size: 20px; padding-top: 4px; }
ul.topsmenu.set4 { max-width: 50%; height: 50%; right: 10px; bottom: 10px; }
ul.topsmenu.set4 .pnlin { font-size: 20px; }
ul.topsmenu li { width: 100%; height: 32%; margin-bottom: 1%; line-height: 60px; font-size: 25px; letter-spacing: 1px; display: block; cursor: pointer; text-align: center; color: #ffffff; background-image: linear-gradient(to top, #46494D, #0B0B0B); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; border: 1px solid #46494D; box-sizing: border-box; }
ul.topsmenu li:hover { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); }
ul.topsmenu li a { color: #ffffff; text-decoration: none; }
ul.topsmenu li.pcnon { display: none; pointer-events: none; }

#capbase { position: fixed; z-index: -1; }

#morewin { background-color: #ffffff; width: 600px; height: 400px; position: fixed; left: 50%; top: 50%; z-index: 800; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.5); display: none; opacity: 0; }
#morewin .content { font-size: 20px; height: 270px; box-sizing: border-box; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; overflow: auto; }
#morewin h3 { width: 100%; line-height: 50px; height: 50px; text-align: center; background-image: url("../images/common/bg_9.jpg"); color: #ffffff; font-size: 18px; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 20px; padding: 0; }
#morewin a { word-break: break-all; }
#morewin a.cbtn { text-decoration: none; line-height: 40px; font-size: 18px; letter-spacing: 5px; display: block; width: 120px; height: 40px; text-align: center; color: #ffffff; background-image: linear-gradient(to top, #46494D, #0B0B0B); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; left: 50%; bottom: 20px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#morewin a.cbtn:hover { color: #ffffff; background-image: linear-gradient(to top, #13D9FC, #09749F); }

#smenuwin { color: #ffffff; background-image: linear-gradient(to top, #46494D, #0B0B0B); /*width: 600px;*/ width: auto; height: auto; position: absolute; left: 115px; top: 0px; z-index: 800; box-shadow: 6px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 6px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 6px 6px rgba(0, 0, 0, 0.2); /*box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.5);*/ box-sizing: border-box; display: none; opacity: 0; }
#smenuwin .content { font-size: 20px; height: auto; box-sizing: border-box; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; overflow: auto; }
#smenuwin h3 { width: 100%; line-height: 50px; height: 50px; text-align: center; background-image: url("../images/common/bg_9.jpg"); color: #ffffff; font-size: 18px; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; padding: 0; }
#smenuwin ul li { width: 100%; }
#smenuwin ul li a { text-decoration: none; line-height: 40px; font-size: 16px; letter-spacing: 2px; display: block; width: 100%; height: 40px; text-align: center; color: #ffffff; /*background-image: linear-gradient( to top, #46494D,  #0B0B0B );*/ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; border-bottom: #555555 solid 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
#smenuwin ul li:hover, #smenuwin ul li.act { color: #ffffff; background-color: #3399FF; }
#smenuwin ul.wmenu { text-align: center; }
#smenuwin ul.wmenu li { width: 28%; display: inline-block; margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; }
#smenuwin ul.wmenu li a { padding-left: 0px; padding-right: 0px; }
#smenuwin a.cbtn { text-decoration: none; line-height: 40px; font-size: 18px; letter-spacing: 5px; display: block; width: 120px; height: 40px; text-align: center; color: #ffffff; background-image: linear-gradient(to top, #46494D, #0B0B0B); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; margin-bottom: 3px; margin-left: auto; margin-right: auto; }

#nownn, #nownn3 { width: 1920px; height: 40px; position: absolute; left: -25px; z-index: 0; top: 50px; overflow: hidden; display: none; }

/*
#nownn::after{
	 content: ""; position: absolute; left:2px;
	top:50%; z-index: 1; width: 8px; height: 8px; margin: auto;

border-top: #111111 solid 2px;
border-right: #111111 solid 2px;
	 -webkit-transform: rotate(45deg)  translateY(-50%); transform: rotate(45deg)  translateY(-50%);

}

#nownn::before{
	 content: ""; position: absolute; right:9px;
	top:50%; z-index: 1; width: 8px; height: 8px; margin: auto;

border-left: #111111 solid 2px;
border-bottom: #111111 solid 2px;
	 -webkit-transform: rotate(45deg)  translateY(-50%); transform: rotate(45deg)  translateY(-50%);

}*/
#nownn .arrl, #nownn3 .arrl { position: absolute; top: 50%; content: ""; left: 10px; box-sizing: border-box; width: 12px; height: 12px; border: 12px solid transparent; border-left: 12px solid #111111; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#nownn .arrr, #nownn3 .arrr { position: absolute; top: 50%; content: attr(data-arr); right: 10px; box-sizing: border-box; width: 12px; height: 12px; border: 12px solid transparent; border-right: 12px solid #111111; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#nownn.noarr::before, #nownn3.noarr::before { display: none; }

#nownn.noarr::after, #nownn3.noarr::after { display: none; }

#nownn3 span:nth-child(1), #nownn span:nth-child(1) { content: ""; position: absolute; right: 2px; top: 50%; z-index: 1; width: 13px; height: 12px; margin: auto; border-bottom: #111111 solid 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#nownn3 span:nth-child(2), #nownn span:nth-child(2) { content: ""; position: absolute; left: 2px; top: 50%; z-index: 3; width: 13px; height: 12px; margin: auto; border-bottom: #111111 solid 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#gm6pnl { width: 1224px; height: 480px; /*background-color: rgba(205,186,186,0.8);*/ position: absolute; left: 0; top: 100px; transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform: scale(1.528); }

#gm1pnl { width: 810px; height: 900px; /*	background-color: rgba(205,186,186,0.8);*/ position: absolute; /*left: 1065px;*/ left: 600px; top: -5px; overflow: hidden; /*overflow: auto;*/ }

.TRP1 #gm1pnl { height: 860px; }

#nownn2 { width: 100px; height: 40px; position: absolute; left: 0px; z-index: 0; top: 50px; overflow: hidden; display: none; }

.load { width: 100%; height: 50px; position: fixed; left: 0%; top: 35%; z-index: 9600; }

.load2 { width: 100%; height: 50px; position: absolute; left: 0%; top: 35%; z-index: 9600; }

.load p { color: #ffffff; text-align: center; font-family: "メイリオ", Meiryo, verdana, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif, STHeitiSC-Light; }

.panel.hover .amain4 { position: absolute; width: 100%; bottom: 0; left: 0; height: 100%; }

.hmenu3 { text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 30px; width: 30px; cursor: pointer; position: absolute; right: 2px; bottom: 2px; /*background-color: #0B5690;*/ background-image: linear-gradient(to top, #46494D, #0B0B0B); z-index: 40; /*box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.2);*/ border: 1px double #0B0B0B; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; /*display: none;*/ }
.hmenu3:hover .hmenu3 { background-image: linear-gradient(to top, #13D9FC, #09749F); border: 1px double #ffffff; }
.hmenu3 div { height: 16px; width: 20px; position: relative; margin-left: auto; margin-right: auto; }
.hmenu3 div::after { position: absolute; bottom: -12px; left: 0; margin: auto; content: ""; vertical-align: middle; left: 4px; box-sizing: border-box; width: 6px; height: 6px; border: 6px solid transparent; border-top: 6px solid #fff; }
.hmenu3 span { display: block; background: #ffffff; width: 20px; height: 1px; position: absolute; left: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.hmenu3 span:first-child { top: 3px; }
.hmenu3 span:nth-child(2) { margin-top: -1px; top: 50%; }
.hmenu3 span:last-child { bottom: 4px; }
.hmenu3.active span:first-child { -webkit-transform: translateY(7px) rotate(45deg); -moz-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }
.hmenu3.active span:nth-child(2) { opacity: 0; }
.hmenu3.active span:last-child { -webkit-transform: translateY(-7px) rotate(-45deg); -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }

#pup_wrapperZ2 { background-color: rgba(0, 0, 0, 0.7); position: fixed; height: 150%; width: 100%; left: 0px; top: 0px; z-index: 80; display: none; /*cursor:pointer;*/ }

#pup_wrapperZ3 { background-color: rgba(0, 0, 0, 0.3); position: fixed; height: 150%; width: 100%; left: 0px; top: 0px; z-index: 11000; display: none; pointer-events: none; }

.loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 3px solid rgba(210, 192, 139, 0.2); border-right: 3px solid rgba(210, 192, 139, 0.2); border-bottom: 3px solid rgba(210, 192, 139, 0.2); border-left: 3px solid #D2C08B; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }

.loader, .loader:after { -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 50px; height: 50px; }

@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
._sp { display: none; }

._sp960, ._sp360, ._sp460, ._sp560, ._sp680, ._sp760, ._sp860 { display: none !important; }

.as43 nav { max-width: 930px; }
.as43 nav ul li a { font-size: 18px; }
.as43 .qrinfo { width: 1560px; height: 1065px; }
.as43 .qrinfo img { width: 430px; }
.as43 .qrinfo .cmt0 { width: 65%; height: 700px; }
.as43.TRP1 .qrinfo { height: 1025px; bottom: 85px; }
.as43 #gm1pnl { width: 650px; height: 1020px; left: 520px; }
.as43 #gm6pnl { transform: scale(1.266); height: 700px; background-repeat: no-repeat; background-position: right top; }
.as43 #nownn, .as43 #nownn3 { width: 1600px; }
.as43 #smenuwin ul li a { font-size: 13px; }
.as43 ul.topsmenu.set3 { height: 40%; max-width: 50%; max-height: 100px; }
.as43 ul.topsmenu.set3 .pnlin { font-size: 16px; }
.as43 ul.topsmenu.set4 { height: 40%; max-width: 55%; }
.as43 ul.topsmenu.set4 .pnlin { font-size: 16px; }
.as43 #w0 .sc0 { width: 1600px; height: 1200px; }
.as43 article { height: 1090px; }
.as43 article .updatet4 { font-size: 18px; }
.as43 article section { width: 1550px; height: 1000px; }
.as43 article .smenupp li.act a, .as43 article .smenupp li a:hover, .as43 article .smenunn li.act a, .as43 article .smenunn li a:hover, .as43 article .ctttit .smenu li.act a, .as43 article .ctttit .smenu li a:hover, .as43 article .ctttit .smenu2 li.act a, .as43 article .ctttit .smenu2 li a:hover { border: 1px solid #ffffff; }
.as43 article .smenupp li a, .as43 article .smenunn li a, .as43 article .ctttit .smenu li a, .as43 article .ctttit .smenu2 li a { font-size: 16px; }
.as43 article .ctttit .updatet { font-size: 16px; }
.as43 article .topnote { font-size: 16px; }
.as43 article .topnote span { font-size: 16px; }
.as43 article .fnote { font-size: 16px; }
.as43 article .fnote span.ico1 span.ico2, .as43 article .fnote span.ico3, .as43 article .fnote span.ico4, .as43 article .fnote span.ico5 { width: 20px; height: 20px; }
.as43 article .fnote4 { font-size: 16px; }
.as43 article .fnote4 span.ico1 span.ico2, .as43 article .fnote4 span.ico3, .as43 article .fnote4 span.ico4, .as43 article .fnote4 span.ico5 { width: 20px; height: 20px; }
.as43.TRP1 article { height: 1050px; }

.as43.TRP1.hdhddn article { height: 1120px; }

.as43.TRP1 article section { height: 960px; }

@media screen and (max-width: 640px) { ._sp640 { display: block; }
  ._pc640 { display: none; } }
@media screen and (max-width: 584px) { ._sp560 { display: block !important; }
  ._pc560 { display: none !important; } }
@media screen and (max-width: 468px) { ._sp460 { display: block !important; }
  ._pc460 { display: none !important; } }
@media screen and (max-width: 390px) { ._sp360 { display: block; }
  ._pc360 { display: none; } }
.component { position: absolute; width: 100%; max-width: 480px; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 177; }
.component h3 { font-size: 24px; color: #fff; text-align: center; margin: 0; margin-bottom: 10px; }
.component .cn-wrapper ul { position: relative; }
.component .cn-wrapper ul li { width: 100%; height: 60px; position: relative; box-sizing: border-box; margin-bottom: 4px; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); opacity: 0; }
.component .cn-wrapper ul li.act a { background-color: #10BFE4; }
.component .cn-wrapper ul li.act a span { color: #fff; }
.component .cn-wrapper ul li.act::after { border-top: #fff solid 2px; border-right: #fff solid 2px; }
.component .cn-wrapper ul li:hover a { background-color: #10BFE4; }
.component .cn-wrapper ul li:hover a span { color: #fff; }
.component .cn-wrapper ul li:hover::after { border-top: #fff solid 2px; border-right: #fff solid 2px; right: 10px; }
.component .cn-wrapper ul li::after { content: ""; position: absolute; right: 20px; top: 23px; z-index: 1; width: 10px; height: 10px; margin: auto; border-top: #000 solid 2px; border-right: #000 solid 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.component .cn-wrapper ul li a { background-color: #fff; display: block; width: 100%; height: 100%; position: relative; color: #000; text-decoration: none; line-height: 1em; font-size: 24px; }
.component .cn-wrapper ul li a span { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-align: center; position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 178; }
.component .cn-wrapper.opened-nav ul li { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); opacity: 1; }
.component .cn-wrapper.opened-nav ul li:nth-child(1) { transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; }
.component .cn-wrapper.opened-nav ul li:nth-child(2) { transition-delay: 0.05s; -moz-transition-delay: 0.05s; -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; -ms-transition-delay: 0.05s; }
.component .cn-wrapper.opened-nav ul li:nth-child(3) { transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; }

#maincontent2 { position: absolute; z-index: 887; width: 100%; height: 100%; left: -115%; top: 0; -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); }
#maincontent2.act { left: 0; }
#maincontent2 #npnl_Z { opacity: 1; display: block !important; }
#maincontent2 .spnl { width: 100%; height: 100%; position: relative; }
#maincontent2 .spnl .note { font-size: 24px; color: #fff; position: absolute; width: 100%; bottom: 0px; left: 0; box-sizing: border-box; padding: 40px; text-align: right; z-index: 888; }
#maincontent2 .spnl .tstxt { position: absolute; left: 7%; top: 54%; width: 86%; height: 65%; font-size: 150px; z-index: 888; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#maincontent2 .spnl .tstxt .tstxtin { color: #fff; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-sizing: border-box; padding-left: 20px; padding-right: 20px; left: 50%; top: 50%; transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; }
#maincontent2 .spnl .tsnm { position: absolute; left: 0; top: 0; width: 100%; height: 15%; background-size: cover; background-position: center center; background-image: url("../images/common/bg_4.jpg"); font-size: 100px; color: #fff; z-index: 778; }
#maincontent2 .spnl .tsnm .tsname { width: 30%; height: 100%; float: left; text-align: center; position: relative; box-sizing: border-box; overflow: hidden; border-right: 1px solid #666; }
#maincontent2 .spnl .tsnm .tsname .tsnamein { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-sizing: border-box; padding-left: 20px; padding-right: 20px; left: 50%; top: 50%; transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; }
#maincontent2 .spnl .tsnm .tstime { width: 70%; height: 100%; float: left; box-sizing: border-box; text-align: center; position: relative; overflow: hidden; }
#maincontent2 .spnl .tsnm .tstime .tstimein { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-sizing: border-box; padding-left: 20px; padding-right: 20px; left: 50%; top: 50%; transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; }
