@charset "UTF-8";

:root {
  --main-color-orange: #BDE0FF;
  /* --main-color-orange: #1eb9ee; */
  --main-color-brown: #2DA158;
  /* --main-color-brown: #BDE0FF; */
  --main-font-sm: 16px;
  --main-font-md: 24px;
  --main-font-lg: 32px;
  --main-mg-inline-sm: 12px;
  --main-width-outer: 1332px;
  --main-width-container: 1132px;
}


html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}

.l-takoru-tvoexpo {
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-feature-settings: "palt";
  font-size: var(--main-font-sm);
  /* Root */
}

.l-takoru-tvoexpo h1,
.l-takoru-tvoexpo h2,
.l-takoru-tvoexpo h3,
.l-takoru-tvoexpo h4,
.l-takoru-tvoexpo ul,
.l-takoru-tvoexpo ol,
.l-takoru-tvoexpo dl,
.l-takoru-tvoexpo li,
.l-takoru-tvoexpo dt,
.l-takoru-tvoexpo dd,
.l-takoru-tvoexpo p,
.l-takoru-tvoexpo div,
.l-takoru-tvoexpo span,
.l-takoru-tvoexpo img,
.l-takoru-tvoexpo a,
.l-takoru-tvoexpo table,
.l-takoru-tvoexpo tr,
.l-takoru-tvoexpo th,
.l-takoru-tvoexpo td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

.l-takoru-tvoexpo article,
.l-takoru-tvoexpo header,
.l-takoru-tvoexpo footer,
.l-takoru-tvoexpo main,
.l-takoru-tvoexpo aside,
.l-takoru-tvoexpo figure,
.l-takoru-tvoexpo figcaption,
.l-takoru-tvoexpo nav,
.l-takoru-tvoexpo section {
  display: block;
}

.l-takoru-tvoexpo ol,
.l-takoru-tvoexpo ul {
  list-style: none;
  list-style-type: none;
}

.l-takoru-tvoexpo *,
.l-takoru-tvoexpo *::before,
.l-takoru-tvoexpo *::after {
  box-sizing: border-box;
}

.l-takoru-tvoexpo a,
.l-takoru-tvoexpo area,
.l-takoru-tvoexpo button,
.l-takoru-tvoexpo [role="button"],
.l-takoru-tvoexpo input:not([type=range]),
.l-takoru-tvoexpo label,
.l-takoru-tvoexpo select,
.l-takoru-tvoexpo summary,
.l-takoru-tvoexpo textarea {
  touch-action: manipulation;
}

.l-takoru-tvoexpo table {
  border-collapse: collapse;
}

.l-takoru-tvoexpo a {
  text-decoration: none;
}

.l-takoru-tvoexpo a:link {
  text-decoration: none;
}

.l-takoru-tvoexpo figure {
  margin: 0;
}

.l-takoru-tvoexpo img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.l-takoru-tvoexpo video {
  vertical-align: bottom;
}

.l-takoru-tvoexpo a {
  color: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
}

.l-takoru-tvoexpo figure {
  margin: 0;
}

.l-takoru-tvoexpo img {
  max-width: 100%;
}

.l-takoru-tvoexpo .u-lg-visible {
  display: none;
}

.l-takoru-tvoexpo .u-fz-sm {
  font-size: var(--main-font-sm);
}

.l-takoru-tvoexpo .u-fz-md {
  font-size: var(--main-font-md);
}

.l-takoru-tvoexpo .u-fz-lg {
  font-size: var(--main-font-lg);
}


.l-takoru-tvoexpo {
  background-color: var(--main-color-orange);
  line-height: 1;
  padding: 28px 12px 80px;
}

.l-takoru-tvoexpo .p-takoru-tvoexpo__in {
  margin-inline: auto;
  max-width: var(--main-width-outer);
}

.l-takoru-tvoexpo>*:last-of-type {
  /*margin-bottom: 80px;*/
}

.l-takoru-tvoexpo .l-header {

}

.l-takoru-tvoexpo .p-header__in {
  background-color: #fff;
  box-shadow: inset 0 8px 6px -6px rgba(0, 0, 0, .25);
  margin-inline: auto;
  padding: 40px 16px;
}

.l-takoru-tvoexpo .p-header__img {
  text-align: center;
}

.l-takoru-tvoexpo .p-header__summary {
  margin-top: 40px;
}

.l-takoru-tvoexpo .p-header-summary__dt {
  background-color: #000;
  color: #fff;
  font-size: var(--main-font-md);
  padding: 12px;
  text-align: center;
}


.l-takoru-tvoexpo .p-header-summary__dt:nth-of-type(n+2) {
  margin-top: 30px;
}

.l-takoru-tvoexpo .p-header-summary__dd {
  margin-top: 20px;
  line-height: 1.25;
  text-align: center;
}

.l-takoru-tvoexpo .p-header-summary__note{
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
  font-size: 85%;
  margin-top: 1em;
}

.l-takoru-tvoexpo .p-both-ends__heading{
  background-color: var( --main-color-brown );
  padding: 20px 12px;
  max-width: var(--main-width-outer);
}

.l-takoru-tvoexpo .p-both-ends__heading--header{
  border-radius: 10px 10px 0 0;
}

.l-takoru-tvoexpo .p-both-ends__heading--footer{
  border-radius: 0 0 10px 10px;
}

.l-takoru-tvoexpo .p-both-ends__heading-content{
  text-align: center;
  color: #fff;
}

.l-takoru-tvoexpo .p-both-ends__heading--belt{
  background-color: var( --main-color-brown );
  display: inline-block;
  margin-block: 20px 12px;
  padding: 6px;
  color: white;
}

.l-takoru-tvoexpo .p-both-ends__heading-text{
  display: inline-block;
  font-size: 20px;
  line-height: 1.3;
  padding-inline: 2.5em;
  position: relative;
}

.l-takoru-tvoexpo .p-both-ends__heading-text::before{
  border: 1px solid;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  transform: rotate(45deg);
  top: 50%;
  width: 2.5em;
}

.l-takoru-tvoexpo .p-both-ends__heading-text::after{
  border: 1px solid;
  content: "";
  display: block;
  right: 0;
  position: absolute;
  transform: rotate(135deg);
  top: 50%;
  width: 2.5em;
}

.l-takoru-tvoexpo .p-both-ends__heading--footer{
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
}

.l-takoru-tvoexpo .p-both-ends__heading--footer .p-both-ends__heading-text::before{
  transform: rotate(-45deg);
}

.l-takoru-tvoexpo .p-both-ends__heading--footer .p-both-ends__heading-text::after{
  transform: rotate(45deg);
}


.l-takoru-tvoexpo .p-both-ends__heading-text p:not([class]){
  line-height: 1.8;
}

.l-main{
  background-color: #fff;
  padding-block: 80px 120px;
}

.p-main__wrap{
  margin-inline: var(--main-mg-inline-sm);
}

.p-main__heading-content span:not([class]):nth-of-type(n+2){
  margin-top: 16px;
}

.l-takoru-tvoexpo .p-main-content__in{
  margin-inline: var(--main-mg-inline-sm);
  margin-inline: auto;
  max-width: 1132px;
  padding-inline: 16px;
}

.l-takoru-tvoexpo .p-main-content__in:nth-of-type(n+2){
  margin-top: 120px;
}

.l-takoru-tvoexpo .p-main__heading{
  background-color: var( --main-color-brown );
  border-radius: 10px;
  padding: 20px 12px;
}

.l-takoru-tvoexpo .p-main__heading-image{
  text-align: center;
}

.l-takoru-tvoexpo .p-main__heading-image--takoru{
  margin-top: -20px;
}

.l-takoru-tvoexpo .p-main__heading-image img{
  max-width: 150px;
}

.l-takoru-tvoexpo .p-main__heading-content span{
  display: block;
  color: #fff;
}

.l-takoru-tvoexpo .p-main__heading-title{
  font-size: var(--main-font-md);
  margin-top: 8px;
  color: #fff;
  
}

.l-takoru-tvoexpo .p-main__heading-note{
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  margin: 8px auto auto;
  max-width: max-content;
  text-align: left;
  
}

.p-main__heading-content{
  text-align: center;
}

.l-takoru-tvoexpo .p-main__grid{
  display: grid;
  gap: 32px;
}

.l-takoru-tvoexpo .p-main__grid--col-1{
  grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;
}

.l-takoru-tvoexpo .p-main__grid--col-2{
  grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;
}

.l-takoru-tvoexpo .p-main__grid--col-3{
  grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;
}

.l-takoru-tvoexpo .p-main__grid--col-4{
  grid-template-columns: repeat( auto-fill, minmax(300px,1fr) ) ;
}

.l-takoru-tvoexpo .p-main__heading + .p-main__grid{
  margin-top: 40px;
}

.p-main__grid-item{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.p-main__grid-item-withborder{
  border-radius: 20px;
  background-color: var(--main-color-orange);
}

.l-takoru-tvoexpo .p-main__grid-container{
  background-color: var(--main-color-orange);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  /* height: 100%; */
  padding: 12px;
}
.l-takoru-tvoexpo .p-main__grid-container-reversecolor{
  background-color: var(--main-color-brown);
}

.l-takoru-tvoexpo .p-main__grid-title{
  color: #333;
  line-height: 1.3;
  text-align: center;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.l-takoru-tvoexpo .p-main__grid-title-reversecolor{
  color: #fff;
}

.l-takoru-tvoexpo .p-main__grid-title--sm{
  font-size: 14px;
  font-weight: 700;
}

.l-takoru-tvoexpo .p-main__grid-subtitle{
  line-height: 1.0;
  text-align: center;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.p-main__grid-image{
  text-align: center;
}

.l-takoru-tvoexpo .p-main__grid-text p:not([class]){
  line-height: 1.4;
  text-align: center;
  font-family: sans-serif;
  font-weight: 700;
}
.l-takoru-tvoexpo .p-main__grid-text-reversecolor p:not([class]){
  color: #fff;
}

.l-takoru-tvoexpo .p-main__grid-text--belt{
  background-color: var(--main-color-brown);
  border-radius: 5px;
  padding: 6px;
  text-align: center;
  font-family: sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}
.l-takoru-tvoexpo .p-main__grid-text--beltnotice{
  border-radius: 2rem;
}

.l-takoru-tvoexpo .p-main__grid-text--belt:first-child + *{
  /* margin-top: 8px; */
}

.l-takoru-tvoexpo .p-main__grid-text--belt:nth-child(n+2){
  /* margin-top: 16px; */
}

.l-takoru-tvoexpo .p-main__grid-text--belt + .p-main__grid-text--belt{
  /* margin-top: 8px; */
}

.l-takoru-tvoexpo .p-main__grid-note{
  font-family: sans-serif;
  font-size: 13px;
  line-height: 1.0;
}
.l-takoru-tvoexpo .p-main__grid-note a{
  display: inline-block;
  margin: 1rem 0;
  text-decoration: underline;
}

.l-takoru-tvoexpo .p-main__heading + .p-main__takoru-table{
  margin: 40px auto auto;
  max-width: max-content;
}

.l-takoru-tvoexpo .p-main__takoru-table-time{
  margin-top: 16px;
}

.l-takoru-tvoexpo .p-main__takoru-table-image{
  text-align: center;
}

.l-takoru-tvoexpo .p-main__takoru-table-dl{
  background-color: var(--main-color-orange);
  border-radius: 10px;
  margin-top: 16px;
  padding: 24px 12px;
}

.l-takoru-tvoexpo .p-main__takoru-table-dt{
  color: #333;
  font-size: 24px;
  text-align: center;
}

.l-takoru-tvoexpo .p-main__takoru-table-dd + .p-main__takoru-table-dt{
  margin-top: 24px;
}

.l-takoru-tvoexpo .p-main__takoru-table--belt{
  background-color: var(--main-color-brown);
  display: block;
  font-size: 20px;
  margin-top: 8px;
  padding: 8px;
  text-align: center;
  line-height: 1.4;
}

.l-takoru-tvoexpo .p-main__takoru-table-subhead{
  text-align: center;
}

.l-takoru-tvoexpo .p-main__takoru-table-photo{
  margin-inline: 12px;
}

.l-takoru-tvoexpo .p-main__takoru-table-photo img{
  transform: rotate(-5deg);
  border: 12px solid #f9f9f9;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, .125);
}

.l-takoru-tvoexpo .p-main__takoru-table-note{
  line-height: 1.8;
  margin-top: 16px;
}

.l-takoru-tvoexpo .l-footer{
}

.l-takoru-tvoexpo .c-footer__banner{
  margin: 80px auto;
  text-align: center;
  width: 100%;
  border: solid 6px #fff;
  /* border: solid 6px #EF6C34; */
  border-radius: 20px;
}
.l-takoru-tvoexpo .c-footer__banner img{
  border-radius: 14px;
}

@media (min-width: 1024px) {

  :root {
    --main-font-sm: 18px;
    --main-font-md: 30px;
    --main-font-lg: 60px;
  }


  .l-takoru-tvoexpo  .u-lg-visible {
    display: unset;
  }

  .l-takoru-tvoexpo .u-sm-visible {
    display: none;
  }

  .l-takoru-tvoexpo {
    padding-bottom: 160px;
  }

  .l-header {
    margin-inline: auto;
  }

  .p-header__in {
    display: flex;
    gap: 72px;
    justify-content: center;
  }

  .l-takoru-tvoexpo{
    
    padding-top: 50px;
  }

  .l-takoru-tvoexpo .p-header__img {
    flex: 0 1 344px;
  }

  .l-takoru-tvoexpo .p-header__summary {
    flex: 0 0 auto;
    margin-top: 0;
    max-width: max-content;
  }

  .l-takoru-tvoexpo .p-header-summary__dl {
    align-items: flex-start;
    display: grid;
    gap: 40px 20px;
    grid-template-columns: calc(var( --main-font-md ) * 2.5 + 40px) 1fr;
    max-width: max-content;
  }

  .l-takoru-tvoexpo .p-header-summary__dt,
  .l-takoru-tvoexpo .p-header-summary__dd{
    margin-top: 0;
    max-width: max-content;
    text-align: left;
  }

  .l-takoru-tvoexpo .p-header-summary__dt {
    padding: 20px;
  }

  .l-takoru-tvoexpo .p-header-summary__dt:nth-of-type(n+2) {
    margin-top: 0;
  }

  .l-takoru-tvoexpo .p-header-summary__dt::after {
    /* content: ":"; */
  }

  .l-takoru-tvoexpo .p-both-ends__heading{
  }

  .p-main__heading-content{
    text-align: left;
  }

  .l-takoru-tvoexpo .p-both-ends__heading-text{
    font-size: var(--main-font-md);
    padding-inline: 1.2em;
  }
  
  .l-takoru-tvoexpo .p-both-ends__heading-text::before{
    width: 1.2em;
  }
  
  .l-takoru-tvoexpo .p-both-ends__heading-text::after{
    width: 1.2em;
  }

  .l-takoru-tvoexpo .p-main__heading-image{
    max-width: 150px;
  }

  .l-takoru-tvoexpo .p-main__heading-image--takoru{
    margin-bottom: -20px;
  }

  .l-takoru-tvoexpo .p-main__heading{
    align-items: center;
    display: flex;
    gap: 32px;
  }

  .l-takoru-tvoexpo .p-main__heading-note{
    max-width: 100%;
  }

  .l-takoru-tvoexpo .p-main__grid{
    gap: 72px 7%;
  }

  .l-takoru-tvoexpo .p-main__grid--col-1{
  }

  .l-takoru-tvoexpo .p-main__grid--col-2{
    gap: 72px 5.000%;
    grid-template-columns: repeat(2, 1fr);
    margin-inline: auto;
    max-width: 960px;
  }

  .l-takoru-tvoexpo .p-main__grid--col-3{
    grid-template-columns: repeat(3, 1fr);
    gap: 72px 7%;
  }

  .l-takoru-tvoexpo .p-main__grid--col-4{
    grid-template-columns: repeat(4, 1fr);
    gap: 72px 7%;
  }

  .l-takoru-tvoexpo .p-main__grid-title{
    font-size: var(--main-font-sm);
  }

  .l-takoru-tvoexpo .p-main__takoru-table{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
  }

  .l-takoru-tvoexpo .p-main__takoru-table-image{
    flex: 0 0 auto;
  }

  .l-takoru-tvoexpo .p-main__takoru-table-time{
    flex: 0 0 auto;
    margin-top: 0;
  }

  .l-takoru-tvoexpo .p-main__takoru-table-subhead{
    text-align: left;
  }

  .l-takoru-tvoexpo .p-main__takoru-table-dl{
    position: relative;
    z-index: 1;
  }

  .l-takoru-tvoexpo .p-main__takoru-table-dt{
    font-size: 32px;
  }

  .l-takoru-tvoexpo .p-main__takoru-table--belt{
    background-color: var(--main-color-brown);
    display: block;
    font-size: 28px;
    padding: 8px 4px;
    color: #fff;
  }

  .l-takoru-tvoexpo .p-main__takoru-table-photo{
    margin-left: -72px;
  }

  .l-takoru-tvoexpo .p-main__takoru-table-photo img{
    max-width: 336px;
  }
  .l-takoru-tvoexpo .c-footer__banner{
    width: 85%;
  }
  

}

/*# sourceMappingURL=main.css.map */