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

#second_contents h2,
p.lead {margin:0 20px;}

#event_detail h2{
  padding: 10px 0;
  clear: both;
  display: block;
  height: auto;
  color: #5A533B;
  font-weight: bold;
  background: none;
}
hr {
  margin-right:0;
  margin-left:0;
  margin-top:10px;
  margin-bottom:20px;
  clear: both;
  color:#A7A7A7;
  border-top: #A29C9C solid 1px;
}
/*************************************
イベントコンテンツ
*************************************/
#event_detail.fullwidth{min-width: 958px; padding: 0;}

#event_detail dl img { max-width: 100%;}
#event_detail p{ line-height: 1.6; padding-bottom: 10px;}
#event_detail dl a[target="_blank"] {
  background: url(../img/icon_external.gif) no-repeat right center;
  padding-right: 18px;
  color: #0762cc;
}

#event_detail .event-lead {
  background-color: #f1d7e2;
  padding: 0px;
  margin-top: -11px;
  margin-left:19px;
  margin-right: 19px;
  color: #000000;
  font-size: 18px;
}

/*************************************
バナー
*************************************/
.banner-box p {
  padding-left:25px !important;
  padding-bottom: 6px !important;
}

/*************************************
ページトップ
*************************************/
.topto, .to-top {
   padding: 10px 0;
}

/*************************************
YouTubeの埋め込み
*************************************/
.YT {
	margin: 0 19px;padding:0 5%; background:#000;
}
.YT iframe {
	width: 100%;
	height: 360;
}
/*************************************
ボタン
*************************************/
.Download-btn { margin: 0 5px 10px;}
.Download-btn:hover { text-decoration: none;}
input[type="button" i],::-webkit-file-upload-button, button {
  padding: 0;
}
a img:hover{ opacity: 0.8}
.orange-radius,.pink-radius { width: auto; margin: 5px 0; padding: 0.6em 0.8em;}

/*************************************
リスト
*************************************/
#event_detail ul.list-mark {
  list-style: disc;
  list-style-position: outside;
  padding-bottom: 10px;
  padding-left: 25px;
}
#event_detail ol.list-mark {
  list-style: decimal;
  list-style-position: outside;
  padding-bottom: 10px;
  padding-left: 25px;
}
#event_detail ol.triangle,
#event_detail ul.triangle,
#event_detail ol.kome,
#event_detail ul.kome,
#event_detail ol.kome-red,
#event_detail ul.kome-red {
  list-style: none;
  list-style-position: outside;
  padding-bottom: 10px;
  margin-left: 15px;
}
#event_detail ol.kome li,
#event_detail ul.kome li{}

#event_detail ol.kome li:before,
#event_detail ul.kome li:before {
  content:"※ ";
  display: inline-block;
  margin-left: -15px;
}
#event_detail ol.kome-red li:before,
#event_detail ul.kome-red li:before {
  content:"※ ";
  display: inline-block;
  margin-left: -15px;
  color: #ff0000;
}
#event_detail ol.triangle li:before,
#event_detail ul.triangle li:before {
  content:"▽ ";
  display: inline-block;
  margin-left: -15px;
}

/*************************************
テーブル
*************************************/
#event_detail table {
	border-collapse: collapse;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}

#event_detail .price-box table {
  text-align: right;
}

#event_detail table th {
	text-align:center;
	vertical-align:text-top;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#event_detail table td{
	vertical-align:text-top;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#event_detail table.wannyan-table {
  border-collapse: collapse;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 0;
}

#event_detail table.wannyan-table td {
  width: 50%;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
/*************************************
テーブル
*************************************/
.box-width-text {
  display: inline-block;
}

.hagaki {
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.ramenfesta .thumbnail {
  /* padding: 0 20px; */
  font-size: 0px;
  margin-bottom: 10px;
}

.ramenfesta .thumbnail .thumb-img-box {
  width: 100%;
  display: table;
  box-sizing: border-box;
  	overflow: hidden;
}

.ramenfesta .thumbnail .thumb {
  display: inline-block;
}

.ramenfesta .thumb-img-box[class*="pc-col-"] .thumb .thumb-img {
  padding: 2px;
  /* background-color: #000000; */

}


.maintitle {
  /* background-color: #000000; */
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  text-align: -webkit-center;
}
.maintitle img{
  border: 0;
  display: block;
}
.bgc-black {
  background-color: #000000;
}
.bgc-orange {
  background-color: #ffc394;
}
.bgc-pink {
  background-color: #ffe4ea;
}
.bgc-green {
  background-color: #e6ffbd;
}
.bgc-blue {
  background-color: #daf3ff;
}


.ramenfesta .thumb-img-box[class*="pc-col-"] .thumb,
.ramenfesta .thumb-img-box[class*="pc-col-"] .thumb img{
  float: left;
}
.ramenfesta .thumb-img-box[class*="pc-col-"] .thumb img{
  max-width: 100%;
}
.ramenfesta .thumb-img-box.pc-col-4 .thumb {
  width: 25%;
}
.ramenfesta .thumb-img-box.pc-col-3 .thumb {
  width: 33.333333%;
  display: inline-grid;
}
.ramenfesta .thumb-img-box.pc-col-2 .thumb {
  width: 50%;
}
.ramenfesta .thumb-img-box.pc-col-1 .thumb {
  width: 100%;
}

.ramenfesta .thumbnail .thumb img {
  width: 100%;
}

#event_detail .thumbnail {
  padding: 0 20px;
  font-size: 0px;
  margin-bottom: 10px;
}

#event_detail .thumbnail .thumb-img-box {
  width: 100%;
  display: table;
  box-sizing: border-box;
  	overflow: hidden;
}

#event_detail .thumbnail .thumb {
  display: inline-block;
}

/* #event_detail .thumb-img-box[class*="pc-col-"] .thumb .thumb-img {
  padding: 2px;
  background-color: #cccccc;

} */


/* #event_detail .thumbnail {
  padding: 0 20px;
  font-size: 0px;
} */

/* #event_detail .thumbnail .thumb-img-box {
  width: 100%;
  display: table;
  box-sizing: border-box;
} */

/* #event_detail .thumbnail .thumb {
  display: inline-block;
} */

#event_detail .thumbnail .thumb-img {
  padding: 2px;
  background-color: #cccccc;

}



#event_detail .thumbnail .thumb.pc-col-4 {
  width: 25%;
}
#event_detail .thumbnail .thumb.pc-col-3 {
  width: 33.333333%;
}
#event_detail .thumbnail .thumb.pc-col-2 {
  width: 50%;
}
#event_detail .thumbnail .thumb.pc-col-1 {
  width: 100%;
}

#event_detail .thumbnail .thumb img {
  width: 100%;
}

.event-attention {
	color: #ff0000;
	font-weight: 600;
}