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

 

@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: right; /* 右方向にフロート */
  width: 100%; /* 左カラムで指定した100px以外の幅を保持 */
  margin: 0 0 0 -270px; /* 左カラムと同じ幅をマイナス指定し横並びに */
}
 
.r_col_fix {
  float: right; /* 左方向にフロート */
  width: 270px; /* 左カラムをpxで固定 */
  margin-top: 0;
}
 
.l_contents {
  margin: 0 0 10px 280px; /* 左カラムとの右マージンを調整  */
}
 
/* クリアフィックス */
.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: 2em;
    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;
}
/*ボタン指定（終了）---------------------------------------------------------------*/





}