@charset "utf-8";


/*------------------------------------------------------------------------------
---------------------------     1. イベント情報      -----------------------------
---------------------------------------------------------------------------------*/
.event-site {
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    margin: 0 auto;
    width: 100vw;
}

.event-site>div {
    display: inline-flex;
    align-items: center;
}

.event-container {
    background-image: url(02_img/summer_bg.svg);
    width: 100vw;
    padding: 0 0 2em;
}

/*------------------------------------------------
イベント：細部告知欄
【創立記念行事　パラメータ】
------------------------------------------------*/
.event-body {
    box-sizing: border-box;
    width: 95%;
    margin: auto;
}

/*---------------------------
イベント：タイトルバナー
---------------------------*/
.ceremony-title {
    width: 100%;
    margin: 0 auto;
    background-image: url(02_img/ceremony_title.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 55%;
}

.ceremony-title>div {
    background-color: rgba(0, 0, 255, 0.131);
    height: 100%;
    align-content: center;
}

.ceremony-title h1 {
    text-align: center;
    margin: 0;
    padding: .5em 0;
    font-size: 6vw;
    word-break: keep-all;
    line-height: 1.3;
    color: white;
    text-shadow:
        rgba(0, 0, 50, .6) .05em .05em 0,
        rgba(0, 0, 50, .6) -.05em .05em 0,
        rgba(0, 0, 50, .6) .05em -.05em 0,
        rgba(0, 0, 50, .6) -.05em -.05em 0,
        rgba(0, 0, 50, .6) .05em 0 0,
        rgba(0, 0, 50, .6) -.05em 0 0,
        rgba(0, 0, 50, .6) 0 .05em 0,
        rgba(0, 0, 50, .6) 0 -.05em 0;
}

/*---------------------------------------------------
イベント；ポスター設定（左側）
-----------------------------------------------------*/
.poster-box {
    width: 100%;
    text-align: center;
    padding: 1%;
    box-sizing: border-box;
}

.poster-box>a:nth-of-type(1) img {
    width: 100%;
    border: solid .1em rgba(0, 0, 0, 1);
}

.poster-box>img {
    width: 100%;
}

.poster-box>a:nth-of-type(2) img {
    width: 100%;
    border-radius: .5em;
}

/*---------------------------------------------------
イベント：説明箇所（右側）
-----------------------------------------------------*/
.info {
    width: 100%;
}

/*--------------------------------
イベント：見出し（カラーパラメータ）
---------------------------------*/
/*--　見出し（緑）　--*/
.parade-info>dt:before {
    background: rgba(0, 150, 0, 1);
}

.parade-info>dt {
    border-left: none;
    background-color: rgba(100, 205, 105, .5);
}

.parade-info>dl>dt {
    border-left: solid 1em rgba(0, 200, 100, 1);
    background-color: rgba(150, 200, 155, .5);
}

/*--　見出し（青）　--*/
.event-schedule>dt:before,
.event-list>dt:before,
.bus-schedule>dt:before,
.ceremony-info>dt:before {
    background: rgba(0, 0, 255, 1);
}

.event-schedule>dt,
.event-list>dt,
.bus-schedule>dt,
.ceremony-info>dt {
    background-color: rgba(150, 200, 255, .5);
}

.ceremony-info>dl>dt:nth-of-type(1) {
    border-left: solid 1em rgb(38, 67, 255);
}

/*--　見出し（赤）　--*/
.ev-caution>dt,
.ev-caution-box>dt {
    background-color: rgb(255, 150, 150);
}

.ev-caution>dt:before,
.ev-caution-box dt:before {
    background: rgb(255, 0, 0);
}

/*--　見出しの三角　--*/
.info>dl>dt:before,
.ev-caution-box dt::before {
    content: "▶";
    color: white;
    padding: .5em;
    margin-right: .5em;
}

/*------------------------------
イベント：市中パレード
-------------------------------*/
.parade-img {
    width: 80%;
    margin: 1em 10%;
}

.parade-parking-info {
    color: red;
    font-weight: bold;
    text-indent: -.5em;
}

.parade-info dl dd {
    text-indent: 1em;
}

/*-- 市中マップ --*/
.ev-map a {
    text-align: center;
}

.ev-map img {
    width: 95%;
    margin: .5em 2.5%;
}

.ev-map p {
    padding: 0;
    margin: 0 auto;
    font-size: 4vw;
    font-weight: bold;
}

.ev-map p:before {
    content: "↑ "
}

/*------------------------
イベント：見出し
----------------------------*/
/*--　大見出し　--*/
.info>dl dt {
    padding: 0;
    font-size: 4vw;
    height: 2em;
    align-content: center;
    font-weight: bold;
    margin-bottom: .5em;
}

/*-------------------------
イベント：見出し内記事
-------------------------*/
.info>dl {
    margin: 0 0 2em;
    background-color: rgba(255, 255, 255, .9);
    padding-bottom: 1em;
}

.info>dl>dl {
    padding: .5em .5em 0 1em;
}

.info>dl>dl>dt {
    text-indent: 1em;
    margin-bottom: .1em;
}

.info dd {
    font-size: 3.5vw;
    padding-right: 1em;
    margin-left: 1.5em;
}

.event-list>dd,
.bus-schedule>dd {
    text-indent: 1em;
}

.event-list>dd.andmore {
    font-size: 3.5vw;
    text-indent: 2em;
}

.event-list-caution {
    color: red;
    font-weight: bold;
}

/*--------------------------
当日スケジュール
--------------------------*/
.anv-schedule {
    margin: 1em;
    padding: .5em 1em;
    background-color: white;
    border-radius: .5em;
    box-shadow: 0 0 .2em rgba(50, 50, 150, .5);
}

.anv-schedule>dl>dt::before {
    content: "■";
    margin-right: .5em;
}

.anv-schedule>dl {
    margin: .5em 0 1em;
}

.anv-schedule>dl>dt {
    font-size: 3.5vw;
    font-weight: bold;
    border-bottom: .2em solid rgb(50, 50, 150);
    margin-bottom: .5em;
}

.anv-schedule dd {
    font-size: 3.3vw;
    line-height: 1.8;
}

.anv-schedule>dl>dd {
    display: flex;
}

.anv-schedule-ev ul {
    list-style: none;
    margin: 0;
    line-height: 1.4;
    padding: 0 0 1em;
}

.anv-schedule-atr ul {
    list-style: square;
    margin-left: 6em;
    padding: 0 0 1em;
    line-height: 1.4;
    font-size: 3vw;
}

.anv-schedule-time span:nth-of-type(1) {
    width: 100%;
    word-break: keep-all;
    margin-left: .5em;
}

.anv-schedule-time span:nth-of-type(2) {
    text-indent: -2.5em;
}

.anv-schedule-time dd {
    align-items: center;
    line-height: 1.3;
    margin: 1em 1em;
}

.anv-schedule-time dd:nth-of-type(1) {
    padding-bottom: .5em;
    border-bottom: .1em solid rgb(100, 100, 150);
}

.anv-schedule img {
    width: 100%;
}

/*-------------------------
イベント：シャトルバス
-------------------------*/
/*---　臨時駐車場　---*/

.bus-schedule>dl p {
    margin: 0;
    font-weight: bold;
    font-size: 3.5vw;
}

.bus-parking ul {
    list-style: circle;
    margin: .5em;
    padding: .5em;
    border-style: dashed;
    font-size: 3.3vw;
}

.bus-parking li {
    margin: 0 0 .5em 2em;
}

/*--　シャトルバス運行経路　--*/
.bus-line {
    margin-bottom: .5em;
    padding: .5em;
    background-color: white;
    border-radius: .5em;
}

.bus-line>p {
    font-size: 3.5vw;
    font-weight: bold;
    margin: 0;
}

.bus-line>div {
    display: flex;
    align-items: center;
}

.bus-line>div>ul {
    font-size: 3vw;
    list-style: square;
    margin: 0;
    padding: 0 1em 0 2em;
}

.bus-line>div>div {
    width: .5em;
    height: 2em;
    border-top: .05em solid;
    border-right: .05em solid;
    border-bottom: .05em solid;
    margin-right: .5em;
}

.bus-line>div>p:nth-of-type(1) {
    margin: 0 .5em;
}

.bus-line>div>p:nth-of-type(2) {
    font-size: 3vw;
}

.bus-line>div:nth-of-type(1)>p:nth-of-type(2) {
    text-indent: -.5em;
    margin-left: .5em;
}

.bus-schedule img {
    width: 100%;
}

/*---　注意事項　---*/
.bus-schedule>dd:nth-of-type(2) {
    color: red;
    font-weight: bold;
    text-indent: -1em;
}

/*---------------------------------------
　　　　　イベント：注意事項
-----------------------------------------*/
.ev-caution-box {
    margin: 0 1em;
    background-color: rgba(255, 255, 255, .9);
    padding-bottom: .5em;
    border-radius: .2em;
}

.ev-caution {
    margin: 0;
}

.ev-caution dt {
    padding: .25em 0 .25em 0;
    margin: 0 0 .5em;
    font-size: 4vw;
    font-weight: bold;
}

.ev-caution dd:before {
    content: "※ "
}

.ev-caution dd {
    font-size: 3vw;
    margin-bottom: .3em;
    text-indent: -1em;
    padding-right: 1em;
}

/*--　禁止事項　--*/
.ev-caution-img {
    display: flex;
    margin: 1em 0 0;
}

.ev-caution-img a {
    text-align: center;
}

.ev-caution-img img {
    width: 90%;
}

.ev-caution-box>p:nth-of-type(1) {
    font-size: 3.2vw;
    font-weight: bold;
    margin: 0 auto .5em;
    padding: 0;
    text-align: center;
}

/*-- 連絡先 --*/
.contact-switch {
    margin: 0;
    font-weight: bold;
    font-size: 3vw;
    padding: .5em;
    border-radius: .5em;
}