@charset "shift_jis";
/*======================

�A�C���X�I�[���}�����ʔ̃T�C�g �A�C���X�v���U
au PAY�}�[�P�b�g�X
PC�pCSS

=======================*/

/* ��������lj�
================================ */
/* �x�[�X */
#summerfes2026 {
    width: 100%;
    margin: 0 auto;
    font-size: 22px;
    font-family: "Noto Sans JP","Lato", sans-serif;
    font-weight: 400;
    background: #008aff;
}

#summerfes2026 .contents{
    box-shadow: 0px 0px 100px #007ce4;
    margin: 0 auto;
    width: 850px;
}

/* �ϐ��㏑�� */
:root {
    /* ���ʃt�H���g�T�C�Y(�f�B�X�v���C��900px�ȏ�̏ꍇ��14px�ƂȂ�) ��.irisfes-autumn2025-inner�̒��̗v�f�̂� */
    --font-size-text: 1cqw;

    /* ���̗]�� �㏑�� */
    --margin-space-beside: 3.5em;

    /* �c�̗]�� �㏑�� */
    --margin-space-vertical: 2em;
}

#summerfes2026 {
    font-size: var(--font-size-text);
}

#summerfes2026 * {
    box-sizing: border-box;

    /* �v�f�S�Ăɓ����t�H���g�T�C�Y���w�� */
    font-size: var(--font-size-text);
}

/* ���� �J����
================================ */
#summerfes2026 ul[class^="col_"]{
    padding: 0 3em 1em;
}

#summerfes2026 section.category_content ul[class^="col_"]{
    padding: 0 6em 1em;
}

#summerfes2026 ul.col_2 > li{
    width: calc(calc(100% - 2em) / 2);
    position: relative;
}

/*section.gift-camp
============================================== */
#summerfes2026 section.gift-camp .gift-detail_btn {
    top: 16.5em;
    right: 2em;
}

#summerfes2026 section.gift-camp .gift-detail_mail-btn a:hover {
    opacity: 100;
}

/*���[�_���E�B���h�E
============================================== */
#summerfes2026 .modal-content {
    width: 30em;
    height: 35em;
}
#summerfes2026 .js-modal-close.close_btn {
    position: absolute;
    top: 4.5em;
    right: 34.5em;
    color: #fff;
    z-index: 102;
    font-size: 1em;
    cursor: pointer;
}
/* ���[�_�����g */
#summerfes2026 .box-text .box-number,
#summerfes2026 .box-detail .box-title {
    font-size: 1em;
}
#summerfes2026 .box-detail .box-title {
    margin: .5em 0 0;
}
#summerfes2026 .box-detail p,
#summerfes2026 .box-detail p a {
    font-size: .8em;
}
#summerfes2026 .box-detail p {
    margin-top: .5em;
}

/*���ʏ��i
============================================== */
#summerfes2026 .summerfes-item__price .main-price,
#summerfes2026 .summerfes-item__price .back_price {
    font-size: 3.5em;
}

/*section.gift-camp-detail
============================================== */
#summerfes2026 dt,
#summerfes2026 section.gift-camp-detail dd a {
    font-size: 1em;
}
#summerfes2026 dd {
    font-size: .8em;
}

/*a.top_back STR
============================================== */
#summerfes2026 a.top_back {
    bottom: 1em;
    right: 21em;
}