@charset "utf-8";

/* 共通 ------------------------------------------------------------- */

/* 共通 */

body{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Garamond,"Palatino Linotype", Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;
    font-size: 0.8em;
    background:#fafafa;
    margin: 8px;
}

h1{
    background: url("../img/h1.png") 0% 30% no-repeat transparent;
    font-size: 16px;
    padding-left: 10px;
    /* color: #474747; */
    color: #fff;
    line-height: 30px;
    text-shadow: 2px 2px 2px #FF7A00,
        -2px 2px 2px #FF7A00,
        2px -2px 2px #FF7A00,
        -2px -2px 2px #FF7A00;
    margin-top: 0;
}

h2{
    background: url("../img/h2.png") 0% 0% no-repeat transparent;
    font-size: 15px;
    padding-left: 23px;
    color: #443;
    line-height: 20px;
    margin-top: 60px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px #ffffff,
        -2px 2px 4px #ffffff,
        2px -2px 4px #ffffff,
        -2px -2px 4px #ffffff;
}
@media screen and (max-width: 720px) { /* スマホ向け */
    h2{
        margin-top: 30px;
    }
}

h3{
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: 700;
	border-bottom: 1px solid #999999;
}

h4{
    margin: 0;
    padding: 0;
}

p{
    margin: 0;
    padding: 0;
}

input{
    font-size: 100%;
}

hr{
    border:0;
    border-top:1px solid #999;
    height:0;
    margin-left: 10px;
}

/* 個別の装飾 */

.fnt-weight-bold {
    font-weight: bold;
}

.fnt-size-big {
    font-size: 160%;
}

.fnt-marker{
    background: linear-gradient(transparent 60%, #BFB52A 60%);
}

/* 全般 ------------------------------------------------------------- */

/* 全体のコンテナ */

.layout-container{
    max-width: 900px;
    margin:20px auto;
    min-height: 800px;

    /* border: 10px solid #06BABC; */

    border: 10px solid #F9C391;
    border-bottom: none;
    background: white;
    /* -moz-box-shadow: 0px 0px 11px #000000;    */
    /* -webkit-box-shadow: 0px 0px 11px #000000; */
    /* box-shadow: 0px 0px 11px #000000;         */
}

@media screen and (max-width:767px){
  .layout--twocol-section.layout--twocol-section--50-50{
    display:block;
  }
}


/* ヘッダー --------------------------------------------------------- */

/* ヘッダー */

#block-header-parts .topimagebox{
    margin-left: 0;
    width: 387px;
    width: 100%;
    line-height: 1;
}

#block-header-parts .topimagebox .topimagebox-top{
    margin-top: 40px;
}

#block-header-parts .topkids{
    text-align: right;
    margin-top: -100px;
    margin-right:25px;
    margin-bottom:10px;
}

#block-header-parts .topkids img{
    width: 272px;
    height: 115px;
}


@media screen and (max-width: 900px) { /* スマホ向け */
  #block-header-parts .topkids img{
      width: 218px;
      height: 92px;
  }
}

@media screen and (max-width: 800px) { /* スマホ向け */
  #block-header-parts .topkids img{
      width: 165px;
      height: 70px;
  }
}

@media screen and (max-width: 720px) { /* スマホ向け */
    #block-header-parts .topimagebox .topimagebox-top img,
    #block-header-parts .topimagebox .topimagebox-bottom img{
        max-width: calc(100% - 20px);
        height: auto;
    }
    #block-header-parts .topkids{
        margin-top: 0;
    }

    #block-header-parts .topkids img{
        margin-top: 0;
        max-width: 70%;
        height: auto;
    }
}

#block-header-parts .info{ /*お知らせ*/
    display: table;
    background-color: #0CCFA8;
    background-repeat: repeat;
    margin-top: -3.5em;
    margin-bottom: 1em;
    padding: 1em 1em 1em 2em;
    width: 360px;
    font-size: 130%;
    font-weight: bold;
    line-height: 1;
    color: #333;
    text-align: center;
    letter-spacing: 0.1em;
    position: relative;
    left: -20px;
    z-index: 30;
}
@media screen and (max-width: 720px) { /* スマホ向け */
    #block-header-parts .info{
        margin-top: -6.5em;
        font-size: 120%;
    }
}
@media screen and (max-width: 430px) { /* スマホ向け */
    #block-header-parts .info{
        margin-top: -4.5em;
        width: 100%;
        font-size: 110%;
    }
}
#block-header-parts .info::after{ /*お知らせ（折り返し部分の装飾）*/
    display: block;
    content: "";
    border-top: 5px solid #088A70;
    border-right: 5px solid #088A70;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 20;
}

/* ●▲■大会本体向け ここから●▲■ */

/* メニュー */

#block-main-nav{
    margin-top: -4px;
}
@media screen and (max-width: 767px) {
    #block-main-nav{
        margin-top: /*-52px*/0; /*お知らせとの重複を防ぐ(2020/03/03)*/
    }
}

#block-main-nav #superfish-main{
    width: 100%;
    margin-left: 20px;
    margin-bottom: 5px;
}

#block-main-nav #superfish-main > li{
    margin: 0;
    text-align: center;
    background: #DFDFDF;
    width: calc(25% - 11px);
    font-size:14px;
}

#block-main-nav #superfish-main > li.active-trail{
    background: #FF7A00;
}
#block-main-nav #superfish-main > li:not(.active-trail):hover{
    background: #999;
}

#block-main-nav #superfish-main > li > a{
	margin:0 8px 0 8px;
	padding:15px 5px 5px;
	height:20px;
    color: #666;
    display: block;
    position: relative;
    list-style: none;
    text-decoration: none;
    background: transparent;
}

#block-main-nav #superfish-main > li.active-trail > a,
#block-main-nav #superfish-main > li:hover > a{
    color: #FFFFFF;
}

#block-main-nav #superfish-main > li.active-trail > a{
  font-weight:bold;
}


/* #block-main-nav #superfish-main > li:hover > a{ */
/*     font-weight: 600;                           */
/* }                                               */

#block-main-nav #superfish-main > li > ul{
    width: 100% !important;
    background: url('../img/shadow2.png') no-repeat right bottom;
    /* border-top-left-radius: 0 !important;       */
    /* border-top-right-radius: 0 !important;      */
    /* border-bottom-left-radius: 8px !important;  */
    /* border-bottom-right-radius: 8px !important; */
    padding: 0 !important;
    margin-top: 5px;
    border-left:none;
    background-size:cover;
}
ul.sf-menu.sf-horizontal.sf-shadow ul{
  box-shadow:none;
}

#block-main-nav #superfish-main > li > ul > li{
    background: transparent;
    border-left:none;
}

#block-main-nav #superfish-main > li > ul > li > a{
    color: #FFFFFF;
    list-style: none;
    text-decoration: none;
    background: transparent;
    margin: 0 8px 0 8px;
    padding: 15px 5px 5px;
    height: 20px;
}

#block-main-nav #superfish-main > li > ul > li:hover > a{
    font-weight: 600;
}

#block-main-nav .sf-accordion-toggle{
    margin-left: 20px;
}

#block-main-nav #superfish-main-toggle{
    background: #5f778c;
    color: #FFFFFF;
    text-decoration: none;
    position:relative;
    padding: 10px 3em 10px 10px;
}

#block-main-nav #superfish-main-toggle::after{
    top: calc(50% + 2px);
    right: calc(0.5em + 2px);
    content: "≡";
    font-size: 2em;
    position: absolute;
    transform: translateY(-50%);
}

#block-main-nav #superfish-main-accordion{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    width: calc(100% - 3em);
}

#block-main-nav #superfish-main-accordion li{
    background: #DFDFDF;
}

#block-main-nav #superfish-main-accordion li a{
    color: #333;
    list-style: none;
    text-decoration: none;
}

#block-main-nav #superfish-main-accordion a:hover,
#block-main-nav #superfish-main-accordion a:focus,
#block-main-nav #superfish-main-accordion a.is-active{
    background: #999;
}

/* パンくず */

#block-hatsuhatsureg-breadcrumbs .breadcrumb{
    clear: both;
    display: block;
    margin: 20px 0 0 20px;
    color: #999999;
}

#block-hatsuhatsureg-breadcrumbs .breadcrumb a{
    color: #046380;
    text-decoration: none;
}

#block-hatsuhatsureg-breadcrumbs .breadcrumb a:hover{
    opacity: 0.5;
}

/* ●▲■大会本体向け ここまで●▲■ */

/* コンテンツ ------------------------------------------------------- */

/* コンテンツ部分のコンテナ */

.layout-content{
    max-width: 855px;
    margin: 20px;
    min-height: 800px;
}

/* フォーム（Webform） */

.layout-content .webform-submission-form{
	background-color: #FAEBEF;
	margin-top: 20px;
	padding: 15px;
}

.layout-content .webform-submission-form h2{
	margin-top: 60px;
}
@media screen and (max-width: 720px) { /* スマホ向け */
    .layout-content .webform-submission-form h2{
        margin-top: 30px;
    }
}

.layout-content .webform-submission-form .form-item{
    position: relative;
}

.layout-content .webform-submission-form .webform-buttons legend,
.layout-content .webform-submission-form .webform-type-checkboxes legend,
.layout-content .webform-submission-form label:not(.ui-checkboxradio-label):not(.option) {
    position: absolute;
    top: 0;
    font-weight: bold;
    margin-left:2em;
}
@media screen and (max-width: 720px) { /* スマホ向け */
    .layout-content .webform-submission-form .webform-buttons legend,
    .layout-content .webform-submission-form .webform-type-checkboxes legend,
    .layout-content .webform-submission-form label:not(.ui-checkboxradio-label):not(.option){
        display: block;
        position: static;
        margin-left:0;
    }
}

.layout-content .webform-submission-form .webform-buttons legend{
    display: none;
}

.layout-content .webform-submission-form div.form-item-gorenraku-tel,
.layout-content .webform-submission-form div.form-item-gorenraku-email,
.layout-content .webform-submission-form div.form-item-gorenraku-fax,
.layout-content .webform-submission-form div.form-item-gorenraku-yuusou{
    display: inline;
}

.layout-content .webform-submission-form input.form-checkbox{
    vertical-align: middle;
}

.layout-content .webform-submission-form label.option{
    position: relative;
    left: 0;

    display: inline;
    font-weight: normal;
}

.layout-content .webform-submission-form .ui-checkboxradio-label,
.layout-content .webform-submission-form .form-email,
.layout-content .webform-submission-form .form-textarea-wrapper,
.layout-content .webform-submission-form .form-text,
.layout-content .webform-submission-form select,
.layout-content .webform-submission-form .form-checkboxes,
.layout-content .webform-submission-form .form-tel,
.layout-content .webform-submission-form .description
{
    margin-left: 170px;
    max-width: 630px;
}
@media screen and (max-width: 720px) { /*スマホ向け*/
    .layout-content .webform-submission-form .ui-checkboxradio-label{
        display: block;
        margin-left: 0;
        width:calc(100% - 2em);
    }
    .layout-content .webform-submission-form .form-email,
    .layout-content .webform-submission-form .form-textarea-wrapper,
    .layout-content .webform-submission-form .form-text,
    .layout-content .webform-submission-form select,
    .layout-content .webform-submission-form .form-checkboxes,
    .layout-content .webform-submission-form .form-tel,
    .layout-content .webform-submission-form .description{
        display: block;
        margin-left: 0;
        width:100%;
    }
}

.layout-content .webform-submission-form .form-actions{
    padding-top: 20px;
    text-align: center;
}

/* フォーム（Webform）の本文のカウンタ */

.layout-content .webform-submission-form .honbun_counter{
	text-align: right;
}

.layout-content .webform-submission-form .countbelow{
	color: #004000;
}

.layout-content .webform-submission-form .countover{
	color: #ff0000;
}

/* ●▲■大会本体向け ここから●▲■ */

/* 各ページ */

body:not(.path-frontpage) .layout-content p{
    margin-left:10px;
}
body:not(.path-frontpage) .layout-content p.rteindent1 {
    margin-left: 40px;
}
body:not(.path-frontpage) .layout-content p.rteindent2 {
    margin-left: 80px;
}
body:not(.path-frontpage) .layout-content p.rteindent3 {
    margin-left: 120px;
}
body:not(.path-frontpage) .layout-content p.rteindent4 {
    margin-left: 160px;
}
body:not(.path-frontpage) .layout-content p.rteindent5 {
    margin-left: 200px;
}
@media screen and (max-width: 720px) { /* スマホ向け */
    body:not(.path-frontpage) .layout-content p.rteindent1 {
        margin-left: 20px;
    }
    body:not(.path-frontpage) .layout-content p.rteindent2 {
        margin-left: 40px;
    }
    body:not(.path-frontpage) .layout-content p.rteindent3 {
        margin-left: 60px;
    }
    body:not(.path-frontpage) .layout-content p.rteindent4 {
        margin-left: 80px;
    }
    body:not(.path-frontpage) .layout-content p.rteindent5 {
        margin-left: 100px;
    }
}

body:not(.path-frontpage) h2:first-child{
	margin-top:10px;
}

body:not(.path-frontpage) .layout-content a{
    color:#F84E37;
    text-decoration: underline;
}
body:not(.path-frontpage) .layout-content a:hover{
    opacity:0.5;
}


.link{
    color:#046380;
}
.link:hover{
    opacity:0.5;
}

body:not(.path-frontpage) .layout-content ul{
    margin: 10px 0 10px 20px;
    padding: 0;
}
body:not(.path-frontpage) .layout-content li{
    margin: 7px 0 0 7px;
    padding: 0;
}

body:not(.path-frontpage) .layout-content ul li::marker{
  color: #FF7352;
}

.ptable{
    display: table;
    width: calc(100% - 10px);
}
.ptable-cell-l{
    display: table-cell;
    width: 40%;
}
.ptable-cell-c{
    display: table-cell;
    width: 25%;
}
.ptable-cell-r{
    display: table-cell;
    text-align: right;
    width: 35%;
}
@media screen and (max-width: 520px) { /* スマホ向け */
    .ptable{
        display: block;
        width: calc(100% - 10px);
    }
    .ptable-cell-l{
        display: block;
        width: auto;
    }
    .ptable-cell-c{
        display: block;
        width: auto;
        text-align: center;
    }
    .ptable-cell-r{
        display: block;
        width: auto;
    }
}

a[href$=".pdf"] { 
    background: url("../img/pdf_mark.png") 100% 0% no-repeat transparent;
    margin-right: 4px;
    padding-right: 18px;
}

/* フォーム（Webform）のステータスメッセージ */

.page-node-type-subscription-form .messages--status{
    background-color: #FFF;
    color: #000;
    border: none;
    background-image: none;
    box-shadow: none;
    padding: 1em;
}

/* トップページ（全体） */

.path-frontpage #block-hatsuhatsureg-page-title{
    display: none;
}

.path-frontpage .node__content{
    padding-top: 20px;
    display: table;
}
@media screen and (max-width: 767px) { /* スマホ向け */
    .path-frontpage .node__content{
        padding-top: 0;
        display: block;
    }
}

.path-frontpage .layout-content a,
.path-frontpage #block-header-parts a{
    color:#F84E37;
    border-bottom: 1px dotted #F84E37;
    text-decoration: none; /* underlineを消す */
}
.path-frontpage .layout-content a:hover,
.path-frontpage #block-header-parts a:hover{
    opacity:0.5;
}

/* トップページ（左側の列） */

.path-frontpage .node__content-left{
    width: 53%;
    display: table-cell;
    vertical-align: top;
}
@media screen and (max-width: 767px) { /* スマホ向け */
    .path-frontpage .node__content-left{
        display: block;
        width: auto;
        float: none;
    }
}

/* .path-frontpage {   */
/*     display: block;                            */
/*     width:453px;                               */
/* }                                              */
/* @media screen and (max-width:900px){           */
/*   .path-frontpage { */
/*     width:416px;                               */
/*   }                                            */
/* }                                              */
/* @media screen and (max-width:820px){           */
/*   .path-frontpage { */
/*     width:375px;                               */
/*   }                                            */
/* }                                              */
/* @media screen and (max-width:765px){           */
/*   .path-frontpage { */
/*     width:100%;                                */
/*   }                                            */
/* }                                              */

/* トップページ（左側の列：左上の画像） */

.path-frontpage  .field--name-field-img img{
    width: 100%;
    height: auto;
}

.path-frontpage  .toppage_year_place{
    display: block;
    position: relative;
    background-color:#945F42;
}

/* トップページ（左側の列：開催日） */

.path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    padding: 10px 20px 0 17px;
}

.path-frontpage  .toppage_year_place .toppage_year_place-md{
    margin: 0 10px 0 auto;
    display:table;

}

.path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start,
.path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
    display: inline-block;
    color: #fff;
    font-size: 27px;
    line-height: 1.3;
    padding: 0;
}
@media screen and (max-width: 900px) {
    .path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
        font-size: 21.6px;
    }
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start/*:not(:first-child)*/,
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
        font-size: 28.8px;
    }
}
@media screen and (max-width: 820px) {
    .path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
        font-size: 19.2px;
    }
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start/*:not(:first-child)*/,
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
        font-size: 25.6px;
    }
}
@media screen and (max-width: 740px) {
    .path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
        font-size: 16.8px;
    }
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start/*:not(:first-child)*/,
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
        font-size: 22.4px;
    }
}
@media screen and (max-width: 767px) { /* スマホ向け */
    .path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
        font-size: 24px;
    }
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start/*:not(:first-child)*/,
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
        font-size: 27px;
    }
}
@media screen and (max-width: 520px) { /* スマホ向け */
    .path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
        font-size: 21.6px;
    }
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start/*:not(:first-child)*/,
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
        font-size: 28.8px;
    }
}
@media screen and (max-width: 470px) { /* スマホ向け */
    .path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
        font-size: 19.2px;
    }
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start/*:not(:first-child)*/,
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
        font-size: 25.6px;
    }
}
@media screen and (max-width: 430px) { /* スマホ向け */
    .path-frontpage  .toppage_year_place > .field--name-field-the-date-start{
        font-size: 16.8px;
    }
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-start/*:not(:first-child)*/,
    .path-frontpage  .toppage_year_place .toppage_year_place-md .field--name-field-the-date-end{
        font-size: 22.4px;
    }
}

/* トップページ（左側の列：会場） */

.path-frontpage  .toppage_place{
    background-color: #7FBDAC;
    /* padding: 0 25px 10px; */
    color: #000;
    font-size: 1.3em;
    overflow:show;
    position:relative;
    height:1px;
}

@media (max-width:900px){
  .path-frontpage  .toppage_place{
    font-size:1.1em;
  }
}


.toppage_place__inner{
    display:table;
    /* background-color: #F4B2BA; */
    background:#fff;
    color: #356242;
    padding:2px 10px 0px;
    float:right;
    position:absolute;
    z-index:10;
    top:10px;
    right:15px;
    font-size:0.88em;
}

@media (max-width:480px){
  .path-frontpage  .toppage_place{
    height:auto;
    width:100%;
    background:#E4C483;
  }
  .toppage_place__inner{
    position:relative;
    top:0;
    right:0;
    float:none;
  }
}


.path-frontpage  .toppage_place .toppage_place-label,
.path-frontpage  .toppage_place .field--name-field-place,
.path-frontpage  .toppage_place .field--name-field-place .field__item{
    display: inline-block;
    vertical-align:top;
}

/* トップページ（左側の列：申込期間） */

.path-frontpage  .toppage_moushikomi{
    /* background-color: #F4B2BA; */
    /* background:#EEEB58; */
    background:#F4D1B2;
    /* background:#2D8CC8; */
    /* color: #ffffff; */
    color: #582F14;
    font-size: 12px;
    line-height: 1.6;
    padding: 5px 20px;
}

.path-frontpage  .toppage_moushikomi-label{
    /*（なし）*/
}

.path-frontpage  .toppage_moushikomi-date{
    text-align: right;
}

.path-frontpage  .toppage_moushikomi .field--name-field-application-start,
.path-frontpage  .toppage_moushikomi .field--name-field-application-start .field__item,
.path-frontpage  .toppage_moushikomi .field--name-field-application-end,
.path-frontpage  .toppage_moushikomi .field--name-field-application-end .field__item{
    display: inline-block;
}

/* トップページ（左側の列：ご挨拶） */

.path-frontpage  .field--name-field-greeting{
    padding: 10px 0 0 0;
}
@media screen and (max-width: 767px) { /* スマホ向け */
    .path-frontpage  .field--name-field-greeting{
        padding-bottom: 20px;
    }
}

/* トップページ（右側の列） */

.path-frontpage .node__content-right{
    width: 47%;
    display: table-cell;
    vertical-align: top;
}
@media screen and (max-width: 767px) { /* スマホ向け */
    .path-frontpage .node__content-right{
        display: block;
        width: auto;
        float: none;
    }
}

.path-frontpage .node__content-right-wrapper{
    display: block;
    margin-left: 13px;
}

/* トップページ（右側の列：新着情報） */
.path-frontpage .block-views-blocknews-view-block-1{
  margin-top:0;
  margin-left:10px;
}

.path-frontpage .block-views-blocknews-view-block-1 h2{
    margin:0;
    background: #96897A;
    color: #ffffff;
    padding: 2px 0 1px 10px;
    font-size: 14px;
    line-height: 2;
    text-align: center;
    text-shadow:none;
}

.path-frontpage .block-views-blocknews-view-block-1 .view-content{
    height: 575px; /* 注意：650pxはポスターの縦サイズ */
    overflow: auto;
    background-color: #F3F0E8;
}
@media screen and (max-width: 767px) {

    .path-frontpage .block-views-blocknews-view-block-1{
      margin-left:0;
    }
    .path-frontpage .block-views-blocknews-view-block-1 .view-content{
        height: auto;
    }
}



.path-frontpage .block-views-blocknews-view-block-1 .view-content .views-row{
    font-size: 14px;
    padding: 10px 6px 10px 10px;
}

/* トップページ（右側の列：地図） */
/* （参考）縦横比を維持する https://wreath-ent.co.jp/blog-3560/ */

.path-frontpage .field--name-field-map{ /* 縦横比を維持（position） */
    position: relative;
    margin-top: 6px;
    bottom: 0;
}

.path-frontpage .field--name-field-map::before{ /* 縦横比を維持（content,display,padding-top） */
    content: "";
    display: block;
    /* padding-top: calc(250 / 385 * 100%); */
}

.path-frontpage .field--name-field-map iframe{ /* 縦横比を維持（position,top,left,width,height） */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* トップページ（右側の列：大きな地図、キャンパスマップ） */

.path-frontpage .block-field-blocknodetoppagefield-addition{
  margin-left:10px;
}
@media screen and (max-width:767px){
  .path-frontpage .block-field-blocknodetoppagefield-addition{
    margin-left:0;
  }
}

.path-frontpage .field--name-field-largemap,
.path-frontpage .field--name-field-campusmap{
    text-align: right;
    line-height: 2;
}

/* ●▲■大会本体向け ここまで●▲■ */

/* フッター --------------------------------------------------------- */

/* フッター */

#block-footer-parts .field--name-body{
    background-color: #FDE9C8;
    color: #333;
    padding: 10px 20px;

    overflow: hidden;
}

#block-footer-parts a{
    color: #F84E37;
    text-decoration: none;
    border-bottom: 1px dotted #F84E37;
}
#block-footer-parts a:hover{
    color: #bbb;
}

/* コピーライト表示 */

#block-copyright-parts{
	background-color: #F9C391;
	color: #666;
	text-align: center;
	font-size: 9px;
	padding-top: 5px;
	line-height: 2;
	vertical-align: bottom;
  padding-bottom:5px;
}

#block-footer-parts .mailto{
  color:#fff;
}

.node__content img{
  max-width:100%;
}

.nowrap-pc{
  white-space:nowrap;
}
@media (max-width:900px){
  .nowrap-pc{
    white-space:normal;
  }
}

.contenttable{
  display: table;
  width: calc(100% - 10px);
}
.contenttable caption{
  text-align:left;
}

.contenttable th{
  padding:5px;
  background:#4269AC;
  color:#fff;
}
.contenttable td{
  padding:5px;
}

.booklink {
  width: calc(100% - 4px);
  /* border: 2px solid #EFDD4D; */
  /* color: #c02060 !important; */
  background:#FFF7F5;
  /* color:#2D8CC8; */
  border:2px solid #FF4D35;
  color:#FF4D35;
  display: block;
  text-align: center;
  padding: 5px 0 !important;
  margin:5px 0 20px 0;
  font-size: 1.3em;
  /* background:none !important; */
}

.booklink:not(.is_none):hover {
  background:#c02060 !important;
  color:#fff !important;
}


.ext{
  margin-right:1em;
}
.ext::after{
  padding-right:1em;
  content:"";
  background-image:url('/congress/24/themes/hatsuhatsureg/img/extlink.svg');
  background-repeat:no-repeat;
}

.block-field-blocknodetoppagefield-addition .ext{
  margin:0 0 0 auto;
  display:table;
}

/*22*/
.host_member{
  display:flex;
  gap:5px;
}

.host_member dt{
  white-space:nowrap;
}

.host_member dd{
  margin-left:0;
}
.datetime{
  font-size:1.6rem;
}
.datetime-sub{
  font-size:1.0rem;
}

.txt-right{
  text-align:right;
}

.mt1{
  margin-top:1em;
}

.greeting{
  font-size:1.2em;
  margin-bottom:1em;
}

.caption > figcaption{
  text-align:center;
}