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

/*------------------------------------------------- 
　　　　　　　イベント詳細ページ
--------------------------------------------------*/
/*---- h2 イベントタイトル）-----*/
#contents h2.eventtitle {
  position: relative;
	padding-bottom: .5em;
	margin-top: 10px;	
	width: 100%;
	border-bottom: 5px solid #A1A9BA;
	line-height: 1.3;
}
#contents h2.eventtitlesub {
  position: relative;
        font-size: 13px;
	font-size: 1.3rem;
	padding-bottom: .5em;
	margin-top: 10px;	
	width: 100%;
	border-bottom: 5px solid #A1A9BA;
	line-height: 1.3;
}
#contents h2.eventtitle::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 5px;
	background-color: #002899;
}
#contents h2.eventtitlesub::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 5px;
	background-color: #002899;
}



/*------------------------------------------------- 
　　　　　　　デザイン枠組 
--------------------------------------------------*/
/*------トップ日時枠----------*/
.date {
padding: 4px 4px 4px 15px;	
margin: 0px;	
background-color: #252A35;
color: #ffffff;
line-height: 1.5;
}


/*------スタッフタイトル----------*/
h3.staff{
padding: 4px 4px 4px 15px;	
margin: 25px 0px -15px 5px;	
background-color: #252A35;
color: #ffffff;
font-weight: bold;
line-height: 1.5;
font-size: 16px;
font-size: 1.6rem;
}

/*------プロフィール枠----------*/

.probox{
 padding: 0px;			
 margin-bottom: 10px;	
 background: #ffffff;	
 border: 3px solid #ffffff;
}

.probox h3 {
 margin: 10px 5px 0px 10px;
 font-size: 16px;
 font-size: 1.6rem;
line-height: 1.5;
}



/*---- イベント基本枠-------*/

.gridWrapper{
overflow: hidden;
}

.eventbox{
 float:left;
padding:10px 0px 0px 0px;
border-bottom: 1px dotted #5a544b;
 width:100%;
 margin-top: 5px;
 margin-left: 7px;
 margin-right: 7px;
}

.eventbox_img{
  float: left;
  width: 22%;
  min-width:100px ;
  margin: 0px 15px 10px 0px;
   background: url(../img/gr.png) repeat;
   overflow: hidden;
  text-align: center;
  border: solid 1px #E5E5E5;
}


/*---- イベント写真（ポスター）枠-------*/
.evepos{
float: right;
margin: 5px 0px 0px 10px;
border: solid 3px #ffffff;
height: relative;
text-align: center;
color: #89734D; 
}
.evepos:hover{
border: solid 3px #EEC600;
text-decoration: none;
}

.evep{
float: right;
margin: 5px 0px 0px 10px;
border: solid 3px #ffffff;
height: relative;
text-align: center;
}


/*---- join基本枠-------*/

.gridWrapper{
overflow: hidden;
}

.joinbox{
 float:left;
padding:10px 0px 0px 0px;
border-bottom: 1px dotted #5a544b;
 width:100%;
 margin-top: 5px;
 margin-left: 7px;
 margin-right: 7px;
}

.joinbox_img{
  float: left;
  width: 28%;
  height: relative;
  min-width:120px ;
  margin: 0px 15px 10px 0px;
   background: url(../img/gr.png) repeat;
   overflow: hidden;
  text-align: center;
  border: solid 1px #E5E5E5;
}



/*-----写真の横並びリスト-------*/
ul.eimglist { 
margin: 0px 10px 10px 10px; 
padding: 0; 
text-align: left;
}
ul.eimglist li{ 
font-size: 13px;
font-size: 1.3rem;
line-height: 1;
display: -moz-inline-box;
display: inline-block;
text-align: center;
/display: inline;
/zoom: 1;
}



/*------------------------------------------------- 
　　　　　　　ボタン 
--------------------------------------------------*/

/*------オンラインチケットボタン（赤バック）--------*/

.tiketbox{
	margin: 1px 5px 4px 0px;
	height: 35px;
	float:left;
}

.tiketbox p.onlintiket{
font-size: 14px;
font-size: 1.4rem;
}
.tiketbox p.onlintiket a{
padding:4px 8px;
border-radius:8px;
color:#fff;
text-decoration: none;
 background: -webkit-linear-gradient(top, #E75685 0%, #80273F 100%);
 background-color: #E75685  ;
}
.tiketbox p.onlintiket a:hover{background:#488fdd;}


 
/*----参加型イベントボタン横並び　--------*/

.box {
	float: right;
}

.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}



/*------------------------------------------------- 
　　　　　　　表（テーブル） 
--------------------------------------------------*/

/*------月リンク表示-------*/
table.listtable {
  width: 100%;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
 font-size: 14px;
 font-size: 1.4rem;
}
td.listtable_left {
  text-align: left;
  padding: 2px 2px 2px 14px;
  width: auto;
}
td.listtable_center {
  text-align: center;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
  background-color:#E5E5E5;
  padding: 2px 4px 2px 4px;
  min-width: 69px;
  max-width: 140px; 
}
td.listtable_right {
  text-align: right;
  padding: 2px 14px 2px 2px;
  width: auto;
}

/*---市民ロビーイベント　２列のイベント表-------*/
table.record {
  border-collapse: collapse;
  margin: 0px 15px 4px 10px;
  width: 97%;
  font-size: 15px;
  font-size: 1.5rem;
  border: solid 1px #999999;
}
th.record_title {
  border-collapse: collapse;
  font-size: 15px;
  font-size: 1.5rem;
  border: solid 1px #999999;
  text-align: center;
  background-color: #E5E5E5;
  padding: 2px 6px 2px 8px;
}
td.record_day {
  border-collapse: collapse;
  font-size: 15px;
  font-size: 1.5rem;
  border: solid 1px #999999;
  text-align: center;
  font-weight:bold;
  padding: 2px 1px 2px 4px;
  min-width: 30px;
}
td.record_contents {
  border-collapse: collapse;
  font-size: 15px;
  font-size: 1.5rem;
  border: solid 1px #999999;
  padding: 2px 8px 2px 8px;
}



/**----レスポンシブテーブルデザイン 表----**/
table.respo{
  width:100%;
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.respo th{
  border-top: solid 1px #ffffff;
  min-width:60px;
  overflow: hidden;
  color: #89734D;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: center;
  background-color: #eeece4;

}
 
.respo td{
 width: auto;
padding: 5px 10px　5px 10px;
text-align: left;
vertical-align: top;
color: #28282B;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}



/**----イベント特記----**/
table.enote{
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.enote th{
  border-top: solid 1px #ffffff;
  min-width:60px;
  overflow: hidden;
  color: #89734D;
  font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: center;
  background-color: #eeece4;

}
 
.enote td{
 width: auto;
padding: 5px 10px　5px 10px;
text-align: left;
vertical-align: top;
color: #28282B;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}



/*************************************************** 
 　　　　　　　　PC向けのスタイル 
 ****************************************************/
@media screen and (min-width: 710px) {


/*---- イベント写真（ポスター）枠-------*/
.evepos{
width:33%;
}
.evep{
width:33%;
}
}


/***********************************************
　　　タブレット向けのスタイル 【タブレット用】
*************************************************/
@media screen and (min-width:480px) and (max-width:710px) {

/*---- イベント写真（ポスター）枠-------*/
.evepos{
width:33%;
}
.evep{
width:33%;
}

}

/*******************************************
　　　スマートフォン向けのスタイル 
*******************************************/
@media screen and (min-width:410px) and (max-width:480px) {

/*---- イベント写真（ポスター）枠-------*/
.evepos{
width:50%;
}
.evep{
width:50%;
}
}

/*******************************************
　　　スマートフォン向けのスタイル 
*******************************************/
@media only screen and (max-width: 410px) {

/*---- イベント写真（ポスター）枠-------*/
.evepos{
width:100%;
}
.evep{
width:100%;
}
}