@charset "utf-8";

body{margin: 0;padding: 0;}

#container{
 width:100%;
 overflow: hidden;
}

.top #main{
    background: #181f34;
    background-size:100% auto;
    position: relative;
    z-index: 80;
    text-align: center;
    padding: 0; margin: 0;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size:1em ;
}

section{width: 100%;clear: both;margin-top: 0px;margin-bottom: 0px;}
.top section h2 img{width: auto; display: inline;text-align: center;}

form{margin: 0;padding: 10px 0;}
ol,ul,dl,dt,dd,h1,h2,h3,h4{padding:0;margin:0;}
li{list-style:none;padding:0;margin:0;}
img {border:none; display: block;}
a { text-decoration: none; color: gold;}

section#arc_top ul li.clear{margin-left:0;}

h3 {
color: #161b26;
margin:15px 0px 0px 20px;
font-size: 1.3em;
font-family: "Sawarabi Mincho";
}

#page-top {
    position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 77%;
    font-weight: bold;
}
#page-top a {
    background: #eef3fe;
    text-decoration: none;
    color: #161b26;
    width:100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border: 3px dashed #b6ddfc;
    border-radius: 5px;
}
#page-top a:hover {
color: gold;
    text-decoration: none;
    background: #181f34;
}

/*--------------------------------------------------------------------
　ヘッダー
-------------------------------------------------------------------- */

section#arc_topper{
 text-align: center;
 background: #000000;}

section#arc_topper div{/* 黒帯 */
 display: block;
 color: #ffffff;
 font-size: 0.8em;
 padding: 3px;
 text-align: center;
}

section#arc_header{/* ヘッダーメニュー枠 */
 text-align: center;
 margin:10px 0 -70px 0;
 padding: 0px;
 display: block;
}

@media(max-width: 800px){
section#arc_header{/* ヘッダーメニュー枠 */
 text-align: center;
 margin:10px 0 -50px 0;
 padding: 0px;
 display: block;
}
}

section#arc_header ul {
 text-align: center;
 width: 100%;
 z-index: 100;
 padding:0; margin: 0;
}

section#arc_header ul li {
 width: 165px;
 color:#fff; text-shadow: 1px 1px 3px #000,0 0 6px #000;
 padding:0; margin: 0;
 letter-spacing: 0.05em;
 line-height: 135%;
 vertical-align: top;
 text-align:center;
 position: relative;
 z-index:100;
 display: inline-block;
 background: rgba(24,31,52,0.5);
}

section#arc_header ul li.logo {/* ロゴ枠 */
 padding: 0;
 margin: -20px 0px 0px 30px;
 width: 252px;
 background: none;
 text-align: center;
}

@media(max-width: 800px){
section#arc_header ul li.logo {/* ロゴ枠 */
 padding: 0;
 margin: -20px auto 0px 10%;
 width: 100%;
 text-align: center;
 background: none;
 display: block;
}
}

section#arc_header ul li a{
 display: block;
 padding:12px 0px 12px 0px;
 color: #ffffff;
 line-height: 20px;
 border-left: solid 1px #091126;
 border-right: solid 1px #091126;
}

section#arc_header ul li a:hover{
 color: gold;
 background-color: #0f1424;
}

div.topic{
 margin: 10px 7px 20px 7px;
 border: 3px dashed #b6ddfc;
 background: #fefefe;
 text-align: left;
 display: block;
}

div.topicleft{
 max-width: 120px;
 min-width: 60px;
 width: 15%;
 text-align: left;
 vertical-align: middle;
 display: inline-block;
}
div.topicright{
 width: 80%;
 vertical-align: top;
 background: none;
 text-align: left;
 display: inline-block;
}

/*--------------------------------------------------------------------
　トップエリア
-------------------------------------------------------------------- */

section#arc_top{
 text-align: center;
 background: #111727;}

section#arc_top img {
 min-width: 1px;
 width: 100%;
 min-height: 1px;
}

section#arc_top div.event {
 margin:-64px 15% 0 15%;
 padding: 8px;
 color: #ffffff;
 position: relative;
 z-index:100;
 display: block;
 background: rgba(24,31,52,0.8);
 border-top: solid 1px #091126;
  border-left: solid 1px #091126;
   border-right: solid 1px #091126;
}


/*--------------------------------------------------------------------
　 ブロックエリア
-------------------------------------------------------------------- */

section#arc_box{width: 100%; 
 padding:0px 0 30px 0;
 margin: 0px 0 0px 0;
 text-align: left;
 background: #fefefe;}
 
section#arc_box div.box_title{
 display: inline-block;
 padding: 20px 0 20px 0;
 color:#fff; text-shadow: 1px 1px 3px #000,0 0 6px #000;
 font-size: 1.3em;
 letter-spacing: 0.05em;
 text-align: center;
 width: 100%;
 background: rgba(24,31,52,1);
 border-top: solid 0px #091126;
 border-bottom: solid 2px #111727;
 }
 
section#arc_box ul{
 width: 100%;
 padding: 0;margin: 0;
 background: #fefefe;
 }
 
section#arc_box ul li{
 padding:0px;
 text-align: left;
 vertical-align: top;
 background: none;
 display: inline-block;
 }

section#arc_box ul li.img{
 width: 50%;
 }
 
section#arc_box ul li.desc{
 width: 50%;
 }
 
section#arc_box ul li.desc p{
 margin: 10px 20px 20px 20px;
 padding: 0;
 text-align: left;
 letter-spacing: 0.05em;
 line-height: 150%;
}

section#arc_box ul li.desc a{
 border-bottom:1px dashed #b6ddfc;
 margin-right:10px;
 color: #1e2534;
}

@media(max-width: 1000px){
section#arc_box ul li.img{
 width: 100%;
 background: none;
 display: block;
}
section#arc_box ul li.desc{
 width: 100%;
 background: none;
 display: block;
}
}

section#arc_box img{
 display: block;
 width: 100%;
}

section#arc_box div.box_content{
 display: block;
 width: 100%;
 padding: 0;
 background: #fefefe;
 text-align: center;
}

section#arc_box div.box_content div.content{
 display: inline-block;
 width: 50%;
 background: #fefefe;
 text-align: center;
}

@media(max-width: 800px){
 section#arc_box div.box_content div.content{
 width: 100%;
 background: none;
 display: block;
}
}

section#arc_box div.box_content div.content ul{
 display: block;
 width: 100%;
 padding: 0 ;
 background: #eef3fe;
 text-align: center;
}

section#arc_box div.box_content div.content ul li{
 display: inline-black;
 width: 48%;
 margin: 1%;
 background: none;
 text-align: center;
}

section#arc_box div.box_content div.content ul li.contentleft{
 width: 38%;
 margin: 1%;
 background: #none;
}

section#arc_box div.box_content div.content ul li h6{
 opacity: 0.8;
 padding: 0 5px 0 0;
 margin: -35px 0 0 0;
 font-size: 1.5em;
 text-align: right;
 vertical-align: top;
 background: none;
 color: #fff;
}

section#arc_box div.box_content div.content ul li.contentright{
 width: 58%;
 margin: 1%;
 background: none;
}

section#arc_box div.box_content div.content ul li h4{
 margin-top: 0px;
 padding: 0;
 text-align: left;
 font-size: 0.9em;
 letter-spacing: 0.05em;
 line-height: 135%;
 background: #fefefe;
}

section#arc_box div.box_content div.content ul li p{
 margin: 3px 0px 5px 0px;
 padding: 0;
 text-align: left;
 font-size: 0.9em;
 letter-spacing: 0.05em;
 line-height: 135%;
 background: none;
}


/*--------------------------------------------------------------------
　 フッター
-------------------------------------------------------------------- */

section#arc_footer{width: 100%; 
 padding:0px;
 margin: 0px;
 text-align: center;
 color: #fff;
 background: none;}
 
section#arc_footer div.footer_box{
display: inline-block;
 width: 33%; 
 padding:30px 0px 30px 0px;
 margin: 0px;
 text-align: center;
 background: none;}
 
 
@media(max-width: 800px){
 section#arc_footer div.footer_box{
 display: block;
 width: 100%; 
 padding:30px 0px 15px 0px;
 margin: 0px;
 text-align: center;
 background: none;}
}
}
 
section#arc_footer div.footer_box ul{width: 100%; 
 display: block;
 padding: 0 ;}
 
section#arc_footer div.footer_box ul li.left{width: 20%; 
 display: inline-block;
 padding: 0;
 color: gold;
 text-align: right;
 vertical-align: top;
 background-color: none;
 }
 
section#arc_footer div.footer_box ul li.right{width: 79%; 
 display: inline-block;
 padding: 0 ;
 text-align: left;
 vertical-align: top;
 background-color: none;
 border-left: solid 1px #888;
 } 
 
section#arc_footer div.footer_box ul li.left p{ 
 padding: 0;
 margin-right: 10px;
 font-size: 1em;
 letter-spacing: 0.2em;
 line-height: 135%;
 } 
 
 section#arc_footer div.footer_box ul li.right p{ 
 padding: 0;
 margin-left: 10px;
 font-size: 0.9em;
 letter-spacing: 0.05em;
 line-height: 135%;
 }