.event_info{
	margin-bottom:  -25px!important;
	margin-top:  -20px!important;
	padding-top: -20px!important;
}

 table.line3 {
  width: ;
  border-spacing: 0;
  font-size:14px;
}
table.line3 th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(255,117,0,0.7), rgba(255,117,0,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(255,117,0,0.7)), to(rgba(255,117,0,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(255,117,0,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.line3 th:first-child {
  border-radius: 5px 0 0 0;	
}
table.line3 th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.line3 tr td {
  padding: 5px 5px 2px 5px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: left;
}
table.line3 tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.line3 tr {
  background: #fff;
}
table.line3 tr:nth-child(2n+1) {
  background: #f1f6fc;
}
table.line3 tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.line3 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table.line3 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
table.line3 tr:hover {
  background: #bbd4ee;
  cursor:pointer;
}


@media only screen and (min-width:769px){

dl.respon_table dl,dt,dd {
font-size: 80%;
}

blockquote { width:50%; margin:0 auto; }

dl.respon_table{
border-top: none;
width: 100%;

}


dl.respon_table dt {
border-top: 1px solid #a7a7a7;
clear: left;
float: left;
width: 35%;
}


dl.respon_table dd {
border-left: 1px solid #a7a7a7;
border-top: 1px solid #a7a7a7;
margin-left: 35%;

} 
}



 margin-5{margin: -20px!important;}
 
 
 
 /*===============================================
●style.css 画面の横幅が769px以上
===============================================*/

@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.sma{display: none;}


/*メインメニュー指定---------------------------------------------------------------*/

.container-fluid{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
    width: 960px;
    padding-left: 5%;
    padding-right: 5%;
}


.navbar-aoboo{  /* PC版の上の青帯*/
    background-position: center bottom;
    background-repeat: repeat-x; 
    background-image: url(https://www.zr.akaboo.jp/zronly/photo/#text7#-photo6.png); 
    background-color: #e50808;
    
}


.font_shadow_pc{
font-size: 100%;
font-weight: bold;
color:#fff;
  /* for modern browser (firefox , chrome , safari )*/
  text-shadow: 1px 1px 3px rgba(45,2,2,0.6),
               -1px  1px 3px rgba(45,2,2,0.6),
               1px  -1px 3px rgba(45,2,2,0.6),
              -1px  1px 3px rgba(45,2,2,0.6);
 /* for IE */
 filter:dropshadow(color=rgba(45,2,2,0.6),offX= 3,offY=-1)
        dropshadow(color=rgba(45,2,2,0.6),offX= 1,offY= 3)
        dropshadow(color=rgba(45,2,2,0.6),offX= 3,offY= 1)
        dropshadow(color=rgba(45,2,2,0.6),offX=-1,offY= 3);
}
}


.navbar-inverse .navbar-nav > li > a {
color: #ffffff;
}
/*メインメニュー指定（終わり）---------------------------------------------------------------*/

/*トップ戻るボタン------------------------------------------------------------------*/  
#pageTop {display: none;}
#pageTop a {display: none;}
/*トップ戻るボタン（終わり）------------------------------------------------------------------*/  

/*BOX指定---------------------------------------------------------------*/
body{margin: 0!important;
 background: #eee8fc!important;
}

#container{
width:100%;
 background: #ffffff!important;
}

.header {
	max-width: 100%;
	min-width: 1000px;	
    z-index: 999;
	margin: 0 auto;
	padding: 0;
 background: #eee8fc;
}


#main_title{
width: :100%;
height: 50%;
background: #eee8fc;	
text-align: center;
background-image: url(https://www.b2-online.jp/images/navio_topimage.png) ,
url(https://www.b2-online.jp/images/navio_topimage_back.jpg);
background-repeat:  no-repeat,
no-repeat;
background-position:center top,
center top;
-moz-background-size:1000px auto,
100% auto;
background-size:1000px auto,
100% auto;
}


.item_box_oya{	padding:0px 20px!important;}
.item_box{	margin: 0px auto 10px auto; padding:15px; max-width:1000px;  background-color:rgba(255,255,255,0.9); }
.item_box_line{padding:8px;margin:2% 1%;width:auto;background-color:rgba(255,255,255,.9);border:1px solid #b3b3b3}

.item_box_event{	margin: 0px; padding:0px;  background-color:rgba(255,255,255,0.9); }

.kadomaru {
border-radius: 5x;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.shadow {
box-shadow: 0 1px 5px rgba(0,0,0,.2); 
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2); 
-o-box-shadow: 0 1px 5px rgba(0,0,0,.2); 
zoom: 1;	
}


/* 左カラム可変・右カラム固定 */
.l_col_liquid {
  float: left; /* 左方向にフロート */
  width: 100%; /* 右カラムで指定した100px以外の幅を保持 */
  margin: 0 -270px 0 0; /* 右カラムと同じ幅をマイナス指定し横並びに */
}
 
.r_col_fix {
  float: left; /* 右方向にフロート */
  width: 270px; /* 右カラムをpxで固定 */
  margin-top: 0;
}
 
.l_contents {
  margin: 0 280px 10px 0; /* 右カラムとの右マージンを調整  */
}
 
/* クリアフィックス */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}





/*BOX指定（終わり）---------------------------------------------------------*/




/*テーブル指定---------------------------------------------------------------*/
table.respon {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 96%;
margin:5px 2%;

}
table.respon th,
table.respon td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}
table.respon th {
  background-color: #eee;
  text-align: left;
}


/*tableレスポンシブ-*/
table.respon2 {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}
table.respon2 th,
table.respon2 td {
  padding: 10px 10px 10px 10px;
  border: 1px solid #999;
  text-align: left;
  background-color: white;
}
table.respon2 th {
  text-align: center;
  width: 20%;
  font-weight: bold;
  font-size: 90%;
  color:#393a3c!important;
  background-color:  #d6d6f8;
}

/*tableレスポンシブ-*/
table.respon3 {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}
table.respon3 th,
table.respon3 td {
  padding: 10px 10px 10px 10px;
  border: 1px solid #999;
  text-align: left;
  background-color: white;
}
table.respon3 th {
  text-align: center;
  width: 30%;
  font-weight: bold;
  font-size: 90%;
  color:#393a3c!important;
  background-color:  #d6d6f8;
}

/*tableレスポンシブ-*/
table.respon4 {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}
table.respon4 th,
table.respon4 td {
  padding: 10px 10px 10px 10px;
  border: 1px solid #999;
  text-align: left;
  background-color: white;
}
table.respon4 th {
  text-align: center;
  width: 40%;
  font-weight: bold;
  font-size: 90%;
  color:#393a3c!important;
  background-color:  #d6d6f8;
}



  /*tableレスポンシブ-*/
table.respon5 {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}
table.respon5 th,
table.respon5 td {
  padding: 10px 10px 10px 10px;
  border: 0px solid #999;
  text-align: left;
  font-weight: normal;
  background-color: white;
}
table.respon5 th {
  text-align: left;
  width: 50%;
  font-size: 90%;
}

/*tableレスポンシブ-*/
table.respon_price {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}
table.respon_price th,
table.respon_price td {
  padding: 10px 10px 10px 10px;
  border: 1px solid #999;
  text-align: left;
  background-color: white;
}
table.respon_price th {
  text-align: center;
  width: 60%;
  font-weight: bold;
  font-size: 90%;
  color:#393a3c!important;
  background-color:  #d6d6f8;
}

/*テーブル指定（終わり）---------------------------------------------------------------*/


/*その他指定---------------------------------------------------------------*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eaeaea;
    margin: .2em 0!important;
    padding: 0;
}
.hideAnchor {
	display:block;
	height:0px;
	height:1px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:-120px;
	padding-bottom:120px;
}


/*その他指定（終わり）---------------------------------------------------------------*/

/*テキスト指定---------------------------------------------------------------*/
.nokaigyo{display:inline-block;}


h1 {
  color: #444;
  font-size: 26px!important;
  position: relative;
  padding: 0 0 2px 32px;
  border-bottom: 3px solid #e50808;
}
h1:before, h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #e50808;
  margin: auto;
}
h1:before {
  top: -4px;
  left: 0px;
  animation: spin 4s linear infinite;
}
h1:after {
  top: 4px;
  left: 6px;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


h2 {
	font-size: 16px!important;
	font-weight:bold!important;
　  line-height: 1.3em;
　　margin : 1.5em 0 1.5em -50px ; 
    border-bottom: 1px dotted #f0c000;
    text-align: left;
}

h2:before{
	content: " \f192";
	font-family: FontAwesome;
	color: #ffc800;
	margin-right: 3px;

}

h2p {
	font-size: 16px;
	font-weight:bold;
　　　　line-height: 1.5em;
　　　　margin : 1.5em 0 1.5em 0 ; 
    text-align: left;
}

h2p:before{
	content: " \f058";
	font-family: FontAwesome;
	color: #729297;
	margin-right: 3px;

}	

h2p2 {
	font-size: 16px;
	font-weight:bold;
　　　　line-height: 1.5em;
　　　　margin : 1.5em 0 1.5em 0 ; 
    text-align: left;
}

h2p2:before{
	content: " \f058";
	font-family: FontAwesome;
	color: #729297;
	margin-right: 3px;

}	


h5{	line-height: 1.6!important;}
	

ul {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bolder;
	padding-top: 5px;
	margin:5px auto 5px -40px!important;
	text-align: left;
	}

ul.nav {
	font-size: 14px;
	line-height: 1em;
	font-weight: bolder;
	padding-top: 2px;
	margin:1px auto 1px 0px!important;
	text-align: left;
	}	
	
ul:before{
	content: " \f138";
	font-family: FontAwesome;
	color: #fa7e00;
	margin-right: 3px;

}	

ul li.nav {
	line-height: 1em!important;
	}

p{line-height: 1.6; color:#434343!important; }




/*テキスト指定（終わり）---------------------------------------------------------------*/


/*ボタン指定---------------------------------------------------------------*/
.label_button{font-size: 150%; line-height: 1.8; }
.label_lead{
  line-height: 2!important;
  padding: 1em .6em .5em!important;
}

.index_button100 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
height:45px;
	line-height:45px;
width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	text-indent:;
}.index_button100:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.index_button100:active {
	position:relative;
	top:1px;
}
/*ボタン指定（終了）---------------------------------------------------------------*/





}