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

/*------------------------------------------------------------
リアルタイム・イベント・割引情報
-------------------------------------------------------------*/
.topics_list{ margin: 0 auto; padding-top: 20px; text-align: center;}
.topics_list .common_tit{ margin-bottom: 70px;}
.topics_list .common_tit span{ bottom: 3px;}
.topics_list .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

.topics_detail{ margin: 0 auto; padding-top: 20px; text-align: center;}
.topics_detail .common_tit{ margin-bottom: 70px;}
.topics_detail .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

.event_list{ margin: 0 auto; padding-top: 20px; text-align: center;}
.event_list .common_tit{ margin-bottom: 70px;}
.event_list .common_tit span{ bottom: 3px;}
.event_list .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

.event_detail{ margin: 0 auto; padding-top: 20px; text-align: center;}
.event_detail .common_tit{ margin-bottom: 70px;}
.event_detail .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

.discount_list{ margin: 0 auto; padding-top: 20px; text-align: center;}
.discount_list .common_tit{ margin-bottom: 70px;}
.discount_list .common_tit span{ bottom: 3px;}
.discount_list .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

.discount_detail{ margin: 0 auto; padding-top: 20px; text-align: center;}
.discount_detail .common_tit{ margin-bottom: 70px;}
.discount_detail .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

/* リアルタイム一覧
------------------------------------------------------------ */
.topics_list .topics_list_wrap{ border: 1px solid #c79d6e; background: #fff; padding: 50px;}
.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: #c79d6e; 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{ border: 1px solid #c79d6e; background: #fff; padding: 40px;}

.topics_detail .topics_detail_wrap .date{ text-align: left; font-size: 14px; margin-bottom: 5px; color: #c79d6e; font-weight: bold;}
.topics_detail .topics_detail_wrap h4{ padding: 15px; background: #c79d6e; margin-bottom: 40px; color: #fff; font-size: 20px; font-weight: bold;}
.topics_detail .topics_detail_wrap .main_img{ text-align: center; margin-bottom: 30px;}
.topics_detail .topics_detail_wrap .bodytxt{ width: 100%; overflow: hidden; text-align: left;}

/* イベント一覧
------------------------------------------------------------ */
.event_list .event_list_wrap{ border: 1px solid #c79d6e; background: #fff; padding: 40px;}
.event_list .event_list_wrap h3{ color: #c79d6e; margin-bottom: 50px; letter-spacing: 0.6em;}

.event_list .event_list_wrap ul{}
.event_list .event_list_wrap li{ border: 1px solid #c79d6e; padding-bottom: 15px;}
.event_list .event_list_wrap li:not(:last-child){ margin-bottom: 30px;}
.event_list .event_list_wrap li .tit_wrap{ padding: 15px; background: #c79d6e; margin-bottom: 40px; 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: #fff;}
.event_list .event_list_wrap li .tit_wrap h4 a{ color: #fff; font-size: 20px; font-weight: bold;}

.event_list .event_list_wrap li .main_img{ text-align: center; margin-bottom: 30px;}
.event_list .event_list_wrap li .btn_more{ color: #c79d6e; text-align: right; padding-right: 15px;}
.event_list .event_list_wrap li .btn_more i{ padding-right: 4px;}
.event_list .event_list_wrap li .btn_more a{ color: #c79d6e;}
.event_list .pager{ padding-top: 30px;}

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

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

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

/* 割引情報一覧
------------------------------------------------------------ */
.discount_list .discount_list_wrap{ border: 1px solid #c79d6e; background: #fff; padding: 40px;}
.discount_list .discount_list_wrap h3{ color: #c79d6e; margin-bottom: 50px; letter-spacing: 0.6em;}

.discount_list .discount_list_wrap ul{}
.discount_list .discount_list_wrap li{ border: 1px solid #c79d6e; padding-bottom: 15px;}
.discount_list .discount_list_wrap li:not(:last-child){ margin-bottom: 30px;}
.discount_list .discount_list_wrap li .tit_wrap{ padding: 15px; background: #c79d6e; margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: center; text-align: left;}
.discount_list .discount_list_wrap li .tit_wrap h4 span{ font-size: 13px; color: #fff;}
.discount_list .discount_list_wrap li .tit_wrap h4 a{ color: #fff; font-size: 20px; font-weight: bold;}

.discount_list .discount_list_wrap li .main_img{ text-align: center; margin-bottom: 30px;}
.discount_list .discount_list_wrap li .btn_more{ color: #c79d6e; text-align: right; padding-right: 15px;}
.discount_list .discount_list_wrap li .btn_more i{ padding-right: 4px;}
.discount_list .discount_list_wrap li .btn_more a{ color: #c79d6e;}
.discount_list .pager{ padding-top: 30px;}

/* 割引情報詳細
------------------------------------------------------------ */
.discount_detail .discount_detail_wrap{ border: 1px solid #c79d6e; background: #fff; padding: 40px;}

.discount_detail .discount_detail_wrap .tit_wrap{ padding: 15px; background: #c79d6e; margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: center; text-align: left;}
.discount_detail .discount_detail_wrap .tit_wrap h4{ color: #fff; font-size: 20px; font-weight: bold;}
.discount_detail .discount_detail_wrap .tit_wrap h4 span{ font-size: 13px; color: #fff; font-weight: normal;}

.discount_detail .discount_detail_wrap .main_img{ text-align: center; margin-bottom: 30px;}
.discount_detail .discount_detail_wrap .bodytxt{ width: 100%; overflow: hidden; text-align: left;}