@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
/* reset style
-------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,address,form,fieldset,input,textarea,p,blockquote { margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
img {border: 0;vertical-align: top;}
hr {display:none;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
dt,th {font-weight: normal;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
a:hover {cursor: pointer;}
a:focus {outline: none;}
li p,li li,th p,th li,td p,td li,li dt,li dd,td select,td input,td textarea,td option,dd p,dd li,dd select,dd input,dd textarea,dd option {font-size:100%;}

/* common style
-------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; letter-spacing: 0.2em;}
p,td,th,li,dt,dd,pre { font-size: 93%; line-height:1.5;}
.clear { clear: both; }

/*clearfix */
.clearfix:after, ul:after, ol:after, dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
 
body { background: #000 url('../images/bg_01.jpg') no-repeat fixed left bottom; background-size: cover; color: #fff; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; font:13px/1 "メイリオ", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif; }
@media print, screen and (min-width: 768px) { body { min-width:1000px; _display: inline; _zoom:1;}}

@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}

*, *::before, *::after { box-sizing: border-box;
}

/* --------------------------------
 * parts
 * -------------------------------- */
.section-contents { width:960px; margin:0 auto;}
.b {font-weight:bold;}
.mr2 { margin-right:2%;}

@media screen and (max-width: 767px) {
.section-contents { width:100%;}
}

/* --------------------------------
 * header
 * -------------------------------- */
.header { width:100%; padding: 0px; margin:0 auto 10px; background-color: rgba(0,0,0,0.2);}
.head-right, .head-left { width:960px; margin:0 auto;}

@media screen and (max-width: 767px) {
.header { width:100%; position:relative;}
}

/* logo */
.head-logo-top { padding: 10px 20px 5px 0px; width:600px; margin:0 auto;}
.head-logo { padding: 10px 20px 5px 0px; width:300px; margin:0 auto;}
.head-logo img { width:300px; height:auto; }

@media screen and (max-width: 767px) {
.head-logo-top { width:80%; max-width:400px; position:absolute; top:10px; padding: 0px 20px 5px 10px;}
.head-logo-top img { width:100%; height:auto; }
.head-logo { width:80%; max-width:300px; position:absolute; top:10px; padding: 0px 20px 5px 10px;}
.head-logo img { width:100%; height:auto; }
}

/* haishin */
.menu-btn { border-left: dotted 1px #CCC; border-right: dotted 1px #CCC; border-bottom: dotted 1px #CCC; text-align:center; background-color: rgba(0,0,0,0.4); cursor: pointer; padding:5px 5px 5px 3px; margin-right:10px; font-size:1.4em;}
.menu-btn:hover { opacity: 0.6;}

@media screen and (max-width: 767px) { 
.menu-btn { width:60px; position:absolute; top:0px; right:0;}
}

@media print, screen and (min-width: 768px) {
.menu-btn { width:100px; position:absolute; top:0px; margin:0 860px;}
}	

/* navimenu filter:dropshadow(color=#808080,offX=1,offY=1); */

.slicknav_menu { display:none;}

@media screen and (max-width: 767px) { 
.js #menu { display:none;}
.js .slicknav_menu { display:block;}
}

.head-navi-pc ul { list-style:none;}
.head-navi-pc ul li { border-left: double 3px #808080; border-bottom: dotted 1px #808080; margin:2px; font-size:0.9em; font-weight:bold;}
.head-navi-pc a { display:block; padding:10px 5px 10px; color: #fff; text-decoration: none; text-shadow: 2px 2px 3px rgba(0,0,0,0.6); }
.head-navi-pc a:hover { background-color: rgba(0,0,0,0.3);}

@media screen and (max-width: 767px) {
.head-navi-pc a { background-color: rgba(0,0,0,0.2);}
.head-navi-pc ul li { border-left:none; text-align:center; margin:0px; padding:0px;}
}

@media print, screen and (min-width: 768px) {
.head-navi-pc	{ display:table-cell; text-align:center;}
.head-navi-pc a { font-size: 1.4em;}
.head-navi-pc ul { width:960px; padding-bottom:10px;}	
.head-navi-pc li { display:inline-block;}
}


/* --------------------------------
 * page-title
 * -------------------------------- */
.page-navi { padding: 10px 10px 0px; background-color: rgba(0,0,0,0); color:#fff;}
.page-title { border-left: solid 3px #808080; border-bottom: double 3px #808080; padding-left:10px; padding-bottom:5px; margin-bottom:20px; font-size:1.8em; font-weight:bold;}

.page-navi-a li { width:23.2%; text-align:center; display:inline-block; border-top:solid 1px #808080; font-size:1.6em;}
.page-navi-a a { display:block; padding:5px 20px; color: #fff; text-decoration: none;}
.page-navi-a .on { background-color: rgba(0,0,0,0.6); }
.page-navi-a .off { background-color: rgba(0,0,0,0.3); }
.page-navi-a a:hover { background-color: rgba(0,0,0,0.3);}

.page-navi-b { background-color: rgba(0,0,0,0.6); padding:15px 15px 0px 15px;}
.page-navi-b li { margin-right:10px; display:inline-block; font-size:1.4em;}
.page-navi-b a { display: block; padding:5px; color: #fff; text-decoration: none; border: double 3px #fff; }
.page-navi-b .renpo { background-color: rgba(2,38,86,0.5); }
.page-navi-b .zion { background-color: rgba(80,14,20,0.5); }
.page-navi-b .nanyo { background-color: rgba(70,24,70,0.5); }
.page-navi-b a:hover { background-color: rgba(0,0,0,0.3);}

.page-navi-c { background-color: rgba(0,0,0,0.6); padding:5px 15px 0px 15px;}
.page-navi-c li { display:inline-block; font-size:1.4em;}
.page-navi-c a { display: block; margin-right:10px; padding:5px; text-decoration: none; }
.page-navi-c a:hover { background-color: rgba(0,0,0,0.3);}
.page-navi-c .renpo-n a:hover { background-color: rgba(2,38,86,0.5);}
.page-navi-c .zion-n a:hover { background-color: rgba(80,14,20,0.5);}
.page-navi-c .nanyo-n a:hover { background-color: rgba(70,24,70,0.5);}
.title-c { width:960px; border-bottom:double 3px #ccc; font-size:1.8em; margin-bottom:10px; padding-left:10px; padding:10px;}

@media screen and (max-width: 767px) {
.page-navi-b { display:inherit;}
.page-navi-b li { margin-bottom:5px; display:inherit;}
.page-navi-b a { margin-right:0px; margin-bottom:0px; padding:5px; }
.page-navi-c { display:inherit; padding:0px 10px;}
.page-navi-c li { font-size:1.2em;}
.page-navi-c a { margin-right:0px; margin-bottom:0px; padding:5px; }
.none-s { display:none !important;}
.title-c { width:100%; padding:10px 10px 20px 10px;}
}

@media print, screen and (min-width: 768px) {
.none-p { display:none !important;}
}

/* --------------------------------
 * page-main background-color: rgba(0,0,0,0.8);
 * -------------------------------- */
.page-main { padding: 20px 0 0 0; background: url('../images/bg_main.png') repeat; border-top: solid 2px rgba(255,255,255,0.5); border-bottom: solid 2px rgba(255,255,255,0.5); }
.navi-contents { width:960px; margin:0 auto;}
.main-contents { width:960px; margin:0 auto; padding-bottom:20px;}

@media screen and (max-width: 767px) {
.navi-contents, .main-contents { width:100%;}
}

/* --------------------------------
 * page-sub 
 * -------------------------------- */
.page-sub { padding: 30px 0 50px; background-color: rgba(0,0,0,1);}

/* --------------------------------
 * page-sub-bnr 
 * -------------------------------- */
.page-sub-bnr { padding: 30px 0 50px; background-color: rgba(0,0,0,0.3);}

/* --------------------------------
 * footer
 * -------------------------------- */
.footer { padding: 50px 30px; font-size: 0.8em; line-height:1.4em; color:#9a9a9a; text-align:center;}
.footer a { color:#9a9a9a !important; text-decoration: none; }
.surise-logo { padding:10px; filter:drop-shadow(0px 0px 12px #fff);}

/* --------------------------------
 * to top style
 * -------------------------------- */
#page-top { position: fixed; bottom: 50px; right: 20px; border: solid 1px #ccc; font-size:5.0em; line-height:1.2em;}
#page-top a { background: #333; text-decoration: none; color: #fff; width: 80px; height: 80px; padding: 0px; text-align: center; display: block; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
#page-top a:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}

@media screen and (max-width: 767px) {
#page-top { font-size:4.0em; line-height:1.0em;}
#page-top a { width: 60px; height: 60px;}
}

/* font collor
-------------------------------------- */
a:link, a:focus, a:visited { color: #fff; }
a:active, a:hover { color: #fff; }

/* font decoration
-------------------------------------- */
a:link, a:visited, a:hover { text-decoration: none;}

/* new
-------------------------------------- */
.new { background-color: rgba(255,0,0,0.5); padding:1px 5px 1px; margin:0px 3px; font-size:0.8em; color:#fff; font-weight:bold;}

@media screen and (max-width: 767px) {
.pc { display:none;}
}

@media print, screen and (min-width: 768px) {
.smt { display:none;}
}