/* Style Sheet by SuzuSakura

E.M.T.G in NAGARA
==================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a{margin:0; padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ul li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%;}
sub{vertical-align:text-bottom; font-size:75%;}
input,textarea,select,button{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
a{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}
/* clear element 

==================================================== */
.clr{clear:both;}
.clrFx{clear:both;}
.clrFx:after{content:''; clear:both; display:block;}
main,article,section,footer{clear:both;}
main:after,article:after,section:after,footer:after{content:''; clear:both; display:block;}

/* BASE CONFIGURATIONS
==================================================== */
body{font-size:16px; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif; color:#555; line-height:1.7; font-weight:normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

@font-faca{font-family: 'FontAwesome'; src: url('/12th/common/font/fontawesome-webfont.eot');  src: url('/12th/common/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),   url('/12th/common/font/fontawesome-webfont.woff') format('woff'),  url('/12th/common/font/fontawesome-webfont.ttf') format('truetype')}

.wf-roundedmplus1c {font-family:"Rounded Mplus 1c"; }
.mpf{font-family: 'M PLUS Rounded 1c', sans-serif;}

a:link{color:#0087cb; text-decoration:underline;}
a:visited{color:#0087cb; text-decoration:none;}
a:hover{color:#0087cb; text-decoration:none;}
a:active{color:#0087cb;}

/* force alignment and float */
.aCt{text-align:center;}
.aRt{text-align:right;}
.aLt{text-align:left;}
.rt,.fRt{float:right;}
.lt,.fLt{float:left;}

a:hover img{opacity:0.7;}

article section p,article section ul,
article section ol{font-size: 1.1rem;}

/* Header
==================================================== */
#wrapper{}
header{background: rgba(255,255,255,0.7); padding:30px 0px; z-index:20; border-bottom:none; position: fixed; top: 0px; left: 0px; width: 100%;}
header .headWrap p.siteLogo img{width:250px; height:auto;}
header nav ul{font-size: 1.2rem; margin-top:10px;}
header .headWrap{max-width:1200px; margin:0 auto; text-align:center;}


header nav{color:#03546f; max-width:1200px; margin:0 auto;;}
header nav ul:after{content:""; clear:both; display:block;}
header nav ul li{margin-right:20px; display:inline-block; font-weight: bold;}
header nav ul li:last-child{margin-right:0px;}
header nav ul li.sp{display:none;}
header nav ul li a:link{color:#0087cb; text-decoration:none;}
header nav ul li a:hover{color:#0087cb; text-decoration:underline;}
header .toggle,
header .toggleClose{display:none;}

/* footer
==================================================== */
footer{background:#03639a; color:#fff; padding:40px 20px 23px 20px;}
footer .footWrap{max-width:1200px; margin:0 auto;}
footer .footWrap p{}
footer .footWrap .footBnr{ margin-bottom:20px;}
footer .footWrap .footBnr li{display:inline-block; width:240px; margin-right:5px;}
footer .footWrap .footBnr li img{width:100%; height:auto;}
footer .footWrap .footBnr li:nth-child(4){}
footer address{text-align:center; font-size:12px; font-weight:bold;}
footer ul.noBnr{background:#fff; width:275px; height:40px;}
footer .fTxt{text-align:center; margin-bottom:25px;}

/* Article
==================================================== */
article{padding:250px 15px 0px 15px; background-color:#fff; background-position:center top; background-repeat:no-repeat;}
article.headBg01{background-image:url("/12th/common/images/topHeadBg01.jpg");}
article.headBg02{background-image:url("/12th/common/images/topHeadBg02.jpg");}
article.headBg03{background-image:url("/12th/common/images/topHeadBg03.jpg");}
article.headBg04{background-image:url("/12th/common/images/topHeadBg04.jpg");}
article.headBg05{background-image:url("/12th/common/images/topHeadBg05.jpg");}
article.headBg06{background-image:url("/12th/common/images/topHeadBg06.jpg");}
article.headBg07{background-image:url("/12th/common/images/topHeadBg07.jpg");}
article.headBg08{background-image:url("/12th/common/images/topHeadBg08.jpg");}
article.headBg09{background-image:url("/12th/common/images/topHeadBg09.jpg");}
article.headBg10{background-image:url("/12th/common/images/topHeadBg10.jpg");}
article.headBg11{background-image:url("/12th/common/images/topHeadBg11.jpg");}

article section .redTxt{color:#ff0000;}
article section{padding:70px 25px; max-width:1200px; margin:0 auto;  }
article section .half{width:50%;}
article section .half img{width:100%; height:auto;}
article section .half.fLt{margin-right:20px;}
article section .half.fRt{margin-left:20px;}
article section .half.lt{padding-right:10px;}
article section .half.rt{padding-left:10px;}
article section .half.lt img,
article section .half.rt img{width:100%; height:auto;}
article h1{font-size:2.7rem; color:#206078; margin-bottom:80px; font-family:"Rounded Mplus 1c";}
article section h2{font-size:2.0rem; color:#222222; border-bottom:2px solid #206078; margin-bottom:50px; font-family:"Rounded Mplus 1c";}
article h1 small{font-size:2rem;}
article section h2 small{font-size:1.8rem; display: block;}
article section h3{font-size:1.5rem; color:#206078; margin-bottom:40px; font-weight:bold;}
article section p.bEmp{font-size: 18px;}
article section ul+h3{margin-top:25px;}
article section ul.list,
article section ol.list{margin-left:1.5em; margin-bottom:50px;}
article section ul.list li{list-style:disc; margin-bottom: 15px;}
article section .note ul.list,
article section .note ol.list{margin-bottom:0px;}
article section figure{margin-bottom:20px;}
article section p{margin-bottom:30px; }
article div.bg{background:#e0feff;}
.btn{max-width:500px; line-height:1.4; font-size:22px; text-align:center; padding:30px 0; margin:0 auto;}
.btn a{color: #fff; background: rgb(190,227,255); background: linear-gradient(0deg, rgba(190,227,255,1) 0%, rgba(0,110,193,1) 100%); display:block;text-decoration:none; padding:30px 20px; width: 100%; border-radius:30px; border: 1px solid #fff; font-weight: bold; box-shadow: inset 0 1px 0 #008c64, inset 0 0 40px 5px rgb(0 0 0 / 30%), 0 0 2px 1px rgb(0 0 0 / 50%); box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 50%);}
.btn a:hover{background:#002134; display:block; text-decoration:none; box-shadow: none;}
.btnB{width:450px;padding: 0px; margin-bottom: 30px;}
.btnB a{padding: 20px;}
div.mv,article,
header,footer{min-width:1100px;}
article section .pageAnc{}
article section div.note{background:#ffffd7; padding:20px; margin-bottom:40px;}
article section div.note h3{margin-bottom:30px;}
article section div.note p{line-height:1.7; font-size: 1.0rem;}
article section div.note p:last-child{margin-bottom:0px;}
article ul.pageAnc{}
article ul.pageAnc li{position:relative;  padding-left:1em;}
article ul.pageAnc li:before{content:"↓"; position:absolute; left:0px; top:0px;}
article ul.pageAnc li a{text-decoration:underline;}
article ul.pageAnc li a:hover{text-decoration:none;}
article section table{border:1px solid #CCC; border-bottom:0px; border-right:0px; width:100%; font-size: 1.1rem;}
article section table tr{padding:10px;}
article section table th,
article section table td{padding:20px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
article section table thead tr{background:#b5e7ff;}
article section table tbody th{background:#b5e7ff; font-weight: bold;}
article section .half.ltBox{padding-right:20px;}
article section .half.rtBox{padding-left:20px;}
article section .video,article section .map{margin-bottom:40px;}
article section .video a:link{color:#0087cb; text-decoration:none;}
article section .video a:hover{color:#0087cb; text-decoration:none;}

/* Article Top
==================================================== */
header nav ul li.sp{display:none;}
body#top header .headWrap p.siteLogo img{width:250px; height:auto;}
body#top #mv{min-height:500px; min-width: 1200px; width:100%; text-align: center; background: url("/12th/images/mv.jpg") top center no-repeat; background-size:contain; margin-top: 170px;}
body#top #mv figure{overflow: hidden; white-space: nowrap; text-indent:100%;}
body#top article{padding:50px 0 140px 0; min-width:1200px; max-width:100%;  z-index:-20; background-image: none;}
body#top article .topTxt{color:#017bc0; font-size:45px; padding:20px 0; margin-bottom:40px; font-family: 'M PLUS Rounded 1c', sans-serif; background-color: rgba(255,255,255,0.7);}
body#top article section{padding:20px 80px 20px 80px; }
.subTit{text-align: center; font-size:1.5rem; margin:20px 0 50px 0;}
article.topCont section.news h1{margin-bottom:20px;}
article.topCont section.news{padding-bottom:60px;}
article.topCont section ul.topBnr:after{content:""; display:block; clear:both;}
article.topCont section ul.topBnr li{height:auto; text-align:center; line-height:80px; font-size:20px; margin-bottom:20px; width:50%;}
article.topCont section ul.topBnr li a{width:100%; height:auto; display:block;}
article.topCont section ul.topBnr li:nth-child(odd){float:left; padding-right:10px;}
article.topCont section ul.topBnr li:nth-child(even){float:right; padding-left:10px;}
article.topCont section ul.topBnr li:nth-child(2+1n){clear:both;}
article.topCont section ul.topBnr li a{display:block; border:2px solid #115982; border-radius:10px; color: #fff; background: rgb(190,227,255); background: linear-gradient(0deg, rgba(190,227,255,1) 0%, rgba(0,110,193,1) 100%);
 text-decoration:none;  box-shadow: inset 0 1px 0 #008c64, inset 0 0 40px 5px rgb(0 0 0 / 30%), 0 0 2px 1px rgb(0 0 0 / 50%);}
article.topCont section ul.topBnr li a:hover{text-decoration:none; background: #2879a8; box-shadow: none;}

body#top .countArea{max-width: 1200px; margin: 0 auto 50px auto; padding: 50px 0px 0 0; }

.countArea{opacity: 1.0;}
.contTxt{text-align:right; font-size: 1.75rem; color: #001dff;}
.countBox{background: #c0eaff; border-radius: 20px; padding: 30px;box-shadow: 10px 10px 10px 10px #001dff;}
#countdown {display: flex; justify-content: flex-end; align-items: center;gap: 5px; }
.counter {display: flex; align-items: center; background: #fff; padding: 2px; border-radius: 20px;}
.digit {font-size: 4.0rem;  font-weight: bold;}
.label {font-size: 0.8rem; margin-left: 5px;}
.image-container {position: relative; width: 622px; height: 800px; overflow: hidden;}

.image-container img {position: absolute; top: 0; left: 0; width: 100%; height: auto;opacity: 0;transition: opacity 4s ease-in-out;}

.fade-bg {width: 100%; height:850px; background-size: cover; position: relative;margin-bottom: 50px;}

.fade-bg:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(255, 255, 255, 0.3); /* 半透明な白色背景 */ z-index: -1;}

@keyframes fade {
  0% { opacity: 0; }
  10% { opacity: 0.2; }
  45% { opacity: 0.5; }
  90% { opacity: 0.8; }
  100% { opacity: 0; }
}


/* Guest */
article#guest .guestBox{margin:30px 0; }
article#guest .guestBox:after{content:""; display:block; clear:both;} 
article#guest .guestBox figure{float:left; width:30%; height:auto; margin-right:5%;}
article#guest .guestBox figure img{width:100%; height:auto;}
article#guest .guestBox .gfRt{float:right; width:65%; word-break:break-all;}
article#guest .guestBox .gfRt h3{margin-bottom:30px;}
article#guest .guestBox .gfRt ul{ margin:0 0 15px 1.5em;}
article#guest .guestBox .gfRt ul li{line-height:1.5; list-style: disc; margin-bottom: 8px;}
article#guest .guestBox .gfRt ul li:last-child{margin-bottom: 0px;}
article#guest .guestBox .gfRt ul,
article#guest .guestBox .gfRt p{font-size:16px;}
article#guest .guestBox .gfRt p{margin:20px 0px;}

/*  multi column  */
article .mc{display:flex; flex-wrap:wrap; justify-content:space-between;}
article .mc .col{margin-bottom:30px;}
article .mc.duo .col{width:calc(50% - 20px);}
.mc.trio .col{width:calc(33.5% - 20px); padding-right: 20px;}
.mc.trio .col.g2{width:calc(66% - 15px);}
.mc.fort .col.g3{width:calc(75% - 15px);}
.mc.fort .col{width:calc(25% - 15px);}
.mc.fort .col img{width: 100%; height: auto;}

body .timeTable table{border:none !important;}
body .timeTable th,.timeTable td{padding:10px;}
body .timeTable th{background:none; width:15%; border:none;}
body .timeTable td{border:none !important;}
body .timeTable tr:nth-child(even){background:#B7E5FF;}
body div.report{}
body div.report:after{content:""; display:block; clear:both;}
body div.report figure{float:left; width:48%; height:auto; margin:0 2% 20px 0; background:#878282; color:#fff; padding:2px; line-height:1.0; font-size:0;}  
body div.report figure figcaption{line-height:25px; font-size:11px;}
body div.report figure:nth-child(even){margin-right:0%;}
body div.report figure img{width:100%; height:auto;}
body div.report .resultTxt{}

.result .mc .col img{width: 100%; height: auto;}

@media screen and (min-width:1190px) and (max-width:1216px){
}
@media screen and (min-width:851px) and (max-width:1190px){
article.top section ul.topBnr li a{width:450px;}

}

@media screen and (min-width:641px) and (max-width:850px){
body#top #mv{height:300px;}
}



@media screen and (max-width:768px){
.rt,.fRt,
.lt,.fLt{float:none;}
header,article,
footer,div.mv{min-width:320px;}
header{padding:20px 0 15px 0;}
header .headWrap p.siteLogo{margin-bottom:0px; width:180px; margin:0 auto; text-align:center;}
article{padding:85px 0px 0px 0px; background-size:auto 80px;}
article section .half.lt{padding-right:0px;}
article section .half.rt{padding-left:0px;}
header p.siteLogo{padding:0px;}
header p.siteLogo img{width:100%; height:auto;}
#wrapper img{width:100%; height:auto;}
header nav ul li.sp{display:block;}
article section{padding:30px 15px 30px 15px;}
article section .half{width:100%;}
article section .half img{width:100%; height:auto;}
article section .half.fLt,
article section .half.fRt{margin-left:0px;}
article section h1{margin-bottom:30px; line-height:1.5; font-size:27px;}
article section h2 small{font-size:18px;}
article section h2{margin-bottom:25px;}
article section h3{margin-bottom:25px;}
article section table th,
article section table td{padding:10px;}
article section .map,
article section ul{margin-bottom:20px;}
article section:last-child{padding-bottom:20px;}
header aside{border:none; border-width:0; position:fixed; left:0px; top:0px; width:100%; background:#0087cb;height:100%; z-index:100000; display:none;}
header aside .toggleClose{display:block; width:50px; height:50px; position:absolute; right:10px; top:5px; text-indent:50px; white-space:nowrap; color:#fff; font-size:0px; z-index:200;}
header aside .toggleClose:before{content:"\f00d"; width:50px; height:50px; position:absolute; right:0; top:0; text-indent:0px; text-align:center; font-family:"FontAwesome"; font-size:45px; line-height:50px;}
header aside nav ul{border-left:0; height:auto; width:auto;}
header aside nav ul li{height:auto; width:auto; float:none; line-height:1.2; text-align:left; font-size:16px; border-right:0; border-left:0; border-bottom:1px #fff solid; display:block; margin-right:0px;}
header aside nav ul li a:link{color:#fff; background:transparent; padding:15px 10px; width:100%; display:block; font-weight:bold;}
header aside nav ul li a:visited{color:#fff;}
header aside nav{position:relative; left:auto; top:auto; width:auto; height:auto; margin-top:60px; border-top:1px #fff solid;}
header aside nav ul{border-left:0; height:auto; width:auto;}
header aside nav li{height:auto; width:auto; float:none; line-height:1.2; text-align:left; font-size:16px; border-right:0; border-left:0; font-weight:bold; border-bottom:1px #fff solid;}
header .toggle{display:block; width:50px; height:50px; position:absolute; right:10px; top:10px; text-indent:50px; white-space:nowrap; overflow:hidden; color:#0087cb; font-size:0px; z-index:20;}
header .toggle:before{content:"\f0c9"; width:50px; height:50px; position:absolute; right:0; top:0; text-indent:0px; text-align:center; font-family:"FontAwesome"; font-size:45px; line-height:50px;}
article section .btnB{width:100%;}

article section .half.ltBox{padding-right:0px;}
article section .half.rtBox{padding-left:0px;}
article#guest .guestBox figure{float:none; width:70%; margin-right:0; margin:0 auto;}
article#guest .guestBox figure img{width:100%; height:auto;}
article#guest .guestBox .gfRt ul li{line-height:1.3; margin-bottom:5px;}
article#guest .guestBox .gfRt{float:none; width:100%; word-break:break-all;}
footer .spTxt,
footer .footWrap .footBnr{display:none;}
body .timeTable th,.timeTable td{padding:5px;display:block;}
body .timeTable th{width:100%; font-weight:bold; line-height:1.0; padding-bottom:0px;}

/* Article Top
==================================================== */
body#top header .headWrap p.siteLogo img{width:100%; height:auto;}
	body#top article{padding-top: 0px;}
body#top article.topCont{min-width:320px;}
body#top article.topCont section{padding:20px 15px; }
body#top article.topCont .topTxt{color:#017bc0; font-size:2.5rem; margin-bottom:0px;}
article h1 small{font-size: 1.5rem;}
.subTit{text-align: center; font-size:15px; margin:20px 0;}
body#top article.topCont section.news h1{font-size:22px;}
body#top article.topCont section.news h1 small{font-size: 17px;}
body#top article.topCont section ul.topBnr li{line-height:50px; margin-bottom:5px;width:100%;}
body#top article.topCont section ul.topBnr li a{}
body#top article.topCont section ul.topBnr li:nth-child(odd),
body#top article.topCont section ul.topBnr li:nth-child(even){float:none;}
body#top article.topCont section ul.topBnr li:nth-child(odd){padding-right:0px;}
body#top article.topCont section ul.topBnr li:nth-child(even){padding-left:0px;}
.contTxt{text-align:center; font-size: 1.5rem; color: #001dff;}
body#top #mv{width: 100%; height:auto; min-width: 320px; background: none; margin-top: 80px; min-height:150px;}
body#top #mv figure{text-indent:0; white-space: normal; overflow:auto;}
.image-container img{width: 100%; height: auto;}
#movie .videoCont iframe{display:none !important;}
.image-container {position: relative; width:100%; height:450px; overflow: hidden;}
article .countArea .mc.duo .col{margin-bottom: 0px;}
.digit{font-size: 2.5rem;}
.fade-bg{height: auto;}
.label{font-size: 0.7rem;}
.countBox{padding: 15px;margin:0 5px 5px 5px; }
#countdown{justify-content:center; align-items:center; ;gap: 2px;}
article#guest .guestBox .gfRt ul{margin-bottom:20px;}
article section .video{position: relative; width:100%;  padding-top:56.25%; margin-bottom:20px;}
article section .video iframe{ position: absolute;  top:0; right:0; width:100% !important;  height:100% !important;}

body div.report{}
body div.report:after{content:""; display:block; clear:both;}
body div.report figure{float:none; width:100%; height:auto; margin:0 0% 20px 0; padding:2px; background:#878282; color:#fff; font-size:11px;}  
body div.report figure:nth-child(even){margin-right:0%;}
body div.report figure img{width:100%; height:auto;}

article .mc{display:block; margin-bottom:30px;}
article .mc.duo .col{width:100%; margin-bottom:20px;}
}