@charset "UTF-8";
/* CSS Document */

html,
body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	color: #000;
	font-family: Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0;

  /* 画像ファイルの指定 */
  background-image:url(../img/bg_file.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

h1 {
	color: #fff;
	font-size: 1.5em;
	margin: 0;
}

h2 {
	font-size: 1.25em;
}

p {
	line-height: 1.3;
}

a:link {
	color: #f6b51e;
	text-decoration: none;
}

a:visited {
	color: #f6b51e;
	text-decoration: none;
}

a:hover {
	color: #f6841e;
	text-decoration: none;
}
a:active {
	color: #f6b51e;
	text-decoration: none;
}

video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}

div#container {
margin: 0;
background-image:url(../img/dot.png);
width:100%;
height: auto !important;  /* IE6対策：この2行で */
height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
min-height: 100%;         /* 中身が少なくても高さ100%にする */
}

#bg {
width:1000px;
margin:0 auto;
}

#header {
background-image:url(../img/bg.jpg);
width:1000px;
height:800px;
margin:0 auto;
color: #fff;
}


#contents {
background-color:#6d1216;
width:1000px;
margin:0 auto;
padding:15px;
color: #fff;
font-size:16px;
line-height:1.6em;
}

#contents_c {
background-color:#6d1216;
width:846px;
margin:0 auto;
padding:40px 79px 50px;
color: #fff;
font-size:16px;
line-height:1.6em;
}


/*--------------------------------
// ナビゲーション部分css
----------------------------------*/

#g_navi {
	width: 1000px;
	height:70px;
	margin:0;
	text-align:left;
}

#g_navi ul {
	padding:0;
	margin:0;
}

#g_navi li {
	display:inline;
	list-style-type:none;
}

#g_navi li a {
	height:58px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#g_navi li.g_navi01 a {
	background:url(../img/navi3.png) no-repeat 0px 0px;
	width:125px;
}
#g_navi li.g_navi02 a {
	background:url(../img/navi3.png) no-repeat -125px 0px;
	width:125px;
}
#g_navi li.g_navi03 a {
	background:url(../img/navi3.png) no-repeat -250px 0px;
	width:125px;
}
#g_navi li.g_navi04 a {
	background:url(../img/navi3.png) no-repeat -375px 0px;
	width:125px;
}

#g_navi li.g_navi05 a {
	background:url(../img/navi3.png) no-repeat -500px 0px;
	width:125px;
}

#g_navi li.g_navi06 a {
	background:url(../img/navi3.png) no-repeat -625px 0px;
	width:125px;
}

#g_navi li.g_navi07 a {
	background:url(../img/navi3.png) no-repeat -750px 0px;
	width:125px;
}

#g_navi li.g_navi08 a {
	background:url(../img/navi3.png) no-repeat -875px 0px;
	width:125px;
}



/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../img/navi3.png) no-repeat 0px -58px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../img/navi3.png) no-repeat -125px -58px;
}
#g_navi li.g_navi03 a:hover {
	background:url(../img/navi3.png) no-repeat -250px -58px;
}
#g_navi li.g_navi04 a:hover {
	background:url(../img/navi3.png) no-repeat -375px -58px;
}
#g_navi li.g_navi05 a:hover {
	background:url(../img/navi3.png) no-repeat -500px -58px;
}
#g_navi li.g_navi06 a:hover {
	background:url(../img/navi3.png) no-repeat -625px -58px;
}
#g_navi li.g_navi07 a:hover {
	background:url(../img/navi3.png) no-repeat -750px -58px;
}
#g_navi li.g_navi08 a:hover {
	background:url(../img/navi3.png) no-repeat -875px -58px;
}


#news {
width:844px;
margin:0 auto;
}

#news_bg {
width:550px;
height:280px;
float:left;
margin-top:470px;
padding:10px;
font-size:12px;
background-image:url(../img/bg_news.png);
background-repeat:no-repeat;
line-height:1.6em;
}

#tw_bg {
width:250px;
float: right;
margin-top:470px;
font-size:12px;
background-image:url(../img/bg_news.png);
}

div#content {
  padding: 1em 1em 5em;
  text-align:center;
}

#footer {
text-align:center;
font-size:12px;
color:#CCCCCC;
margin:10px 0;
}

.title {
margin-top:40%;
margin:auto 0;
}

.section {
background-image: url(http://trifle-stage.com/mirage2017/css/img/bg.jpg);
background-size: cover;
}

.panel01 {
height: 450px;
width: 740px;
padding: 20px 40px;
margin: 0 auto;
text-align:center;
}

.panel {
background-image:url(../img/bg.png);
color:#CCCCCC;
font-size:12px;
line-height:1.8em;
text-align:left;
height: 450px;
width: 740px;
padding: 20px 40px;
margin: 0 auto 0;
box-shadow: 0 0 25px rgba(0,0,0,0.1);
}

.nav {
bottom: 20px;
width: 100%;
text-align: left;
padding: 20px;
z-index: 50;
}

.nav li {
display: inline;
}

.nav li a {
padding: 6px 26px;
color: #fff;
text-decoration: none;
margin: 0;
}

.nav li a:hover {
color: #FFFF99;
}

#welcome {
margin:auto;
text-align:center;
color:#CCCCCC;
width:430px;
font-size:12px;
line-height:1.6em;
padding:10px;
background-image:url(../img/bg.png);
}

.p1 {
width:181px;
background-image:url(../img/bg3.png);
padding:10px;
}

#lock {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	text-align: center;
	display: none;
	opacity: 0.7;
}sss

.label,.label-danger,.error {
color:#FF0000;
padding-top:7px;
margin-top:0;
margin-bottom:0;
background-color:#d9534f;
border-color:#d43f3a;
}

#copyright {
color:#CCCCCC;
float:right;
font-size:10px;
text-align:right;
bottom: 0;
width:200px;
margin-bottom:5px;
margin-top:8px;
}

.bt {
width:200px;
float:right;
}

#pr {
width:513px;
float:right;
}

#waku {
background-image:url(../img/tv.png);
z-index:9999;
position:relative;
}

.qa_q {
background-color:#FF6600;
color:#fff;
padding:5px;
font-size:14px;
}

.qa_a {
color:#FFFFFF;
padding:5px;
font-size:14px;
margin-bottom:20px;
}

p.line4 {
   border-bottom: 1px solid #ccc;
   margin:10px 0 10px;
   width:100%;
}



.dl-list-01 {  
  width: 700px;  
  margin: 0 0;  
}  
  
.dl-list-01 dt {  
  width: 190px; /* 幅調節 */  
  height: 130px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-01 dd {  
  width: 500px; /* 幅調節 */  
  height: 130px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-02 {  
  width: 750px;  
  margin: 0 0;  
}  
  
.dl-list-02 dt {  
  width: 130px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-02 dd {  
  width: 560px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
}  

.cr{
	width:700px; /* 横幅 */
	padding:18px; /* 内側余白 */
	border:solid 1px #000000; /* 罫線 */
	border-radius:10px; /* 角丸 */
	margin-bottom:25px;
}

.waku{
	width:96%; /* 横幅 */
	padding:18px; /* 内側余白 */
	border:solid 2px #d93418; /* 罫線 */
	border-radius:10px; /* 角丸 */
	margin-bottom:25px;
	line-height:1.8em;
	background-color:#bc211f;
}

.waku2{
	width:96%; /* 横幅 */
	padding:18px; /* 内側余白 */
	border:solid 2px #FFFF00; /* 罫線 */
	border-radius:10px; /* 角丸 */
	line-height:1.8em;
	background-color:#bc211f;
}

.tk {
	width:92%; /* 横幅 */
	padding:18px; /* 内側余白 */
	margin-bottom:25px;
	line-height:1.6em;
}

.dl-list-03 {  
  width: 700px;  
  margin: 0 0;  
}  
  
.dl-list-03 dt {  
  width: 240px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-03 dd {  
  width: 510px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-04 {  
  width: 720px;  
  margin: 0 0;  
}  
  
.dl-list-04 dt {  
  width: 190px; /* 幅調節 */  
  height: 260px; /* 高さ調節 */  
  float: left; 
  clear: left;
  padding-right:10px;
}  
  
.dl-list-04 dd {  
  width: 520px; /* 幅調節 */  
  height: 260px; /* 高さ調節 */  
  float: left;
}  

.dl-list-05 {  
  width: 700px;  
  margin: 0 0;  
}  

.dl-list-05 dt {  
  width: 160px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-05 dd {  
  width: 560px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
}  


p.line2 {
   border-bottom: 1px solid #ccc;
   margin:10px 0 10px;
}

p.line3 {
   border-bottom: none;
   margin:10px 0 10px;
}




.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373;}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}