/* --------------------------------------------------

	馬とのふれあいイベント　共通

-------------------------------------------------- */

#fureai_race {
    margin-top: 40px;
}

#fureai_pw {
    margin-top: 60px;
}


/* - アンカーメニュー
-------------------------------------------------- */

#fureai_race .anchor_block {
    padding: 15px;
}

.fureai div.link_list > div > a.kaisai {
    background-color: #1A777B;
    color: #FFF;
}

.fureai div.link_list > div > a.pw {
    background-color: #a75400;
    color: #FFF;
}
.fureai div.link_list > div > a.normal {
    background-color: #3b4df7;
    color: #FFF;
}

.fureai div.link_list > div > a.kaisai > i,
.fureai div.link_list > div > a.pw > i {
    color: #FFF;
}

.anchor_block + .sub_header {
    margin-top: 40px;
}

#kaisai.sub_header {
    background-color: #1A777B;
}

#pw.sub_header {
    background-color: #a75400;
}

#normal.sub_header {
    background-color: #3b4df7;
}

#fureai_race .anchor_block.kaisai {
    background-color: #f0f8f9;
}

#fureai_race .anchor_block.pw {
    background-color: #fff7eb;
}

#fureai_race .anchor_block.normal {
    background-color: #edf5fe;
}

/*table.event_list {
    margin-top: 20px;
}*/

table.event_list + table.event_list {
    margin-top: 20px;
}

table.event_list thead .week {
    width: 70px;
}

table.event_list thead .holiday {
    width: 120px;
}

table.event_list thead .all {
    width: 88px;
}

table.event_list thead .sat {
    background-color: #0478b7;
}

table.event_list thead .sun {
    background-color: #d33529;
}


table.event_list tbody tr td:nth-child(1) {
    text-align: left;
}

table.event_list tbody tr td i {
    margin-right: 0.4em;
}

table.event_list tbody tr td a i {
    color: #188542;
}

table.event_list tbody tr td a .inner {
    display: table;
}

table.event_list tbody tr td a .inner > span {
    display: table-cell;
}

table.event_list tbody tr td a .inner > span.icon {
    white-space: nowrap;
}

table.basic tbody > tr > td span.chuuki {
    display: block;
    font-size: 1.2rem;
}


/* - イベントリスト
-------------------------------------------------- */

#kaisai_contents {
    margin-top: 40px;
}

#pw_contents {
    margin-top: 40px;
}

.section_detail {
    margin-top: 40px;
}

.section_detail + .section_detail{
    margin-top: 50px;
}

.detail_block {
    margin-top: 20px;
}

ul.event_line {
    width: 100%;
}

ul.event_line > li + li {
    margin-top: 30px;
    
}

#fureai_race .section_detail .event_line li .sub_header {
    display: table;
    width: 100%;
}

#fureai_race .section_detail .event_line li .sub_header > span {
    display: table-cell;
    vertical-align: middle;
}

#fureai_race .section_detail .event_line li .sub_header > span.main {
    text-align: left;
    padding-right: 1em;
}


#fureai_race .section_detail .event_line li .sub_header > span.opt > span.inner > span.icon {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #222;
    padding: 5px;
    margin-left: 5px;
    white-space: nowrap;
}

#fureai_race .section_detail .event_line li .sub_header > span.opt > span.inner {
    display: flex;
    justify-content:flex-end;
}

#fureai_race .section_detail .event_line li .sub_header > span.opt > span.inner > span.icon:first-child {
    margin-left: 0;
}

#fureai_race .section_detail .event_line li .sub_header > span.opt > span.inner > span.icon.kaisai {
    background-color: #DAFBFF;
}

#fureai_race .section_detail .event_line li .sub_header > span.opt > span.inner > span.icon.pw {
    background-color: #FFEACB;
}

#fureai_race .section_detail .event_line li .sub_header > span.opt > span.inner > span.icon.normal {
    background-color: #edf5fe;
}


ul.event_line > li > .content {
    border: 1px solid #CCC;
    border-top: none;
    padding: 15px;
    display: flex;
}

ul.event_line > li > .content.btn {
    border-bottom: none;
}

ul.event_line > li > .content.block {
    display: block;
}

ul.event_line > li > .content > .inner {
  display: flex;
}

ul.event_line > li > .content > .img,
ul.event_line > li > .content > .inner > .img{
    width: 180px;
    text-align: center;
}

ul.event_line > li > .content > .img p + p,
ul.event_line > li > .content > .inner > .img p + p{
    margin-top: 10px;
}

#fureai_race .img_flex_list > div .img .caption,
ul.event_line > li > .content > .img p .caption,
ul.event_line > li > .content > .inner > .img p .caption{
    display: block;
    margin-top: 3px;
}

ul.event_line > li > .content .data {
    flex: 1;
    margin-left: 25px;
}

#fureai_race div.link_list.vr > div > a span.flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

#fureai_race div.link_list.vr > div > a span.icon {
  margin-right: 0.5em;
}

#fureai_race div.link_list.vr > div > a span.icon img {
  max-width: 35px;
  width: 100%;
  vertical-align: top;
}

#fureai_race div.link_list.vr > div > a span.txt {
  line-height: 1.2;
}

/* - iframe
------------------------- */

ul.event_line > li > .content .if_inner  {
	background-color:#efefef;
	padding:10px;
	position:relative;
	margin-top:15px;
	
}

ul.event_line > li > .content div.if_wrap {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

ul.event_line > li > .content div.if_wrap iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* - 画像複数
------------------------- */

ul.event_line > li > .content.multi {
    display: block;
}

ul.event_line > li > .content.multi > .img {
    width: 100%;
    text-align: center;
}

ul.event_line > li > .content.multi .data {
    margin-left: 0;
}

/* - 画像なし
------------------------- */

ul.event_line > li > .content.no_img {
    display: block;
}

ul.event_line > li > .content.no_img .data {
    margin-left: 0;
}


ul.note_list.attention {
    font-weight: bold;
    color: #c00;
}

ul.note_list.attention .cap {
    padding-right: 0.4em;
}

ul.event_line > li > .content .txt {
    
}

ul.event_line > li > .content .data ul.data_line_list > li .data_list_unit > div.head {
    padding: 8px;
    width: 90px;
    font-size: 1.3rem;
}

ul.event_line > li > .content .data ul.data_line_list > li .data_list_unit > div.content {
    padding: 8px;
}

ul.event_line > li > .content .detail {
    background-color: #efefef;
    padding: 8px;
    margin-top: 15px;
}

ul.event_line > li > .content .detail + .detail {
    margin-top: 10px;
}

ul.event_line > li > .content .detail.kaisai { background-color: #f0f8f9;}
ul.event_line > li > .content .detail.pw { background-color: #fff7eb;}
ul.event_line > li > .content .detail.normal { background-color: #edf5fe;}


/*ul.event_line > li > .content .data ul.data_line_list > li .data_list_unit > div.content .block_header_line {
    font-size: 1.3rem;
    padding: 0 0 5px;
    margin-bottom: 5px;
}

ul.event_line > li > .content .detail .block_header_line > span {
    font-size: 1.1rem;
}*/

/*ul.event_line > li > .content .bottom_data .cap {
    font-weight: bold;
}*/

ul.event_line > li > .content .bottom_data .txt-sm {
    font-size: 1.1rem;
}

@media screen and ( max-width : 639px ) {

ul.event_line > li > .content .data ul.data_line_list > li .data_list_unit > div.head {
    width: auto;
}

}

@media screen and ( max-width : 479px ) {

table.event_list thead .week {
    width: 50px;
    white-space: nowrap;
}


ul.event_line > li > .content,
ul.event_line > li > .content > .inner {
    display: block;
}


ul.event_line > li > .content > .img,
ul.event_line > li > .content > .inner > .img{
    width: 100%;
    text-align: center;
}


ul.event_line > li > .content .data {
    margin-left: 0;
    margin-top: 20px;
}

ul.event_line > li > .content.no_img .data {
    margin-top: 0;
}

ul.event_line > li > .content .if_inner  {
	padding:5px;
	
}

}