@charset "utf-8";


.event-list {
    max-width: 1200px;
    margin: 80px auto;
  }

.l_btn {
        width: 280px;
    margin-top: 10px;
}
    .l_btn li {
        width: 100%;
    	margin-top: 10px;
    }
    .detail, .reserve {
        position: relative;
    }
    .arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
    }
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
	.arrow::before{
	left: 3px;
	width: 7px;
	height: 1px;
	background: #7a0;
}
.arrow::after{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #7a0;
	border-right: 1px solid #7a0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
    .reserve a {
        display: block;
        background: #000050;
        text-align: center;
        color: #FFF;
        font-size: 13px;
        font-weight: 600;
        padding: 5px 0;
        border-radius: 0 5px 5px 0;
        border: 1px solid #000050;
    }
    .reserve a::before {
        content: "\004C";
        font-family: "webicon";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        z-index: 10;
        color: #FFF;
        font-size: 11px;
    }
@media screen and (max-width: 736px) {
    .event-list {
        width: 90%;
        margin: 0 auto 20px auto;
    }
    .l_btn {
            width: 100%;
    }
    .machi_list .item {
        width: 100%;
        margin-bottom: 40px;
    }
    .machi_list .item img {
        box-sizing: border-box;
        width: 100%;
        object-fit: cover;
        margin-bottom: 15px;
    }
    .machi_list .title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000; 
    }
    .machi_list .address {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .machi_list .access {
        font-size: 13px;
    }
    .machi_list .type {
      display: flex;
    }
    .machi_list .type li {
        height: auto !important;
        width: calc(100% / 7);
        padding: 0;
        margin: 0 1px 0 0;
    }
}
@media screen and (min-width: 737px) {
    .target_title {
        text-align: center;
        margin: -40px auto 100px auto;
        p {
            display: inline-block;
            background: #000050;
            color: #FFF;
            font-size: 29px;
            font-weight: 500;
            padding: 15px 20px;   
        }
    }
    .machi_list {
        display: flex;
        flex-wrap: wrap;
        .item {
            display: flex;
            width: 560px;
            margin-right: 80px;
            margin-bottom: 40px;
            img {
                object-fit: cover;
                width: 264px;
                height: 264px;
                margin-right: 16px;
            }
            .info {
                flex: 1;
            }
            .title {
                font-size: 22px;
				line-height:30px;
                font-weight: bold;
                margin-bottom: 10px;
                padding-bottom: 10px;
				border-bottom: 1px solid #000; 
            }
            .address {
                font-size: 16px;
                margin-bottom: 24px;
            }
            .access {
                font-size: 13px;
            }
            .type {
              display: flex;
              img {
                height: 48px !important;
                width: auto;
                padding: 0;
                margin: 0 1px 0 0;
              }
            }
        }
        .item:nth-of-type(2n) {
            margin-right: 0;
        }
    }
}