/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * lieberuth:
 *   - http://typekit.com/eulas/00000000000000007735b776
 *   - http://typekit.com/eulas/00000000000000007735b77a
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-02-28 00:49:02 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=llx1egh&ht=tk&f=41223.41224&a=87560692&app=typekit&e=css");

@font-face {
font-family:"lieberuth";
src:url("https://use.typekit.net/af/5685a0/00000000000000007735b776/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5685a0/00000000000000007735b776/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5685a0/00000000000000007735b776/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.tk-lieberuth { font-family: "lieberuth",sans-serif; }

@media screen and (min-width:769px) {
    #wag {
        background: url(../../../../img/usr/event/wag/bk.png) repeat;
        background-size: contain;
        padding-top: 40px;
        padding-bottom: 88px;
    }
    #wag .sp_only {
        display: none !important;
    }
    #wag .sec_inner .mv_block {
        margin-bottom: 29px;
    }
    #wag .sec_inner .top_text_block {
        text-align: center;
    }
    #wag .sec_inner .top_text_block .logo_image {
        width: 340px;
        margin: 0 auto 42px;
    }
    #wag .sec_inner .top_text_block .logo_image img {
        width: 100%;
    }
    #wag .sec_inner .top_text_block .main_ttl {
        font-family: 'LiebeRuth';
        font-size: 47px;
        line-height: 50px;
        color: #DED9C8;
        text-align: center;
        margin: 0 auto 11px;
        font-weight: 500;
        min-height: 84px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #wag .sec_inner .top_text_block .main_subttl {
        position: relative;
        font-family: 'Noto Sans JP';
        font-size: 20px;
        line-height: 27px;
        color: #DED9C8;
        text-align: center;
        margin: 0 auto 72px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 1px;
    }
    #wag .sec_inner .top_text_block .main_subttl::before,
    #wag .sec_inner .top_text_block .main_subttl::after {
        content: '';
        width: 25.95px;
        height: 1px;
        display: inline-block;
        background-color: #DED9C8;
    }
    #wag .sec_inner .top_text_block .main_subttl::before {
        margin-right: 15px;
    }
    #wag .sec_inner .top_text_block .main_subttl::after {        
        margin-left: 15px;
    }
    #wag .sec_inner .top_text_block .main_desc {
        font-weight: 500;
        font-size: 20px;
        line-height: 60px;
        color: #DED9C8;
        font-family: 'Noto Sans JP';
        letter-spacing: 1px;
    }
    #wag .sec_inner .item_list_block {
        margin: 72px 20px 0;
    }
    #wag .sec_inner .item_list_block ul {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 35px 30px;
    }
    #wag .sec_inner .item_list_block ul li {
        /* width: calc((100% - 30px) / 2); */
        width: 400px;
        height: 218px;
        position: relative;
        font-size: 20px;
        line-height: 1em;
        font-weight: 500;
        text-align: center;
    }
    #wag .sec_inner .item_list_block ul li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #wag .sec_inner .item_list_block ul li:hover::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.7;
        transition: 0.5s;
        position: absolute;
        top: 0;
        left: 0;
    }
    #wag .sec_inner .item_list_block ul li div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        transition: 0.5s;
        display: none;
    }
    #wag .sec_inner .item_list_block ul li:hover div {
        font-size: 20px;
        line-height: 1em;
        font-weight: bold;
        color: #DED9C8;
        text-align: center;
        display: block;
    }
}
@media screen and (max-width:768px) {
    #wag {
        background: url(../../../../img/usr/event/wag/sp/bk.png) repeat;
        background-size: contain;
        padding-top: calc((40 / 430) * 100vw);
        padding-bottom: calc((60 / 430) * 100vw);
    }
    #wag .pc_only {
        display: none !important;
    }
    #wag .sec_inner .mv_block {
		margin-bottom: calc((20 / 430) * 100vw);
	}
	#wag .sec_inner .top_text_block {
		text-align: center;
	}
	#wag .sec_inner .top_text_block .logo_image {
		width: calc((260 / 430) * 100vw);
		margin: 0 auto calc((30/430)*100vw);
	}
	#wag .sec_inner .top_text_block .logo_image img {
		width: 100%;
	}
	#wag .sec_inner .top_text_block .main_ttl {
		font-family: 'LiebeRuth';
		font-size: calc((29 / 430) * 100vw);
		line-height: calc((48 / 430) * 100vw);
		color: #DED9C8;
		text-align: center;
		margin: 0 auto calc((12/430)*100vw);
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#wag .sec_inner .top_text_block .main_subttl {
		position: relative;
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: calc((14 / 430) * 100vw);
		line-height: calc((17 / 430) * 100vw);
		color: #DED9C8;
		text-align: center;
		margin: 0 auto calc((59 / 430) * 100vw);
		font-weight: 600;
		display: flex;
		align-items: center;
		justify-content: center;
        letter-spacing: 0.5px;
	}
	#wag .sec_inner .top_text_block .main_subttl::before {
		content: '';
		margin-right: calc((10 / 430) * 100vw);
		width: calc((25.95 / 430) * 100vw);
		height: 1px;
		display: inline-block;
		background-color: #DED9C8;
	}
	#wag .sec_inner .top_text_block .main_subttl::after {
		content: '';
		margin-left: calc((10 / 430) * 100vw);
		width: calc((25.95 / 430) * 100vw);
		height: 1px;
		display: inline-block;
		background-color: #DED9C8;
	}
	#wag .sec_inner .top_text_block .main_desc {
		font-weight: 600;
		font-size: calc((14 / 430) * 100vw);
		line-height: calc((38 / 430) * 100vw);
		color: #DED9C8;
		font-family: 'Hiragino Kaku Gothic Pro';
        letter-spacing: 0.5px;
	}
    #wag .sec_inner .item_list_block {
        margin: calc((60 / 430) * 100vw) calc((20 / 430) * 100vw) 0;
    }
    #wag .sec_inner .item_list_block ul li {
        width: 100%;
        position: relative;
        margin-bottom: calc((50 / 430) * 100vw);
    }
    #wag .sec_inner .item_list_block ul li:last-child {
        margin-bottom: 0;
    }
    #wag .sec_inner .item_list_block ul li div {
        margin-top: calc((20 / 430) * 100vw);;
        font-size: calc((20 / 430) * 100vw);
        line-height: 1em;
        font-weight: bold;
        color: #DED9C8;
        text-align: center;
        display: block;
    }
}