@charset "UTF-8";
@import url("./common/reset.css");
@import url("./common/advanced.css");
@import url("./common/base.css");

/*------------------------------------------------------------
リアルタイム・イベント・割引情報
-------------------------------------------------------------*/
.topics_list{ margin: 0 auto; padding: 20px 0 60px;}

.topics_detail{ margin: 0 auto; padding-top: 20px;}
.topics_detail .content_wrap{ padding: 0 0 50px 0;}

.event_list{ margin: 0 auto; padding: 20px 0 60px;}

.event_detail{ margin: 0 auto; padding-top: 20px;}
.event_detail .content_wrap{ padding: 0 0 50px 0;}

/* リアルタイム一覧
------------------------------------------------------------ */
.topics_list .topics_list_wrap{ background: #fff; padding: 40px;}
.topics_list .topics_list_wrap h3{ color: #c79d6e; margin-bottom: 20px; letter-spacing: 0.6em;}

.topics_list .topics_list_wrap ul{ text-align: left;}
.topics_list .topics_list_wrap li{ height: 80px; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: center; align-items: center; line-height: 1.4;}
.topics_list .topics_list_wrap li div{ width: 100%;}
.topics_list .topics_list_wrap li div .time{ color: #dc1950; font-size: 13px; margin-bottom: 2px;}
.topics_list .topics_list_wrap li div .time i{ padding-right: 4px;}
.topics_list .topics_list_wrap li div .tit{ padding-left: 12px;}
.topics_list .pager{ padding-top: 30px;}

/* リアルタイム詳細
------------------------------------------------------------ */
.topics_detail .topics_detail_wrap{ background: #fff; padding: 40px;}

.topics_detail .topics_detail_wrap .outline_wrap{ background: #ffeae8; margin-bottom: 30px;}
.topics_detail .topics_detail_wrap .tit_wrap{ padding: 50px 15px 40px; background: #ffeae8; display: flex; flex-wrap: wrap; justify-content: center; text-align: left;}
.topics_detail .topics_detail_wrap .tit_wrap h4{ color: #333; font-size: 20px; font-weight: bold;}
.topics_detail .topics_detail_wrap .tit_wrap h4 span{ font-size: 13px; color: #dc1950; font-weight: normal;}

.topics_detail .topics_detail_wrap .main_img{ text-align: center; padding-bottom: 50px;}
.topics_detail .topics_detail_wrap .bodytxt{ width: 100%; overflow: hidden;}

/* イベント一覧
------------------------------------------------------------ */
.event_list .event_list_wrap{ background: #fff; padding: 40px;}

.event_list .event_list_wrap ul{}
.event_list .event_list_wrap li{ background: #ffeae8; padding-bottom: 50px;}
.event_list .event_list_wrap li:not(:last-child){ margin-bottom: 30px;}
.event_list .event_list_wrap li .tit_wrap{ padding: 50px 15px 0; margin-bottom: 40px; background: #ffeae8; display: flex; flex-wrap: wrap; justify-content: center; text-align: left;}
.event_list .event_list_wrap li .tit_wrap h4 span{ font-size: 13px; color: #dc1950;}
.event_list .event_list_wrap li .tit_wrap h4 a{ color: #333; font-size: 20px; font-weight: bold;}

.event_list .event_list_wrap li .main_img{ text-align: center;}
.event_list .pager{ padding-top: 30px;}

/* イベント詳細
------------------------------------------------------------ */
.event_detail .event_detail_wrap{ background: #fff; padding: 40px;}

.event_detail .event_detail_wrap .outline_wrap{ background: #ffeae8; margin-bottom: 30px;}
.event_detail .event_detail_wrap .tit_wrap{ padding: 50px 15px 40px; background: #ffeae8; display: flex; flex-wrap: wrap; justify-content: center; text-align: left;}
.event_detail .event_detail_wrap .tit_wrap h4{ color: #333; font-size: 20px; font-weight: bold;}
.event_detail .event_detail_wrap .tit_wrap h4 span{ font-size: 13px; color: #dc1950; font-weight: normal;}

.event_detail .event_detail_wrap .main_img{ text-align: center; padding-bottom: 50px;}
.event_detail .event_detail_wrap .bodytxt{ width: 100%; overflow: hidden;}